1 line
45 KiB
JSON
1 line
45 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/OverlayDemo.js\";\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport { Dialog } from 'primereact/dialog';\nimport { Button } from 'primereact/button';\nimport { Sidebar } from 'primereact/sidebar';\nimport { Toast } from 'primereact/toast';\nimport { Column } from 'primereact/column';\nimport { DataTable } from 'primereact/datatable';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { InputText } from 'primereact/inputtext';\nimport { confirmPopup } from 'primereact/confirmpopup';\nimport { ProductService } from '../service/ProductService';\n\nvar OverlayDemo = function OverlayDemo() {\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n displayBasic = _useState2[0],\n setDisplayBasic = _useState2[1];\n\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n displayConfirmation = _useState4[0],\n setDisplayConfirmation = _useState4[1];\n\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n visibleLeft = _useState6[0],\n setVisibleLeft = _useState6[1];\n\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n visibleRight = _useState8[0],\n setVisibleRight = _useState8[1];\n\n var _useState9 = useState(false),\n _useState10 = _slicedToArray(_useState9, 2),\n visibleTop = _useState10[0],\n setVisibleTop = _useState10[1];\n\n var _useState11 = useState(false),\n _useState12 = _slicedToArray(_useState11, 2),\n visibleBottom = _useState12[0],\n setVisibleBottom = _useState12[1];\n\n var _useState13 = useState(false),\n _useState14 = _slicedToArray(_useState13, 2),\n visibleFullScreen = _useState14[0],\n setVisibleFullScreen = _useState14[1];\n\n var _useState15 = useState(null),\n _useState16 = _slicedToArray(_useState15, 2),\n products = _useState16[0],\n setProducts = _useState16[1];\n\n var _useState17 = useState(null),\n _useState18 = _slicedToArray(_useState17, 2),\n selectedProduct = _useState18[0],\n setSelectedProduct = _useState18[1];\n\n var op = useRef(null);\n var op2 = useRef(null);\n var toast = useRef(null);\n\n var accept = function accept() {\n toast.current.show({\n severity: 'info',\n summary: 'Confirmed',\n detail: 'You have accepted',\n life: 3000\n });\n };\n\n var reject = function reject() {\n toast.current.show({\n severity: 'error',\n summary: 'Rejected',\n detail: 'You have rejected',\n life: 3000\n });\n };\n\n var confirm = function confirm(event) {\n confirmPopup({\n target: event.currentTarget,\n message: 'Are you sure you want to proceed?',\n icon: 'pi pi-exclamation-triangle',\n accept: accept,\n reject: reject\n });\n };\n\n useEffect(function () {\n var productService = new ProductService();\n productService.getProductsSmall().then(function (data) {\n return setProducts(data);\n });\n }, []);\n\n var toggle = function toggle(event) {\n op.current.toggle(event);\n };\n\n var toggleDataTable = function toggleDataTable(event) {\n op2.current.toggle(event);\n };\n\n var formatCurrency = function formatCurrency(value) {\n return value.toLocaleString('en-US', {\n style: 'currency',\n currency: 'USD'\n });\n };\n\n var onProductSelect = function onProductSelect(event) {\n op2.current.hide();\n toast.current.show({\n severity: 'info',\n summary: 'Product Selected',\n detail: event.data.name,\n life: 3000\n });\n };\n\n var basicDialogFooter = /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"Dismiss\",\n onClick: function onClick() {\n return setDisplayBasic(false);\n },\n icon: \"pi pi-check\",\n className: \"p-button-secondary\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 31\n }\n });\n\n var imageBodyTemplate = function imageBodyTemplate(data) {\n return /*#__PURE__*/React.createElement(\"img\", {\n src: \"assets/demo/images/product/\".concat(data.image),\n alt: data.image,\n className: \"product-image\",\n width: \"100\",\n style: {\n boxShadow: '0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 41\n }\n });\n };\n\n var priceBodyTemplate = function priceBodyTemplate(data) {\n return formatCurrency(data.price);\n };\n\n var confirmationDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"No\",\n icon: \"pi pi-times\",\n onClick: function onClick() {\n return setDisplayConfirmation(false);\n },\n className: \"p-button-text\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"Yes\",\n icon: \"pi pi-check\",\n onClick: function onClick() {\n return setDisplayConfirmation(false);\n },\n className: \"p-button-text\",\n autoFocus: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 13\n }\n }));\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Toast, {\n ref: toast,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 25\n }\n }, \"Dialog\"), /*#__PURE__*/React.createElement(Dialog, {\n header: \"Dialog\",\n visible: displayBasic,\n style: {\n width: '30vw'\n },\n modal: true,\n footer: basicDialogFooter,\n onHide: function onHide() {\n return setDisplayBasic(false);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"p\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 29\n }\n }, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\")), /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"Show\",\n icon: \"pi pi-external-link\",\n onClick: function onClick() {\n return setDisplayBasic(true);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 33\n }\n })))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 99,\n columnNumber: 25\n }\n }, \"Overlay Panel\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid formgrid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"Image\",\n onClick: toggle,\n className: \"p-button-success\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 33\n }\n }), /*#__PURE__*/React.createElement(OverlayPanel, {\n ref: op,\n appendTo: document.body,\n showCloseIcon: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(\"img\", {\n src: \"images/nature/nature9.jpg\",\n alt: \"nature1\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 37\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"DataTable\",\n onClick: toggleDataTable,\n className: \"p-button-success\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 108,\n columnNumber: 33\n }\n }), /*#__PURE__*/React.createElement(OverlayPanel, {\n ref: op2,\n appendTo: document.body,\n showCloseIcon: true,\n id: \"overlay_panel\",\n style: {\n width: '450px'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 109,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(DataTable, {\n value: products,\n selection: selectedProduct,\n onSelectionChange: function onSelectionChange(e) {\n return setSelectedProduct(e.value);\n },\n selectionMode: \"single\",\n responsiveLayout: \"scroll\",\n paginator: true,\n rows: 5,\n onRowSelect: onProductSelect,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 37\n }\n }, /*#__PURE__*/React.createElement(Column, {\n field: \"name\",\n header: \"Name\",\n sortable: true,\n headerStyle: {\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 41\n }\n }), /*#__PURE__*/React.createElement(Column, {\n header: \"Image\",\n body: imageBodyTemplate,\n headerStyle: {\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 41\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"price\",\n header: \"Price\",\n body: priceBodyTemplate,\n sortable: true,\n headerStyle: {\n minWidth: '8rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 114,\n columnNumber: 41\n }\n }))))))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card p-fluid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 123,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 124,\n columnNumber: 25\n }\n }, \"Confirmation\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Delete\",\n icon: \"pi pi-trash\",\n className: \"p-button-danger\",\n onClick: function onClick() {\n return setDisplayConfirmation(true);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Dialog, {\n header: \"Confirmation\",\n visible: displayConfirmation,\n onHide: function onHide() {\n return setDisplayConfirmation(false);\n },\n style: {\n width: '350px'\n },\n modal: true,\n footer: confirmationDialogFooter,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex align-items-center justify-content-center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 127,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pi pi-exclamation-triangle mr-3\",\n style: {\n fontSize: '2rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 33\n }\n }), /*#__PURE__*/React.createElement(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 33\n }\n }, \"Are you sure you want to proceed?\")))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 133,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 134,\n columnNumber: 25\n }\n }, \"Sidebar\"), /*#__PURE__*/React.createElement(Sidebar, {\n visible: visibleLeft,\n onHide: function onHide() {\n return setVisibleLeft(false);\n },\n baseZIndex: 1000,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 135,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: {\n fontWeight: 'normal'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 136,\n columnNumber: 29\n }\n }, \"Left Sidebar\")), /*#__PURE__*/React.createElement(Sidebar, {\n visible: visibleRight,\n onHide: function onHide() {\n return setVisibleRight(false);\n },\n baseZIndex: 1000,\n position: \"right\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 139,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: {\n fontWeight: 'normal'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 140,\n columnNumber: 29\n }\n }, \"Right Sidebar\")), /*#__PURE__*/React.createElement(Sidebar, {\n visible: visibleTop,\n onHide: function onHide() {\n return setVisibleTop(false);\n },\n baseZIndex: 1000,\n position: \"top\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 143,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: {\n fontWeight: 'normal'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 144,\n columnNumber: 29\n }\n }, \"Top Sidebar\")), /*#__PURE__*/React.createElement(Sidebar, {\n visible: visibleBottom,\n onHide: function onHide() {\n return setVisibleBottom(false);\n },\n baseZIndex: 1000,\n position: \"bottom\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: {\n fontWeight: 'normal'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 148,\n columnNumber: 29\n }\n }, \"Bottom Sidebar\")), /*#__PURE__*/React.createElement(Sidebar, {\n visible: visibleFullScreen,\n onHide: function onHide() {\n return setVisibleFullScreen(false);\n },\n baseZIndex: 1000,\n fullScreen: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 151,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"h1\", {\n style: {\n fontWeight: 'normal'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 152,\n columnNumber: 29\n }\n }, \"Full Screen\")), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-arrow-right\",\n className: \"p-button-warning\",\n onClick: function onClick() {\n return setVisibleLeft(true);\n },\n style: {\n marginRight: '.25em'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 155,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-arrow-left\",\n className: \"p-button-warning\",\n onClick: function onClick() {\n return setVisibleRight(true);\n },\n style: {\n marginRight: '.25em'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 156,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-arrow-down\",\n className: \"p-button-warning\",\n onClick: function onClick() {\n return setVisibleTop(true);\n },\n style: {\n marginRight: '.25em'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 157,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-arrow-up\",\n className: \"p-button-warning\",\n onClick: function onClick() {\n return setVisibleBottom(true);\n },\n style: {\n marginRight: '.25em'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n icon: \"pi pi-external-link\",\n className: \"p-button-warning\",\n onClick: function onClick() {\n return setVisibleFullScreen(true);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\n columnNumber: 25\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 163,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 165,\n columnNumber: 25\n }\n }, \"Tooltip\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"formgroup-inline\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 167,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(InputText, {\n type: \"text\",\n placeholder: \"Username\",\n tooltip: \"Your username\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 168,\n columnNumber: 33\n }\n })), /*#__PURE__*/React.createElement(Button, {\n type: \"button\",\n label: \"Save\",\n icon: \"pi pi-check\",\n tooltip: \"Click to proceed\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\n columnNumber: 29\n }\n })))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 lg:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Toast, {\n ref: toast,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 178,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 179,\n columnNumber: 25\n }\n }, \"ConfirmPopup\"), /*#__PURE__*/React.createElement(Button, {\n onClick: confirm,\n icon: \"pi pi-check\",\n label: \"Confirm\",\n className: \"mr-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 180,\n columnNumber: 25\n }\n })))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(OverlayDemo, comparisonFn);","map":{"version":3,"names":["React","useState","useEffect","useRef","Dialog","Button","Sidebar","Toast","Column","DataTable","OverlayPanel","InputText","confirmPopup","ProductService","OverlayDemo","displayBasic","setDisplayBasic","displayConfirmation","setDisplayConfirmation","visibleLeft","setVisibleLeft","visibleRight","setVisibleRight","visibleTop","setVisibleTop","visibleBottom","setVisibleBottom","visibleFullScreen","setVisibleFullScreen","products","setProducts","selectedProduct","setSelectedProduct","op","op2","toast","accept","current","show","severity","summary","detail","life","reject","confirm","event","target","currentTarget","message","icon","productService","getProductsSmall","then","data","toggle","toggleDataTable","formatCurrency","value","toLocaleString","style","currency","onProductSelect","hide","name","basicDialogFooter","imageBodyTemplate","image","boxShadow","priceBodyTemplate","price","confirmationDialogFooter","width","document","body","e","minWidth","fontSize","fontWeight","marginRight","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/OverlayDemo.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { Dialog } from 'primereact/dialog';\nimport { Button } from 'primereact/button';\nimport { Sidebar } from 'primereact/sidebar';\nimport { Toast } from 'primereact/toast';\nimport { Column } from 'primereact/column';\nimport { DataTable } from 'primereact/datatable';\nimport { OverlayPanel } from 'primereact/overlaypanel';\nimport { InputText } from 'primereact/inputtext';\nimport { confirmPopup } from 'primereact/confirmpopup';\nimport { ProductService } from '../service/ProductService';\n\nconst OverlayDemo = () => {\n const [displayBasic, setDisplayBasic] = useState(false);\n const [displayConfirmation, setDisplayConfirmation] = useState(false);\n const [visibleLeft, setVisibleLeft] = useState(false);\n const [visibleRight, setVisibleRight] = useState(false);\n const [visibleTop, setVisibleTop] = useState(false);\n const [visibleBottom, setVisibleBottom] = useState(false);\n const [visibleFullScreen, setVisibleFullScreen] = useState(false);\n const [products, setProducts] = useState(null);\n const [selectedProduct, setSelectedProduct] = useState(null);\n const op = useRef(null);\n const op2 = useRef(null);\n const toast = useRef(null);\n\n const accept = () => {\n toast.current.show({ severity: 'info', summary: 'Confirmed', detail: 'You have accepted', life: 3000 });\n };\n\n const reject = () => {\n toast.current.show({ severity: 'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 });\n };\n\n const confirm = (event) => {\n confirmPopup({\n target: event.currentTarget,\n message: 'Are you sure you want to proceed?',\n icon: 'pi pi-exclamation-triangle',\n accept,\n reject\n });\n };\n\n useEffect(() => {\n const productService = new ProductService();\n productService.getProductsSmall().then(data => setProducts(data));\n }, []);\n\n const toggle = (event) => {\n op.current.toggle(event);\n };\n\n const toggleDataTable = (event) => {\n op2.current.toggle(event);\n };\n\n const formatCurrency = (value) => {\n return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\n };\n\n const onProductSelect = (event) => {\n op2.current.hide();\n toast.current.show({ severity: 'info', summary: 'Product Selected', detail: event.data.name, life: 3000 });\n };\n\n const basicDialogFooter = <Button type=\"button\" label=\"Dismiss\" onClick={() => setDisplayBasic(false)} icon=\"pi pi-check\" className=\"p-button-secondary\" />;\n const imageBodyTemplate = (data) => <img src={`assets/demo/images/product/${data.image}`} alt={data.image} className=\"product-image\" width=\"100\" style={{ boxShadow: '0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)' }} />;\n const priceBodyTemplate = (data) => formatCurrency(data.price);\n const confirmationDialogFooter = (\n <>\n <Button type=\"button\" label=\"No\" icon=\"pi pi-times\" onClick={() => setDisplayConfirmation(false)} className=\"p-button-text\" />\n <Button type=\"button\" label=\"Yes\" icon=\"pi pi-check\" onClick={() => setDisplayConfirmation(false)} className=\"p-button-text\" autoFocus />\n </>\n );\n\n return (\n <>\n <Toast ref={toast} />\n <div className=\"grid\">\n <div className=\"col-12 lg:col-6\">\n <div className=\"card p-fluid\">\n <h5>Dialog</h5>\n <Dialog header=\"Dialog\" visible={displayBasic} style={{ width: '30vw' }} modal footer={basicDialogFooter} onHide={() => setDisplayBasic(false)}>\n <p>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit\n in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n </p>\n </Dialog>\n <div className=\"grid\">\n <div className=\"col-12\">\n <Button type=\"button\" label=\"Show\" icon=\"pi pi-external-link\" onClick={() => setDisplayBasic(true)} />\n </div>\n </div>\n </div>\n <div className=\"card p-fluid\">\n <h5>Overlay Panel</h5>\n <div className=\"grid formgrid\">\n <div className=\"col-6\">\n <Button type=\"button\" label=\"Image\" onClick={toggle} className=\"p-button-success\" />\n <OverlayPanel ref={op} appendTo={document.body} showCloseIcon>\n <img src=\"images/nature/nature9.jpg\" alt=\"nature1\" />\n </OverlayPanel>\n </div>\n <div className=\"col-6\">\n <Button type=\"button\" label=\"DataTable\" onClick={toggleDataTable} className=\"p-button-success\" />\n <OverlayPanel ref={op2} appendTo={document.body} showCloseIcon id=\"overlay_panel\" style={{ width: '450px' }}>\n <DataTable value={products} selection={selectedProduct} onSelectionChange={(e) => setSelectedProduct(e.value)} selectionMode=\"single\" responsiveLayout=\"scroll\"\n paginator rows={5} onRowSelect={onProductSelect}>\n <Column field=\"name\" header=\"Name\" sortable headerStyle={{ minWidth: '10rem' }} />\n <Column header=\"Image\" body={imageBodyTemplate} headerStyle={{ minWidth: '10rem' }} />\n <Column field=\"price\" header=\"Price\" body={priceBodyTemplate} sortable headerStyle={{ minWidth: '8rem' }} />\n </DataTable>\n </OverlayPanel>\n </div>\n </div>\n </div>\n </div>\n\n <div className=\"col-12 lg:col-6\">\n <div className=\"card p-fluid\">\n <h5>Confirmation</h5>\n <Button label=\"Delete\" icon=\"pi pi-trash\" className=\"p-button-danger\" onClick={() => setDisplayConfirmation(true)} />\n <Dialog header=\"Confirmation\" visible={displayConfirmation} onHide={() => setDisplayConfirmation(false)} style={{ width: '350px' }} modal footer={confirmationDialogFooter}>\n <div className=\"flex align-items-center justify-content-center\">\n <i className=\"pi pi-exclamation-triangle mr-3\" style={{ fontSize: '2rem' }} />\n <span>Are you sure you want to proceed?</span>\n </div>\n </Dialog>\n </div>\n <div className=\"card\">\n <h5>Sidebar</h5>\n <Sidebar visible={visibleLeft} onHide={() => setVisibleLeft(false)} baseZIndex={1000}>\n <h1 style={{ fontWeight: 'normal' }}>Left Sidebar</h1>\n </Sidebar>\n\n <Sidebar visible={visibleRight} onHide={() => setVisibleRight(false)} baseZIndex={1000} position=\"right\">\n <h1 style={{ fontWeight: 'normal' }}>Right Sidebar</h1>\n </Sidebar>\n\n <Sidebar visible={visibleTop} onHide={() => setVisibleTop(false)} baseZIndex={1000} position=\"top\">\n <h1 style={{ fontWeight: 'normal' }}>Top Sidebar</h1>\n </Sidebar>\n\n <Sidebar visible={visibleBottom} onHide={() => setVisibleBottom(false)} baseZIndex={1000} position=\"bottom\">\n <h1 style={{ fontWeight: 'normal' }}>Bottom Sidebar</h1>\n </Sidebar>\n\n <Sidebar visible={visibleFullScreen} onHide={() => setVisibleFullScreen(false)} baseZIndex={1000} fullScreen>\n <h1 style={{ fontWeight: 'normal' }}>Full Screen</h1>\n </Sidebar>\n\n <Button type=\"button\" icon=\"pi pi-arrow-right\" className=\"p-button-warning\" onClick={() => setVisibleLeft(true)} style={{ marginRight: '.25em' }} />\n <Button type=\"button\" icon=\"pi pi-arrow-left\" className=\"p-button-warning\" onClick={() => setVisibleRight(true)} style={{ marginRight: '.25em' }} />\n <Button type=\"button\" icon=\"pi pi-arrow-down\" className=\"p-button-warning\" onClick={() => setVisibleTop(true)} style={{ marginRight: '.25em' }} />\n <Button type=\"button\" icon=\"pi pi-arrow-up\" className=\"p-button-warning\" onClick={() => setVisibleBottom(true)} style={{ marginRight: '.25em' }} />\n <Button type=\"button\" icon=\"pi pi-external-link\" className=\"p-button-warning\" onClick={() => setVisibleFullScreen(true)} />\n </div>\n </div>\n\n <div className=\"col-12 lg:col-6\">\n <div className=\"card\">\n <h5>Tooltip</h5>\n <div className=\"formgroup-inline\">\n <div className=\"field\">\n <InputText type=\"text\" placeholder=\"Username\" tooltip=\"Your username\" />\n </div>\n\n <Button type=\"button\" label=\"Save\" icon=\"pi pi-check\" tooltip=\"Click to proceed\" />\n </div>\n </div>\n </div>\n <div className=\"col-12 lg:col-6\">\n <Toast ref={toast} />\n\n <div className=\"card\">\n <h5>ConfirmPopup</h5>\n <Button onClick={confirm} icon=\"pi pi-check\" label=\"Confirm\" className=\"mr-2\"></Button>\n </div>\n </div>\n </div>\n\n\n </>\n )\n}\n\nconst comparisonFn = function (prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(OverlayDemo, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"} |