npm - @erpsquad/common - Versions diffs - 1.8.41 → 1.8.42 - Mend

@erpsquad/common 1.8.41 → 1.8.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1064) hide show

package/dist/components/inventory-reports-title-bar/component/reportFilter/index.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/component/reportFilter.tsx"],"sourcesContent":["import { Box, Dialog, DialogActions, DialogContent, DialogTitle, IconButton } from '@mui/material'\nimport Typography from '../../typography/typography'\nimport { Close } from '@mui/icons-material'\nimport Button from '../../button/button'\nimport { useMemo, useRef, useState } from 'react';\nimport dayjs from \"dayjs\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport ReportButtons from '../report-buttons/report-buttons';\nimport { useAppSelector } from '../../../redux/hooks';\nimport './reportFilter.scss'\nexport default function ReportFilter({ openFilter, closeReportFilter, filters, showAssembluItemsFilter, toggleCallback, onDateFilterChange, showBomFilter }) {\n //Ref\n const chipDateSelectRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLDivElement | null>(null);\n //Local State\n const [open, setOpen] = useState<boolean>(false);\n\n //store\n const { companies, items, warehouseLocations, assemblyItems, bomData } = useAppSelector(\n (store) => store.inventoryReportsTitleBar\n );\n\n //Function\n const handleCloseDatePopper = () => {\n anchorRef.current = null;\n setOpen(false);\n };\n\n //use Memo\n\n const selectedCompany = useMemo(\n () =>\n companies?.find((company) => filters?.company === company.id)\n ?.company_name || \"Select company\",\n [companies, filters?.company]\n );\n\n const companyOptions = useMemo(\n () =>\n companies?.map((company) => ({\n label: company?.company_name || \"\",\n callback: () => onDateFilterChange?.({ company: company?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [companies]\n );\n const selectedItem = useMemo(\n () =>\n items?.find((item) => filters?.item_id === item.id)?.name ||\n \"Select item\",\n [items, filters?.item_id]\n );\n const selectedAssemblyItems = useMemo(() => assemblyItems?.find((item) => filters?.assembly_item_id === item.id)?.name ||\n \"Select Assembly Item\",\n [assemblyItems, filters?.assembly_item_id])\n\n const assemblyItemOptions = useMemo(\n () =>\n assemblyItems?.map((ai) => ({\n label: ai?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ assembly_item_id: ai?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [assemblyItems]\n );\n const selectedWarehouseLocation = useMemo(\n () =>\n warehouseLocations?.find(\n (warehouseLocation) => filters?.warehouse_id === warehouseLocation.id\n )?.name || \"Select warehouse\",\n [warehouseLocations, filters?.warehouse_id]\n );\n const warehouseLocationOptions = useMemo(\n () =>\n warehouseLocations?.map((warehouseLocation) => ({\n label: warehouseLocation?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ warehouse_id: warehouseLocation?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [warehouseLocations]\n );\n const selectedBom = useMemo(\n () =>\n bomData?.find((item) => filters?.bom_id === item.id)?.name ||\n \"Select BoM\",\n [bomData, filters?.bom_id]\n );\n const bomOptions = useMemo(() => bomData?.map((bom: any) => ({\n label: bom?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ bom_id: bom?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [bomData])\n\n const itemOptions = useMemo(\n () =>\n items?.map((item) => ({\n label: item?.name || \"\",\n callback: () => onDateFilterChange?.({ item_id: item?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [items]\n );\n return (\n <>\n <Dialog\n open={openFilter}\n onClose={closeReportFilter}\n aria-labelledby=\"alert-dialog-title\"\n fullWidth={true}\n maxWidth=\"lg\"\n aria-describedby=\"alert-dialog-description\"\n PaperProps={{\n sx: { width: '80vw', height: '250px', whiteSpace: 'nowrap', overflowY: 'hidden' } // Custom width and height with nowrap\n }}\n >\n <DialogTitle id=\"responsive-dialog-title\" style={{ borderBottom: \"1px solid #D3D3D4\", padding: 0, paddingTop: '5pxs' }}>\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '40px',\n padding: '0px',\n alignItems: 'center'\n }}\n >\n <Typography type=\"s3\" weight='medium' sx={{ fontWeight: 500, marginLeft: 2, color: '#000000' }}>\n Filter\n </Typography>\n <Box sx={{ display: 'flex', alignItems: 'center' }}>\n\n <IconButton onClick={closeReportFilter}>\n <Close fontSize='small' />\n </IconButton>\n </Box>\n </Box>\n </DialogTitle>\n <DialogContent>\n <Box p={2}>\n <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n {filters?.start_date && filters?.end_date && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date Range:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {filters?.as_of_date && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedCompany}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Company:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedCompany}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: companyOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n {\n showAssembluItemsFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedAssemblyItems}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Assembly Items\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedAssemblyItems}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: assemblyItemOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n }\n\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedWarehouseLocation}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Location:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedWarehouseLocation}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: warehouseLocationOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedItem}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Item:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedItem}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: itemOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n {showBomFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedBom}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n BoM:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedBom}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: bomOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>}\n\n </div>\n </Box>\n\n </DialogContent>\n <DialogActions sx={{ backgroundColor: '#F5F6F5' }}>\n <Button style={{ backgroundColor: '#ffff', color: '#292D32' }} onClick={closeReportFilter} variant='contained' >\n Close\n </Button>\n <Button variant='contained' >\n Save\n </Button>\n </DialogActions>\n </Dialog>\n </>\n )\n}"],"names":["KeyboardArrowDownIcon"],"mappings":"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"}

package/dist/components/inventory-reports-title-bar/component/reportFilter/index.js ADDED Viewed

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                                    */i=,/* empty css                            */t=require("react"),r=require("dayjs"),a=,/* empty css                                                                    */n=,/* empty css                                         */s=;/* empty css                             */;/* empty css                          */var o=,/* empty css                                                          */d=,/* empty css                                                                    */p=,/* empty css                                                    */u=,/* empty css                                                                  */c=,/* empty css                                                            */m=,/* empty css                                                                        */x=;/* empty css                                                                        */function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=/* @__PURE__ */h(r);exports.default=function({openFilter:r,closeReportFilter:h,filters:v,showAssembluItemsFilter:g,toggleCallback:j,onDateFilterChange:f,showBomFilter:T}){const C=t.useRef(null),b=t.useRef(null),[B,_]=t.useState(!1),{companies:F,items:R,warehouseLocations:D,assemblyItems:M,bomData:w}=s.useAppSelector(e=>e.inventoryReportsTitleBar),N=()=>{b.current=null,_(!1)},W=t.useMemo(()=>{var e;return(null==(e=null==F?void 0:F.find(e=>(null==v?void 0:v.company)===e.id))?void 0:e.company_name)||"Select company"},[F,null==v?void 0:v.company]),Y=t.useMemo(()=>(null==F?void 0:F.map(e=>({label:(null==e?void 0:e.company_name)||"",callback:()=>null==f?void 0:f({company:null==e?void 0:e.id})})))||[],[F]),k=t.useMemo(()=>{var e;return(null==(e=null==R?void 0:R.find(e=>(null==v?void 0:v.item_id)===e.id))?void 0:e.name)||"Select item"},[R,null==v?void 0:v.item_id]),q=t.useMemo(()=>{var e;return(null==(e=null==M?void 0:M.find(e=>(null==v?void 0:v.assembly_item_id)===e.id))?void 0:e.name)||"Select Assembly Item"},[M,null==v?void 0:v.assembly_item_id]),I=t.useMemo(()=>(null==M?void 0:M.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({assembly_item_id:null==e?void 0:e.id})})))||[],[M]),S=t.useMemo(()=>{var e;return(null==(e=null==D?void 0:D.find(e=>(null==v?void 0:v.warehouse_id)===e.id))?void 0:e.name)||"Select warehouse"},[D,null==v?void 0:v.warehouse_id]),$=t.useMemo(()=>(null==D?void 0:D.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({warehouse_id:null==e?void 0:e.id})})))||[],[D]),A=t.useMemo(()=>{var e;return(null==(e=null==w?void 0:w.find(e=>(null==v?void 0:v.bom_id)===e.id))?void 0:e.name)||"Select BoM"},[w,null==v?void 0:v.bom_id]),V=t.useMemo(()=>(null==w?void 0:w.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({bom_id:null==e?void 0:e.id})})))||[],[w]),z=t.useMemo(()=>(null==R?void 0:R.map(e=>({label:(null==e?void 0:e.name)||"",callback:()=>null==f?void 0:f({item_id:null==e?void 0:e.id})})))||[],[R]);/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(o.default,{open:r,onClose:h,"aria-labelledby":"alert-dialog-title",fullWidth:!0,maxWidth:"lg","aria-describedby":"alert-dialog-description",PaperProps:{sx:{width:"80vw",height:"250px",whiteSpace:"nowrap",overflowY:"hidden"}},children:[
+/* @__PURE__ */e.jsx(d.default,{id:"responsive-dialog-title",style:{borderBottom:"1px solid #D3D3D4",padding:0,paddingTop:"5pxs"},children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",justifyContent:"space-between",height:"40px",padding:"0px",alignItems:"center"},children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",sx:{fontWeight:500,marginLeft:2,color:"#000000"},children:"Filter"}),
+/* @__PURE__ */e.jsx(p.default,{sx:{display:"flex",alignItems:"center"},children:/* @__PURE__ */e.jsx(u.default,{onClick:h,children:/* @__PURE__ */e.jsx(c.default,{fontSize:"small"})})})]})}),
+/* @__PURE__ */e.jsx(m.default,{children:/* @__PURE__ */e.jsx(p.default,{p:2,children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper",children:[(null==v?void 0:v.start_date)&&(null==v?void 0:v.end_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:C,onClick:()=>{B?N():(b.current=C.current,_(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${y.default(null==v?void 0:v.start_date).format("DD/MM/YYYY")} - ${y.default(null==v?void 0:v.end_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date Range:"}),
+/* @__PURE__ */e.jsxs(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:[y.default(null==v?void 0:v.start_date).format("DD/MM/YYYY")," -"," ",y.default(null==v?void 0:v.end_date).format("DD/MM/YYYY")]})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),(null==v?void 0:v.as_of_date)&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",ref:C,onClick:()=>{B?N():(b.current=C.current,_(!0))},children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${y.default(null==v?void 0:v.as_of_date).format("DD/MM/YYYY")}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Date:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:y.default(null==v?void 0:v.as_of_date).format("DD/MM/YYYY")})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${W}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Company:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:W})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:Y},toggleCallback:j})}),g&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${q}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Assembly Items"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:q})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:I},toggleCallback:j})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${S}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Location:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:S})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:$},toggleCallback:j})}),
+/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${k}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"Item:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:k})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:z},toggleCallback:j})}),T&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsx(n.default,{zIndex:998,className:"inventoryReportsTitleBar--RightContent",dropdownMenuButtonData:{sx:{padding:"0"},children:/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip",children:[
+/* @__PURE__ */e.jsxs("div",{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text",title:`${A}`,children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s4",weight:"medium",children:"BoM:"}),
+/* @__PURE__ */e.jsx(l.Typography,{className:"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:A})]}),
+/* @__PURE__ */e.jsx(a.default,{})]})}),options:V},toggleCallback:j})})]})})}),
+/* @__PURE__ */e.jsxs(x.default,{sx:{backgroundColor:"#F5F6F5"},children:[
+/* @__PURE__ */e.jsx(i.default,{style:{backgroundColor:"#ffff",color:"#292D32"},onClick:h,variant:"contained",children:"Close"}),
+/* @__PURE__ */e.jsx(i.default,{variant:"contained",children:"Save"})]})]})})};
+//# sourceMappingURL=index.js.map

