{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/pages/TimelineDemo.js\";\n\nimport React from 'react';\nimport { Button } from 'primereact/button';\nimport { Card } from 'primereact/card';\nimport { Timeline } from 'primereact/timeline';\nimport classNames from 'classnames';\n\nvar TimelineDemo = function TimelineDemo() {\n  var customEvents = [{\n    status: 'Ordered',\n    date: '15/10/2020 10:30',\n    icon: 'pi pi-shopping-cart',\n    color: '#9C27B0',\n    image: 'game-controller.jpg'\n  }, {\n    status: 'Processing',\n    date: '15/10/2020 14:00',\n    icon: 'pi pi-cog',\n    color: '#673AB7'\n  }, {\n    status: 'Shipped',\n    date: '15/10/2020 16:15',\n    icon: 'pi pi-envelope',\n    color: '#FF9800'\n  }, {\n    status: 'Delivered',\n    date: '16/10/2020 10:00',\n    icon: 'pi pi-check',\n    color: '#607D8B'\n  }];\n  var horizontalEvents = ['2020', '2021', '2022', '2023'];\n\n  var customizedContent = function customizedContent(item) {\n    return /*#__PURE__*/React.createElement(Card, {\n      title: item.status,\n      subTitle: item.date,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 13\n      }\n    }, item.image && /*#__PURE__*/React.createElement(\"img\", {\n      src: \"assets/demo/images/product/\".concat(item.image),\n      onError: function onError(e) {\n        return e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png';\n      },\n      alt: item.name,\n      width: 200,\n      className: \"shadow-2 mb-3\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 29,\n        columnNumber: 33\n      }\n    }), /*#__PURE__*/React.createElement(\"p\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 30,\n        columnNumber: 17\n      }\n    }, \"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!\"), /*#__PURE__*/React.createElement(Button, {\n      label: \"Read more\",\n      className: \"p-button-text\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 32,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  var customizedMarker = function customizedMarker(item) {\n    return /*#__PURE__*/React.createElement(\"span\", {\n      className: \"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-2\",\n      style: {\n        backgroundColor: item.color\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 13\n      }\n    }, /*#__PURE__*/React.createElement(\"i\", {\n      className: classNames('marker-icon', item.icon),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 40,\n        columnNumber: 17\n      }\n    }));\n  };\n\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: \"grid timeline-demo\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 12\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"col-12\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/React.createElement(\"div\", {\n    className: \"card\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 47,\n      columnNumber: 13\n    }\n  }, /*#__PURE__*/React.createElement(\"h4\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 48,\n      columnNumber: 17\n    }\n  }, \"Timeline\"), /*#__PURE__*/React.createElement(\"h5\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 17\n    }\n  }, \"Custom Timeline\"), /*#__PURE__*/React.createElement(Timeline, {\n    value: customEvents,\n    align: \"alternate\",\n    className: \"customized-timeline\",\n    marker: customizedMarker,\n    content: customizedContent,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 17\n    }\n  }), /*#__PURE__*/React.createElement(\"h5\", {\n    style: {\n      marginTop: '5em'\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 53,\n      columnNumber: 17\n    }\n  }, \"Horizontal - Alternate Align\"), /*#__PURE__*/React.createElement(Timeline, {\n    value: horizontalEvents,\n    layout: \"horizontal\",\n    align: \"alternate\",\n    content: function content(item) {\n      return item;\n    },\n    opposite: /*#__PURE__*/React.createElement(\"span\", {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 54,\n        columnNumber: 125\n      }\n    }, \"\\xA0\"),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 17\n    }\n  }))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n  return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(TimelineDemo, comparisonFn);","map":{"version":3,"names":["React","Button","Card","Timeline","classNames","TimelineDemo","customEvents","status","date","icon","color","image","horizontalEvents","customizedContent","item","e","target","src","name","customizedMarker","backgroundColor","marginTop","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/pages/TimelineDemo.js"],"sourcesContent":["import React from 'react';\nimport { Button } from 'primereact/button';\nimport { Card } from 'primereact/card';\nimport { Timeline } from 'primereact/timeline';\nimport classNames from 'classnames';\n\nconst TimelineDemo = () => {\n    const customEvents = [\n        {\n            status: 'Ordered',\n            date: '15/10/2020 10:30',\n            icon: 'pi pi-shopping-cart',\n            color: '#9C27B0',\n            image: 'game-controller.jpg'\n        },\n        { status: 'Processing', date: '15/10/2020 14:00', icon: 'pi pi-cog', color: '#673AB7' },\n        { status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-envelope', color: '#FF9800' },\n        { status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }\n    ];\n\n    const horizontalEvents = [\n        '2020', '2021', '2022', '2023'\n    ];\n\n\n    const customizedContent = (item) => {\n        return (\n            <Card title={item.status} subTitle={item.date}>\n                { item.image && <img src={`assets/demo/images/product/${item.image}`} onError={(e) => e.target.src = 'https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png'} alt={item.name} width={200} className=\"shadow-2 mb-3\" />}\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt\n                quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>\n                <Button label=\"Read more\" className=\"p-button-text\"></Button>\n            </Card>\n        );\n    };\n\n    const customizedMarker = (item) => {\n        return (\n            <span className=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-2\" style={{ backgroundColor: item.color }}>\n                <i className={classNames('marker-icon', item.icon)}></i>\n            </span>\n        );\n    };\n\n    return <div className=\"grid timeline-demo\">\n        <div className=\"col-12\">\n            <div className=\"card\">\n                <h4>Timeline</h4>\n\n                <h5>Custom Timeline</h5>\n                <Timeline value={customEvents} align=\"alternate\" className=\"customized-timeline\" marker={customizedMarker} content={customizedContent} />\n\n                <h5 style={{ marginTop: '5em' }}>Horizontal - Alternate Align</h5>\n                <Timeline value={horizontalEvents} layout=\"horizontal\" align=\"alternate\" content={(item) => item} opposite={<span>&nbsp;</span>} />\n            </div>\n        </div>\n    </div>\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n    return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(TimelineDemo, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"}