katoikia-app/web-ui/web-react/node_modules/.cache/babel-loader/04809b136ed42b01e92f6926a2d...

1 line
32 KiB
JSON

{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/ListDemo.js\";\n\nimport React, { useState, useEffect } from 'react';\nimport { DataView, DataViewLayoutOptions } from 'primereact/dataview';\nimport { Button } from 'primereact/button';\nimport { Dropdown } from 'primereact/dropdown';\nimport { Rating } from 'primereact/rating';\nimport { PickList } from 'primereact/picklist';\nimport { OrderList } from 'primereact/orderlist';\nimport { ProductService } from '../service/ProductService';\n\nvar ListDemo = function ListDemo() {\n var listValue = [{\n name: 'San Francisco',\n code: 'SF'\n }, {\n name: 'London',\n code: 'LDN'\n }, {\n name: 'Paris',\n code: 'PRS'\n }, {\n name: 'Istanbul',\n code: 'IST'\n }, {\n name: 'Berlin',\n code: 'BRL'\n }, {\n name: 'Barcelona',\n code: 'BRC'\n }, {\n name: 'Rome',\n code: 'RM'\n }];\n\n var _useState = useState(listValue),\n _useState2 = _slicedToArray(_useState, 2),\n picklistSourceValue = _useState2[0],\n setPicklistSourceValue = _useState2[1];\n\n var _useState3 = useState([]),\n _useState4 = _slicedToArray(_useState3, 2),\n picklistTargetValue = _useState4[0],\n setPicklistTargetValue = _useState4[1];\n\n var _useState5 = useState(listValue),\n _useState6 = _slicedToArray(_useState5, 2),\n orderlistValue = _useState6[0],\n setOrderlistValue = _useState6[1];\n\n var _useState7 = useState(null),\n _useState8 = _slicedToArray(_useState7, 2),\n dataviewValue = _useState8[0],\n setDataviewValue = _useState8[1];\n\n var _useState9 = useState('grid'),\n _useState10 = _slicedToArray(_useState9, 2),\n layout = _useState10[0],\n setLayout = _useState10[1];\n\n var _useState11 = useState(null),\n _useState12 = _slicedToArray(_useState11, 2),\n sortKey = _useState12[0],\n setSortKey = _useState12[1];\n\n var _useState13 = useState(null),\n _useState14 = _slicedToArray(_useState13, 2),\n sortOrder = _useState14[0],\n setSortOrder = _useState14[1];\n\n var _useState15 = useState(null),\n _useState16 = _slicedToArray(_useState15, 2),\n sortField = _useState16[0],\n setSortField = _useState16[1];\n\n var sortOptions = [{\n label: 'Price High to Low',\n value: '!price'\n }, {\n label: 'Price Low to High',\n value: 'price'\n }];\n useEffect(function () {\n var productService = new ProductService();\n productService.getProducts().then(function (data) {\n return setDataviewValue(data);\n });\n }, []);\n\n var onSortChange = function onSortChange(event) {\n var value = event.value;\n\n if (value.indexOf('!') === 0) {\n setSortOrder(-1);\n setSortField(value.substring(1, value.length));\n setSortKey(value);\n } else {\n setSortOrder(1);\n setSortField(value);\n setSortKey(value);\n }\n };\n\n var dataviewHeader = /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid grid-nogutter\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 56,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-6\",\n style: {\n textAlign: 'left'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(Dropdown, {\n value: sortKey,\n options: sortOptions,\n optionLabel: \"label\",\n placeholder: \"Sort By Price\",\n onChange: onSortChange,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 17\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-6\",\n style: {\n textAlign: 'right'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(DataViewLayoutOptions, {\n layout: layout,\n onChange: function onChange(e) {\n return setLayout(e.value);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 17\n }\n })));\n\n var dataviewListItem = function dataviewListItem(data) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex flex-column md:flex-row align-items-center p-3 w-full\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"assets/demo/images/product/\".concat(data.image),\n alt: data.name,\n className: \"my-4 md:my-0 w-9 md:w-10rem shadow-2 mr-5\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex-1 text-center md:text-left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"font-bold text-2xl\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 25\n }\n }, data.name), /*#__PURE__*/React.createElement(\"div\", {\n className: \"mb-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 25\n }\n }, data.description), /*#__PURE__*/React.createElement(Rating, {\n value: data.rating,\n readonly: true,\n cancel: false,\n className: \"mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex align-items-center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pi pi-tag mr-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 29\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"font-semibold\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 29\n }\n }, data.category))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex flex-row md:flex-column justify-content-between w-full md:w-auto align-items-center md:align-items-end mt-5 md:mt-0\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"text-2xl font-semibold mb-2 align-self-center md:align-self-end\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 25\n }\n }, \"$\", data.price), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-shopping-cart\",\n label: \"Add to Cart\",\n disabled: data.inventoryStatus === 'OUTOFSTOCK',\n className: \"mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"product-badge status-\".concat(data.inventoryStatus.toLowerCase()),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 25\n }\n }, data.inventoryStatus))));\n };\n\n var dataviewGridItem = function dataviewGridItem(data) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-4\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card m-3 border-1 surface-border\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex align-items-center justify-content-between\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex align-items-center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pi pi-tag mr-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 29\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n className: \"font-semibold\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 29\n }\n }, data.category)), /*#__PURE__*/React.createElement(\"span\", {\n className: \"product-badge status-\".concat(data.inventoryStatus.toLowerCase()),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 25\n }\n }, data.inventoryStatus)), /*#__PURE__*/React.createElement(\"div\", {\n className: \"text-center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"assets/demo/images/product/\".concat(data.image),\n alt: data.name,\n className: \"w-9 shadow-2 my-3 mx-0\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"text-2xl font-bold\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 25\n }\n }, data.name), /*#__PURE__*/React.createElement(\"div\", {\n className: \"mb-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 25\n }\n }, data.description), /*#__PURE__*/React.createElement(Rating, {\n value: data.rating,\n readonly: true,\n cancel: false,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex align-items-center justify-content-between\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"span\", {\n className: \"text-2xl font-semibold\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 25\n }\n }, \"$\", data.price), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-shopping-cart\",\n disabled: data.inventoryStatus === 'OUTOFSTOCK',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 109,\n columnNumber: 25\n }\n }))));\n };\n\n var itemTemplate = function itemTemplate(data, layout) {\n if (!data) {\n return;\n }\n\n if (layout === 'list') {\n return dataviewListItem(data);\n } else if (layout === 'grid') {\n return dataviewGridItem(data);\n }\n };\n\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid list-demo\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 131,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 133,\n columnNumber: 21\n }\n }, \"DataView\"), /*#__PURE__*/React.createElement(DataView, {\n value: dataviewValue,\n layout: layout,\n paginator: true,\n rows: 9,\n sortOrder: sortOrder,\n sortField: sortField,\n itemTemplate: itemTemplate,\n header: dataviewHeader,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 134,\n columnNumber: 21\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-8\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 138,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 139,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 140,\n columnNumber: 21\n }\n }, \"PickList\"), /*#__PURE__*/React.createElement(PickList, {\n source: picklistSourceValue,\n target: picklistTargetValue,\n sourceHeader: \"From\",\n targetHeader: \"To\",\n itemTemplate: function itemTemplate(item) {\n return /*#__PURE__*/React.createElement(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 141,\n columnNumber: 151\n }\n }, item.name);\n },\n onChange: function onChange(e) {\n setPicklistSourceValue(e.source);\n setPicklistTargetValue(e.target);\n },\n sourceStyle: {\n height: '200px'\n },\n targetStyle: {\n height: '200px'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 141,\n columnNumber: 21\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-4\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 146,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 148,\n columnNumber: 21\n }\n }, \"OrderList\"), /*#__PURE__*/React.createElement(OrderList, {\n value: orderlistValue,\n listStyle: {\n height: '200px'\n },\n className: \"p-orderlist-responsive\",\n rows: 10,\n header: \"Cities\",\n itemTemplate: function itemTemplate(item) {\n return /*#__PURE__*/React.createElement(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 149,\n columnNumber: 172\n }\n }, item.name);\n },\n onChange: function onChange(e) {\n return setOrderlistValue(e.value);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 149,\n columnNumber: 21\n }\n }))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(ListDemo, comparisonFn);","map":{"version":3,"names":["React","useState","useEffect","DataView","DataViewLayoutOptions","Button","Dropdown","Rating","PickList","OrderList","ProductService","ListDemo","listValue","name","code","picklistSourceValue","setPicklistSourceValue","picklistTargetValue","setPicklistTargetValue","orderlistValue","setOrderlistValue","dataviewValue","setDataviewValue","layout","setLayout","sortKey","setSortKey","sortOrder","setSortOrder","sortField","setSortField","sortOptions","label","value","productService","getProducts","then","data","onSortChange","event","indexOf","substring","length","dataviewHeader","textAlign","e","dataviewListItem","image","description","rating","category","price","inventoryStatus","toLowerCase","dataviewGridItem","itemTemplate","item","source","target","height","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/ListDemo.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { DataView, DataViewLayoutOptions } from 'primereact/dataview';\nimport { Button } from 'primereact/button';\nimport { Dropdown } from 'primereact/dropdown';\nimport { Rating } from 'primereact/rating';\nimport { PickList } from 'primereact/picklist';\nimport { OrderList } from 'primereact/orderlist';\nimport { ProductService } from '../service/ProductService';\n\nconst ListDemo = () => {\n const listValue = [\n { name: 'San Francisco', code: 'SF' },\n { name: 'London', code: 'LDN' },\n { name: 'Paris', code: 'PRS' },\n { name: 'Istanbul', code: 'IST' },\n { name: 'Berlin', code: 'BRL' },\n { name: 'Barcelona', code: 'BRC' },\n { name: 'Rome', code: 'RM' },\n ];\n\n const [picklistSourceValue, setPicklistSourceValue] = useState(listValue);\n const [picklistTargetValue, setPicklistTargetValue] = useState([]);\n const [orderlistValue, setOrderlistValue] = useState(listValue);\n const [dataviewValue, setDataviewValue] = useState(null);\n const [layout, setLayout] = useState('grid');\n const [sortKey, setSortKey] = useState(null);\n const [sortOrder, setSortOrder] = useState(null);\n const [sortField, setSortField] = useState(null);\n\n const sortOptions = [\n { label: 'Price High to Low', value: '!price' },\n { label: 'Price Low to High', value: 'price' }\n ];\n\n useEffect(() => {\n const productService = new ProductService();\n productService.getProducts().then(data => setDataviewValue(data));\n }, []);\n\n const onSortChange = (event) => {\n const value = event.value;\n\n if (value.indexOf('!') === 0) {\n setSortOrder(-1);\n setSortField(value.substring(1, value.length));\n setSortKey(value);\n }\n else {\n setSortOrder(1);\n setSortField(value);\n setSortKey(value);\n }\n };\n\n const dataviewHeader = (\n <div className=\"grid grid-nogutter\">\n <div className=\"col-6\" style={{ textAlign: 'left' }}>\n <Dropdown value={sortKey} options={sortOptions} optionLabel=\"label\" placeholder=\"Sort By Price\" onChange={onSortChange} />\n </div>\n <div className=\"col-6\" style={{ textAlign: 'right' }}>\n <DataViewLayoutOptions layout={layout} onChange={(e) => setLayout(e.value)} />\n </div>\n </div>\n );\n\n const dataviewListItem = (data) => {\n return (\n <div className=\"col-12\">\n <div className=\"flex flex-column md:flex-row align-items-center p-3 w-full\">\n <img src={`assets/demo/images/product/${data.image}`} alt={data.name} className=\"my-4 md:my-0 w-9 md:w-10rem shadow-2 mr-5\" />\n <div className=\"flex-1 text-center md:text-left\">\n <div className=\"font-bold text-2xl\">{data.name}</div>\n <div className=\"mb-3\">{data.description}</div>\n <Rating value={data.rating} readonly cancel={false} className=\"mb-2\"></Rating>\n <div className=\"flex align-items-center\">\n <i className=\"pi pi-tag mr-2\"></i>\n <span className=\"font-semibold\">{data.category}</span>\n </div>\n </div>\n <div className=\"flex flex-row md:flex-column justify-content-between w-full md:w-auto align-items-center md:align-items-end mt-5 md:mt-0\">\n <span className=\"text-2xl font-semibold mb-2 align-self-center md:align-self-end\">${data.price}</span>\n <Button icon=\"pi pi-shopping-cart\" label=\"Add to Cart\" disabled={data.inventoryStatus === 'OUTOFSTOCK'} className=\"mb-2\"></Button>\n <span className={`product-badge status-${data.inventoryStatus.toLowerCase()}`}>{data.inventoryStatus}</span>\n </div>\n </div>\n </div>\n );\n };\n\n const dataviewGridItem = (data) => {\n return (\n <div className=\"col-12 md:col-4\">\n <div className=\"card m-3 border-1 surface-border\">\n <div className=\"flex align-items-center justify-content-between\">\n <div className=\"flex align-items-center\">\n <i className=\"pi pi-tag mr-2\" />\n <span className=\"font-semibold\">{data.category}</span>\n </div>\n <span className={`product-badge status-${data.inventoryStatus.toLowerCase()}`}>{data.inventoryStatus}</span>\n </div>\n <div className=\"text-center\">\n <img src={`assets/demo/images/product/${data.image}`} alt={data.name} className=\"w-9 shadow-2 my-3 mx-0\" />\n <div className=\"text-2xl font-bold\">{data.name}</div>\n <div className=\"mb-3\">{data.description}</div>\n <Rating value={data.rating} readonly cancel={false} />\n </div>\n <div className=\"flex align-items-center justify-content-between\">\n <span className=\"text-2xl font-semibold\">${data.price}</span>\n <Button icon=\"pi pi-shopping-cart\" disabled={data.inventoryStatus === 'OUTOFSTOCK'} />\n </div>\n </div>\n </div>\n );\n };\n\n const itemTemplate = (data, layout) => {\n if (!data) {\n return;\n }\n\n if (layout === 'list') {\n return dataviewListItem(data);\n }\n else if (layout === 'grid') {\n return dataviewGridItem(data);\n }\n };\n\n return (\n <div className=\"grid list-demo\">\n <div className=\"col-12\">\n <div className=\"card\">\n <h5>DataView</h5>\n <DataView value={dataviewValue} layout={layout} paginator rows={9} sortOrder={sortOrder} sortField={sortField} itemTemplate={itemTemplate} header={dataviewHeader}></DataView>\n </div>\n </div>\n\n <div className=\"col-12 lg:col-8\">\n <div className=\"card\">\n <h5>PickList</h5>\n <PickList source={picklistSourceValue} target={picklistTargetValue} sourceHeader=\"From\" targetHeader=\"To\" itemTemplate={(item) => <div>{item.name}</div>}\n onChange={(e) => { setPicklistSourceValue(e.source); setPicklistTargetValue(e.target) }} sourceStyle={{ height: '200px' }} targetStyle={{ height: '200px' }}></PickList>\n </div>\n </div>\n\n <div className=\"col-12 lg:col-4\">\n <div className=\"card\">\n <h5>OrderList</h5>\n <OrderList value={orderlistValue} listStyle={{ height: '200px' }} className=\"p-orderlist-responsive\" rows={10} header=\"Cities\" itemTemplate={(item) => <div>{item.name}</div>}\n onChange={(e) => setOrderlistValue(e.value)}></OrderList>\n </div>\n </div>\n </div>\n )\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(ListDemo, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"}