package/dist/components/inventory-reports-title-bar/component/reportFilter/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/component/reportFilter.tsx"],"sourcesContent":["import { Box, Dialog, DialogActions, DialogContent, DialogTitle, IconButton } from '@mui/material'\nimport Typography from '../../typography/typography'\nimport { Close } from '@mui/icons-material'\nimport Button from '../../button/button'\nimport { useMemo, useRef, useState } from 'react';\nimport dayjs from \"dayjs\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport ReportButtons from '../report-buttons/report-buttons';\nimport { useAppSelector } from '../../../redux/hooks';\nimport './reportFilter.scss'\nexport default function ReportFilter({ openFilter, closeReportFilter, filters, showAssembluItemsFilter, toggleCallback, onDateFilterChange, showBomFilter }) {\n //Ref\n const chipDateSelectRef = useRef<HTMLDivElement>(null);\n const anchorRef = useRef<HTMLDivElement | null>(null);\n //Local State\n const [open, setOpen] = useState<boolean>(false);\n\n //store\n const { companies, items, warehouseLocations, assemblyItems, bomData } = useAppSelector(\n (store) => store.inventoryReportsTitleBar\n );\n\n //Function\n const handleCloseDatePopper = () => {\n anchorRef.current = null;\n setOpen(false);\n };\n\n //use Memo\n\n const selectedCompany = useMemo(\n () =>\n companies?.find((company) => filters?.company === company.id)\n ?.company_name || \"Select company\",\n [companies, filters?.company]\n );\n\n const companyOptions = useMemo(\n () =>\n companies?.map((company) => ({\n label: company?.company_name || \"\",\n callback: () => onDateFilterChange?.({ company: company?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [companies]\n );\n const selectedItem = useMemo(\n () =>\n items?.find((item) => filters?.item_id === item.id)?.name ||\n \"Select item\",\n [items, filters?.item_id]\n );\n const selectedAssemblyItems = useMemo(() => assemblyItems?.find((item) => filters?.assembly_item_id === item.id)?.name ||\n \"Select Assembly Item\",\n [assemblyItems, filters?.assembly_item_id])\n\n const assemblyItemOptions = useMemo(\n () =>\n assemblyItems?.map((ai) => ({\n label: ai?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ assembly_item_id: ai?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [assemblyItems]\n );\n const selectedWarehouseLocation = useMemo(\n () =>\n warehouseLocations?.find(\n (warehouseLocation) => filters?.warehouse_id === warehouseLocation.id\n )?.name || \"Select warehouse\",\n [warehouseLocations, filters?.warehouse_id]\n );\n const warehouseLocationOptions = useMemo(\n () =>\n warehouseLocations?.map((warehouseLocation) => ({\n label: warehouseLocation?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ warehouse_id: warehouseLocation?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [warehouseLocations]\n );\n const selectedBom = useMemo(\n () =>\n bomData?.find((item) => filters?.bom_id === item.id)?.name ||\n \"Select BoM\",\n [bomData, filters?.bom_id]\n );\n const bomOptions = useMemo(() => bomData?.map((bom: any) => ({\n label: bom?.name || \"\",\n callback: () =>\n onDateFilterChange?.({ bom_id: bom?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [bomData])\n\n const itemOptions = useMemo(\n () =>\n items?.map((item) => ({\n label: item?.name || \"\",\n callback: () => onDateFilterChange?.({ item_id: item?.id }),\n })) || [],\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [items]\n );\n return (\n <>\n <Dialog\n open={openFilter}\n onClose={closeReportFilter}\n aria-labelledby=\"alert-dialog-title\"\n fullWidth={true}\n maxWidth=\"lg\"\n aria-describedby=\"alert-dialog-description\"\n PaperProps={{\n sx: { width: '80vw', height: '250px', whiteSpace: 'nowrap', overflowY: 'hidden' } // Custom width and height with nowrap\n }}\n >\n <DialogTitle id=\"responsive-dialog-title\" style={{ borderBottom: \"1px solid #D3D3D4\", padding: 0, paddingTop: '5pxs' }}>\n <Box\n sx={{\n display: 'flex',\n justifyContent: 'space-between',\n height: '40px',\n padding: '0px',\n alignItems: 'center'\n }}\n >\n <Typography type=\"s3\" weight='medium' sx={{ fontWeight: 500, marginLeft: 2, color: '#000000' }}>\n Filter\n </Typography>\n <Box sx={{ display: 'flex', alignItems: 'center' }}>\n\n <IconButton onClick={closeReportFilter}>\n <Close fontSize='small' />\n </IconButton>\n </Box>\n </Box>\n </DialogTitle>\n <DialogContent>\n <Box p={2}>\n <div className=\"inventoryReportsTitleBar--FilterWrapper\">\n\n {filters?.start_date && filters?.end_date && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date Range:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n {filters?.as_of_date && (\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip\"\n ref={chipDateSelectRef}\n onClick={() => {\n if (!open) {\n anchorRef.current = chipDateSelectRef.current;\n setOpen(true);\n } else {\n handleCloseDatePopper();\n }\n }}\n >\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Date:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </div>\n )}\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedCompany}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Company:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedCompany}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: companyOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n {\n showAssembluItemsFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedAssemblyItems}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Assembly Items\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedAssemblyItems}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: assemblyItemOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n }\n\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedWarehouseLocation}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Location:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedWarehouseLocation}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: warehouseLocationOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedItem}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n Item:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedItem}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: itemOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>\n {showBomFilter && <div style={{ display: \"flex\", gap: \"8px\" }}>\n <ReportButtons\n zIndex={998}\n className=\"inventoryReportsTitleBar--RightContent\"\n dropdownMenuButtonData={{\n sx: {\n padding: \"0\",\n },\n children: (\n <>\n <div className=\"inventoryReportsTitleBar--FilterWrapper--Chip\">\n <div\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text\"\n title={`${selectedBom}`}\n >\n <Typography type=\"s4\" weight=\"medium\">\n BoM:\n </Typography>\n <Typography\n className=\"inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value\"\n type=\"s4\"\n >\n {selectedBom}\n </Typography>\n </div>\n <KeyboardArrowDownIcon />\n </div>\n </>\n ),\n options: bomOptions,\n }}\n toggleCallback={toggleCallback}\n />\n </div>}\n\n </div>\n </Box>\n\n </DialogContent>\n <DialogActions sx={{ backgroundColor: '#F5F6F5' }}>\n <Button style={{ backgroundColor: '#ffff', color: '#292D32' }} onClick={closeReportFilter} variant='contained' >\n Close\n </Button>\n <Button variant='contained' >\n Save\n </Button>\n </DialogActions>\n </Dialog>\n </>\n )\n}"],"names":["openFilter","closeReportFilter","filters","showAssembluItemsFilter","toggleCallback","onDateFilterChange","showBomFilter","chipDateSelectRef","useRef","anchorRef","open","setOpen","useState","companies","items","warehouseLocations","assemblyItems","bomData","useAppSelector","store","inventoryReportsTitleBar","handleCloseDatePopper","current","selectedCompany","useMemo","_a","find","company","id","company_name","companyOptions","map","label","callback","selectedItem","item","item_id","name","selectedAssemblyItems","assembly_item_id","assemblyItemOptions","ai","selectedWarehouseLocation","warehouseLocation","warehouse_id","warehouseLocationOptions","selectedBom","bom_id","bomOptions","bom","itemOptions","Fragment","children","jsxs","Dialog","onClose","fullWidth","maxWidth","PaperProps","sx","width","height","whiteSpace","overflowY","jsx","DialogTitle","style","borderBottom","padding","paddingTop","Box","display","justifyContent","alignItems","Typography","type","weight","fontWeight","marginLeft","color","IconButton","onClick","Close","fontSize","DialogContent","p","className","start_date","end_date","gap","ref","title","dayjs","format","KeyboardArrowDownIcon","as_of_date","ReportButtons","zIndex","dropdownMenuButtonData","options","DialogActions","backgroundColor","Button","variant"],"mappings":"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"}

package/dist/components/inventory-reports-title-bar/redux/reducer/index.esm.js CHANGED Viewed

@@ -35,7 +35,9 @@ const inventoryReportsTitleBarSlice = createSlice({
     });
   }
 });
+var reducer = inventoryReportsTitleBarSlice.reducer;
 export {
+  reducer as default,
   inventoryReportsTitleBarSlice
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/inventory-reports-title-bar/redux/reducer/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchBom, fetchOptions } from \"./actionCreator\";\n\nexport const inventoryReportsTitleBarSlice = createSlice({\n name: \"inventoryReportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchOptions.pending, (state) => {\n state.companies = [];\n state.items = [];\n state.warehouseLocations = [];\n state.assemblyItems = []\n state.isLoading = true;\n state.error = \"\";\n });\n builder.addCase(fetchOptions.fulfilled, (state, action) => {\n\n state.companies = action.payload?.c;\n state.items = action.payload?.i;\n state.warehouseLocations = action.payload?.wl;\n state.assemblyItems = action.payload?.ai;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n\n });\n builder.addCase(fetchOptions.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n builder.addCase(fetchBom.fulfilled, (state, action) => {\n state.bomData = action.payload?.bom;\n });\n },\n});\n\nexport default inventoryReportsTitleBarSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,gCAAgC,YAAY;AAAA,EACvD,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,aAAa,SAAS,CAACC,WAAU;AAC/C,MAAAA,OAAM,YAAY,CAAA;AAClB,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,qBAAqB,CAAA;AAC3B,MAAAA,OAAM,gBAAgB,CAAA;AACtB,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AACD,YAAQ,QAAQ,aAAa,WAAW,CAACA,QAAO,WAAW;;AAEzD,MAAAA,OAAM,aAAY,YAAO,YAAP,mBAAgB;AAClC,MAAAA,OAAM,SAAQ,YAAO,YAAP,mBAAgB;AAC9B,MAAAA,OAAM,sBAAqB,YAAO,YAAP,mBAAgB;AAC3C,MAAAA,OAAM,iBAAgB,YAAO,YAAP,mBAAgB;AACtC,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAEhB,CAAC;AACD,YAAQ,QAAQ,aAAa,UAAU,CAACA,QAAO,WAAW;AACxD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AACD,YAAQ,QAAQ,SAAS,WAAW,CAACA,QAAO,WAAW;;AACrD,MAAAA,OAAM,WAAU,YAAO,YAAP,mBAAgB;AAAA,IAClC,CAAC;AAAA,EACH;AACF,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchBom, fetchOptions } from \"./actionCreator\";\n\nexport const inventoryReportsTitleBarSlice = createSlice({\n name: \"inventoryReportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchOptions.pending, (state) => {\n state.companies = [];\n state.items = [];\n state.warehouseLocations = [];\n state.assemblyItems = []\n state.isLoading = true;\n state.error = \"\";\n });\n builder.addCase(fetchOptions.fulfilled, (state, action) => {\n\n state.companies = action.payload?.c;\n state.items = action.payload?.i;\n state.warehouseLocations = action.payload?.wl;\n state.assemblyItems = action.payload?.ai;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n\n });\n builder.addCase(fetchOptions.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n builder.addCase(fetchBom.fulfilled, (state, action) => {\n state.bomData = action.payload?.bom;\n });\n },\n});\n\nexport default inventoryReportsTitleBarSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,gCAAgC,YAAY;AAAA,EACvD,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,aAAa,SAAS,CAACC,WAAU;AAC/C,MAAAA,OAAM,YAAY,CAAA;AAClB,MAAAA,OAAM,QAAQ,CAAA;AACd,MAAAA,OAAM,qBAAqB,CAAA;AAC3B,MAAAA,OAAM,gBAAgB,CAAA;AACtB,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AACD,YAAQ,QAAQ,aAAa,WAAW,CAACA,QAAO,WAAW;;AAEzD,MAAAA,OAAM,aAAY,YAAO,YAAP,mBAAgB;AAClC,MAAAA,OAAM,SAAQ,YAAO,YAAP,mBAAgB;AAC9B,MAAAA,OAAM,sBAAqB,YAAO,YAAP,mBAAgB;AAC3C,MAAAA,OAAM,iBAAgB,YAAO,YAAP,mBAAgB;AACtC,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAEhB,CAAC;AACD,YAAQ,QAAQ,aAAa,UAAU,CAACA,QAAO,WAAW;AACxD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AACD,YAAQ,QAAQ,SAAS,WAAW,CAACA,QAAO,WAAW;;AACrD,MAAAA,OAAM,WAAU,YAAO,YAAP,mBAAgB;AAAA,IAClC,CAAC;AAAA,EACH;AACF,CAAC;AAED,IAAA,UAAe,8BAA8B;"}

