1 line
68 KiB
JSON
1 line
68 KiB
JSON
{"ast":null,"code":"import _objectSpread from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2\";\nimport _toConsumableArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport _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/pages/Crud.js\";\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { DataTable } from 'primereact/datatable';\nimport { Column } from 'primereact/column';\nimport { Toast } from 'primereact/toast';\nimport { Button } from 'primereact/button';\nimport { FileUpload } from 'primereact/fileupload';\nimport { Rating } from 'primereact/rating';\nimport { Toolbar } from 'primereact/toolbar';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { Dialog } from 'primereact/dialog';\nimport { InputText } from 'primereact/inputtext';\nimport { ProductService } from '../service/ProductService';\n\nvar Crud = function Crud() {\n var emptyProduct = {\n id: null,\n name: '',\n image: null,\n description: '',\n category: null,\n price: 0,\n quantity: 0,\n rating: 0,\n inventoryStatus: 'INSTOCK'\n };\n\n var _useState = useState(null),\n _useState2 = _slicedToArray(_useState, 2),\n products = _useState2[0],\n setProducts = _useState2[1];\n\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n productDialog = _useState4[0],\n setProductDialog = _useState4[1];\n\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n deleteProductDialog = _useState6[0],\n setDeleteProductDialog = _useState6[1];\n\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n deleteProductsDialog = _useState8[0],\n setDeleteProductsDialog = _useState8[1];\n\n var _useState9 = useState(emptyProduct),\n _useState10 = _slicedToArray(_useState9, 2),\n product = _useState10[0],\n setProduct = _useState10[1];\n\n var _useState11 = useState(null),\n _useState12 = _slicedToArray(_useState11, 2),\n selectedProducts = _useState12[0],\n setSelectedProducts = _useState12[1];\n\n var _useState13 = useState(false),\n _useState14 = _slicedToArray(_useState13, 2),\n submitted = _useState14[0],\n setSubmitted = _useState14[1];\n\n var _useState15 = useState(null),\n _useState16 = _slicedToArray(_useState15, 2),\n globalFilter = _useState16[0],\n setGlobalFilter = _useState16[1];\n\n var toast = useRef(null);\n var dt = useRef(null);\n useEffect(function () {\n var productService = new ProductService();\n productService.getProducts().then(function (data) {\n return setProducts(data);\n });\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 openNew = function openNew() {\n setProduct(emptyProduct);\n setSubmitted(false);\n setProductDialog(true);\n };\n\n var hideDialog = function hideDialog() {\n setSubmitted(false);\n setProductDialog(false);\n };\n\n var hideDeleteProductDialog = function hideDeleteProductDialog() {\n setDeleteProductDialog(false);\n };\n\n var hideDeleteProductsDialog = function hideDeleteProductsDialog() {\n setDeleteProductsDialog(false);\n };\n\n var saveProduct = function saveProduct() {\n setSubmitted(true);\n\n if (product.name.trim()) {\n var _products = _toConsumableArray(products);\n\n var _product = _objectSpread({}, product);\n\n if (product.id) {\n var index = findIndexById(product.id);\n _products[index] = _product;\n toast.current.show({\n severity: 'success',\n summary: 'Successful',\n detail: 'Product Updated',\n life: 3000\n });\n } else {\n _product.id = createId();\n _product.image = 'product-placeholder.svg';\n\n _products.push(_product);\n\n toast.current.show({\n severity: 'success',\n summary: 'Successful',\n detail: 'Product Created',\n life: 3000\n });\n }\n\n setProducts(_products);\n setProductDialog(false);\n setProduct(emptyProduct);\n }\n };\n\n var editProduct = function editProduct(product) {\n setProduct(_objectSpread({}, product));\n setProductDialog(true);\n };\n\n var confirmDeleteProduct = function confirmDeleteProduct(product) {\n setProduct(product);\n setDeleteProductDialog(true);\n };\n\n var deleteProduct = function deleteProduct() {\n var _products = products.filter(function (val) {\n return val.id !== product.id;\n });\n\n setProducts(_products);\n setDeleteProductDialog(false);\n setProduct(emptyProduct);\n toast.current.show({\n severity: 'success',\n summary: 'Successful',\n detail: 'Product Deleted',\n life: 3000\n });\n };\n\n var findIndexById = function findIndexById(id) {\n var index = -1;\n\n for (var i = 0; i < products.length; i++) {\n if (products[i].id === id) {\n index = i;\n break;\n }\n }\n\n return index;\n };\n\n var createId = function createId() {\n var id = '';\n var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\n for (var i = 0; i < 5; i++) {\n id += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n\n return id;\n };\n\n var exportCSV = function exportCSV() {\n dt.current.exportCSV();\n };\n\n var confirmDeleteSelected = function confirmDeleteSelected() {\n setDeleteProductsDialog(true);\n };\n\n var deleteSelectedProducts = function deleteSelectedProducts() {\n var _products = products.filter(function (val) {\n return !selectedProducts.includes(val);\n });\n\n setProducts(_products);\n setDeleteProductsDialog(false);\n setSelectedProducts(null);\n toast.current.show({\n severity: 'success',\n summary: 'Successful',\n detail: 'Products Deleted',\n life: 3000\n });\n };\n\n var onCategoryChange = function onCategoryChange(e) {\n var _product = _objectSpread({}, product);\n\n _product['category'] = e.value;\n setProduct(_product);\n };\n\n var onInputChange = function onInputChange(e, name) {\n var val = e.target && e.target.value || '';\n\n var _product = _objectSpread({}, product);\n\n _product[\"\".concat(name)] = val;\n setProduct(_product);\n };\n\n var onInputNumberChange = function onInputNumberChange(e, name) {\n var val = e.value || 0;\n\n var _product = _objectSpread({}, product);\n\n _product[\"\".concat(name)] = val;\n setProduct(_product);\n };\n\n var leftToolbarTemplate = function leftToolbarTemplate() {\n return /*#__PURE__*/React.createElement(React.Fragment, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 173,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"my-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 174,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Button, {\n label: \"New\",\n icon: \"pi pi-plus\",\n className: \"p-button-success mr-2\",\n onClick: openNew,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Delete\",\n icon: \"pi pi-trash\",\n className: \"p-button-danger\",\n onClick: confirmDeleteSelected,\n disabled: !selectedProducts || !selectedProducts.length,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 21\n }\n })));\n };\n\n var rightToolbarTemplate = function rightToolbarTemplate() {\n return /*#__PURE__*/React.createElement(React.Fragment, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 184,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(FileUpload, {\n mode: \"basic\",\n accept: \"image/*\",\n maxFileSize: 1000000,\n label: \"Import\",\n chooseLabel: \"Import\",\n className: \"mr-2 inline-block\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 185,\n columnNumber: 17\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Export\",\n icon: \"pi pi-upload\",\n className: \"p-button-help\",\n onClick: exportCSV,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 186,\n columnNumber: 17\n }\n }));\n };\n\n var codeBodyTemplate = function codeBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 194,\n columnNumber: 17\n }\n }, \"Code\"), rowData.code);\n };\n\n var nameBodyTemplate = function nameBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 203,\n columnNumber: 17\n }\n }, \"Name\"), rowData.name);\n };\n\n var imageBodyTemplate = function imageBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 212,\n columnNumber: 17\n }\n }, \"Image\"), /*#__PURE__*/React.createElement(\"img\", {\n src: \"assets/demo/images/product/\".concat(rowData.image),\n alt: rowData.image,\n className: \"shadow-2\",\n width: \"100\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 17\n }\n }));\n };\n\n var priceBodyTemplate = function priceBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 221,\n columnNumber: 17\n }\n }, \"Price\"), formatCurrency(rowData.price));\n };\n\n var categoryBodyTemplate = function categoryBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 230,\n columnNumber: 17\n }\n }, \"Category\"), rowData.category);\n };\n\n var ratingBodyTemplate = function ratingBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 239,\n columnNumber: 17\n }\n }, \"Reviews\"), /*#__PURE__*/React.createElement(Rating, {\n value: rowData.rating,\n readonly: true,\n cancel: false,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 240,\n columnNumber: 17\n }\n }));\n };\n\n var statusBodyTemplate = function statusBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-column-title\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 17\n }\n }, \"Status\"), /*#__PURE__*/React.createElement(\"span\", {\n className: \"product-badge status-\".concat(rowData.inventoryStatus.toLowerCase()),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 17\n }\n }, rowData.inventoryStatus));\n };\n\n var actionBodyTemplate = function actionBodyTemplate(rowData) {\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"actions\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 256,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-pencil\",\n className: \"p-button-rounded p-button-success mr-2\",\n onClick: function onClick() {\n return editProduct(rowData);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 257,\n columnNumber: 17\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-trash\",\n className: \"p-button-rounded p-button-warning mt-2\",\n onClick: function onClick() {\n return confirmDeleteProduct(rowData);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 17\n }\n }));\n };\n\n var header = /*#__PURE__*/React.createElement(\"div\", {\n className: \"flex flex-column md:flex-row md:justify-content-between md:align-items-center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 264,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n className: \"m-0\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 265,\n columnNumber: 13\n }\n }, \"Manage Products\"), /*#__PURE__*/React.createElement(\"span\", {\n className: \"block mt-2 md:mt-0 p-input-icon-left\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 266,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"i\", {\n className: \"pi pi-search\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 267,\n columnNumber: 17\n }\n }), /*#__PURE__*/React.createElement(InputText, {\n type: \"search\",\n onInput: function onInput(e) {\n return setGlobalFilter(e.target.value);\n },\n placeholder: \"Search...\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 268,\n columnNumber: 17\n }\n })));\n var productDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n label: \"Cancel\",\n icon: \"pi pi-times\",\n className: \"p-button-text\",\n onClick: hideDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 275,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Save\",\n icon: \"pi pi-check\",\n className: \"p-button-text\",\n onClick: saveProduct,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 276,\n columnNumber: 13\n }\n }));\n var deleteProductDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n label: \"No\",\n icon: \"pi pi-times\",\n className: \"p-button-text\",\n onClick: hideDeleteProductDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 281,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Yes\",\n icon: \"pi pi-check\",\n className: \"p-button-text\",\n onClick: deleteProduct,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 282,\n columnNumber: 13\n }\n }));\n var deleteProductsDialogFooter = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {\n label: \"No\",\n icon: \"pi pi-times\",\n className: \"p-button-text\",\n onClick: hideDeleteProductsDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 287,\n columnNumber: 13\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Yes\",\n icon: \"pi pi-check\",\n className: \"p-button-text\",\n onClick: deleteSelectedProducts,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 288,\n columnNumber: 13\n }\n }));\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid crud-demo\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 294,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 295,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(Toast, {\n ref: toast,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 296,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Toolbar, {\n className: \"mb-4\",\n left: leftToolbarTemplate,\n right: rightToolbarTemplate,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 297,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(DataTable, {\n ref: dt,\n value: products,\n selection: selectedProducts,\n onSelectionChange: function onSelectionChange(e) {\n return setSelectedProducts(e.value);\n },\n dataKey: \"id\",\n paginator: true,\n rows: 10,\n rowsPerPageOptions: [5, 10, 25],\n className: \"datatable-responsive\",\n paginatorTemplate: \"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\",\n currentPageReportTemplate: \"Showing {first} to {last} of {totalRecords} products\",\n globalFilter: globalFilter,\n emptyMessage: \"No products found.\",\n header: header,\n responsiveLayout: \"scroll\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 299,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(Column, {\n selectionMode: \"multiple\",\n headerStyle: {\n width: '3rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 304,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"code\",\n header: \"Code\",\n sortable: true,\n body: codeBodyTemplate,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 305,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"name\",\n header: \"Name\",\n sortable: true,\n body: nameBodyTemplate,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 306,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n header: \"Image\",\n body: imageBodyTemplate,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 307,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"price\",\n header: \"Price\",\n body: priceBodyTemplate,\n sortable: true,\n headerStyle: {\n width: '14%',\n minWidth: '8rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 308,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"category\",\n header: \"Category\",\n sortable: true,\n body: categoryBodyTemplate,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 309,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"rating\",\n header: \"Reviews\",\n body: ratingBodyTemplate,\n sortable: true,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 310,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n field: \"inventoryStatus\",\n header: \"Status\",\n body: statusBodyTemplate,\n sortable: true,\n headerStyle: {\n width: '14%',\n minWidth: '10rem'\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 311,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Column, {\n body: actionBodyTemplate,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 312,\n columnNumber: 25\n }\n })), /*#__PURE__*/React.createElement(Dialog, {\n visible: productDialog,\n style: {\n width: '450px'\n },\n header: \"Product Details\",\n modal: true,\n className: \"p-fluid\",\n footer: productDialogFooter,\n onHide: hideDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 315,\n columnNumber: 21\n }\n }, product.image && /*#__PURE__*/React.createElement(\"img\", {\n src: \"assets/demo/images/product/\".concat(product.image),\n alt: product.image,\n width: \"150\",\n className: \"mt-0 mx-auto mb-5 block shadow-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 316,\n columnNumber: 43\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 317,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"name\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 318,\n columnNumber: 29\n }\n }, \"Name\"), /*#__PURE__*/React.createElement(InputText, {\n id: \"name\",\n value: product.name,\n onChange: function onChange(e) {\n return onInputChange(e, 'name');\n },\n required: true,\n autoFocus: true,\n className: classNames({\n 'p-invalid': submitted && !product.name\n }),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 319,\n columnNumber: 29\n }\n }), submitted && !product.name && /*#__PURE__*/React.createElement(\"small\", {\n className: \"p-invalid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 320,\n columnNumber: 60\n }\n }, \"Name is required.\")), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 322,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"description\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 323,\n columnNumber: 29\n }\n }, \"Description\"), /*#__PURE__*/React.createElement(InputTextarea, {\n id: \"description\",\n value: product.description,\n onChange: function onChange(e) {\n return onInputChange(e, 'description');\n },\n required: true,\n rows: 3,\n cols: 20,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 324,\n columnNumber: 29\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 327,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n className: \"mb-3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 328,\n columnNumber: 29\n }\n }, \"Category\"), /*#__PURE__*/React.createElement(\"div\", {\n className: \"formgrid grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 329,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field-radiobutton col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 330,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(RadioButton, {\n inputId: \"category1\",\n name: \"category\",\n value: \"Accessories\",\n onChange: onCategoryChange,\n checked: product.category === 'Accessories',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 331,\n columnNumber: 37\n }\n }), /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"category1\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 332,\n columnNumber: 37\n }\n }, \"Accessories\")), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field-radiobutton col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 334,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(RadioButton, {\n inputId: \"category2\",\n name: \"category\",\n value: \"Clothing\",\n onChange: onCategoryChange,\n checked: product.category === 'Clothing',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 335,\n columnNumber: 37\n }\n }), /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"category2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 336,\n columnNumber: 37\n }\n }, \"Clothing\")), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field-radiobutton col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 338,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(RadioButton, {\n inputId: \"category3\",\n name: \"category\",\n value: \"Electronics\",\n onChange: onCategoryChange,\n checked: product.category === 'Electronics',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 339,\n columnNumber: 37\n }\n }), /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"category3\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 340,\n columnNumber: 37\n }\n }, \"Electronics\")), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field-radiobutton col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 342,\n columnNumber: 33\n }\n }, /*#__PURE__*/React.createElement(RadioButton, {\n inputId: \"category4\",\n name: \"category\",\n value: \"Fitness\",\n onChange: onCategoryChange,\n checked: product.category === 'Fitness',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 343,\n columnNumber: 37\n }\n }), /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"category4\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 344,\n columnNumber: 37\n }\n }, \"Fitness\")))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"formgrid grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 349,\n columnNumber: 25\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 350,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"price\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 351,\n columnNumber: 33\n }\n }, \"Price\"), /*#__PURE__*/React.createElement(InputNumber, {\n id: \"price\",\n value: product.price,\n onValueChange: function onValueChange(e) {\n return onInputNumberChange(e, 'price');\n },\n mode: \"currency\",\n currency: \"USD\",\n locale: \"en-US\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 352,\n columnNumber: 33\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"field col\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 354,\n columnNumber: 29\n }\n }, /*#__PURE__*/React.createElement(\"label\", {\n htmlFor: \"quantity\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 355,\n columnNumber: 33\n }\n }, \"Quantity\"), /*#__PURE__*/React.createElement(InputNumber, {\n id: \"quantity\",\n value: product.quantity,\n onValueChange: function onValueChange(e) {\n return onInputNumberChange(e, 'quantity');\n },\n integeronly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 356,\n columnNumber: 33\n }\n })))), /*#__PURE__*/React.createElement(Dialog, {\n visible: deleteProductDialog,\n style: {\n width: '450px'\n },\n header: \"Confirm\",\n modal: true,\n footer: deleteProductDialogFooter,\n onHide: hideDeleteProductDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 361,\n columnNumber: 21\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: 362,\n columnNumber: 25\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: 363,\n columnNumber: 29\n }\n }), product && /*#__PURE__*/React.createElement(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 364,\n columnNumber: 41\n }\n }, \"Are you sure you want to delete \", /*#__PURE__*/React.createElement(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 364,\n columnNumber: 79\n }\n }, product.name), \"?\"))), /*#__PURE__*/React.createElement(Dialog, {\n visible: deleteProductsDialog,\n style: {\n width: '450px'\n },\n header: \"Confirm\",\n modal: true,\n footer: deleteProductsDialogFooter,\n onHide: hideDeleteProductsDialog,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 368,\n columnNumber: 21\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: 369,\n columnNumber: 25\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: 370,\n columnNumber: 29\n }\n }), product && /*#__PURE__*/React.createElement(\"span\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 371,\n columnNumber: 41\n }\n }, \"Are you sure you want to delete the selected products?\"))))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(Crud, comparisonFn);","map":{"version":3,"names":["React","useState","useEffect","useRef","classNames","DataTable","Column","Toast","Button","FileUpload","Rating","Toolbar","InputTextarea","RadioButton","InputNumber","Dialog","InputText","ProductService","Crud","emptyProduct","id","name","image","description","category","price","quantity","rating","inventoryStatus","products","setProducts","productDialog","setProductDialog","deleteProductDialog","setDeleteProductDialog","deleteProductsDialog","setDeleteProductsDialog","product","setProduct","selectedProducts","setSelectedProducts","submitted","setSubmitted","globalFilter","setGlobalFilter","toast","dt","productService","getProducts","then","data","formatCurrency","value","toLocaleString","style","currency","openNew","hideDialog","hideDeleteProductDialog","hideDeleteProductsDialog","saveProduct","trim","_products","_product","index","findIndexById","current","show","severity","summary","detail","life","createId","push","editProduct","confirmDeleteProduct","deleteProduct","filter","val","i","length","chars","charAt","Math","floor","random","exportCSV","confirmDeleteSelected","deleteSelectedProducts","includes","onCategoryChange","e","onInputChange","target","onInputNumberChange","leftToolbarTemplate","rightToolbarTemplate","codeBodyTemplate","rowData","code","nameBodyTemplate","imageBodyTemplate","priceBodyTemplate","categoryBodyTemplate","ratingBodyTemplate","statusBodyTemplate","toLowerCase","actionBodyTemplate","header","productDialogFooter","deleteProductDialogFooter","deleteProductsDialogFooter","width","minWidth","fontSize","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/pages/Crud.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { DataTable } from 'primereact/datatable';\nimport { Column } from 'primereact/column';\nimport { Toast } from 'primereact/toast';\nimport { Button } from 'primereact/button';\nimport { FileUpload } from 'primereact/fileupload';\nimport { Rating } from 'primereact/rating';\nimport { Toolbar } from 'primereact/toolbar';\nimport { InputTextarea } from 'primereact/inputtextarea';\nimport { RadioButton } from 'primereact/radiobutton';\nimport { InputNumber } from 'primereact/inputnumber';\nimport { Dialog } from 'primereact/dialog';\nimport { InputText } from 'primereact/inputtext';\nimport { ProductService } from '../service/ProductService';\n\nconst Crud = () => {\n let emptyProduct = {\n id: null,\n name: '',\n image: null,\n description: '',\n category: null,\n price: 0,\n quantity: 0,\n rating: 0,\n inventoryStatus: 'INSTOCK'\n };\n\n const [products, setProducts] = useState(null);\n const [productDialog, setProductDialog] = useState(false);\n const [deleteProductDialog, setDeleteProductDialog] = useState(false);\n const [deleteProductsDialog, setDeleteProductsDialog] = useState(false);\n const [product, setProduct] = useState(emptyProduct);\n const [selectedProducts, setSelectedProducts] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n const [globalFilter, setGlobalFilter] = useState(null);\n const toast = useRef(null);\n const dt = useRef(null);\n\n useEffect(() => {\n const productService = new ProductService();\n productService.getProducts().then(data => setProducts(data));\n }, []);\n\n const formatCurrency = (value) => {\n return value.toLocaleString('en-US', { style: 'currency', currency: 'USD' });\n }\n\n const openNew = () => {\n setProduct(emptyProduct);\n setSubmitted(false);\n setProductDialog(true);\n }\n\n const hideDialog = () => {\n setSubmitted(false);\n setProductDialog(false);\n }\n\n const hideDeleteProductDialog = () => {\n setDeleteProductDialog(false);\n }\n\n const hideDeleteProductsDialog = () => {\n setDeleteProductsDialog(false);\n }\n\n const saveProduct = () => {\n setSubmitted(true);\n\n if (product.name.trim()) {\n let _products = [...products];\n let _product = { ...product };\n if (product.id) {\n const index = findIndexById(product.id);\n\n _products[index] = _product;\n toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Updated', life: 3000 });\n }\n else {\n _product.id = createId();\n _product.image = 'product-placeholder.svg';\n _products.push(_product);\n toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Created', life: 3000 });\n }\n\n setProducts(_products);\n setProductDialog(false);\n setProduct(emptyProduct);\n }\n }\n\n const editProduct = (product) => {\n setProduct({ ...product });\n setProductDialog(true);\n }\n\n const confirmDeleteProduct = (product) => {\n setProduct(product);\n setDeleteProductDialog(true);\n }\n\n const deleteProduct = () => {\n let _products = products.filter(val => val.id !== product.id);\n setProducts(_products);\n setDeleteProductDialog(false);\n setProduct(emptyProduct);\n toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Product Deleted', life: 3000 });\n }\n\n const findIndexById = (id) => {\n let index = -1;\n for (let i = 0; i < products.length; i++) {\n if (products[i].id === id) {\n index = i;\n break;\n }\n }\n\n return index;\n }\n\n const createId = () => {\n let id = '';\n let chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n for (let i = 0; i < 5; i++) {\n id += chars.charAt(Math.floor(Math.random() * chars.length));\n }\n return id;\n }\n\n const exportCSV = () => {\n dt.current.exportCSV();\n }\n\n const confirmDeleteSelected = () => {\n setDeleteProductsDialog(true);\n }\n\n const deleteSelectedProducts = () => {\n let _products = products.filter(val => !selectedProducts.includes(val));\n setProducts(_products);\n setDeleteProductsDialog(false);\n setSelectedProducts(null);\n toast.current.show({ severity: 'success', summary: 'Successful', detail: 'Products Deleted', life: 3000 });\n }\n\n const onCategoryChange = (e) => {\n let _product = { ...product };\n _product['category'] = e.value;\n setProduct(_product);\n }\n\n const onInputChange = (e, name) => {\n const val = (e.target && e.target.value) || '';\n let _product = { ...product };\n _product[`${name}`] = val;\n\n setProduct(_product);\n }\n\n const onInputNumberChange = (e, name) => {\n const val = e.value || 0;\n let _product = { ...product };\n _product[`${name}`] = val;\n\n setProduct(_product);\n }\n\n const leftToolbarTemplate = () => {\n return (\n <React.Fragment>\n <div className=\"my-2\">\n <Button label=\"New\" icon=\"pi pi-plus\" className=\"p-button-success mr-2\" onClick={openNew} />\n <Button label=\"Delete\" icon=\"pi pi-trash\" className=\"p-button-danger\" onClick={confirmDeleteSelected} disabled={!selectedProducts || !selectedProducts.length} />\n </div>\n </React.Fragment>\n )\n }\n\n const rightToolbarTemplate = () => {\n return (\n <React.Fragment>\n <FileUpload mode=\"basic\" accept=\"image/*\" maxFileSize={1000000} label=\"Import\" chooseLabel=\"Import\" className=\"mr-2 inline-block\" />\n <Button label=\"Export\" icon=\"pi pi-upload\" className=\"p-button-help\" onClick={exportCSV} />\n </React.Fragment>\n )\n }\n\n const codeBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Code</span>\n {rowData.code}\n </>\n );\n }\n\n const nameBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Name</span>\n {rowData.name}\n </>\n );\n }\n\n const imageBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Image</span>\n <img src={`assets/demo/images/product/${rowData.image}`} alt={rowData.image} className=\"shadow-2\" width=\"100\" />\n </>\n )\n }\n\n const priceBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Price</span>\n {formatCurrency(rowData.price)}\n </>\n );\n }\n\n const categoryBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Category</span>\n {rowData.category}\n </>\n );\n }\n\n const ratingBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Reviews</span>\n <Rating value={rowData.rating} readonly cancel={false} />\n </>\n );\n }\n\n const statusBodyTemplate = (rowData) => {\n return (\n <>\n <span className=\"p-column-title\">Status</span>\n <span className={`product-badge status-${rowData.inventoryStatus.toLowerCase()}`}>{rowData.inventoryStatus}</span>\n </>\n )\n }\n\n const actionBodyTemplate = (rowData) => {\n return (\n <div className=\"actions\">\n <Button icon=\"pi pi-pencil\" className=\"p-button-rounded p-button-success mr-2\" onClick={() => editProduct(rowData)} />\n <Button icon=\"pi pi-trash\" className=\"p-button-rounded p-button-warning mt-2\" onClick={() => confirmDeleteProduct(rowData)} />\n </div>\n );\n }\n\n const header = (\n <div className=\"flex flex-column md:flex-row md:justify-content-between md:align-items-center\">\n <h5 className=\"m-0\">Manage Products</h5>\n <span className=\"block mt-2 md:mt-0 p-input-icon-left\">\n <i className=\"pi pi-search\" />\n <InputText type=\"search\" onInput={(e) => setGlobalFilter(e.target.value)} placeholder=\"Search...\" />\n </span>\n </div>\n );\n\n const productDialogFooter = (\n <>\n <Button label=\"Cancel\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDialog} />\n <Button label=\"Save\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={saveProduct} />\n </>\n );\n const deleteProductDialogFooter = (\n <>\n <Button label=\"No\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDeleteProductDialog} />\n <Button label=\"Yes\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={deleteProduct} />\n </>\n );\n const deleteProductsDialogFooter = (\n <>\n <Button label=\"No\" icon=\"pi pi-times\" className=\"p-button-text\" onClick={hideDeleteProductsDialog} />\n <Button label=\"Yes\" icon=\"pi pi-check\" className=\"p-button-text\" onClick={deleteSelectedProducts} />\n </>\n );\n\n return (\n <div className=\"grid crud-demo\">\n <div className=\"col-12\">\n <div className=\"card\">\n <Toast ref={toast} />\n <Toolbar className=\"mb-4\" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>\n\n <DataTable ref={dt} value={products} selection={selectedProducts} onSelectionChange={(e) => setSelectedProducts(e.value)}\n dataKey=\"id\" paginator rows={10} rowsPerPageOptions={[5, 10, 25]} className=\"datatable-responsive\"\n paginatorTemplate=\"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} products\"\n globalFilter={globalFilter} emptyMessage=\"No products found.\" header={header} responsiveLayout=\"scroll\">\n <Column selectionMode=\"multiple\" headerStyle={{ width: '3rem'}}></Column>\n <Column field=\"code\" header=\"Code\" sortable body={codeBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column field=\"name\" header=\"Name\" sortable body={nameBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column header=\"Image\" body={imageBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column field=\"price\" header=\"Price\" body={priceBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '8rem' }}></Column>\n <Column field=\"category\" header=\"Category\" sortable body={categoryBodyTemplate} headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column field=\"rating\" header=\"Reviews\" body={ratingBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column field=\"inventoryStatus\" header=\"Status\" body={statusBodyTemplate} sortable headerStyle={{ width: '14%', minWidth: '10rem' }}></Column>\n <Column body={actionBodyTemplate}></Column>\n </DataTable>\n\n <Dialog visible={productDialog} style={{ width: '450px' }} header=\"Product Details\" modal className=\"p-fluid\" footer={productDialogFooter} onHide={hideDialog}>\n {product.image && <img src={`assets/demo/images/product/${product.image}`} alt={product.image} width=\"150\" className=\"mt-0 mx-auto mb-5 block shadow-2\" />}\n <div className=\"field\">\n <label htmlFor=\"name\">Name</label>\n <InputText id=\"name\" value={product.name} onChange={(e) => onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && !product.name })} />\n {submitted && !product.name && <small className=\"p-invalid\">Name is required.</small>}\n </div>\n <div className=\"field\">\n <label htmlFor=\"description\">Description</label>\n <InputTextarea id=\"description\" value={product.description} onChange={(e) => onInputChange(e, 'description')} required rows={3} cols={20} />\n </div>\n\n <div className=\"field\">\n <label className=\"mb-3\">Category</label>\n <div className=\"formgrid grid\">\n <div className=\"field-radiobutton col-6\">\n <RadioButton inputId=\"category1\" name=\"category\" value=\"Accessories\" onChange={onCategoryChange} checked={product.category === 'Accessories'} />\n <label htmlFor=\"category1\">Accessories</label>\n </div>\n <div className=\"field-radiobutton col-6\">\n <RadioButton inputId=\"category2\" name=\"category\" value=\"Clothing\" onChange={onCategoryChange} checked={product.category === 'Clothing'} />\n <label htmlFor=\"category2\">Clothing</label>\n </div>\n <div className=\"field-radiobutton col-6\">\n <RadioButton inputId=\"category3\" name=\"category\" value=\"Electronics\" onChange={onCategoryChange} checked={product.category === 'Electronics'} />\n <label htmlFor=\"category3\">Electronics</label>\n </div>\n <div className=\"field-radiobutton col-6\">\n <RadioButton inputId=\"category4\" name=\"category\" value=\"Fitness\" onChange={onCategoryChange} checked={product.category === 'Fitness'} />\n <label htmlFor=\"category4\">Fitness</label>\n </div>\n </div>\n </div>\n\n <div className=\"formgrid grid\">\n <div className=\"field col\">\n <label htmlFor=\"price\">Price</label>\n <InputNumber id=\"price\" value={product.price} onValueChange={(e) => onInputNumberChange(e, 'price')} mode=\"currency\" currency=\"USD\" locale=\"en-US\" />\n </div>\n <div className=\"field col\">\n <label htmlFor=\"quantity\">Quantity</label>\n <InputNumber id=\"quantity\" value={product.quantity} onValueChange={(e) => onInputNumberChange(e, 'quantity')} integeronly />\n </div>\n </div>\n </Dialog>\n\n <Dialog visible={deleteProductDialog} style={{ width: '450px' }} header=\"Confirm\" modal footer={deleteProductDialogFooter} onHide={hideDeleteProductDialog}>\n <div className=\"flex align-items-center justify-content-center\">\n <i className=\"pi pi-exclamation-triangle mr-3\" style={{ fontSize: '2rem' }} />\n {product && <span>Are you sure you want to delete <b>{product.name}</b>?</span>}\n </div>\n </Dialog>\n\n <Dialog visible={deleteProductsDialog} style={{ width: '450px' }} header=\"Confirm\" modal footer={deleteProductsDialogFooter} onHide={hideDeleteProductsDialog}>\n <div className=\"flex align-items-center justify-content-center\">\n <i className=\"pi pi-exclamation-triangle mr-3\" style={{ fontSize: '2rem' }} />\n {product && <span>Are you sure you want to delete the selected products?</span>}\n </div>\n </Dialog>\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(Crud, comparisonFn);"],"mappings":"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"},"metadata":{},"sourceType":"module"} |