@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/list/list/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n  // DataEditorProps,\n  GridCellKind,\n  Item,\n  GridCell,\n  // GridColumn,\n  // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport default function List(props: any) {\n  const [showSearch, setShowSearch] = useState(false);\n  const [columns, setColumns] = useState(props.header);\n  const [data, setData] = useState(props.tableData);\n  const [showMenu, setShowMenu] = useState<any>();\n  const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n  const onSearchClose = useCallback(() => setShowSearch(false), []);\n  const cellProps = useExtraCells();\n\n  const onColumnResize = useCallback(\n    (column: any, newSize: any) => {\n      setColumns((prevColsMap: any) => {\n        const index = columns.findIndex((ci: any) => ci.title === column.title);\n        const newArray = [...prevColsMap];\n        newArray.splice(index, 1, {\n          ...prevColsMap[index],\n          width: newSize,\n        });\n        return newArray;\n      });\n    },\n    [columns],\n  );\n\n  const getContent = useCallback(\n    ([col, row]: Item): GridCell => {\n      // console.log(\"cell\", cell)\n      // const [col, row]: Item = cell;\n      const dataRow = data[row];\n      const d = dataRow[columns[col].id];\n\n      const { dataType } = columns[col];\n\n      if (dataType === \"Number\") {\n        return {\n          allowOverlay: true,\n          kind: GridCellKind.Number,\n          data: d,\n          displayData: d.toString(),\n        };\n      } else if (dataType === \"Image\") {\n        return {\n          kind: GridCellKind.Image,\n          data: [d],\n          allowOverlay: true,\n          allowAdd: true,\n        };\n      } else if (dataType === \"Bubble\") {\n        return {\n          kind: GridCellKind.Bubble,\n          data: [\"sss\", \"ss\"],\n          allowOverlay: true,\n        };\n      } else if (dataType === \"SingleDropdown\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"dropdown-cell\",\n            allowedValues: [\"Good\", \"Better\", \"Best\"],\n            value: \"Good\",\n          },\n        };\n      } else if (dataType === \"DatePicker\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"date-picker-cell\",\n            date: new Date(),\n            displayDate: new Date().toISOString(),\n            format: \"date\",\n          },\n        };\n      } else {\n        return {\n          kind: GridCellKind.Text,\n          allowOverlay: true,\n          readonly: false,\n          displayData: d,\n          data: d,\n        };\n      }\n    },\n    [data, columns],\n  );\n\n  const onCellEdited = useCallback(\n    (cell: any, newValue: any) => {\n      if (newValue.kind !== GridCellKind.Text) {\n        // we only have text cells, might as well just die here.\n        return;\n      }\n\n      const [col, row] = cell;\n      const key = columns[col].id;\n      data[row][key] = newValue.data;\n\n      setData(data);\n    },\n    [data, columns],\n  );\n\n  const onDragOverCell = (cell: any) => {\n    console.log(cell);\n  };\n\n  const onRowAppended = useCallback(() => {\n    const newRowObj: any = {};\n    console.log(Object.entries(data[0]));\n    for (const [key] of Object.entries(data[0])) {\n      newRowObj[key] = \"\";\n    }\n    setData([...data, newRowObj]);\n  }, [data]);\n\n  const onHeaderClicked = useCallback(() => {\n    console.log(\"Header clicked\");\n  }, []);\n\n  const onOutsideClick = () => {\n    if (isSubMenuOpen) {\n      setShowMenu(undefined);\n      setIsSubMenuOpen((cv) => !cv);\n    }\n    setIsSubMenuOpen((cv) => !cv);\n  };\n\n  const { renderLayer, layerProps } = useLayer({\n    isOpen: showMenu !== undefined,\n    triggerOffset: 2,\n    onOutsideClick,\n    trigger: {\n      getBounds: () => ({\n        bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n        height: showMenu?.bounds.height ?? 0,\n        left: showMenu?.bounds.x ?? 0,\n        right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n        top: showMenu?.bounds.y ?? 0,\n        width: showMenu?.bounds.width ?? 0,\n      }),\n    },\n    placement: \"bottom-end\",\n    auto: true,\n  });\n\n  const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n    setIsSubMenuOpen((cv) => !cv);\n    setShowMenu({ col, bounds });\n  }, []);\n\n  const onAddCol = useCallback(() => {\n    const newData = data.map((row: any) => {\n      return { ...row, new: \"\" };\n    });\n    setData(newData);\n    // setIndexes([...Object.keys(data[0]), \"new\"]);\n    setColumns([\n      ...columns,\n      {\n        title: \"New\",\n        id: \"new\",\n        hasMenu: true,\n      },\n    ]);\n  }, [data, columns]);\n\n  const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n    setColumns((old: any) => {\n      const newCols = [...old];\n      const [toMove] = newCols.splice(startIndex, 1);\n      newCols.splice(endIndex, 0, toMove);\n      return newCols;\n    });\n  }, []);\n\n  return (\n    <Accordion>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography>\n          <Chip\n            size=\"small\"\n            color=\"primary\"\n            icon={<RadioButtonCheckedIcon />}\n            label=\"Accordion 1\"\n          />\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails></AccordionDetails>\n      {/* <button onClick={() => setShowSearch(true)}>\n                  Show Search\n            </button> */}\n      <DataEditor\n        {...cellProps}\n        getCellContent={getContent}\n        columns={columns}\n        onCellEdited={onCellEdited}\n        onHeaderMenuClick={onHeaderMenuClick}\n        onHeaderClicked={onHeaderClicked}\n        onCellContextMenu={(_, e) => e.preventDefault()}\n        rows={data.length}\n        rowMarkers={\"both\"}\n        showSearch={showSearch}\n        getCellsForSelection={true}\n        onSearchClose={onSearchClose}\n        onRowAppended={onRowAppended}\n        onDragOverCell={onDragOverCell}\n        onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n        // height={\"100px\"}\n        onColumnMoved={onColMoved}\n        trailingRowOptions={{\n          // How to get the trailing row to look right\n          sticky: true,\n          tint: false,\n          hint: \"New row...\",\n          // themeOverride: true\n        }}\n        smoothScrollX={true}\n        smoothScrollY={true}\n        verticalBorder={(c) => c > 0}\n        // freezeColumns={1}\n        onDragStart={(e) => {\n          e.setData(\"text/plain\", \"Drag data here!\");\n        }}\n        rightElement={\n          <div className=\"addCol\">\n            <button onClick={() => onAddCol()}>+</button>\n          </div>\n        }\n        rightElementProps={{\n          fill: false,\n          sticky: true,\n        }}\n        onColumnResize={onColumnResize}\n      />\n      <div id=\"portal\" />\n      {showMenu !== undefined &&\n        renderLayer(\n          <div\n            {...layerProps}\n            style={{\n              ...layerProps.style,\n              width: 300,\n              padding: 4,\n              borderRadius: 8,\n              backgroundColor: \"white\",\n              border: \"1px solid black\",\n            }}\n          >\n            <ul>\n              <li>Action 1</li>\n              <li>Action 2</li>\n              <li>Action 3</li>\n            </ul>\n          </div>,\n        )}\n    </Accordion>\n  );\n}\n"],"names":["ExpandMoreIcon","RadioButtonCheckedIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n  // DataEditorProps,\n  GridCellKind,\n  Item,\n  GridCell,\n  // GridColumn,\n  // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport const List = (props: any) => {\n  const [showSearch, setShowSearch] = useState(false);\n  const [columns, setColumns] = useState(props.header);\n  const [data, setData] = useState(props.tableData);\n  const [showMenu, setShowMenu] = useState<any>();\n  const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n  const onSearchClose = useCallback(() => setShowSearch(false), []);\n  const cellProps = useExtraCells();\n\n  const onColumnResize = useCallback(\n    (column: any, newSize: any) => {\n      setColumns((prevColsMap: any) => {\n        const index = columns.findIndex((ci: any) => ci.title === column.title);\n        const newArray = [...prevColsMap];\n        newArray.splice(index, 1, {\n          ...prevColsMap[index],\n          width: newSize,\n        });\n        return newArray;\n      });\n    },\n    [columns],\n  );\n\n  const getContent = useCallback(\n    ([col, row]: Item): GridCell => {\n      // console.log(\"cell\", cell)\n      // const [col, row]: Item = cell;\n      const dataRow = data[row];\n      const d = dataRow[columns[col].id];\n\n      const { dataType } = columns[col];\n\n      if (dataType === \"Number\") {\n        return {\n          allowOverlay: true,\n          kind: GridCellKind.Number,\n          data: d,\n          displayData: d.toString(),\n        };\n      } else if (dataType === \"Image\") {\n        return {\n          kind: GridCellKind.Image,\n          data: [d],\n          allowOverlay: true,\n          allowAdd: true,\n        };\n      } else if (dataType === \"Bubble\") {\n        return {\n          kind: GridCellKind.Bubble,\n          data: [\"sss\", \"ss\"],\n          allowOverlay: true,\n        };\n      } else if (dataType === \"SingleDropdown\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"dropdown-cell\",\n            allowedValues: [\"Good\", \"Better\", \"Best\"],\n            value: \"Good\",\n          },\n        };\n      } else if (dataType === \"DatePicker\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"date-picker-cell\",\n            date: new Date(),\n            displayDate: new Date().toISOString(),\n            format: \"date\",\n          },\n        };\n      } else {\n        return {\n          kind: GridCellKind.Text,\n          allowOverlay: true,\n          readonly: false,\n          displayData: d,\n          data: d,\n        };\n      }\n    },\n    [data, columns],\n  );\n\n  const onCellEdited = useCallback(\n    (cell: any, newValue: any) => {\n      if (newValue.kind !== GridCellKind.Text) {\n        // we only have text cells, might as well just die here.\n        return;\n      }\n\n      const [col, row] = cell;\n      const key = columns[col].id;\n      data[row][key] = newValue.data;\n\n      setData(data);\n    },\n    [data, columns],\n  );\n\n  const onDragOverCell = (cell: any) => {\n    console.log(cell);\n  };\n\n  const onRowAppended = useCallback(() => {\n    const newRowObj: any = {};\n    console.log(Object.entries(data[0]));\n    for (const [key] of Object.entries(data[0])) {\n      newRowObj[key] = \"\";\n    }\n    setData([...data, newRowObj]);\n  }, [data]);\n\n  const onHeaderClicked = useCallback(() => {\n    console.log(\"Header clicked\");\n  }, []);\n\n  const onOutsideClick = () => {\n    if (isSubMenuOpen) {\n      setShowMenu(undefined);\n      setIsSubMenuOpen((cv) => !cv);\n    }\n    setIsSubMenuOpen((cv) => !cv);\n  };\n\n  const { renderLayer, layerProps } = useLayer({\n    isOpen: showMenu !== undefined,\n    triggerOffset: 2,\n    onOutsideClick,\n    trigger: {\n      getBounds: () => ({\n        bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n        height: showMenu?.bounds.height ?? 0,\n        left: showMenu?.bounds.x ?? 0,\n        right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n        top: showMenu?.bounds.y ?? 0,\n        width: showMenu?.bounds.width ?? 0,\n      }),\n    },\n    placement: \"bottom-end\",\n    auto: true,\n  });\n\n  const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n    setIsSubMenuOpen((cv) => !cv);\n    setShowMenu({ col, bounds });\n  }, []);\n\n  const onAddCol = useCallback(() => {\n    const newData = data.map((row: any) => {\n      return { ...row, new: \"\" };\n    });\n    setData(newData);\n    // setIndexes([...Object.keys(data[0]), \"new\"]);\n    setColumns([\n      ...columns,\n      {\n        title: \"New\",\n        id: \"new\",\n        hasMenu: true,\n      },\n    ]);\n  }, [data, columns]);\n\n  const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n    setColumns((old: any) => {\n      const newCols = [...old];\n      const [toMove] = newCols.splice(startIndex, 1);\n      newCols.splice(endIndex, 0, toMove);\n      return newCols;\n    });\n  }, []);\n\n  return (\n    <Accordion>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography>\n          <Chip\n            size=\"small\"\n            color=\"primary\"\n            icon={<RadioButtonCheckedIcon />}\n            label=\"Accordion 1\"\n          />\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails></AccordionDetails>\n      {/* <button onClick={() => setShowSearch(true)}>\n                  Show Search\n            </button> */}\n      <DataEditor\n        {...cellProps}\n        getCellContent={getContent}\n        columns={columns}\n        onCellEdited={onCellEdited}\n        onHeaderMenuClick={onHeaderMenuClick}\n        onHeaderClicked={onHeaderClicked}\n        onCellContextMenu={(_, e) => e.preventDefault()}\n        rows={data.length}\n        rowMarkers={\"both\"}\n        showSearch={showSearch}\n        getCellsForSelection={true}\n        onSearchClose={onSearchClose}\n        onRowAppended={onRowAppended}\n        onDragOverCell={onDragOverCell}\n        onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n        // height={\"100px\"}\n        onColumnMoved={onColMoved}\n        trailingRowOptions={{\n          // How to get the trailing row to look right\n          sticky: true,\n          tint: false,\n          hint: \"New row...\",\n          // themeOverride: true\n        }}\n        smoothScrollX={true}\n        smoothScrollY={true}\n        verticalBorder={(c) => c > 0}\n        // freezeColumns={1}\n        onDragStart={(e) => {\n          e.setData(\"text/plain\", \"Drag data here!\");\n        }}\n        rightElement={\n          <div className=\"addCol\">\n            <button onClick={() => onAddCol()}>+</button>\n          </div>\n        }\n        rightElementProps={{\n          fill: false,\n          sticky: true,\n        }}\n        onColumnResize={onColumnResize}\n      />\n      <div id=\"portal\" />\n      {showMenu !== undefined &&\n        renderLayer(\n          <div\n            {...layerProps}\n            style={{\n              ...layerProps.style,\n              width: 300,\n              padding: 4,\n              borderRadius: 8,\n              backgroundColor: \"white\",\n              border: \"1px solid black\",\n            }}\n          >\n            <ul>\n              <li>Action 1</li>\n              <li>Action 2</li>\n              <li>Action 3</li>\n            </ul>\n          </div>,\n        )}\n    </Accordion>\n  );\n};\n\nexport default List;\n"],"names":["ExpandMoreIcon","RadioButtonCheckedIcon"],"mappings":"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"}

package/dist/components/list/list/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),d=,/* empty css                                                          */i=,/* empty css                                                                  */o=,/* empty css                                                                    */t=,/* empty css                                                                          */a=require("react-laag");;/* empty css                                                                     */var r=,/* empty css                                                             */n=,/* empty css                                                                           */s=,/* empty css                                                               */u=,/* empty css                                                   */c=;/* empty css                                                                           */exports.default=function(m){const[p,x]=l.useState(!1),[h,C]=l.useState(m.header),[g,b]=l.useState(m.tableData),[w,j]=l.useState(),[k,v]=l.useState(!0),y=l.useCallback(()=>x(!1),[]),f=t.useExtraCells(),D=l.useCallback((e,l)=>{C(d=>{const i=h.findIndex(l=>l.title===e.title),o=[...d];return o.splice(i,1,{...d[i],width:l}),o})},[h]),S=l.useCallback(([e,l])=>{const d=g[l][h[e].id],{dataType:i}=h[e];return"Number"===i?{allowOverlay:!0,kind:o.GridCellKind.Number,data:d,displayData:d.toString()}:"Image"===i?{kind:o.GridCellKind.Image,data:[d],allowOverlay:!0,allowAdd:!0}:"Bubble"===i?{kind:o.GridCellKind.Bubble,data:["sss","ss"],allowOverlay:!0}:"SingleDropdown"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"dropdown-cell",allowedValues:["Good","Better","Best"],value:"Good"}}:"DatePicker"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"date-picker-cell",date:/* @__PURE__ */new Date,displayDate:/* @__PURE__ */(new Date).toISOString(),format:"date"}}:{kind:o.GridCellKind.Text,allowOverlay:!0,readonly:!1,displayData:d,data:d}},[g,h]),O=l.useCallback((e,l)=>{if(l.kind!==o.GridCellKind.Text)return;const[d,i]=e,t=h[d].id;g[i][t]=l.data,b(g)},[g,h]),q=l.useCallback(()=>{const e={};for(const[l]of Object.entries(g[0]))e[l]="";b([...g,e])},[g]),A=l.useCallback(()=>{},[]),{renderLayer:_,layerProps:G}=a.useLayer({isOpen:void 0!==w,triggerOffset:2,onOutsideClick:()=>{k&&(j(void 0),v(e=>!e)),v(e=>!e)},trigger:{getBounds:()=>({bottom:((null==w?void 0:w.bounds.y)??0)+((null==w?void 0:w.bounds.height)??0),height:(null==w?void 0:w.bounds.height)??0,left:(null==w?void 0:w.bounds.x)??0,right:((null==w?void 0:w.bounds.x)??0)+((null==w?void 0:w.bounds.width)??0),top:(null==w?void 0:w.bounds.y)??0,width:(null==w?void 0:w.bounds.width)??0})},placement:"bottom-end",auto:!0}),M=l.useCallback((e,l)=>{v(e=>!e),j({col:e,bounds:l})},[]),B=l.useCallback(()=>{const e=g.map(e=>({...e,new:""}));b(e),C([...h,{title:"New",id:"new",hasMenu:!0}])},[g,h]),K=l.useCallback((e,l)=>{C(d=>{const i=[...d],[o]=i.splice(e,1);return i.splice(l,0,o),i})},[]);/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),d=,/* empty css                                                          */i=,/* empty css                                                                  */o=,/* empty css                                                                    */t=,/* empty css                                                                          */a=require("react-laag");;/* empty css                                                                     */var r=,/* empty css                                                             */n=,/* empty css                                                                           */s=,/* empty css                                                               */u=,/* empty css                                                   */c=;/* empty css                                                                           */const m=m=>{const[p,x]=l.useState(!1),[h,C]=l.useState(m.header),[g,b]=l.useState(m.tableData),[w,j]=l.useState(),[k,v]=l.useState(!0),y=l.useCallback(()=>x(!1),[]),f=t.useExtraCells(),D=l.useCallback((e,l)=>{C(d=>{const i=h.findIndex(l=>l.title===e.title),o=[...d];return o.splice(i,1,{...d[i],width:l}),o})},[h]),S=l.useCallback(([e,l])=>{const d=g[l][h[e].id],{dataType:i}=h[e];return"Number"===i?{allowOverlay:!0,kind:o.GridCellKind.Number,data:d,displayData:d.toString()}:"Image"===i?{kind:o.GridCellKind.Image,data:[d],allowOverlay:!0,allowAdd:!0}:"Bubble"===i?{kind:o.GridCellKind.Bubble,data:["sss","ss"],allowOverlay:!0}:"SingleDropdown"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"dropdown-cell",allowedValues:["Good","Better","Best"],value:"Good"}}:"DatePicker"===i?{kind:o.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"date-picker-cell",date:/* @__PURE__ */new Date,displayDate:/* @__PURE__ */(new Date).toISOString(),format:"date"}}:{kind:o.GridCellKind.Text,allowOverlay:!0,readonly:!1,displayData:d,data:d}},[g,h]),O=l.useCallback((e,l)=>{if(l.kind!==o.GridCellKind.Text)return;const[d,i]=e,t=h[d].id;g[i][t]=l.data,b(g)},[g,h]),q=l.useCallback(()=>{const e={};for(const[l]of Object.entries(g[0]))e[l]="";b([...g,e])},[g]),A=l.useCallback(()=>{},[]),{renderLayer:_,layerProps:G}=a.useLayer({isOpen:void 0!==w,triggerOffset:2,onOutsideClick:()=>{k&&(j(void 0),v(e=>!e)),v(e=>!e)},trigger:{getBounds:()=>({bottom:((null==w?void 0:w.bounds.y)??0)+((null==w?void 0:w.bounds.height)??0),height:(null==w?void 0:w.bounds.height)??0,left:(null==w?void 0:w.bounds.x)??0,right:((null==w?void 0:w.bounds.x)??0)+((null==w?void 0:w.bounds.width)??0),top:(null==w?void 0:w.bounds.y)??0,width:(null==w?void 0:w.bounds.width)??0})},placement:"bottom-end",auto:!0}),M=l.useCallback((e,l)=>{v(e=>!e),j({col:e,bounds:l})},[]),B=l.useCallback(()=>{const e=g.map(e=>({...e,new:""}));b(e),C([...h,{title:"New",id:"new",hasMenu:!0}])},[g,h]),K=l.useCallback((e,l)=>{C(d=>{const i=[...d],[o]=i.splice(e,1);return i.splice(l,0,o),i})},[]);/* @__PURE__ */
 return e.jsxs(r.default,{children:[
 /* @__PURE__ */e.jsx(n.default,{expandIcon:/* @__PURE__ */e.jsx(d.default,{}),children:/* @__PURE__ */e.jsx(s.default,{children:/* @__PURE__ */e.jsx(u.default,{size:"small",color:"primary",icon:/* @__PURE__ */e.jsx(i.default,{}),label:"Accordion 1"})})}),
 /* @__PURE__ */e.jsx(c.default,{}),
@@ -7,5 +7,5 @@ return e.jsxs(r.default,{children:[
 /* @__PURE__ */e.jsx("div",{...G,style:{...G.style,width:300,padding:4,borderRadius:8,backgroundColor:"white",border:"1px solid black"},children:/* @__PURE__ */e.jsxs("ul",{children:[
 /* @__PURE__ */e.jsx("li",{children:"Action 1"}),
 /* @__PURE__ */e.jsx("li",{children:"Action 2"}),
-/* @__PURE__ */e.jsx("li",{children:"Action 3"})]})}))]})};
+/* @__PURE__ */e.jsx("li",{children:"Action 3"})]})}))]})};exports.List=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/list/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n  // DataEditorProps,\n  GridCellKind,\n  Item,\n  GridCell,\n  // GridColumn,\n  // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport default function List(props: any) {\n  const [showSearch, setShowSearch] = useState(false);\n  const [columns, setColumns] = useState(props.header);\n  const [data, setData] = useState(props.tableData);\n  const [showMenu, setShowMenu] = useState<any>();\n  const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n  const onSearchClose = useCallback(() => setShowSearch(false), []);\n  const cellProps = useExtraCells();\n\n  const onColumnResize = useCallback(\n    (column: any, newSize: any) => {\n      setColumns((prevColsMap: any) => {\n        const index = columns.findIndex((ci: any) => ci.title === column.title);\n        const newArray = [...prevColsMap];\n        newArray.splice(index, 1, {\n          ...prevColsMap[index],\n          width: newSize,\n        });\n        return newArray;\n      });\n    },\n    [columns],\n  );\n\n  const getContent = useCallback(\n    ([col, row]: Item): GridCell => {\n      // console.log(\"cell\", cell)\n      // const [col, row]: Item = cell;\n      const dataRow = data[row];\n      const d = dataRow[columns[col].id];\n\n      const { dataType } = columns[col];\n\n      if (dataType === \"Number\") {\n        return {\n          allowOverlay: true,\n          kind: GridCellKind.Number,\n          data: d,\n          displayData: d.toString(),\n        };\n      } else if (dataType === \"Image\") {\n        return {\n          kind: GridCellKind.Image,\n          data: [d],\n          allowOverlay: true,\n          allowAdd: true,\n        };\n      } else if (dataType === \"Bubble\") {\n        return {\n          kind: GridCellKind.Bubble,\n          data: [\"sss\", \"ss\"],\n          allowOverlay: true,\n        };\n      } else if (dataType === \"SingleDropdown\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"dropdown-cell\",\n            allowedValues: [\"Good\", \"Better\", \"Best\"],\n            value: \"Good\",\n          },\n        };\n      } else if (dataType === \"DatePicker\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"date-picker-cell\",\n            date: new Date(),\n            displayDate: new Date().toISOString(),\n            format: \"date\",\n          },\n        };\n      } else {\n        return {\n          kind: GridCellKind.Text,\n          allowOverlay: true,\n          readonly: false,\n          displayData: d,\n          data: d,\n        };\n      }\n    },\n    [data, columns],\n  );\n\n  const onCellEdited = useCallback(\n    (cell: any, newValue: any) => {\n      if (newValue.kind !== GridCellKind.Text) {\n        // we only have text cells, might as well just die here.\n        return;\n      }\n\n      const [col, row] = cell;\n      const key = columns[col].id;\n      data[row][key] = newValue.data;\n\n      setData(data);\n    },\n    [data, columns],\n  );\n\n  const onDragOverCell = (cell: any) => {\n    console.log(cell);\n  };\n\n  const onRowAppended = useCallback(() => {\n    const newRowObj: any = {};\n    console.log(Object.entries(data[0]));\n    for (const [key] of Object.entries(data[0])) {\n      newRowObj[key] = \"\";\n    }\n    setData([...data, newRowObj]);\n  }, [data]);\n\n  const onHeaderClicked = useCallback(() => {\n    console.log(\"Header clicked\");\n  }, []);\n\n  const onOutsideClick = () => {\n    if (isSubMenuOpen) {\n      setShowMenu(undefined);\n      setIsSubMenuOpen((cv) => !cv);\n    }\n    setIsSubMenuOpen((cv) => !cv);\n  };\n\n  const { renderLayer, layerProps } = useLayer({\n    isOpen: showMenu !== undefined,\n    triggerOffset: 2,\n    onOutsideClick,\n    trigger: {\n      getBounds: () => ({\n        bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n        height: showMenu?.bounds.height ?? 0,\n        left: showMenu?.bounds.x ?? 0,\n        right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n        top: showMenu?.bounds.y ?? 0,\n        width: showMenu?.bounds.width ?? 0,\n      }),\n    },\n    placement: \"bottom-end\",\n    auto: true,\n  });\n\n  const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n    setIsSubMenuOpen((cv) => !cv);\n    setShowMenu({ col, bounds });\n  }, []);\n\n  const onAddCol = useCallback(() => {\n    const newData = data.map((row: any) => {\n      return { ...row, new: \"\" };\n    });\n    setData(newData);\n    // setIndexes([...Object.keys(data[0]), \"new\"]);\n    setColumns([\n      ...columns,\n      {\n        title: \"New\",\n        id: \"new\",\n        hasMenu: true,\n      },\n    ]);\n  }, [data, columns]);\n\n  const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n    setColumns((old: any) => {\n      const newCols = [...old];\n      const [toMove] = newCols.splice(startIndex, 1);\n      newCols.splice(endIndex, 0, toMove);\n      return newCols;\n    });\n  }, []);\n\n  return (\n    <Accordion>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography>\n          <Chip\n            size=\"small\"\n            color=\"primary\"\n            icon={<RadioButtonCheckedIcon />}\n            label=\"Accordion 1\"\n          />\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails></AccordionDetails>\n      {/* <button onClick={() => setShowSearch(true)}>\n                  Show Search\n            </button> */}\n      <DataEditor\n        {...cellProps}\n        getCellContent={getContent}\n        columns={columns}\n        onCellEdited={onCellEdited}\n        onHeaderMenuClick={onHeaderMenuClick}\n        onHeaderClicked={onHeaderClicked}\n        onCellContextMenu={(_, e) => e.preventDefault()}\n        rows={data.length}\n        rowMarkers={\"both\"}\n        showSearch={showSearch}\n        getCellsForSelection={true}\n        onSearchClose={onSearchClose}\n        onRowAppended={onRowAppended}\n        onDragOverCell={onDragOverCell}\n        onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n        // height={\"100px\"}\n        onColumnMoved={onColMoved}\n        trailingRowOptions={{\n          // How to get the trailing row to look right\n          sticky: true,\n          tint: false,\n          hint: \"New row...\",\n          // themeOverride: true\n        }}\n        smoothScrollX={true}\n        smoothScrollY={true}\n        verticalBorder={(c) => c > 0}\n        // freezeColumns={1}\n        onDragStart={(e) => {\n          e.setData(\"text/plain\", \"Drag data here!\");\n        }}\n        rightElement={\n          <div className=\"addCol\">\n            <button onClick={() => onAddCol()}>+</button>\n          </div>\n        }\n        rightElementProps={{\n          fill: false,\n          sticky: true,\n        }}\n        onColumnResize={onColumnResize}\n      />\n      <div id=\"portal\" />\n      {showMenu !== undefined &&\n        renderLayer(\n          <div\n            {...layerProps}\n            style={{\n              ...layerProps.style,\n              width: 300,\n              padding: 4,\n              borderRadius: 8,\n              backgroundColor: \"white\",\n              border: \"1px solid black\",\n            }}\n          >\n            <ul>\n              <li>Action 1</li>\n              <li>Action 2</li>\n              <li>Action 3</li>\n            </ul>\n          </div>,\n        )}\n    </Accordion>\n  );\n}\n"],"names":["props","showSearch","setShowSearch","useState","columns","setColumns","header","data","setData","tableData","showMenu","setShowMenu","isSubMenuOpen","setIsSubMenuOpen","onSearchClose","useCallback","cellProps","useExtraCells","onColumnResize","column","newSize","prevColsMap","index","findIndex","ci","title","newArray","splice","width","getContent","col","row","d","id","dataType","allowOverlay","kind","GridCellKind","Number","displayData","toString","Image","allowAdd","Bubble","Custom","copyData","allowedValues","value","date","Date","displayDate","toISOString","format","Text","readonly","onCellEdited","cell","newValue","key","onRowAppended","newRowObj","Object","entries","onHeaderClicked","renderLayer","layerProps","useLayer","isOpen","triggerOffset","onOutsideClick","cv","trigger","getBounds","bottom","bounds","y","height","left","x","right","top","placement","auto","onHeaderMenuClick","onAddCol","newData","map","new","hasMenu","onColMoved","startIndex","endIndex","old","newCols","toMove","Accordion","children","jsx","AccordionSummary","expandIcon","ExpandMoreIcon","Typography","Chip","size","color","icon","RadioButtonCheckedIcon","label","AccordionDetails","DataEditor","getCellContent","onCellContextMenu","_","e","preventDefault","rows","length","rowMarkers","getCellsForSelection","onDragOverCell","onRowMoved","s","window","alert","onColumnMoved","trailingRowOptions","sticky","tint","hint","smoothScrollX","smoothScrollY","verticalBorder","c","onDragStart","rightElement","className","onClick","rightElementProps","fill","style","padding","borderRadius","backgroundColor","border"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/list/list.tsx"],"sourcesContent":["import { useState, useCallback } from \"react\";\n\nimport Accordion from \"@mui/material/Accordion\";\nimport Chip from \"@mui/material/Chip\";\nimport AccordionSummary from \"@mui/material/AccordionSummary\";\nimport AccordionDetails from \"@mui/material/AccordionDetails\";\nimport Typography from \"@mui/material/Typography\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\n\nimport DataEditor, {\n  // DataEditorProps,\n  GridCellKind,\n  Item,\n  GridCell,\n  // GridColumn,\n  // GridColumnIcon\n} from \"@glideapps/glide-data-grid\";\nimport { useExtraCells } from \"@glideapps/glide-data-grid-cells\";\nimport { useLayer } from \"react-laag\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"@glideapps/glide-data-grid/dist/index.css\";\n\nexport const List = (props: any) => {\n  const [showSearch, setShowSearch] = useState(false);\n  const [columns, setColumns] = useState(props.header);\n  const [data, setData] = useState(props.tableData);\n  const [showMenu, setShowMenu] = useState<any>();\n  const [isSubMenuOpen, setIsSubMenuOpen] = useState(true);\n\n  const onSearchClose = useCallback(() => setShowSearch(false), []);\n  const cellProps = useExtraCells();\n\n  const onColumnResize = useCallback(\n    (column: any, newSize: any) => {\n      setColumns((prevColsMap: any) => {\n        const index = columns.findIndex((ci: any) => ci.title === column.title);\n        const newArray = [...prevColsMap];\n        newArray.splice(index, 1, {\n          ...prevColsMap[index],\n          width: newSize,\n        });\n        return newArray;\n      });\n    },\n    [columns],\n  );\n\n  const getContent = useCallback(\n    ([col, row]: Item): GridCell => {\n      // console.log(\"cell\", cell)\n      // const [col, row]: Item = cell;\n      const dataRow = data[row];\n      const d = dataRow[columns[col].id];\n\n      const { dataType } = columns[col];\n\n      if (dataType === \"Number\") {\n        return {\n          allowOverlay: true,\n          kind: GridCellKind.Number,\n          data: d,\n          displayData: d.toString(),\n        };\n      } else if (dataType === \"Image\") {\n        return {\n          kind: GridCellKind.Image,\n          data: [d],\n          allowOverlay: true,\n          allowAdd: true,\n        };\n      } else if (dataType === \"Bubble\") {\n        return {\n          kind: GridCellKind.Bubble,\n          data: [\"sss\", \"ss\"],\n          allowOverlay: true,\n        };\n      } else if (dataType === \"SingleDropdown\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"dropdown-cell\",\n            allowedValues: [\"Good\", \"Better\", \"Best\"],\n            value: \"Good\",\n          },\n        };\n      } else if (dataType === \"DatePicker\") {\n        return {\n          kind: GridCellKind.Custom,\n          allowOverlay: true,\n          copyData: \"4\",\n          data: {\n            kind: \"date-picker-cell\",\n            date: new Date(),\n            displayDate: new Date().toISOString(),\n            format: \"date\",\n          },\n        };\n      } else {\n        return {\n          kind: GridCellKind.Text,\n          allowOverlay: true,\n          readonly: false,\n          displayData: d,\n          data: d,\n        };\n      }\n    },\n    [data, columns],\n  );\n\n  const onCellEdited = useCallback(\n    (cell: any, newValue: any) => {\n      if (newValue.kind !== GridCellKind.Text) {\n        // we only have text cells, might as well just die here.\n        return;\n      }\n\n      const [col, row] = cell;\n      const key = columns[col].id;\n      data[row][key] = newValue.data;\n\n      setData(data);\n    },\n    [data, columns],\n  );\n\n  const onDragOverCell = (cell: any) => {\n    console.log(cell);\n  };\n\n  const onRowAppended = useCallback(() => {\n    const newRowObj: any = {};\n    console.log(Object.entries(data[0]));\n    for (const [key] of Object.entries(data[0])) {\n      newRowObj[key] = \"\";\n    }\n    setData([...data, newRowObj]);\n  }, [data]);\n\n  const onHeaderClicked = useCallback(() => {\n    console.log(\"Header clicked\");\n  }, []);\n\n  const onOutsideClick = () => {\n    if (isSubMenuOpen) {\n      setShowMenu(undefined);\n      setIsSubMenuOpen((cv) => !cv);\n    }\n    setIsSubMenuOpen((cv) => !cv);\n  };\n\n  const { renderLayer, layerProps } = useLayer({\n    isOpen: showMenu !== undefined,\n    triggerOffset: 2,\n    onOutsideClick,\n    trigger: {\n      getBounds: () => ({\n        bottom: (showMenu?.bounds.y ?? 0) + (showMenu?.bounds.height ?? 0),\n        height: showMenu?.bounds.height ?? 0,\n        left: showMenu?.bounds.x ?? 0,\n        right: (showMenu?.bounds.x ?? 0) + (showMenu?.bounds.width ?? 0),\n        top: showMenu?.bounds.y ?? 0,\n        width: showMenu?.bounds.width ?? 0,\n      }),\n    },\n    placement: \"bottom-end\",\n    auto: true,\n  });\n\n  const onHeaderMenuClick = useCallback((col: any, bounds: any) => {\n    setIsSubMenuOpen((cv) => !cv);\n    setShowMenu({ col, bounds });\n  }, []);\n\n  const onAddCol = useCallback(() => {\n    const newData = data.map((row: any) => {\n      return { ...row, new: \"\" };\n    });\n    setData(newData);\n    // setIndexes([...Object.keys(data[0]), \"new\"]);\n    setColumns([\n      ...columns,\n      {\n        title: \"New\",\n        id: \"new\",\n        hasMenu: true,\n      },\n    ]);\n  }, [data, columns]);\n\n  const onColMoved = useCallback((startIndex: any, endIndex: any) => {\n    setColumns((old: any) => {\n      const newCols = [...old];\n      const [toMove] = newCols.splice(startIndex, 1);\n      newCols.splice(endIndex, 0, toMove);\n      return newCols;\n    });\n  }, []);\n\n  return (\n    <Accordion>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography>\n          <Chip\n            size=\"small\"\n            color=\"primary\"\n            icon={<RadioButtonCheckedIcon />}\n            label=\"Accordion 1\"\n          />\n        </Typography>\n      </AccordionSummary>\n      <AccordionDetails></AccordionDetails>\n      {/* <button onClick={() => setShowSearch(true)}>\n                  Show Search\n            </button> */}\n      <DataEditor\n        {...cellProps}\n        getCellContent={getContent}\n        columns={columns}\n        onCellEdited={onCellEdited}\n        onHeaderMenuClick={onHeaderMenuClick}\n        onHeaderClicked={onHeaderClicked}\n        onCellContextMenu={(_, e) => e.preventDefault()}\n        rows={data.length}\n        rowMarkers={\"both\"}\n        showSearch={showSearch}\n        getCellsForSelection={true}\n        onSearchClose={onSearchClose}\n        onRowAppended={onRowAppended}\n        onDragOverCell={onDragOverCell}\n        onRowMoved={(s, e) => window.alert(`Moved row ${s} to ${e}`)}\n        // height={\"100px\"}\n        onColumnMoved={onColMoved}\n        trailingRowOptions={{\n          // How to get the trailing row to look right\n          sticky: true,\n          tint: false,\n          hint: \"New row...\",\n          // themeOverride: true\n        }}\n        smoothScrollX={true}\n        smoothScrollY={true}\n        verticalBorder={(c) => c > 0}\n        // freezeColumns={1}\n        onDragStart={(e) => {\n          e.setData(\"text/plain\", \"Drag data here!\");\n        }}\n        rightElement={\n          <div className=\"addCol\">\n            <button onClick={() => onAddCol()}>+</button>\n          </div>\n        }\n        rightElementProps={{\n          fill: false,\n          sticky: true,\n        }}\n        onColumnResize={onColumnResize}\n      />\n      <div id=\"portal\" />\n      {showMenu !== undefined &&\n        renderLayer(\n          <div\n            {...layerProps}\n            style={{\n              ...layerProps.style,\n              width: 300,\n              padding: 4,\n              borderRadius: 8,\n              backgroundColor: \"white\",\n              border: \"1px solid black\",\n            }}\n          >\n            <ul>\n              <li>Action 1</li>\n              <li>Action 2</li>\n              <li>Action 3</li>\n            </ul>\n          </div>,\n        )}\n    </Accordion>\n  );\n};\n\nexport default List;\n"],"names":["List","props","showSearch","setShowSearch","useState","columns","setColumns","header","data","setData","tableData","showMenu","setShowMenu","isSubMenuOpen","setIsSubMenuOpen","onSearchClose","useCallback","cellProps","useExtraCells","onColumnResize","column","newSize","prevColsMap","index","findIndex","ci","title","newArray","splice","width","getContent","col","row","d","id","dataType","allowOverlay","kind","GridCellKind","Number","displayData","toString","Image","allowAdd","Bubble","Custom","copyData","allowedValues","value","date","Date","displayDate","toISOString","format","Text","readonly","onCellEdited","cell","newValue","key","onRowAppended","newRowObj","Object","entries","onHeaderClicked","renderLayer","layerProps","useLayer","isOpen","triggerOffset","onOutsideClick","cv","trigger","getBounds","bottom","bounds","y","height","left","x","right","top","placement","auto","onHeaderMenuClick","onAddCol","newData","map","new","hasMenu","onColMoved","startIndex","endIndex","old","newCols","toMove","Accordion","children","jsx","AccordionSummary","expandIcon","ExpandMoreIcon","Typography","Chip","size","color","icon","RadioButtonCheckedIcon","label","AccordionDetails","DataEditor","getCellContent","onCellContextMenu","_","e","preventDefault","rows","length","rowMarkers","getCellsForSelection","onDragOverCell","onRowMoved","s","window","alert","onColumnMoved","trailingRowOptions","sticky","tint","hint","smoothScrollX","smoothScrollY","verticalBorder","c","onDragStart","rightElement","className","onClick","rightElementProps","fill","style","padding","borderRadius","backgroundColor","border"],"mappings":"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"}

package/dist/components/list/list.d.ts

@@ -0,0 +1,3 @@
+
+export declare const List: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default List;

package/dist/components/listing/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListingComponent } from './listing';
+export * from './listing';
+export * from './types';

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

@@ -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 ActionBar from "../../action-bar/action-bar/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 Fallback from "../../fallback/fallback/index.esm.js";
-import Button from "../../button/button/index.esm.js";
-import Footer from "../../footer/footer/index.esm.js";
-import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
-import apiHelper from "../../../hooks/apiHelper/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 { ConfirmPopUp } from "../../confirm-modal/confirm-modal/index.esm.js";
+import { apiHelper } from "../../../hooks/apiHelper/index.esm.js";
 const ListingComponent = ({
   title,
   tableColumns,
@@ -132,7 +132,7 @@ const ListingComponent = ({
   const cleanUp = useCallback(() => {
     dispatch(resetState());
   }, [dispatch, resetState]);
-  const getData = useGenericDataFetcher(
+  const getData = useDataFetcher(
     (tableColumns == null ? void 0 : tableColumns.length) ? tableColumns : activePage,
     { skip, limit },
     fetchApi,

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

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

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

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

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

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

package/dist/components/listing/listing.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IListingComponentProps } from './types';
+
+declare const ListingComponent: React.FC<IListingComponentProps>;
+export default ListingComponent;

package/dist/components/listing/types.d.ts

@@ -0,0 +1,61 @@
+import { MaterialTableColumnProps } from '../material-table/material-table';
+import { IPaginationModel } from '../../@types/pagination-model';
+import { PageState } from '../../contexts/page-context';
+
+export interface IRowAction {
+    label: string;
+    handleAction: (row: any) => void;
+    disabled?: (row: any) => boolean;
+}
+export interface IListingComponentProps {
+    title: string;
+    activePage: PageState;
+    updatePageInfo: (info: Partial<PageState>) => void;
+    rows: any[];
+    isLoading: boolean;
+    paginationModel: IPaginationModel;
+    totalCount: number;
+    tableColumns: MaterialTableColumnProps[];
+    columnOrder?: string[];
+    rowActionMenu?: IRowAction[];
+    destructiveActionMenu?: IRowAction[];
+    handleAddButton?: () => void;
+    searchText?: string;
+    handleSearch?: (search: string) => void;
+    disabledViews?: string[];
+    fields?: any[];
+    selectedIds?: string[];
+    pageName?: string;
+    importModuleName?: string;
+    showAddButton?: boolean;
+    actionButtons?: React.ReactNode[];
+    handlePaginationModel: (model: IPaginationModel) => void;
+    paginationResource?: string;
+    enablePages?: boolean;
+    GridComponent?: React.ReactNode | React.ComponentType<{
+        data: any[];
+    }>;
+    onSelectRow?: (selectedRows: any[]) => void;
+    onColumnOrdering?: (colOrder: string[]) => void;
+    onColumnVisibility?: (columns: MaterialTableColumnProps[]) => void;
+    onSortingChange?: (sort: any) => void;
+    fallbackIcon?: React.ReactNode;
+    className?: string;
+    onDeleteConfirm?: (item: any) => Promise<void> | void;
+    deleteTitle?: string;
+    deleteDescription?: (item: any) => string;
+    fetchApi?: any;
+    resetState?: any;
+    setPaginationModel?: (model: IPaginationModel) => void;
+    storeName?: string;
+    deleteApi?: any;
+    isUseFields?: boolean;
+    customFields?: any[];
+    customeFilter?: string;
+    showCreatedBy?: boolean;
+}
+export interface IListingState {
+    selectedRows: string[];
+    itemToDelete: any | null;
+    isDeleting: boolean;
+}

package/dist/components/loader/index.esm.js

@@ -45,6 +45,7 @@ const Loader = () => {
   ) });
 };
 export {
+  Loader,
   Loader as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/loader/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n  return (\n    <div className=\"loader loader--style1\" title=\"0\">\n      <svg\n        version=\"1.1\"\n        id=\"loader-1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        x=\"0px\"\n        y=\"0px\"\n        width=\"80px\"\n        height=\"80px\"\n        viewBox=\"0 0 40 40\"\n        enableBackground=\"new 0 0 40 40\"\n      >\n        <path\n          opacity=\"0.2\"\n          fill=\"#333\"\n          d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n        />\n        <path\n          fill=\"#333\"\n          d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z\"\n        >\n          <animateTransform\n            attributeType=\"xml\"\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 20 20\"\n            to=\"360 20 20\"\n            dur=\"0.9s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </svg>\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,MAAM;AACnB,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,OAAM,KAC3C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,OAAM;AAAA,MACN,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,kBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,YAGF,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,KAAI;AAAA,gBACJ,aAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n  return (\n    <div className=\"loader loader--style1\" title=\"0\">\n      <svg\n        version=\"1.1\"\n        id=\"loader-1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        x=\"0px\"\n        y=\"0px\"\n        width=\"80px\"\n        height=\"80px\"\n        viewBox=\"0 0 40 40\"\n        enableBackground=\"new 0 0 40 40\"\n      >\n        <path\n          opacity=\"0.2\"\n          fill=\"#333\"\n          d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n        />\n        <path\n          fill=\"#333\"\n          d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z\"\n        >\n          <animateTransform\n            attributeType=\"xml\"\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 20 20\"\n            to=\"360 20 20\"\n            dur=\"0.9s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </svg>\n    </div>\n  );\n};\n\nexport { Loader };\nexport default Loader;\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,MAAM;AACnB,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,OAAM,KAC3C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,OAAM;AAAA,MACN,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,kBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,YAGF,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,KAAI;AAAA,gBACJ,aAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/loader/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>/* @__PURE__ */e.jsx("div",{className:"loader loader--style1",title:"0",children:/* @__PURE__ */e.jsxs("svg",{version:"1.1",id:"loader-1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"80px",height:"80px",viewBox:"0 0 40 40",enableBackground:"new 0 0 40 40",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const t=()=>/* @__PURE__ */e.jsx("div",{className:"loader loader--style1",title:"0",children:/* @__PURE__ */e.jsxs("svg",{version:"1.1",id:"loader-1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"80px",height:"80px",viewBox:"0 0 40 40",enableBackground:"new 0 0 40 40",children:[
 /* @__PURE__ */e.jsx("path",{opacity:"0.2",fill:"#333",d:"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"}),
-/* @__PURE__ */e.jsx("path",{fill:"#333",d:"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z",children:/* @__PURE__ */e.jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 20 20",to:"360 20 20",dur:"0.9s",repeatCount:"indefinite"})})]})});
+/* @__PURE__ */e.jsx("path",{fill:"#333",d:"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z",children:/* @__PURE__ */e.jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 20 20",to:"360 20 20",dur:"0.9s",repeatCount:"indefinite"})})]})});exports.Loader=t,exports.default=t;
 //# sourceMappingURL=index.js.map

package/dist/components/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n  return (\n    <div className=\"loader loader--style1\" title=\"0\">\n      <svg\n        version=\"1.1\"\n        id=\"loader-1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        x=\"0px\"\n        y=\"0px\"\n        width=\"80px\"\n        height=\"80px\"\n        viewBox=\"0 0 40 40\"\n        enableBackground=\"new 0 0 40 40\"\n      >\n        <path\n          opacity=\"0.2\"\n          fill=\"#333\"\n          d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n        />\n        <path\n          fill=\"#333\"\n          d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z\"\n        >\n          <animateTransform\n            attributeType=\"xml\"\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 20 20\"\n            to=\"360 20 20\"\n            dur=\"0.9s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </svg>\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":["jsx","className","title","children","jsxs","version","id","xmlns","x","y","width","height","viewBox","enableBackground","opacity","fill","d","attributeType","attributeName","type","from","to","dur","repeatCount"],"mappings":"uHAAe,mBAEXA,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBAAwBC,MAAM,IAC3CC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,QAAQ,MACRC,GAAG,WACHC,MAAM,6BACNC,EAAE,MACFC,EAAE,MACFC,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,iBAAiB,gBAEjBV,SAAA;eAAAH,EAAAA,IAAC,OAAA,CACCc,QAAQ,MACRC,KAAK,OACLC,EAAE;eAIJhB,EAAAA,IAAC,OAAA,CACCe,KAAK,OACLC,EAAE,0IAGFb,wBAAAH,EAAAA,IAAC,mBAAA,CACCiB,cAAc,MACdC,cAAc,YACdC,KAAK,SACLC,KAAK,UACLC,GAAG,YACHC,IAAI,OACJC,YAAY"}
+{"version":3,"file":"index.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n  return (\n    <div className=\"loader loader--style1\" title=\"0\">\n      <svg\n        version=\"1.1\"\n        id=\"loader-1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        x=\"0px\"\n        y=\"0px\"\n        width=\"80px\"\n        height=\"80px\"\n        viewBox=\"0 0 40 40\"\n        enableBackground=\"new 0 0 40 40\"\n      >\n        <path\n          opacity=\"0.2\"\n          fill=\"#333\"\n          d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n        />\n        <path\n          fill=\"#333\"\n          d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z\"\n        >\n          <animateTransform\n            attributeType=\"xml\"\n            attributeName=\"transform\"\n            type=\"rotate\"\n            from=\"0 20 20\"\n            to=\"360 20 20\"\n            dur=\"0.9s\"\n            repeatCount=\"indefinite\"\n          />\n        </path>\n      </svg>\n    </div>\n  );\n};\n\nexport { Loader };\nexport default Loader;\n"],"names":["Loader","jsx","className","title","children","jsxs","version","id","xmlns","x","y","width","height","viewBox","enableBackground","opacity","fill","d","attributeType","attributeName","type","from","to","dur","repeatCount"],"mappings":"uGAAA,MAAMA,EAAS,mBAEXC,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBAAwBC,MAAM,IAC3CC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,QAAQ,MACRC,GAAG,WACHC,MAAM,6BACNC,EAAE,MACFC,EAAE,MACFC,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,iBAAiB,gBAEjBV,SAAA;eAAAH,EAAAA,IAAC,OAAA,CACCc,QAAQ,MACRC,KAAK,OACLC,EAAE;eAIJhB,EAAAA,IAAC,OAAA,CACCe,KAAK,OACLC,EAAE,0IAGFb,wBAAAH,EAAAA,IAAC,mBAAA,CACCiB,cAAc,MACdC,cAAc,YACdC,KAAK,SACLC,KAAK,UACLC,GAAG,YACHC,IAAI,OACJC,YAAY"}

package/dist/components/loader.d.ts

@@ -0,0 +1,3 @@
+declare const Loader: () => import("react/jsx-runtime").JSX.Element;
+export { Loader };
+export default Loader;

package/dist/components/loaders/erp-loader/index.esm.js

@@ -12,6 +12,7 @@ const ErpLoader = (props) => {
   return /* @__PURE__ */ jsx(Box, { position: "fixed", left: "50%", top: "50%", children: /* @__PURE__ */ jsx(Loader, { size: 50, ...props }) });
 };
 export {
+  ErpLoader,
   ErpLoader as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/loaders/erp-loader/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n  color: theme.palette?.theme?.primary[500]||\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default ErpLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,SAAO,iBAAM,YAAN,mBAAe,UAAf,mBAAsB,QAAQ,SAAM;AAAA,EAC7C;AAAA,CAAE;AAEF,MAAM,YAAY,CAAC,UAAgC;AAClD,SAAO,oBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OACzC,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n  color: theme.palette?.theme?.primary[500]||\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport { ErpLoader };\nexport default ErpLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,SAAO,iBAAM,YAAN,mBAAe,UAAf,mBAAsB,QAAQ,SAAM;AAAA,EAC7C;AAAA,CAAE;AAEF,MAAM,YAAY,CAAC,UAAgC;AAClD,SAAO,oBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OACzC,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}

package/dist/components/loaders/erp-loader/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js");const l=i.default(t.default)(({theme:e})=>{var r,i;return{color:(null==(i=null==(r=e.palette)?void 0:r.theme)?void 0:i.primary[500])||"#1976d2"}});exports.default=i=>/* @__PURE__ */e.jsx(r.default,{position:"fixed",left:"50%",top:"50%",children:/* @__PURE__ */e.jsx(l,{size:50,...i})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Box/Box/index.js"),t=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js");const s=t.default(i.default)(({theme:e})=>{var r,t;return{color:(null==(t=null==(r=e.palette)?void 0:r.theme)?void 0:t.primary[500])||"#1976d2"}}),l=t=>/* @__PURE__ */e.jsx(r.default,{position:"fixed",left:"50%",top:"50%",children:/* @__PURE__ */e.jsx(s,{size:50,...t})});exports.ErpLoader=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/loaders/erp-loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n  color: theme.palette?.theme?.primary[500]||\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default ErpLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_b","_a","palette","primary","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,oBAAU,MAAA,CAClDC,OAAO,OAAAC,EAAA,OAAAC,EAAAH,EAAMI,kBAASJ,YAAf,EAAAE,EAAsBG,QAAQ,OAAM,6BAG1BC,kBACXC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MACzCC,wBAAAL,EAAAA,IAACV,EAAA,CAAOgB,KAAM,MAAQP"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n  color: theme.palette?.theme?.primary[500]||\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport { ErpLoader };\nexport default ErpLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_b","_a","palette","primary","ErpLoader","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,oBAAU,MAAA,CAClDC,OAAO,OAAAC,EAAA,OAAAC,EAAAH,EAAMI,kBAASJ,YAAf,EAAAE,EAAsBG,QAAQ,OAAM,aAGvCC,EAAaC,kBACXC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MACzCC,wBAAAL,EAAAA,IAACX,EAAA,CAAOiB,KAAM,MAAQP"}