package/dist/components/inventory-reports-title-bar/redux/reducer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const o=e.createSlice({name:"inventoryReportsTitleBar",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.fetchOptions.pending,e=>{e.companies=[],e.items=[],e.warehouseLocations=[],e.assemblyItems=[],e.isLoading=!0,e.error=""}),e.addCase(a.fetchOptions.fulfilled,(e,r)=>{var a,o,i,s;e.companies=null==(a=r.payload)?void 0:a.c,e.items=null==(o=r.payload)?void 0:o.i,e.warehouseLocations=null==(i=r.payload)?void 0:i.wl,e.assemblyItems=null==(s=r.payload)?void 0:s.ai,e.isLoading=!1,e.isError=!1,e.error=""}),e.addCase(a.fetchOptions.rejected,(e,r)=>{e.isLoading=!1,e.error=r.error.message||"",e.isError=!0}),e.addCase(a.fetchBom.fulfilled,(e,r)=>{var a;e.bomData=null==(a=r.payload)?void 0:a.bom})}});exports.inventoryReportsTitleBarSlice=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const o=e.createSlice({name:"inventoryReportsTitleBar",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.fetchOptions.pending,e=>{e.companies=[],e.items=[],e.warehouseLocations=[],e.assemblyItems=[],e.isLoading=!0,e.error=""}),e.addCase(a.fetchOptions.fulfilled,(e,r)=>{var a,o,i,s;e.companies=null==(a=r.payload)?void 0:a.c,e.items=null==(o=r.payload)?void 0:o.i,e.warehouseLocations=null==(i=r.payload)?void 0:i.wl,e.assemblyItems=null==(s=r.payload)?void 0:s.ai,e.isLoading=!1,e.isError=!1,e.error=""}),e.addCase(a.fetchOptions.rejected,(e,r)=>{e.isLoading=!1,e.error=r.error.message||"",e.isError=!0}),e.addCase(a.fetchBom.fulfilled,(e,r)=>{var a;e.bomData=null==(a=r.payload)?void 0:a.bom})}});var i=o.reducer;exports.default=i,exports.inventoryReportsTitleBarSlice=o;
 //# sourceMappingURL=index.js.map

package/dist/components/inventory-reports-title-bar/redux/reducer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchBom, fetchOptions } from \"./actionCreator\";\n\nexport const inventoryReportsTitleBarSlice = createSlice({\n name: \"inventoryReportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchOptions.pending, (state) => {\n state.companies = [];\n state.items = [];\n state.warehouseLocations = [];\n state.assemblyItems = []\n state.isLoading = true;\n state.error = \"\";\n });\n builder.addCase(fetchOptions.fulfilled, (state, action) => {\n\n state.companies = action.payload?.c;\n state.items = action.payload?.i;\n state.warehouseLocations = action.payload?.wl;\n state.assemblyItems = action.payload?.ai;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n\n });\n builder.addCase(fetchOptions.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n builder.addCase(fetchBom.fulfilled, (state, action) => {\n state.bomData = action.payload?.bom;\n });\n },\n});\n\nexport default inventoryReportsTitleBarSlice.reducer;\n"],"names":["inventoryReportsTitleBarSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","fetchOptions","pending","state","companies","items","warehouseLocations","assemblyItems","isLoading","error","fulfilled","action","_a","payload","c","_b","i","_c","wl","_d","ai","isError","rejected","message","fetchBom","bomData","bom"],"mappings":"4KAIO,MAAMA,EAAgCC,EAAAA,YAAY,CACvDC,KAAM,2BAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,aAAaC,QAAUC,IACrCA,EAAMC,UAAY,GAClBD,EAAME,MAAQ,GACdF,EAAMG,mBAAqB,GAC3BH,EAAMI,cAAgB,GACtBJ,EAAMK,WAAY,EAClBL,EAAMM,MAAQ,KAEhBV,EAAQC,QAAQC,EAAAA,aAAaS,UAAW,CAACP,EAAOQ,iBAE9CR,EAAMC,UAAY,OAAAQ,EAAAD,EAAOE,cAAP,EAAAD,EAAgBE,EAClCX,EAAME,MAAQ,OAAAU,EAAAJ,EAAOE,cAAP,EAAAE,EAAgBC,EAC9Bb,EAAMG,mBAAqB,OAAAW,EAAAN,EAAOE,cAAP,EAAAI,EAAgBC,GAC3Cf,EAAMI,cAAgB,OAAAY,EAAAR,EAAOE,cAAP,EAAAM,EAAgBC,GACtCjB,EAAMK,WAAY,EAClBL,EAAMkB,SAAU,EAChBlB,EAAMM,MAAQ,KAGhBV,EAAQC,QAAQC,EAAAA,aAAaqB,SAAU,CAACnB,EAAOQ,KAC7CR,EAAMK,WAAY,EAClBL,EAAMM,MAAQE,EAAOF,MAAMc,SAAW,GACtCpB,EAAMkB,SAAU,IAElBtB,EAAQC,QAAQwB,EAAAA,SAASd,UAAW,CAACP,EAAOQ,WAC1CR,EAAMsB,QAAU,OAAAb,EAAAD,EAAOE,cAAP,EAAAD,EAAgBc"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchBom, fetchOptions } from \"./actionCreator\";\n\nexport const inventoryReportsTitleBarSlice = createSlice({\n name: \"inventoryReportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchOptions.pending, (state) => {\n state.companies = [];\n state.items = [];\n state.warehouseLocations = [];\n state.assemblyItems = []\n state.isLoading = true;\n state.error = \"\";\n });\n builder.addCase(fetchOptions.fulfilled, (state, action) => {\n\n state.companies = action.payload?.c;\n state.items = action.payload?.i;\n state.warehouseLocations = action.payload?.wl;\n state.assemblyItems = action.payload?.ai;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n\n });\n builder.addCase(fetchOptions.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n builder.addCase(fetchBom.fulfilled, (state, action) => {\n state.bomData = action.payload?.bom;\n });\n },\n});\n\nexport default inventoryReportsTitleBarSlice.reducer;\n"],"names":["inventoryReportsTitleBarSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","fetchOptions","pending","state","companies","items","warehouseLocations","assemblyItems","isLoading","error","fulfilled","action","_a","payload","c","_b","i","_c","wl","_d","ai","isError","rejected","message","fetchBom","bomData","bom","reducer"],"mappings":"4KAIO,MAAMA,EAAgCC,EAAAA,YAAY,CACvDC,KAAM,2BAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,aAAaC,QAAUC,IACrCA,EAAMC,UAAY,GAClBD,EAAME,MAAQ,GACdF,EAAMG,mBAAqB,GAC3BH,EAAMI,cAAgB,GACtBJ,EAAMK,WAAY,EAClBL,EAAMM,MAAQ,KAEhBV,EAAQC,QAAQC,EAAAA,aAAaS,UAAW,CAACP,EAAOQ,iBAE9CR,EAAMC,UAAY,OAAAQ,EAAAD,EAAOE,cAAP,EAAAD,EAAgBE,EAClCX,EAAME,MAAQ,OAAAU,EAAAJ,EAAOE,cAAP,EAAAE,EAAgBC,EAC9Bb,EAAMG,mBAAqB,OAAAW,EAAAN,EAAOE,cAAP,EAAAI,EAAgBC,GAC3Cf,EAAMI,cAAgB,OAAAY,EAAAR,EAAOE,cAAP,EAAAM,EAAgBC,GACtCjB,EAAMK,WAAY,EAClBL,EAAMkB,SAAU,EAChBlB,EAAMM,MAAQ,KAGhBV,EAAQC,QAAQC,EAAAA,aAAaqB,SAAU,CAACnB,EAAOQ,KAC7CR,EAAMK,WAAY,EAClBL,EAAMM,MAAQE,EAAOF,MAAMc,SAAW,GACtCpB,EAAMkB,SAAU,IAElBtB,EAAQC,QAAQwB,EAAAA,SAASd,UAAW,CAACP,EAAOQ,WAC1CR,EAAMsB,QAAU,OAAAb,EAAAD,EAAOE,cAAP,EAAAD,EAAgBc,SAKtC,IAAAC,EAAelC,EAA8BkC"}

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport default ReportButtons;\n"],"names":[],"mappings":";;;;AAgCA,MAAM,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,MAAM,gBAAgB,WAAW,SAAS,KAAK,eAAe,~~SAAU~~,GAAG,WAA2B;~~AAC/J~~,SACE,qBAAC,SAAI,WACF,UAAA;AAAA,IAAA,mCAAS,IAAI,CAAC,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WACE,IAAI,QACA,IAAI,QACJ,YAAY,2BAAK,QAAQ;AAAA,QAG/B,SAAS,IAAI,UAAU,IAAI,UAAU;AAAA,QACrC,WAAW,IAAI,OAAO,IAAI,OAAO;AAAA,QACjC,SAAS,IAAI;AAAA,QAEZ,cAAI,SAAS;AAAA,MAAA;AAAA,MALT,IAAI;AAAA,IAAA;AAAA,IAQZ,0BACC,oBAAC,OAAA,EAAI,OAAO,EAAE,UACZ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,uBAAuB,WAAW,CAAA;AAAA,QAC1C,GAAI,iBAAiB,UAAU,EAAE,WAAW,uBAAuB,KAAA,IAAS,EAAE,SAAS,uBAAuB,KAAA;AAAA,QAC/G,yBAAyB;AAAA,QACzB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,QAEX,yBAAyB;AAAA,UACvB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,GAAG,uBAAuB;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,QAEH,UAAA,uBAAuB;AAAA,MAAA;AAAA,IAAA,EAC1B,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport default ReportButtons;\n"],"names":[],"mappings":";;;;AAgCA,MAAM,gBAAgB,CAAC,EAAE,SAAS,yBAAyB,MAAM,gBAAgB,WAAW,SAAS,KAAK,eAAe,SAAS,GAAG,WAA2B;AAC9J,SACE,qBAAC,SAAI,WACF,UAAA;AAAA,IAAA,mCAAS,IAAI,CAAC,QACb;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WACE,IAAI,QACA,IAAI,QACJ,YAAY,2BAAK,QAAQ;AAAA,QAG/B,SAAS,IAAI,UAAU,IAAI,UAAU;AAAA,QACrC,WAAW,IAAI,OAAO,IAAI,OAAO;AAAA,QACjC,SAAS,IAAI;AAAA,QAEZ,cAAI,SAAS;AAAA,MAAA;AAAA,MALT,IAAI;AAAA,IAAA;AAAA,IAQZ,0BACC,oBAAC,OAAA,EAAI,OAAO,EAAE,UACZ,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,uBAAuB,WAAW,CAAA;AAAA,QAC1C,GAAI,iBAAiB,UAAU,EAAE,WAAW,uBAAuB,KAAA,IAAS,EAAE,SAAS,uBAAuB,KAAA;AAAA,QAC/G,yBAAyB;AAAA,QACzB,sBAAsB;AAAA,QACtB,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,QAEX,yBAAyB;AAAA,UACvB,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,GAAG,uBAAuB;AAAA,UAAA;AAAA,QAC5B;AAAA,QAEF;AAAA,QACC,GAAG;AAAA,QAEH,UAAA,uBAAuB;AAAA,MAAA;AAAA,IAAA,EAC1B,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport default ReportButtons;\n"],"names":["buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"8QAgCsB,EAAGA,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,~~WAAaC~~,~~oBAElIC~~,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,QAAA,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport default ReportButtons;\n"],"names":["buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"8QAgCsB,EAAGA,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,WAAYC,oBAEjIC,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,QAAA,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}

package/dist/components/listing/listing/index.esm.js CHANGED Viewed

@@ -8,15 +8,15 @@ import { useDispatch } from "react-redux";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
 import { useAppSelector } from "../../../redux/hooks/index.esm.js";
-import useGenericDataFetcher from "../../../hooks/useDataFetcher/index.esm.js";
+import { useDataFetcher } from "../../../hooks/useDataFetcher/index.esm.js";
 import ActionBar from "../../action-bar/action-bar/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import Fallback from "../../fallback/fallback/index.esm.js";
 import Button from "../../button/button/index.esm.js";
-import Footer from "../../footer/footer/index.esm.js";
+import { Footer } from "../../footer/index.esm.js";
 import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
-import apiHelper from "../../../hooks/apiHelper/index.esm.js";
+import { apiHelper } from "../../../hooks/apiHelper/index.esm.js";
 const ListingComponent = ({
   title,
   tableColumns,
@@ -127,7 +127,7 @@ const ListingComponent = ({
   const cleanUp = useCallback(() => {
     dispatch(resetState());
   }, [dispatch, resetState]);
-  const getData = useGenericDataFetcher(
+  const getData = useDataFetcher(
     activePage,
     { skip, limit },
     fetchApi,

package/dist/components/listing/listing/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport AddIcon from '@mui/icons-material/Add';\r\n\r\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmModal as ConfirmPopUp } from '../../components';\r\nimport { viewTypes } from '../../constants';\r\n\r\nimport { IListingComponentProps, IListingState } from './types'\r\nimport logo from '../../assets/images';\r\n\r\nimport './listing.scss';\r\nimport { useDataFetcher, apiHelper } from '../../hooks';\r\nimport { useDispatch } from 'react-redux';\r\nimport { usePages } from '../../hooks';\r\nimport { useAppSelector } from '../../redux';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nconst ListingComponent: React.FC<IListingComponentProps> = ({\r\n title,\r\n tableColumns,\r\n columnOrder = ['mrt-row-select'],\r\n rowActionMenu,\r\n destructiveActionMenu,\r\n handleAddButton,\r\n searchText,\r\n handleSearch,\r\n disabledViews = ['Kanban', 'Calendar', 'Gantt'],\r\n fields,\r\n selectedIds = [],\r\n pageName,\r\n importModuleName,\r\n showAddButton = true,\r\n actionButtons,\r\n paginationResource,\r\n enablePages = false,\r\n GridComponent,\r\n onSelectRow,\r\n onColumnOrdering,\r\n onColumnVisibility,\r\n onSortingChange,\r\n fallbackIcon,\r\n className = '',\r\n onDeleteConfirm,\r\n deleteTitle,\r\n deleteDescription,\r\n fetchApi,\r\n resetState,\r\n setPaginationModel,\r\n deleteApi,\r\n storeName,\r\n\r\n}) => {\r\n const { t } = useTranslation();\r\n\r\n //dispatch\r\n const dispatch = useDispatch()\r\n\r\n //Page Context\r\n const { activePage, updatePageInfo } = usePages();\r\n //Store \r\n const {\r\n paginationModel,\r\n rows,\r\n isLoading,\r\n } = useAppSelector((store) => store?.[storeName]);\r\n\r\n const { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n const limit = activePage.page_size \|\| pLimit;\r\n const skip = limit * (pageNo - 1);\r\n\r\n\r\n // Local state\r\n const [listingState, setListingState] = useState<IListingState>({\r\n selectedRows: selectedIds,\r\n itemToDelete: null,\r\n isDeleting: false\r\n });\r\n\r\n // Calculate pagination values\r\n const total = Math.ceil(totalCount / limit);\r\n\r\n // Memoized table data\r\n const tableRows = useMemo(() => rows, [rows]);\r\n\r\n // Handle row selection\r\n const handleRowSelection = (selectedRows: any[]) => {\r\n const selectedRowIds = selectedRows.map((row) => row.original.id);\r\n setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\r\n onSelectRow?.(selectedRows);\r\n };\r\n\r\n // Handle pagination changes\r\n const handlePaginationChange = (model: any) => {\r\n if (activePage.page_size !== model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n handlePaginationModel(model);\r\n };\r\n\r\n // Handle search\r\n const handleSearchChange = (search: string) => {\r\n updatePageInfo({ search });\r\n handlePaginationModel({ pageNo: 1 });\r\n handleSearch?.(search);\r\n };\r\n\r\n // Handle delete confirmation\r\n const handleDeleteClick = (item: any) => {\r\n setListingState(prev => ({ ...prev, itemToDelete: item }));\r\n };\r\n\r\n const handleDeleteConfirm = async () => {\r\n if (!listingState.itemToDelete) return;\r\n\r\n setListingState(prev => ({ ...prev, isDeleting: true }));\r\n\r\n try {\r\n onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\r\n setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\r\n } catch (error) {\r\n setListingState(prev => ({ ...prev, isDeleting: false }));\r\n }\r\n };\r\n\r\n const handleDeleteCancel = () => {\r\n setListingState(prev => ({ ...prev, itemToDelete: null }));\r\n };\r\n\r\n // Enhance destructive actions to include delete confirmation\r\n const enhancedDestructiveActions = useMemo(() => {\r\n if (!destructiveActionMenu) return undefined;\r\n\r\n return destructiveActionMenu.map(action => ({\r\n ...action,\r\n handleAction: action.label.toLowerCase().includes('delete')\r\n ? handleDeleteClick\r\n : action.handleAction\r\n }));\r\n }, [destructiveActionMenu]);\r\n\r\n //Handle pagination model\r\n const handlePaginationModel = (model: IPaginationModel) => {\r\n if (activePage.page_size != model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n dispatch(setPaginationModel(model));\r\n }\r\n\r\n //Delete\r\n const deleteRecord = async (requestToDelete: any) => {\r\n const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\r\n apiHelper(response, () => {\r\n enqueueSnackbar(\r\n ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\r\n )\r\n getData()\r\n })\r\n };\r\n\r\n\r\n\r\n\r\n //clean up\r\n const cleanUp = useCallback(() => {\r\n dispatch(resetState())\r\n }, [dispatch, resetState]);\r\n\r\n // Data fetching\r\n const getData = useDataFetcher(\r\n activePage,\r\n { skip, limit },\r\n fetchApi,\r\n `is_rental.eq=0`\r\n )\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [getData])\r\n\r\n useEffect(() => {\r\n return cleanUp;\r\n }, [cleanUp]);\r\n\r\n\r\n return (\r\n <section className={`listing-component ${className}`}>\r\n <ActionBar\r\n title={title}\r\n data={activePage?.views \|\| []}\r\n setData={(views) => updatePageInfo({ views })}\r\n active={activePage.active_view}\r\n setActive={(tab) => updatePageInfo({ active_view: tab })}\r\n handleAddButton={handleAddButton}\r\n searchText={searchText \|\| activePage.search \|\| ''}\r\n handleSearch={handleSearchChange}\r\n disabledViews={disabledViews}\r\n fields={fields}\r\n selectedIds={listingState.selectedRows}\r\n pageName={pageName}\r\n importModuleName={importModuleName}\r\n button={showAddButton}\r\n actionBtn={actionButtons}\r\n />\r\n\r\n\r\n <>\r\n {activePage?.active_view === viewTypes.TABLE && (\r\n <MaterialTable\r\n rows={tableRows \|\| []}\r\n columns={tableColumns}\r\n paginationModel={paginationModel}\r\n totalPages={total}\r\n columnOrder={[...columnOrder, ...activePage.column_order]}\r\n states={{ isLoading }}\r\n onSortingChange={onSortingChange ? (sort) => {\r\n updatePageInfo({ sort });\r\n onSortingChange(sort);\r\n } : undefined}\r\n enableColumnDragging={false}\r\n enableEditing={false}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n isResetRow={false}\r\n onSelectRow={handleRowSelection}\r\n handleColumnOrdering={onColumnOrdering ? (colOrder) => {\r\n const newOrder = colOrder.slice(1);\r\n updatePageInfo({ column_order: newOrder });\r\n onColumnOrdering(newOrder);\r\n } : undefined}\r\n onColumnVisibility={onColumnVisibility ? (columns) => {\r\n updatePageInfo({ visible_columns: columns });\r\n onColumnVisibility(columns);\r\n } : undefined}\r\n />\r\n )}\r\n\r\n {activePage?.active_view === viewTypes.GRID && GridComponent && (\r\n <GridComponent\r\n data={tableRows}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n />\r\n )}\r\n\r\n {!activePage?.active_view && (\r\n <Fallback\r\n heading={title}\r\n icon={fallbackIcon \|\| <img src={logo.shippmentFallback} alt=\"fallback\" />}\r\n >\r\n {showAddButton && handleAddButton && (\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={handleAddButton}\r\n >\r\n {`${t('common.add')} ${t('common.new')}`}\r\n </Button>\r\n )}\r\n </Fallback>\r\n )}\r\n\r\n <Footer\r\n total={total}\r\n paginationModel={{\r\n ...paginationModel,\r\n limit: activePage.page_size\r\n }}\r\n handlePaginationModel={handlePaginationChange}\r\n resource={paginationResource}\r\n enablePages={enablePages}\r\n />\r\n\r\n <ConfirmPopUp\r\n open={Boolean(listingState.itemToDelete)}\r\n onClose={handleDeleteCancel}\r\n onConfirm={handleDeleteConfirm}\r\n loading={listingState.isDeleting}\r\n title={deleteTitle \|\| `${t('common.delete')} ${title}`}\r\n description={\r\n deleteDescription\r\n ? deleteDescription(listingState.itemToDelete)\r\n : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id \|\| listingState.itemToDelete?.name \|\| ''} ?`\r\n }\r\n />\r\n </>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ListingComponent;\r\n"],"names":["useDataFetcher","logo","AddIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport AddIcon from '@mui/icons-material/Add';\r\n\r\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmModal as ConfirmPopUp } from '../../components';\r\nimport { viewTypes } from '../../constants';\r\n\r\nimport { IListingComponentProps, IListingState } from './types'\r\nimport logo from '../../assets/images';\r\n\r\nimport './listing.scss';\r\nimport { useDataFetcher, apiHelper } from '../../hooks';\r\nimport { useDispatch } from 'react-redux';\r\nimport { usePages } from '../../hooks';\r\nimport { useAppSelector } from '../../redux';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nconst ListingComponent: React.FC<IListingComponentProps> = ({\r\n title,\r\n tableColumns,\r\n columnOrder = ['mrt-row-select'],\r\n rowActionMenu,\r\n destructiveActionMenu,\r\n handleAddButton,\r\n searchText,\r\n handleSearch,\r\n disabledViews = ['Kanban', 'Calendar', 'Gantt'],\r\n fields,\r\n selectedIds = [],\r\n pageName,\r\n importModuleName,\r\n showAddButton = true,\r\n actionButtons,\r\n paginationResource,\r\n enablePages = false,\r\n GridComponent,\r\n onSelectRow,\r\n onColumnOrdering,\r\n onColumnVisibility,\r\n onSortingChange,\r\n fallbackIcon,\r\n className = '',\r\n onDeleteConfirm,\r\n deleteTitle,\r\n deleteDescription,\r\n fetchApi,\r\n resetState,\r\n setPaginationModel,\r\n deleteApi,\r\n storeName,\r\n\r\n}) => {\r\n const { t } = useTranslation();\r\n\r\n //dispatch\r\n const dispatch = useDispatch()\r\n\r\n //Page Context\r\n const { activePage, updatePageInfo } = usePages();\r\n //Store \r\n const {\r\n paginationModel,\r\n rows,\r\n isLoading,\r\n } = useAppSelector((store) => store?.[storeName]);\r\n\r\n const { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n const limit = activePage.page_size \|\| pLimit;\r\n const skip = limit * (pageNo - 1);\r\n\r\n\r\n // Local state\r\n const [listingState, setListingState] = useState<IListingState>({\r\n selectedRows: selectedIds,\r\n itemToDelete: null,\r\n isDeleting: false\r\n });\r\n\r\n // Calculate pagination values\r\n const total = Math.ceil(totalCount / limit);\r\n\r\n // Memoized table data\r\n const tableRows = useMemo(() => rows, [rows]);\r\n\r\n // Handle row selection\r\n const handleRowSelection = (selectedRows: any[]) => {\r\n const selectedRowIds = selectedRows.map((row) => row.original.id);\r\n setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\r\n onSelectRow?.(selectedRows);\r\n };\r\n\r\n // Handle pagination changes\r\n const handlePaginationChange = (model: any) => {\r\n if (activePage.page_size !== model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n handlePaginationModel(model);\r\n };\r\n\r\n // Handle search\r\n const handleSearchChange = (search: string) => {\r\n updatePageInfo({ search });\r\n handlePaginationModel({ pageNo: 1 });\r\n handleSearch?.(search);\r\n };\r\n\r\n // Handle delete confirmation\r\n const handleDeleteClick = (item: any) => {\r\n setListingState(prev => ({ ...prev, itemToDelete: item }));\r\n };\r\n\r\n const handleDeleteConfirm = async () => {\r\n if (!listingState.itemToDelete) return;\r\n\r\n setListingState(prev => ({ ...prev, isDeleting: true }));\r\n\r\n try {\r\n onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\r\n setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\r\n } catch (error) {\r\n setListingState(prev => ({ ...prev, isDeleting: false }));\r\n }\r\n };\r\n\r\n const handleDeleteCancel = () => {\r\n setListingState(prev => ({ ...prev, itemToDelete: null }));\r\n };\r\n\r\n // Enhance destructive actions to include delete confirmation\r\n const enhancedDestructiveActions = useMemo(() => {\r\n if (!destructiveActionMenu) return undefined;\r\n\r\n return destructiveActionMenu.map(action => ({\r\n ...action,\r\n handleAction: action.label.toLowerCase().includes('delete')\r\n ? handleDeleteClick\r\n : action.handleAction\r\n }));\r\n }, [destructiveActionMenu]);\r\n\r\n //Handle pagination model\r\n const handlePaginationModel = (model: IPaginationModel) => {\r\n if (activePage.page_size != model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n dispatch(setPaginationModel(model));\r\n }\r\n\r\n //Delete\r\n const deleteRecord = async (requestToDelete: any) => {\r\n const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\r\n apiHelper(response, () => {\r\n enqueueSnackbar(\r\n ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\r\n )\r\n getData()\r\n })\r\n };\r\n\r\n\r\n\r\n\r\n //clean up\r\n const cleanUp = useCallback(() => {\r\n dispatch(resetState())\r\n }, [dispatch, resetState]);\r\n\r\n // Data fetching\r\n const getData = useDataFetcher(\r\n activePage,\r\n { skip, limit },\r\n fetchApi,\r\n `is_rental.eq=0`\r\n )\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [getData])\r\n\r\n useEffect(() => {\r\n return cleanUp;\r\n }, [cleanUp]);\r\n\r\n\r\n return (\r\n <section className={`listing-component ${className}`}>\r\n <ActionBar\r\n title={title}\r\n data={activePage?.views \|\| []}\r\n setData={(views) => updatePageInfo({ views })}\r\n active={activePage.active_view}\r\n setActive={(tab) => updatePageInfo({ active_view: tab })}\r\n handleAddButton={handleAddButton}\r\n searchText={searchText \|\| activePage.search \|\| ''}\r\n handleSearch={handleSearchChange}\r\n disabledViews={disabledViews}\r\n fields={fields}\r\n selectedIds={listingState.selectedRows}\r\n pageName={pageName}\r\n importModuleName={importModuleName}\r\n button={showAddButton}\r\n actionBtn={actionButtons}\r\n />\r\n\r\n\r\n <>\r\n {activePage?.active_view === viewTypes.TABLE && (\r\n <MaterialTable\r\n rows={tableRows \|\| []}\r\n columns={tableColumns}\r\n paginationModel={paginationModel}\r\n totalPages={total}\r\n columnOrder={[...columnOrder, ...activePage.column_order]}\r\n states={{ isLoading }}\r\n onSortingChange={onSortingChange ? (sort) => {\r\n updatePageInfo({ sort });\r\n onSortingChange(sort);\r\n } : undefined}\r\n enableColumnDragging={false}\r\n enableEditing={false}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n isResetRow={false}\r\n onSelectRow={handleRowSelection}\r\n handleColumnOrdering={onColumnOrdering ? (colOrder) => {\r\n const newOrder = colOrder.slice(1);\r\n updatePageInfo({ column_order: newOrder });\r\n onColumnOrdering(newOrder);\r\n } : undefined}\r\n onColumnVisibility={onColumnVisibility ? (columns) => {\r\n updatePageInfo({ visible_columns: columns });\r\n onColumnVisibility(columns);\r\n } : undefined}\r\n />\r\n )}\r\n\r\n {activePage?.active_view === viewTypes.GRID && GridComponent && (\r\n <GridComponent\r\n data={tableRows}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n />\r\n )}\r\n\r\n {!activePage?.active_view && (\r\n <Fallback\r\n heading={title}\r\n icon={fallbackIcon \|\| <img src={logo.shippmentFallback} alt=\"fallback\" />}\r\n >\r\n {showAddButton && handleAddButton && (\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={handleAddButton}\r\n >\r\n {`${t('common.add')} ${t('common.new')}`}\r\n </Button>\r\n )}\r\n </Fallback>\r\n )}\r\n\r\n <Footer\r\n total={total}\r\n paginationModel={{\r\n ...paginationModel,\r\n limit: activePage.page_size\r\n }}\r\n handlePaginationModel={handlePaginationChange}\r\n resource={paginationResource}\r\n enablePages={enablePages}\r\n />\r\n\r\n <ConfirmPopUp\r\n open={Boolean(listingState.itemToDelete)}\r\n onClose={handleDeleteCancel}\r\n onConfirm={handleDeleteConfirm}\r\n loading={listingState.isDeleting}\r\n title={deleteTitle \|\| `${t('common.delete')} ${title}`}\r\n description={\r\n deleteDescription\r\n ? deleteDescription(listingState.itemToDelete)\r\n : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id \|\| listingState.itemToDelete?.name \|\| ''} ?`\r\n }\r\n />\r\n </>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ListingComponent;\r\n"],"names":["logo","AddIcon"],"mappings":"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"}

package/dist/components/listing/listing/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("react-i18next"),n=,/* empty css                                                   */a=;/* empty css                     */;/* empty css                     */var o=require("react-redux"),l=,/* empty css                                                   */s=,/* empty css                              */r=,/* empty css                          */d=,/* empty css                                   */u=,/* empty css                                 */c=,/* empty css                                   */m=,/* empty css                                         */g=,/* empty css                             */p=,/* empty css                         */v=,/* empty css                         */x=,/* empty css                                       */f=;/* empty css                              */exports.default=({title:h,tableColumns:b,columnOrder:j=["mrt-row-select"],rowActionMenu:w,destructiveActionMenu:D,handleAddButton:q,searchText:_,handleSearch:M,disabledViews:A=["Kanban","Calendar","Gantt"],fields:C,selectedIds:T=[],pageName:k,importModuleName:S,showAddButton:$=!0,actionButtons:N,paginationResource:P,enablePages:R=!1,GridComponent:B,onSelectRow:y,onColumnOrdering:z,onColumnVisibility:I,onSortingChange:O,fallbackIcon:E,className:L="",onDeleteConfirm:V,deleteTitle:F,deleteDescription:G,fetchApi:H,resetState:K,setPaginationModel:J,deleteApi:Q,storeName:U})=>{var W,X;const{t:Y}=t.useTranslation(),Z=o.useDispatch(),{activePage:ee,updatePageInfo:ie}=s.usePages(),{paginationModel:te,rows:ne,isLoading:ae}=r.useAppSelector(e=>null==e?void 0:e[U]),{pageNo:oe,limit:le,totalCount:se}=te,re=ee.page_size||le,de=re*(oe-1),[ue,ce]=i.useState({selectedRows:T,itemToDelete:null,isDeleting:!1}),me=Math.ceil(se/re),ge=i.useMemo(()=>ne,[ne]),pe=e=>{ce(i=>({...i,itemToDelete:e}))},ve=i.useMemo(()=>{if(D)return D.map(e=>({...e,handleAction:e.label.toLowerCase().includes("delete")?pe:e.handleAction}))},[D]),xe=e=>{ee.page_size!=(null==e?void 0:e.limit)&&ie({page_size:e.limit}),Z(J(e))},fe=i.useCallback(()=>{Z(K())},[Z,K]),he=d.default(ee,{skip:de,limit:re},H,"is_rental.eq=0");return i.useEffect(()=>{he()},[he]),i.useEffect(()=>fe,[fe]),/* @__PURE__ */e.jsxs("section",{className:`listing-component ${L}`,children:[
-/* @__PURE__ */e.jsx(u.default,{title:h,data:(null==ee?void 0:ee.views)||[],setData:e=>ie({views:e}),active:ee.active_view,setActive:e=>ie({active_view:e}),handleAddButton:q,searchText:_||ee.search||"",handleSearch:e=>{ie({search:e}),xe({pageNo:1}),null==M||M(e)},disabledViews:A,fields:C,selectedIds:ue.selectedRows,pageName:k,importModuleName:S,button:$,actionBtn:N}),
-/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==ee?void 0:ee.active_view)===c.default.TABLE&&/* @__PURE__ */e.jsx(m.default,{rows:ge||[],columns:b,paginationModel:te,totalPages:me,columnOrder:[...j,...ee.column_order],states:{isLoading:ae},onSortingChange:O?e=>{ie({sort:e}),O(e)}:void 0,enableColumnDragging:!1,enableEditing:!1,rowActionMenu:w,destructiveActionMenu:ve,isResetRow:!1,onSelectRow:e=>{const i=e.map(e=>e.original.id);ce(e=>({...e,selectedRows:i})),null==y||y(e)},handleColumnOrdering:z?e=>{const i=e.slice(1);ie({column_order:i}),z(i)}:void 0,onColumnVisibility:I?e=>{ie({visible_columns:e}),I(e)}:void 0}),(null==ee?void 0:ee.active_view)===c.default.GRID&&B&&/* @__PURE__ */e.jsx(B,{data:ge,rowActionMenu:w,destructiveActionMenu:ve}),!(null==ee?void 0:ee.active_view)&&/* @__PURE__ */e.jsx(g.default,{heading:h,icon:E||/* @__PURE__ */e.jsx("img",{src:a.images.shippmentFallback,alt:"fallback"}),children:$&&q&&/* @__PURE__ */e.jsx(p.default,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(n.default,{}),onClick:q,children:`${Y("common.add")} ${Y("common.new")}`})}),
-/* @__PURE__ */e.jsx(v.default,{total:me,paginationModel:{...te,limit:ee.page_size},handlePaginationModel:e=>{ee.page_size!==(null==e?void 0:e.limit)&&ie({page_size:e.limit}),xe(e)},resource:P,enablePages:R}),
-/* @__PURE__ */e.jsx(x.default,{open:Boolean(ue.itemToDelete),onClose:()=>{ce(e=>({...e,itemToDelete:null}))},onConfirm:async()=>{if(ue.itemToDelete){ce(e=>({...e,isDeleting:!0}));try{V?await V(ue.itemToDelete):await(async e=>{const i=await Z(Q(String(e.id)));f.default(i,()=>{l.enqueueSnackbar(` ${h}: ${null==e?void 0:e.id} ${Y("common.msg.deleted")}`),he()})})(ue.itemToDelete),ce(e=>({...e,itemToDelete:null,isDeleting:!1}))}catch(e){ce(e=>({...e,isDeleting:!1}))}}},loading:ue.isDeleting,title:F||`${Y("common.delete")} ${h}`,description:G?G(ue.itemToDelete):`${Y("common.deleteMsg")} ${h}: ${(null==(W=ue.itemToDelete)?void 0:W.id)||(null==(X=ue.itemToDelete)?void 0:X.name)||""} ?`})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("react-i18next"),n=,/* empty css                                                   */a=;/* empty css                     */;/* empty css                     */var o=require("react-redux"),l=,/* empty css                                                   */s=,/* empty css                              */r=,/* empty css                          */d=,/* empty css                                   */c=,/* empty css                                 */u=,/* empty css                                   */m=,/* empty css                                         */g=,/* empty css                             */p=,/* empty css                         */v=,/* empty css                  */x=,/* empty css                                       */h=;/* empty css                              */exports.default=({title:b,tableColumns:f,columnOrder:j=["mrt-row-select"],rowActionMenu:w,destructiveActionMenu:D,handleAddButton:q,searchText:M,handleSearch:_,disabledViews:A=["Kanban","Calendar","Gantt"],fields:C,selectedIds:T=[],pageName:k,importModuleName:S,showAddButton:$=!0,actionButtons:N,paginationResource:P,enablePages:R=!1,GridComponent:B,onSelectRow:y,onColumnOrdering:z,onColumnVisibility:I,onSortingChange:F,fallbackIcon:O,className:E="",onDeleteConfirm:L,deleteTitle:V,deleteDescription:G,fetchApi:H,resetState:K,setPaginationModel:J,deleteApi:Q,storeName:U})=>{var W,X;const{t:Y}=t.useTranslation(),Z=o.useDispatch(),{activePage:ee,updatePageInfo:ie}=s.usePages(),{paginationModel:te,rows:ne,isLoading:ae}=r.useAppSelector(e=>null==e?void 0:e[U]),{pageNo:oe,limit:le,totalCount:se}=te,re=ee.page_size||le,de=re*(oe-1),[ce,ue]=i.useState({selectedRows:T,itemToDelete:null,isDeleting:!1}),me=Math.ceil(se/re),ge=i.useMemo(()=>ne,[ne]),pe=e=>{ue(i=>({...i,itemToDelete:e}))},ve=i.useMemo(()=>{if(D)return D.map(e=>({...e,handleAction:e.label.toLowerCase().includes("delete")?pe:e.handleAction}))},[D]),xe=e=>{ee.page_size!=(null==e?void 0:e.limit)&&ie({page_size:e.limit}),Z(J(e))},he=i.useCallback(()=>{Z(K())},[Z,K]),be=d.useDataFetcher(ee,{skip:de,limit:re},H,"is_rental.eq=0");return i.useEffect(()=>{be()},[be]),i.useEffect(()=>he,[he]),/* @__PURE__ */e.jsxs("section",{className:`listing-component ${E}`,children:[
+/* @__PURE__ */e.jsx(c.default,{title:b,data:(null==ee?void 0:ee.views)||[],setData:e=>ie({views:e}),active:ee.active_view,setActive:e=>ie({active_view:e}),handleAddButton:q,searchText:M||ee.search||"",handleSearch:e=>{ie({search:e}),xe({pageNo:1}),null==_||_(e)},disabledViews:A,fields:C,selectedIds:ce.selectedRows,pageName:k,importModuleName:S,button:$,actionBtn:N}),
+/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==ee?void 0:ee.active_view)===u.default.TABLE&&/* @__PURE__ */e.jsx(m.MaterialTable,{rows:ge||[],columns:f,paginationModel:te,totalPages:me,columnOrder:[...j,...ee.column_order],states:{isLoading:ae},onSortingChange:F?e=>{ie({sort:e}),F(e)}:void 0,enableColumnDragging:!1,enableEditing:!1,rowActionMenu:w,destructiveActionMenu:ve,isResetRow:!1,onSelectRow:e=>{const i=e.map(e=>e.original.id);ue(e=>({...e,selectedRows:i})),null==y||y(e)},handleColumnOrdering:z?e=>{const i=e.slice(1);ie({column_order:i}),z(i)}:void 0,onColumnVisibility:I?e=>{ie({visible_columns:e}),I(e)}:void 0}),(null==ee?void 0:ee.active_view)===u.default.GRID&&B&&/* @__PURE__ */e.jsx(B,{data:ge,rowActionMenu:w,destructiveActionMenu:ve}),!(null==ee?void 0:ee.active_view)&&/* @__PURE__ */e.jsx(g.default,{heading:b,icon:O||/* @__PURE__ */e.jsx("img",{src:a.images.shippmentFallback,alt:"fallback"}),children:$&&q&&/* @__PURE__ */e.jsx(p.default,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(n.default,{}),onClick:q,children:`${Y("common.add")} ${Y("common.new")}`})}),
+/* @__PURE__ */e.jsx(v.Footer,{total:me,paginationModel:{...te,limit:ee.page_size},handlePaginationModel:e=>{ee.page_size!==(null==e?void 0:e.limit)&&ie({page_size:e.limit}),xe(e)},resource:P,enablePages:R}),
+/* @__PURE__ */e.jsx(x.default,{open:Boolean(ce.itemToDelete),onClose:()=>{ue(e=>({...e,itemToDelete:null}))},onConfirm:async()=>{if(ce.itemToDelete){ue(e=>({...e,isDeleting:!0}));try{L?await L(ce.itemToDelete):await(async e=>{const i=await Z(Q(String(e.id)));h.apiHelper(i,()=>{l.enqueueSnackbar(` ${b}: ${null==e?void 0:e.id} ${Y("common.msg.deleted")}`),be()})})(ce.itemToDelete),ue(e=>({...e,itemToDelete:null,isDeleting:!1}))}catch(e){ue(e=>({...e,isDeleting:!1}))}}},loading:ce.isDeleting,title:V||`${Y("common.delete")} ${b}`,description:G?G(ce.itemToDelete):`${Y("common.deleteMsg")} ${b}: ${(null==(W=ce.itemToDelete)?void 0:W.id)||(null==(X=ce.itemToDelete)?void 0:X.name)||""} ?`})]})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/listing/listing/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport AddIcon from '@mui/icons-material/Add';\r\n\r\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmModal as ConfirmPopUp } from '../../components';\r\nimport { viewTypes } from '../../constants';\r\n\r\nimport { IListingComponentProps, IListingState } from './types'\r\nimport logo from '../../assets/images';\r\n\r\nimport './listing.scss';\r\nimport { useDataFetcher, apiHelper } from '../../hooks';\r\nimport { useDispatch } from 'react-redux';\r\nimport { usePages } from '../../hooks';\r\nimport { useAppSelector } from '../../redux';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nconst ListingComponent: React.FC<IListingComponentProps> = ({\r\n title,\r\n tableColumns,\r\n columnOrder = ['mrt-row-select'],\r\n rowActionMenu,\r\n destructiveActionMenu,\r\n handleAddButton,\r\n searchText,\r\n handleSearch,\r\n disabledViews = ['Kanban', 'Calendar', 'Gantt'],\r\n fields,\r\n selectedIds = [],\r\n pageName,\r\n importModuleName,\r\n showAddButton = true,\r\n actionButtons,\r\n paginationResource,\r\n enablePages = false,\r\n GridComponent,\r\n onSelectRow,\r\n onColumnOrdering,\r\n onColumnVisibility,\r\n onSortingChange,\r\n fallbackIcon,\r\n className = '',\r\n onDeleteConfirm,\r\n deleteTitle,\r\n deleteDescription,\r\n fetchApi,\r\n resetState,\r\n setPaginationModel,\r\n deleteApi,\r\n storeName,\r\n\r\n}) => {\r\n const { t } = useTranslation();\r\n\r\n //dispatch\r\n const dispatch = useDispatch()\r\n\r\n //Page Context\r\n const { activePage, updatePageInfo } = usePages();\r\n //Store \r\n const {\r\n paginationModel,\r\n rows,\r\n isLoading,\r\n } = useAppSelector((store) => store?.[storeName]);\r\n\r\n const { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n const limit = activePage.page_size \|\| pLimit;\r\n const skip = limit * (pageNo - 1);\r\n\r\n\r\n // Local state\r\n const [listingState, setListingState] = useState<IListingState>({\r\n selectedRows: selectedIds,\r\n itemToDelete: null,\r\n isDeleting: false\r\n });\r\n\r\n // Calculate pagination values\r\n const total = Math.ceil(totalCount / limit);\r\n\r\n // Memoized table data\r\n const tableRows = useMemo(() => rows, [rows]);\r\n\r\n // Handle row selection\r\n const handleRowSelection = (selectedRows: any[]) => {\r\n const selectedRowIds = selectedRows.map((row) => row.original.id);\r\n setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\r\n onSelectRow?.(selectedRows);\r\n };\r\n\r\n // Handle pagination changes\r\n const handlePaginationChange = (model: any) => {\r\n if (activePage.page_size !== model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n handlePaginationModel(model);\r\n };\r\n\r\n // Handle search\r\n const handleSearchChange = (search: string) => {\r\n updatePageInfo({ search });\r\n handlePaginationModel({ pageNo: 1 });\r\n handleSearch?.(search);\r\n };\r\n\r\n // Handle delete confirmation\r\n const handleDeleteClick = (item: any) => {\r\n setListingState(prev => ({ ...prev, itemToDelete: item }));\r\n };\r\n\r\n const handleDeleteConfirm = async () => {\r\n if (!listingState.itemToDelete) return;\r\n\r\n setListingState(prev => ({ ...prev, isDeleting: true }));\r\n\r\n try {\r\n onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\r\n setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\r\n } catch (error) {\r\n setListingState(prev => ({ ...prev, isDeleting: false }));\r\n }\r\n };\r\n\r\n const handleDeleteCancel = () => {\r\n setListingState(prev => ({ ...prev, itemToDelete: null }));\r\n };\r\n\r\n // Enhance destructive actions to include delete confirmation\r\n const enhancedDestructiveActions = useMemo(() => {\r\n if (!destructiveActionMenu) return undefined;\r\n\r\n return destructiveActionMenu.map(action => ({\r\n ...action,\r\n handleAction: action.label.toLowerCase().includes('delete')\r\n ? handleDeleteClick\r\n : action.handleAction\r\n }));\r\n }, [destructiveActionMenu]);\r\n\r\n //Handle pagination model\r\n const handlePaginationModel = (model: IPaginationModel) => {\r\n if (activePage.page_size != model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n dispatch(setPaginationModel(model));\r\n }\r\n\r\n //Delete\r\n const deleteRecord = async (requestToDelete: any) => {\r\n const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\r\n apiHelper(response, () => {\r\n enqueueSnackbar(\r\n ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\r\n )\r\n getData()\r\n })\r\n };\r\n\r\n\r\n\r\n\r\n //clean up\r\n const cleanUp = useCallback(() => {\r\n dispatch(resetState())\r\n }, [dispatch, resetState]);\r\n\r\n // Data fetching\r\n const getData = useDataFetcher(\r\n activePage,\r\n { skip, limit },\r\n fetchApi,\r\n `is_rental.eq=0`\r\n )\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [getData])\r\n\r\n useEffect(() => {\r\n return cleanUp;\r\n }, [cleanUp]);\r\n\r\n\r\n return (\r\n <section className={`listing-component ${className}`}>\r\n <ActionBar\r\n title={title}\r\n data={activePage?.views \|\| []}\r\n setData={(views) => updatePageInfo({ views })}\r\n active={activePage.active_view}\r\n setActive={(tab) => updatePageInfo({ active_view: tab })}\r\n handleAddButton={handleAddButton}\r\n searchText={searchText \|\| activePage.search \|\| ''}\r\n handleSearch={handleSearchChange}\r\n disabledViews={disabledViews}\r\n fields={fields}\r\n selectedIds={listingState.selectedRows}\r\n pageName={pageName}\r\n importModuleName={importModuleName}\r\n button={showAddButton}\r\n actionBtn={actionButtons}\r\n />\r\n\r\n\r\n <>\r\n {activePage?.active_view === viewTypes.TABLE && (\r\n <MaterialTable\r\n rows={tableRows \|\| []}\r\n columns={tableColumns}\r\n paginationModel={paginationModel}\r\n totalPages={total}\r\n columnOrder={[...columnOrder, ...activePage.column_order]}\r\n states={{ isLoading }}\r\n onSortingChange={onSortingChange ? (sort) => {\r\n updatePageInfo({ sort });\r\n onSortingChange(sort);\r\n } : undefined}\r\n enableColumnDragging={false}\r\n enableEditing={false}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n isResetRow={false}\r\n onSelectRow={handleRowSelection}\r\n handleColumnOrdering={onColumnOrdering ? (colOrder) => {\r\n const newOrder = colOrder.slice(1);\r\n updatePageInfo({ column_order: newOrder });\r\n onColumnOrdering(newOrder);\r\n } : undefined}\r\n onColumnVisibility={onColumnVisibility ? (columns) => {\r\n updatePageInfo({ visible_columns: columns });\r\n onColumnVisibility(columns);\r\n } : undefined}\r\n />\r\n )}\r\n\r\n {activePage?.active_view === viewTypes.GRID && GridComponent && (\r\n <GridComponent\r\n data={tableRows}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n />\r\n )}\r\n\r\n {!activePage?.active_view && (\r\n <Fallback\r\n heading={title}\r\n icon={fallbackIcon \|\| <img src={logo.shippmentFallback} alt=\"fallback\" />}\r\n >\r\n {showAddButton && handleAddButton && (\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={handleAddButton}\r\n >\r\n {`${t('common.add')} ${t('common.new')}`}\r\n </Button>\r\n )}\r\n </Fallback>\r\n )}\r\n\r\n <Footer\r\n total={total}\r\n paginationModel={{\r\n ...paginationModel,\r\n limit: activePage.page_size\r\n }}\r\n handlePaginationModel={handlePaginationChange}\r\n resource={paginationResource}\r\n enablePages={enablePages}\r\n />\r\n\r\n <ConfirmPopUp\r\n open={Boolean(listingState.itemToDelete)}\r\n onClose={handleDeleteCancel}\r\n onConfirm={handleDeleteConfirm}\r\n loading={listingState.isDeleting}\r\n title={deleteTitle \|\| `${t('common.delete')} ${title}`}\r\n description={\r\n deleteDescription\r\n ? deleteDescription(listingState.itemToDelete)\r\n : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id \|\| listingState.itemToDelete?.name \|\| ''} ?`\r\n }\r\n />\r\n </>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ListingComponent;\r\n"],"names":["title","tableColumns","columnOrder","rowActionMenu","destructiveActionMenu","handleAddButton","searchText","handleSearch","disabledViews","fields","selectedIds","pageName","importModuleName","showAddButton","actionButtons","paginationResource","enablePages","GridComponent","onSelectRow","onColumnOrdering","onColumnVisibility","onSortingChange","fallbackIcon","className","onDeleteConfirm","deleteTitle","deleteDescription","fetchApi","resetState","setPaginationModel","deleteApi","storeName","t","useTranslation","dispatch","useDispatch","activePage","updatePageInfo","usePages","paginationModel","rows","isLoading","useAppSelector","store","pageNo","limit","pLimit","totalCount","page_size","skip","listingState","setListingState","useState","selectedRows","itemToDelete","isDeleting","total","Math","ceil","tableRows","useMemo","handleDeleteClick","item","prev","enhancedDestructiveActions","map","action","handleAction","label","toLowerCase","includes","handlePaginationModel","model","cleanUp","useCallback","getData","useDataFetcher","useEffect","jsxs","children","jsx","ActionBar","data","views","setData","active","active_view","setActive","tab","search","button","actionBtn","Fragment","viewTypes","TABLE","MaterialTable","columns","totalPages","column_order","states","sort","enableColumnDragging","enableEditing","isResetRow","selectedRowIds","row","original","id","handleColumnOrdering","colOrder","newOrder","slice","visible_columns","GRID","Fallback","heading","icon","src","logo","shippmentFallback","alt","Button","variant","startIcon","AddIcon","onClick","Footer","resource","ConfirmPopUp","open","Boolean","onClose","onConfirm","async","requestToDelete","response","String","apiHelper","enqueueSnackbar","deleteRecord","error","loading","description","_a","_b","name"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport AddIcon from '@mui/icons-material/Add';\r\n\r\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmModal as ConfirmPopUp } from '../../components';\r\nimport { viewTypes } from '../../constants';\r\n\r\nimport { IListingComponentProps, IListingState } from './types'\r\nimport logo from '../../assets/images';\r\n\r\nimport './listing.scss';\r\nimport { useDataFetcher, apiHelper } from '../../hooks';\r\nimport { useDispatch } from 'react-redux';\r\nimport { usePages } from '../../hooks';\r\nimport { useAppSelector } from '../../redux';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nconst ListingComponent: React.FC<IListingComponentProps> = ({\r\n title,\r\n tableColumns,\r\n columnOrder = ['mrt-row-select'],\r\n rowActionMenu,\r\n destructiveActionMenu,\r\n handleAddButton,\r\n searchText,\r\n handleSearch,\r\n disabledViews = ['Kanban', 'Calendar', 'Gantt'],\r\n fields,\r\n selectedIds = [],\r\n pageName,\r\n importModuleName,\r\n showAddButton = true,\r\n actionButtons,\r\n paginationResource,\r\n enablePages = false,\r\n GridComponent,\r\n onSelectRow,\r\n onColumnOrdering,\r\n onColumnVisibility,\r\n onSortingChange,\r\n fallbackIcon,\r\n className = '',\r\n onDeleteConfirm,\r\n deleteTitle,\r\n deleteDescription,\r\n fetchApi,\r\n resetState,\r\n setPaginationModel,\r\n deleteApi,\r\n storeName,\r\n\r\n}) => {\r\n const { t } = useTranslation();\r\n\r\n //dispatch\r\n const dispatch = useDispatch()\r\n\r\n //Page Context\r\n const { activePage, updatePageInfo } = usePages();\r\n //Store \r\n const {\r\n paginationModel,\r\n rows,\r\n isLoading,\r\n } = useAppSelector((store) => store?.[storeName]);\r\n\r\n const { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n const limit = activePage.page_size \|\| pLimit;\r\n const skip = limit * (pageNo - 1);\r\n\r\n\r\n // Local state\r\n const [listingState, setListingState] = useState<IListingState>({\r\n selectedRows: selectedIds,\r\n itemToDelete: null,\r\n isDeleting: false\r\n });\r\n\r\n // Calculate pagination values\r\n const total = Math.ceil(totalCount / limit);\r\n\r\n // Memoized table data\r\n const tableRows = useMemo(() => rows, [rows]);\r\n\r\n // Handle row selection\r\n const handleRowSelection = (selectedRows: any[]) => {\r\n const selectedRowIds = selectedRows.map((row) => row.original.id);\r\n setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\r\n onSelectRow?.(selectedRows);\r\n };\r\n\r\n // Handle pagination changes\r\n const handlePaginationChange = (model: any) => {\r\n if (activePage.page_size !== model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n handlePaginationModel(model);\r\n };\r\n\r\n // Handle search\r\n const handleSearchChange = (search: string) => {\r\n updatePageInfo({ search });\r\n handlePaginationModel({ pageNo: 1 });\r\n handleSearch?.(search);\r\n };\r\n\r\n // Handle delete confirmation\r\n const handleDeleteClick = (item: any) => {\r\n setListingState(prev => ({ ...prev, itemToDelete: item }));\r\n };\r\n\r\n const handleDeleteConfirm = async () => {\r\n if (!listingState.itemToDelete) return;\r\n\r\n setListingState(prev => ({ ...prev, isDeleting: true }));\r\n\r\n try {\r\n onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\r\n setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\r\n } catch (error) {\r\n setListingState(prev => ({ ...prev, isDeleting: false }));\r\n }\r\n };\r\n\r\n const handleDeleteCancel = () => {\r\n setListingState(prev => ({ ...prev, itemToDelete: null }));\r\n };\r\n\r\n // Enhance destructive actions to include delete confirmation\r\n const enhancedDestructiveActions = useMemo(() => {\r\n if (!destructiveActionMenu) return undefined;\r\n\r\n return destructiveActionMenu.map(action => ({\r\n ...action,\r\n handleAction: action.label.toLowerCase().includes('delete')\r\n ? handleDeleteClick\r\n : action.handleAction\r\n }));\r\n }, [destructiveActionMenu]);\r\n\r\n //Handle pagination model\r\n const handlePaginationModel = (model: IPaginationModel) => {\r\n if (activePage.page_size != model?.limit) {\r\n updatePageInfo({ page_size: model.limit });\r\n }\r\n dispatch(setPaginationModel(model));\r\n }\r\n\r\n //Delete\r\n const deleteRecord = async (requestToDelete: any) => {\r\n const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\r\n apiHelper(response, () => {\r\n enqueueSnackbar(\r\n ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\r\n )\r\n getData()\r\n })\r\n };\r\n\r\n\r\n\r\n\r\n //clean up\r\n const cleanUp = useCallback(() => {\r\n dispatch(resetState())\r\n }, [dispatch, resetState]);\r\n\r\n // Data fetching\r\n const getData = useDataFetcher(\r\n activePage,\r\n { skip, limit },\r\n fetchApi,\r\n `is_rental.eq=0`\r\n )\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [getData])\r\n\r\n useEffect(() => {\r\n return cleanUp;\r\n }, [cleanUp]);\r\n\r\n\r\n return (\r\n <section className={`listing-component ${className}`}>\r\n <ActionBar\r\n title={title}\r\n data={activePage?.views \|\| []}\r\n setData={(views) => updatePageInfo({ views })}\r\n active={activePage.active_view}\r\n setActive={(tab) => updatePageInfo({ active_view: tab })}\r\n handleAddButton={handleAddButton}\r\n searchText={searchText \|\| activePage.search \|\| ''}\r\n handleSearch={handleSearchChange}\r\n disabledViews={disabledViews}\r\n fields={fields}\r\n selectedIds={listingState.selectedRows}\r\n pageName={pageName}\r\n importModuleName={importModuleName}\r\n button={showAddButton}\r\n actionBtn={actionButtons}\r\n />\r\n\r\n\r\n <>\r\n {activePage?.active_view === viewTypes.TABLE && (\r\n <MaterialTable\r\n rows={tableRows \|\| []}\r\n columns={tableColumns}\r\n paginationModel={paginationModel}\r\n totalPages={total}\r\n columnOrder={[...columnOrder, ...activePage.column_order]}\r\n states={{ isLoading }}\r\n onSortingChange={onSortingChange ? (sort) => {\r\n updatePageInfo({ sort });\r\n onSortingChange(sort);\r\n } : undefined}\r\n enableColumnDragging={false}\r\n enableEditing={false}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n isResetRow={false}\r\n onSelectRow={handleRowSelection}\r\n handleColumnOrdering={onColumnOrdering ? (colOrder) => {\r\n const newOrder = colOrder.slice(1);\r\n updatePageInfo({ column_order: newOrder });\r\n onColumnOrdering(newOrder);\r\n } : undefined}\r\n onColumnVisibility={onColumnVisibility ? (columns) => {\r\n updatePageInfo({ visible_columns: columns });\r\n onColumnVisibility(columns);\r\n } : undefined}\r\n />\r\n )}\r\n\r\n {activePage?.active_view === viewTypes.GRID && GridComponent && (\r\n <GridComponent\r\n data={tableRows}\r\n rowActionMenu={rowActionMenu}\r\n destructiveActionMenu={enhancedDestructiveActions}\r\n />\r\n )}\r\n\r\n {!activePage?.active_view && (\r\n <Fallback\r\n heading={title}\r\n icon={fallbackIcon \|\| <img src={logo.shippmentFallback} alt=\"fallback\" />}\r\n >\r\n {showAddButton && handleAddButton && (\r\n <Button\r\n variant='contained'\r\n startIcon={<AddIcon />}\r\n onClick={handleAddButton}\r\n >\r\n {`${t('common.add')} ${t('common.new')}`}\r\n </Button>\r\n )}\r\n </Fallback>\r\n )}\r\n\r\n <Footer\r\n total={total}\r\n paginationModel={{\r\n ...paginationModel,\r\n limit: activePage.page_size\r\n }}\r\n handlePaginationModel={handlePaginationChange}\r\n resource={paginationResource}\r\n enablePages={enablePages}\r\n />\r\n\r\n <ConfirmPopUp\r\n open={Boolean(listingState.itemToDelete)}\r\n onClose={handleDeleteCancel}\r\n onConfirm={handleDeleteConfirm}\r\n loading={listingState.isDeleting}\r\n title={deleteTitle \|\| `${t('common.delete')} ${title}`}\r\n description={\r\n deleteDescription\r\n ? deleteDescription(listingState.itemToDelete)\r\n : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id \|\| listingState.itemToDelete?.name \|\| ''} ?`\r\n }\r\n />\r\n </>\r\n </section>\r\n );\r\n};\r\n\r\nexport default ListingComponent;\r\n"],"names":["title","tableColumns","columnOrder","rowActionMenu","destructiveActionMenu","handleAddButton","searchText","handleSearch","disabledViews","fields","selectedIds","pageName","importModuleName","showAddButton","actionButtons","paginationResource","enablePages","GridComponent","onSelectRow","onColumnOrdering","onColumnVisibility","onSortingChange","fallbackIcon","className","onDeleteConfirm","deleteTitle","deleteDescription","fetchApi","resetState","setPaginationModel","deleteApi","storeName","t","useTranslation","dispatch","useDispatch","activePage","updatePageInfo","usePages","paginationModel","rows","isLoading","useAppSelector","store","pageNo","limit","pLimit","totalCount","page_size","skip","listingState","setListingState","useState","selectedRows","itemToDelete","isDeleting","total","Math","ceil","tableRows","useMemo","handleDeleteClick","item","prev","enhancedDestructiveActions","map","action","handleAction","label","toLowerCase","includes","handlePaginationModel","model","cleanUp","useCallback","getData","useDataFetcher","useEffect","jsxs","children","jsx","ActionBar","data","views","setData","active","active_view","setActive","tab","search","button","actionBtn","Fragment","viewTypes","TABLE","MaterialTable","columns","totalPages","column_order","states","sort","enableColumnDragging","enableEditing","isResetRow","selectedRowIds","row","original","id","handleColumnOrdering","colOrder","newOrder","slice","visible_columns","GRID","Fallback","heading","icon","src","logo","shippmentFallback","alt","Button","variant","startIcon","AddIcon","onClick","Footer","resource","ConfirmPopUp","open","Boolean","onClose","onConfirm","async","requestToDelete","response","String","apiHelper","enqueueSnackbar","deleteRecord","error","loading","description","_a","_b","name"],"mappings":"o6BAiB2D,EACvDA,QACAC,eACAC,cAAc,CAAC,kBACfC,gBACAC,wBACAC,kBACAC,aACAC,eACAC,gBAAgB,CAAC,SAAU,WAAY,SACvCC,SACAC,cAAc,GACdC,WACAC,mBACAC,iBAAgB,EAChBC,gBACAC,qBACAC,eAAc,EACdC,gBACAC,cACAC,mBACAC,qBACAC,kBACAC,eACAC,YAAY,GACZC,kBACAC,cACAC,oBACAC,WACAC,aACAC,qBACAC,YACAC,wBAGA,MAAMC,EAAEA,GAAMC,mBAGRC,EAAWC,EAAAA,eAGXC,WAAEA,GAAAC,eAAYA,IAAmBC,cAEjCC,gBACFA,GAAAC,KACAA,GAAAC,UACAA,IACAC,EAAAA,eAAgBC,SAAUA,WAAQZ,KAEhCa,OAAEA,GAAQC,MAAOC,GAAAC,WAAQA,IAAeR,GACxCM,GAAQT,GAAWY,WAAaF,GAChCG,GAAOJ,IAASD,GAAS,IAIxBM,GAAcC,IAAmBC,WAAwB,CAC5DC,aAAc3C,EACd4C,aAAc,KACdC,YAAY,IAIVC,GAAQC,KAAKC,KAAKX,GAAaF,IAG/Bc,GAAYC,EAAAA,QAAQ,IAAMpB,GAAM,CAACA,KAyBjCqB,GAAqBC,IACvBX,WAA8BY,EAAMT,aAAcQ,MAqBhDE,GAA6BJ,EAAAA,QAAQ,KACvC,GAAKxD,EAEL,OAAOA,EAAsB6D,IAAIC,IAAA,IAC1BA,EACHC,aAAcD,EAAOE,MAAMC,cAAcC,SAAS,UAC5CT,GACAK,EAAOC,iBAElB,CAAC/D,IAGEmE,GAAyBC,IACvBpC,GAAWY,YAAa,MAAAwB,OAAA,EAAAA,EAAO3B,QAC/BR,GAAe,CAAEW,UAAWwB,EAAM3B,QAEtCX,EAASL,EAAmB2C,KAkB1BC,GAAUC,EAAAA,YAAY,KACxBxC,EAASN,MACV,CAACM,EAAUN,IAGR+C,GAAUC,EAAAA,eACZxC,GACA,CAAEa,QAAMJ,UACRlB,EACA,kBAYJ,OATAkD,EAAAA,UAAU,KACNF,MACD,CAACA,KAEJE,EAAAA,UAAU,IACCJ,GACR,CAACA,oBAIAK,EAAAA,KAAC,UAAA,CAAQvD,UAAW,qBAAqBA,IACrCwD,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CACGjF,QACAkF,MAAM,MAAA9C,QAAA,EAAAA,GAAY+C,QAAS,GAC3BC,QAAUD,GAAU9C,GAAe,CAAE8C,UACrCE,OAAQjD,GAAWkD,YACnBC,UAAYC,GAAQnD,GAAe,CAAEiD,YAAaE,IAClDnF,kBACAC,WAAYA,GAAc8B,GAAWqD,QAAU,GAC/ClF,aA9FgBkF,IACxBpD,GAAe,CAAEoD,WACjBlB,GAAsB,CAAE3B,OAAQ,IAChC,MAAArC,GAAAA,EAAekF,IA4FPjF,gBACAC,SACAC,YAAawC,GAAaG,aAC1B1C,WACAC,mBACA8E,OAAQ7E,EACR8E,UAAW7E;eAIfgE,OAAAc,EAAAA,SAAA,CACKb,SAAA,EAAA,MAAA3C,QAAA,EAAAA,GAAYkD,eAAgBO,UAAUC,sBACnCd,EAAAA,IAACe,EAAAA,cAAA,CACGvD,KAAMmB,IAAa,GACnBqC,QAAS/F,EACTsC,mBACA0D,WAAYzC,GACZtD,YAAa,IAAIA,KAAgBkC,GAAW8D,cAC5CC,OAAQ,CAAE1D,cACVpB,gBAAiBA,EAAmB+E,IAChC/D,GAAe,CAAE+D,SACjB/E,EAAgB+E,SAChB,EACJC,sBAAsB,EACtBC,eAAe,EACfnG,gBACAC,sBAAuB4D,GACvBuC,YAAY,EACZrF,YA1IQmC,IACxB,MAAMmD,EAAiBnD,EAAaY,IAAKwC,GAAQA,EAAIC,SAASC,IAC9DxD,WAA8BY,EAAMV,aAAcmD,KAClD,MAAAtF,GAAAA,EAAcmC,IAwIEuD,qBAAsBzF,EAAoB0F,IACtC,MAAMC,EAAWD,EAASE,MAAM,GAChC1E,GAAe,CAAE6D,aAAcY,IAC/B3F,EAAiB2F,SACjB,EACJ1F,mBAAoBA,EAAsB4E,IACtC3D,GAAe,CAAE2E,gBAAiBhB,IAClC5E,EAAmB4E,SACnB,WAIX5D,aAAYkD,eAAgBO,EAAAA,QAAUoB,MAAQhG,kBAC3C+D,EAAAA,IAAC/D,EAAA,CACGiE,KAAMvB,GACNxD,gBACAC,sBAAuB4D,OAI7B,MAAA5B,QAAA,EAAAA,GAAYkD,6BACVN,EAAAA,IAACkC,EAAAA,QAAA,CACGC,QAASnH,EACToH,KAAM9F,kBAAgB0D,EAAAA,IAAC,MAAA,CAAIqC,IAAKC,EAAAA,OAAKC,kBAAmBC,IAAI,aAE3DzC,YAAiB1E,kBACd2E,EAAAA,IAACyC,EAAAA,QAAA,CACGC,QAAQ,YACRC,+BAAYC,EAAAA,QAAA,IACZC,QAASxH,EAER0E,YAAG/C,EAAE,iBAAiBA,EAAE;eAMzCgD,EAAAA,IAAC8C,EAAAA,OAAA,CACGtE,SACAjB,gBAAiB,IACVA,GACHM,MAAOT,GAAWY,WAEtBuB,sBA/KgBC,IACxBpC,GAAWY,aAAc,MAAAwB,OAAA,EAAAA,EAAO3B,QAChCR,GAAe,CAAEW,UAAWwB,EAAM3B,QAEtC0B,GAAsBC,IA4KVuD,SAAUhH,EACVC;eAGJgE,EAAAA,IAACgD,EAAAA,QAAA,CACGC,KAAMC,QAAQhF,GAAaI,cAC3B6E,QAtJW,KACvBhF,WAA8BY,EAAMT,aAAc,SAsJtC8E,UApKYC,UACxB,GAAKnF,GAAaI,aAAlB,CAEAH,WAA8BY,EAAMR,YAAY,KAEhD,IACI/B,QAAwBA,EAAgB0B,GAAaI,mBAgCxC+E,OAAOC,IACxB,MAAMC,QAAsBrG,EAASJ,EAAU0G,OAAOF,EAAgB3B,MACtE8B,EAAAA,UAAUF,EAAU,KAChBG,EAAAA,gBACI,IAAI1I,MAAU,MAAAsI,OAAA,EAAAA,EAAiB3B,MAAM3E,EAAE,yBAE3C2C,QAtC2EgE,CAAazF,GAAaI,cACrGH,GAAgBY,QAAcA,EAAMT,aAAc,KAAMC,YAAY,IACxE,OAASqF,GACLzF,WAA8BY,EAAMR,YAAY,IACpD,CATgC,GAoKpBsF,QAAS3F,GAAaK,WACtBvD,MAAOyB,GAAe,GAAGO,EAAE,oBAAoBhC,IAC/C8I,YACIpH,EACMA,EAAkBwB,GAAaI,cAC/B,GAAGtB,EAAE,uBAAuBhC,OAAU,OAAA+I,KAAazF,mBAAb,EAAAyF,EAA2BpC,MAAM,OAAAqC,EAAA9F,GAAaI,mBAAb,EAAA0F,EAA2BC,OAAQ"}

package/dist/components/material-editable-table/material-editable-table/index.esm.js CHANGED Viewed

@@ -38,8 +38,8 @@ import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.e
 import { Close } from "../../icons/close/index.esm.js";
 import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
-import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 const TableWrapper = styled(Box)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {