@erpsquad/common 1.8.40 → 1.8.42

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":[],"mappings":";;;;;;;;;;;;;AAwBA,SAAwB,KAAK,OAAY;AACvC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,MAAM,MAAM;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,SAAS;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAA;AAChC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,IAAI;AAEvD,QAAM,gBAAgB,YAAY,MAAM,cAAc,KAAK,GAAG,CAAA,CAAE;AAChE,QAAM,YAAY,cAAA;AAElB,QAAM,iBAAiB;AAAA,IACrB,CAAC,QAAa,YAAiB;AAC7B,iBAAW,CAAC,gBAAqB;AAC/B,cAAM,QAAQ,QAAQ,UAAU,CAAC,OAAY,GAAG,UAAU,OAAO,KAAK;AACtE,cAAM,WAAW,CAAC,GAAG,WAAW;AAChC,iBAAS,OAAO,OAAO,GAAG;AAAA,UACxB,GAAG,YAAY,KAAK;AAAA,UACpB,OAAO;AAAA,QAAA,CACR;AACD,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAGV,QAAM,aAAa;AAAA,IACjB,CAAC,CAAC,KAAK,GAAG,MAAsB;AAG9B,YAAM,UAAU,KAAK,GAAG;AACxB,YAAM,IAAI,QAAQ,QAAQ,GAAG,EAAE,EAAE;AAEjC,YAAM,EAAE,SAAA,IAAa,QAAQ,GAAG;AAEhC,UAAI,aAAa,UAAU;AACzB,eAAO;AAAA,UACL,cAAc;AAAA,UACd,MAAM,aAAa;AAAA,UACnB,MAAM;AAAA,UACN,aAAa,EAAE,SAAA;AAAA,QAAS;AAAA,MAE5B,WAAW,aAAa,SAAS;AAC/B,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,MAAM,CAAC,CAAC;AAAA,UACR,cAAc;AAAA,UACd,UAAU;AAAA,QAAA;AAAA,MAEd,WAAW,aAAa,UAAU;AAChC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,MAAM,CAAC,OAAO,IAAI;AAAA,UAClB,cAAc;AAAA,QAAA;AAAA,MAElB,WAAW,aAAa,kBAAkB;AACxC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,eAAe,CAAC,QAAQ,UAAU,MAAM;AAAA,YACxC,OAAO;AAAA,UAAA;AAAA,QACT;AAAA,MAEJ,WAAW,aAAa,cAAc;AACpC,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,0BAAU,KAAA;AAAA,YACV,cAAa,oBAAI,KAAA,GAAO,YAAA;AAAA,YACxB,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEJ,OAAO;AACL,eAAO;AAAA,UACL,MAAM,aAAa;AAAA,UACnB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,aAAa;AAAA,UACb,MAAM;AAAA,QAAA;AAAA,MAEV;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGhB,QAAM,eAAe;AAAA,IACnB,CAAC,MAAW,aAAkB;AAC5B,UAAI,SAAS,SAAS,aAAa,MAAM;AAEvC;AAAA,MACF;AAEA,YAAM,CAAC,KAAK,GAAG,IAAI;AACnB,YAAM,MAAM,QAAQ,GAAG,EAAE;AACzB,WAAK,GAAG,EAAE,GAAG,IAAI,SAAS;AAE1B,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGhB,QAAM,iBAAiB,CAAC,SAAc;AACpC,YAAQ,IAAI,IAAI;AAAA,EAClB;AAEA,QAAM,gBAAgB,YAAY,MAAM;AACtC,UAAM,YAAiB,CAAA;AACvB,YAAQ,IAAI,OAAO,QAAQ,KAAK,CAAC,CAAC,CAAC;AACnC,eAAW,CAAC,GAAG,KAAK,OAAO,QAAQ,KAAK,CAAC,CAAC,GAAG;AAC3C,gBAAU,GAAG,IAAI;AAAA,IACnB;AACA,YAAQ,CAAC,GAAG,MAAM,SAAS,CAAC;AAAA,EAC9B,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,kBAAkB,YAAY,MAAM;AACxC,YAAQ,IAAI,gBAAgB;AAAA,EAC9B,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB,MAAM;AAC3B,QAAI,eAAe;AACjB,kBAAY,MAAS;AACrB,uBAAiB,CAAC,OAAO,CAAC,EAAE;AAAA,IAC9B;AACA,qBAAiB,CAAC,OAAO,CAAC,EAAE;AAAA,EAC9B;AAEA,QAAM,EAAE,aAAa,WAAA,IAAe,SAAS;AAAA,IAC3C,QAAQ,aAAa;AAAA,IACrB,eAAe;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,WAAW,OAAO;AAAA,QAChB,UAAS,qCAAU,OAAO,MAAK,OAAM,qCAAU,OAAO,WAAU;AAAA,QAChE,SAAQ,qCAAU,OAAO,WAAU;AAAA,QACnC,OAAM,qCAAU,OAAO,MAAK;AAAA,QAC5B,SAAQ,qCAAU,OAAO,MAAK,OAAM,qCAAU,OAAO,UAAS;AAAA,QAC9D,MAAK,qCAAU,OAAO,MAAK;AAAA,QAC3B,QAAO,qCAAU,OAAO,UAAS;AAAA,MAAA;AAAA,IACnC;AAAA,IAEF,WAAW;AAAA,IACX,MAAM;AAAA,EAAA,CACP;AAED,QAAM,oBAAoB,YAAY,CAAC,KAAU,WAAgB;AAC/D,qBAAiB,CAAC,OAAO,CAAC,EAAE;AAC5B,gBAAY,EAAE,KAAK,QAAQ;AAAA,EAC7B,GAAG,CAAA,CAAE;AAEL,QAAM,WAAW,YAAY,MAAM;AACjC,UAAM,UAAU,KAAK,IAAI,CAAC,QAAa;AACrC,aAAO,EAAE,GAAG,KAAK,KAAK,GAAA;AAAA,IACxB,CAAC;AACD,YAAQ,OAAO;AAEf,eAAW;AAAA,MACT,GAAG;AAAA,MACH;AAAA,QACE,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,MAAA;AAAA,IACX,CACD;AAAA,EACH,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,QAAM,aAAa,YAAY,CAAC,YAAiB,aAAkB;AACjE,eAAW,CAAC,QAAa;AACvB,YAAM,UAAU,CAAC,GAAG,GAAG;AACvB,YAAM,CAAC,MAAM,IAAI,QAAQ,OAAO,YAAY,CAAC;AAC7C,cAAQ,OAAO,UAAU,GAAG,MAAM;AAClC,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,oBAAC,oBAAiB,YAAY,oBAAC,gBAAA,EAAe,GAC5C,8BAAC,YAAA,EACC,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,0BAAO,wBAAA,EAAuB;AAAA,QAC9B,OAAM;AAAA,MAAA;AAAA,IAAA,GAEV,EAAA,CACF;AAAA,wBACC,kBAAA,EAAiB;AAAA,IAIlB;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAG;AAAA,QACJ,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,mBAAmB,CAAC,GAAG,MAAM,EAAE,eAAA;AAAA,QAC/B,MAAM,KAAK;AAAA,QACX,YAAY;AAAA,QACZ;AAAA,QACA,sBAAsB;AAAA,QACtB;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,CAAC,GAAG,MAAM,OAAO,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE;AAAA,QAE3D,eAAe;AAAA,QACf,oBAAoB;AAAA;AAAA,UAElB,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA;AAAA,QAAA;AAAA,QAGR,eAAe;AAAA,QACf,eAAe;AAAA,QACf,gBAAgB,CAAC,MAAM,IAAI;AAAA,QAE3B,aAAa,CAAC,MAAM;AAClB,YAAE,QAAQ,cAAc,iBAAiB;AAAA,QAC3C;AAAA,QACA,cACE,oBAAC,OAAA,EAAI,WAAU,UACb,UAAA,oBAAC,UAAA,EAAO,SAAS,MAAM,SAAA,GAAY,UAAA,IAAA,CAAC,GACtC;AAAA,QAEF,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,QAAA;AAAA,QAEV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,OAAA,EAAI,IAAG,SAAA,CAAS;AAAA,IAChB,aAAa,UACZ;AAAA,MACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,OAAO;AAAA,YACL,GAAG,WAAW;AAAA,YACd,OAAO;AAAA,YACP,SAAS;AAAA,YACT,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ;AAAA,UAAA;AAAA,UAGV,+BAAC,MAAA,EACC,UAAA;AAAA,YAAA,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,YACZ,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,YACZ,oBAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,UAAA,EAAA,CACd;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,GACJ;AAEJ;"}
+{"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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"}

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

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material/Accordion"),t=require("@mui/material/Chip"),a=require("@mui/material/AccordionSummary"),d=require("@mui/material/AccordionDetails"),r=require("@mui/material/Typography"),o=require("@mui/icons-material/ExpandMore"),n=require("@mui/icons-material/RadioButtonChecked"),s=,/* empty css                                                                    */u=,/* empty css                                                                          */c=require("react-laag");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}};/* empty css                                                                     */var m=/* @__PURE__ */p(i),h=/* @__PURE__ */p(t),b=/* @__PURE__ */p(a),C=/* @__PURE__ */p(d),g=/* @__PURE__ */p(r),x=/* @__PURE__ */p(o),w=/* @__PURE__ */p(n);exports.default=function(i){const[t,a]=l.useState(!1),[d,r]=l.useState(i.header),[o,n]=l.useState(i.tableData),[p,k]=l.useState(),[v,y]=l.useState(!0),j=l.useCallback(()=>a(!1),[]),f=u.useExtraCells(),D=l.useCallback((e,l)=>{r(i=>{const t=d.findIndex(l=>l.title===e.title),a=[...i];return a.splice(t,1,{...i[t],width:l}),a})},[d]),S=l.useCallback(([e,l])=>{const i=o[l][d[e].id],{dataType:t}=d[e];return"Number"===t?{allowOverlay:!0,kind:s.GridCellKind.Number,data:i,displayData:i.toString()}:"Image"===t?{kind:s.GridCellKind.Image,data:[i],allowOverlay:!0,allowAdd:!0}:"Bubble"===t?{kind:s.GridCellKind.Bubble,data:["sss","ss"],allowOverlay:!0}:"SingleDropdown"===t?{kind:s.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"dropdown-cell",allowedValues:["Good","Better","Best"],value:"Good"}}:"DatePicker"===t?{kind:s.GridCellKind.Custom,allowOverlay:!0,copyData:"4",data:{kind:"date-picker-cell",date:/* @__PURE__ */new Date,displayDate:/* @__PURE__ */(new Date).toISOString(),format:"date"}}:{kind:s.GridCellKind.Text,allowOverlay:!0,readonly:!1,displayData:i,data:i}},[o,d]),O=l.useCallback((e,l)=>{if(l.kind!==s.GridCellKind.Text)return;const[i,t]=e,a=d[i].id;o[t][a]=l.data,n(o)},[o,d]),q=l.useCallback(()=>{const e={};for(const[l]of Object.entries(o[0]))e[l]="";n([...o,e])},[o]),A=l.useCallback(()=>{},[]),{renderLayer:G,layerProps:M}=c.useLayer({isOpen:void 0!==p,triggerOffset:2,onOutsideClick:()=>{v&&(k(void 0),y(e=>!e)),y(e=>!e)},trigger:{getBounds:()=>({bottom:((null==p?void 0:p.bounds.y)??0)+((null==p?void 0:p.bounds.height)??0),height:(null==p?void 0:p.bounds.height)??0,left:(null==p?void 0:p.bounds.x)??0,right:((null==p?void 0:p.bounds.x)??0)+((null==p?void 0:p.bounds.width)??0),top:(null==p?void 0:p.bounds.y)??0,width:(null==p?void 0:p.bounds.width)??0})},placement:"bottom-end",auto:!0}),B=l.useCallback((e,l)=>{y(e=>!e),k({col:e,bounds:l})},[]),K=l.useCallback(()=>{const e=o.map(e=>({...e,new:""}));n(e),r([...d,{title:"New",id:"new",hasMenu:!0}])},[o,d]),E=l.useCallback((e,l)=>{r(i=>{const t=[...i],[a]=t.splice(e,1);return t.splice(l,0,a),t})},[]);/* @__PURE__ */
-return e.jsxs(m.default,{children:[
-/* @__PURE__ */e.jsx(b.default,{expandIcon:/* @__PURE__ */e.jsx(x.default,{}),children:/* @__PURE__ */e.jsx(g.default,{children:/* @__PURE__ */e.jsx(h.default,{size:"small",color:"primary",icon:/* @__PURE__ */e.jsx(w.default,{}),label:"Accordion 1"})})}),
-/* @__PURE__ */e.jsx(C.default,{}),
-/* @__PURE__ */e.jsx(s.DataEditor,{...f,getCellContent:S,columns:d,onCellEdited:O,onHeaderMenuClick:B,onHeaderClicked:A,onCellContextMenu:(e,l)=>l.preventDefault(),rows:o.length,rowMarkers:"both",showSearch:t,getCellsForSelection:!0,onSearchClose:j,onRowAppended:q,onDragOverCell:e=>{},onRowMoved:(e,l)=>window.alert(`Moved row ${e} to ${l}`),onColumnMoved:E,trailingRowOptions:{sticky:!0,tint:!1,hint:"New row..."},smoothScrollX:!0,smoothScrollY:!0,verticalBorder:e=>e>0,onDragStart:e=>{e.setData("text/plain","Drag data here!")},rightElement:/* @__PURE__ */e.jsx("div",{className:"addCol",children:/* @__PURE__ */e.jsx("button",{onClick:()=>K(),children:"+"})}),rightElementProps:{fill:!1,sticky:!0},onColumnResize:D}),
-/* @__PURE__ */e.jsx("div",{id:"portal"}),void 0!==p&&G(
-/* @__PURE__ */e.jsx("div",{...M,style:{...M.style,width:300,padding:4,borderRadius:8,backgroundColor:"white",border:"1px solid black"},children:/* @__PURE__ */e.jsxs("ul",{children:[
+"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__ */
+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,{}),
+/* @__PURE__ */e.jsx(o.DataEditor,{...f,getCellContent:S,columns:h,onCellEdited:O,onHeaderMenuClick:M,onHeaderClicked:A,onCellContextMenu:(e,l)=>l.preventDefault(),rows:g.length,rowMarkers:"both",showSearch:p,getCellsForSelection:!0,onSearchClose:y,onRowAppended:q,onDragOverCell:e=>{},onRowMoved:(e,l)=>window.alert(`Moved row ${e} to ${l}`),onColumnMoved:K,trailingRowOptions:{sticky:!0,tint:!1,hint:"New row..."},smoothScrollX:!0,smoothScrollY:!0,verticalBorder:e=>e>0,onDragStart:e=>{e.setData("text/plain","Drag data here!")},rightElement:/* @__PURE__ */e.jsx("div",{className:"addCol",children:/* @__PURE__ */e.jsx("button",{onClick:()=>B(),children:"+"})}),rightElementProps:{fill:!1,sticky:!0},onColumnResize:D}),
+/* @__PURE__ */e.jsx("div",{id:"portal"}),void 0!==w&&_(
+/* @__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"})]})}))]})};

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 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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"}

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

@@ -1,22 +1,22 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useMemo, useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import AddIcon from "@mui/icons-material/Add";
+import default_1 from "../../../node_modules/@mui/icons-material/Add/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                        */
 import { useDispatch } from "react-redux";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
 import { useAppSelector } from "../../../redux/hooks/index.esm.js";
-import useGenericDataFetcher from "../../../hooks/useDataFetcher/index.esm.js";
+import { useDataFetcher } from "../../../hooks/useDataFetcher/index.esm.js";
 import ActionBar from "../../action-bar/action-bar/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import Fallback from "../../fallback/fallback/index.esm.js";
 import Button from "../../button/button/index.esm.js";
-import Footer from "../../footer/footer/index.esm.js";
+import { Footer } from "../../footer/index.esm.js";
 import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
-import apiHelper from "../../../hooks/apiHelper/index.esm.js";
+import { apiHelper } from "../../../hooks/apiHelper/index.esm.js";
 const ListingComponent = ({
   title,
   tableColumns,
@@ -127,7 +127,7 @@ const ListingComponent = ({
   const cleanUp = useCallback(() => {
     dispatch(resetState());
   }, [dispatch, resetState]);
-  const getData = useGenericDataFetcher(
+  const getData = useDataFetcher(
     activePage,
     { skip, limit },
     fetchApi,
@@ -208,7 +208,7 @@ const ListingComponent = ({
             Button,
             {
               variant: "contained",
-              startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+              startIcon: /* @__PURE__ */ jsx(default_1, {}),
               onClick: handleAddButton,
               children: `${t("common.add")} ${t("common.new")}`
             }

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const Loader = styled(CircularProgress)(({ theme }) => {
   var _a, _b;
   return {

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 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("@mui/material");const t=require("@mui/material/styles").styled(r.CircularProgress)(({theme:e})=>{var r,t;return{color:(null==(t=null==(r=e.palette)?void 0:r.theme)?void 0:t.primary[500])||"#1976d2"}});exports.default=i=>/* @__PURE__ */e.jsx(r.Box,{position:"fixed",left:"50%",top:"50%",children:/* @__PURE__ */e.jsx(t,{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"),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})});
 //# 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":"kIAIA,MAAMA,kCAASC,OAAOC,EAAAA,iBAAPD,CAAyB,EAAEE,oBAAU,MAAA,CAClDC,OAAO,OAAAC,EAAA,OAAAC,EAAAH,EAAMI,kBAASJ,YAAf,EAAAE,EAAsBG,QAAQ,OAAM,6BAG1BC,kBACXC,EAAAA,IAACC,EAAAA,IAAA,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 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"}

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

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const Loader = styled(CircularProgress)(({ theme }) => {
   var _a;
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/form-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'fixed',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 1,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst FormLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default FormLoader;\n"],"names":[],"mappings":";;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAM;;AAAO;AAAA,IACvD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACrC;AAAA,CAAE;AAEF,MAAM,kBAAkB,OAAO,GAAG,EAAE,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACN,EAAE;AAEF,MAAM,aAAa,CAAC,UAAiC;AACpD,SACC,oBAAC,mBACA,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAO,EAAA,CAC9B;AAEF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/form-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'fixed',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 1,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst FormLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default FormLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAM;;AAAO;AAAA,IACvD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACrC;AAAA,CAAE;AAEF,MAAM,kBAAkB,OAAO,GAAG,EAAE,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACN,EAAE;AAEF,MAAM,aAAa,CAAC,UAAiC;AACpD,SACC,oBAAC,mBACA,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAO,EAAA,CAC9B;AAEF;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/form-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'fixed',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 1,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst FormLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default FormLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","LoaderContainer","Box","position","display","width","height","justifyContent","alignItems","backgroundColor","zIndex","left","top","props","jsx","children","size"],"mappings":"oKAIA,MAAMA,EAASC,EAAAA,OAAOC,EAAAA,iBAAPD,CAAyB,EAAGE,kBAAa,MAAA,CACvDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,QAG/BC,EAAkBP,EAAAA,OAAOQ,EAAAA,IAAPR,CAAY,KAAA,CACnCS,SAAU,QACVC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,eAAgB,SAChBC,WAAY,SACZC,gBAAiB,YACjBC,OAAQ,EACRC,KAAM,EACNC,IAAK,qBAGcC,kBAElBC,MAACb,GACAc,wBAAAD,EAAAA,IAACrB,EAAA,CAAOuB,KAAM,MAAQH"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/form-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'fixed',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 1,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst FormLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default FormLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","LoaderContainer","Box","position","display","width","height","justifyContent","alignItems","backgroundColor","zIndex","left","top","props","jsx","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAGE,kBAAa,MAAA,CACvDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,QAG/BC,EAAkBP,EAAAA,QAAOQ,EAAAA,QAAPR,CAAY,KAAA,CACnCS,SAAU,QACVC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,eAAgB,SAChBC,WAAY,SACZC,gBAAiB,YACjBC,OAAQ,EACRC,KAAM,EACNC,IAAK,qBAGcC,kBAElBC,MAACb,GACAc,wBAAAD,EAAAA,IAACrB,EAAA,CAAOuB,KAAM,MAAQH"}

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

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const Loader = styled(CircularProgress)(({ theme }) => {
   var _a;
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/modal-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'absolute',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 3,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst ModalLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default ModalLoader;\n"],"names":[],"mappings":";;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAM;;AAAO;AAAA,IACvD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACrC;AAAA,CAAE;AAEF,MAAM,kBAAkB,OAAO,GAAG,EAAE,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACN,EAAE;AAEF,MAAM,cAAc,CAAC,UAAiC;AACrD,SACC,oBAAC,mBACA,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAO,EAAA,CAC9B;AAEF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/modal-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'absolute',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 3,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst ModalLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default ModalLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAM;;AAAO;AAAA,IACvD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACrC;AAAA,CAAE;AAEF,MAAM,kBAAkB,OAAO,GAAG,EAAE,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,KAAK;AACN,EAAE;AAEF,MAAM,cAAc,CAAC,UAAiC;AACrD,SACC,oBAAC,mBACA,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAO,EAAA,CAC9B;AAEF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("@mui/material/styles");const i=r.styled(t.CircularProgress)(({theme:e})=>{var t;return{color:null==(t=e.palette)?void 0:t.theme.primary[500]}}),s=r.styled(t.Box)(()=>({position:"absolute",display:"flex",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",backgroundColor:"#ffffff96",zIndex:3,left:0,top:0}));exports.default=t=>/* @__PURE__ */e.jsx(s,{children:/* @__PURE__ */e.jsx(i,{size:50,...t})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js");const l=r.default(i.default)(({theme:e})=>{var r;return{color:null==(r=e.palette)?void 0:r.theme.primary[500]}}),s=r.default(t.default)(()=>({position:"absolute",display:"flex",width:"100%",height:"100%",justifyContent:"center",alignItems:"center",backgroundColor:"#ffffff96",zIndex:3,left:0,top:0}));exports.default=r=>/* @__PURE__ */e.jsx(s,{children:/* @__PURE__ */e.jsx(l,{size:50,...r})});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/modal-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'absolute',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 3,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst ModalLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default ModalLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","LoaderContainer","Box","position","display","width","height","justifyContent","alignItems","backgroundColor","zIndex","left","top","props","jsx","children","size"],"mappings":"oKAIA,MAAMA,EAASC,EAAAA,OAAOC,EAAAA,iBAAPD,CAAyB,EAAGE,kBAAa,MAAA,CACvDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,QAG/BC,EAAkBP,EAAAA,OAAOQ,EAAAA,IAAPR,CAAY,KAAA,CACnCS,SAAU,WACVC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,eAAgB,SAChBC,WAAY,SACZC,gBAAiB,YACjBC,OAAQ,EACRC,KAAM,EACNC,IAAK,qBAGeC,kBAEnBC,MAACb,GACAc,wBAAAD,EAAAA,IAACrB,EAAA,CAAOuB,KAAM,MAAQH"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/modal-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\tcolor: theme.palette?.theme.primary[500]\n}));\n\nconst LoaderContainer = styled(Box)(() => ({\n\tposition: 'absolute',\n\tdisplay: 'flex',\n\twidth: '100%',\n\theight: '100%',\n\tjustifyContent: 'center',\n\talignItems: 'center',\n\tbackgroundColor: '#ffffff96',\n\tzIndex: 3,\n\tleft: 0,\n\ttop: 0\n}));\n\nconst ModalLoader = (props: CircularProgressProps) => {\n\treturn (\n\t\t<LoaderContainer>\n\t\t\t<Loader size={50} {...props} />\n\t\t</LoaderContainer>\n\t);\n};\n\nexport default ModalLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","LoaderContainer","Box","position","display","width","height","justifyContent","alignItems","backgroundColor","zIndex","left","top","props","jsx","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAGE,kBAAa,MAAA,CACvDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,QAG/BC,EAAkBP,EAAAA,QAAOQ,EAAAA,QAAPR,CAAY,KAAA,CACnCS,SAAU,WACVC,QAAS,OACTC,MAAO,OACPC,OAAQ,OACRC,eAAgB,SAChBC,WAAY,SACZC,gBAAiB,YACjBC,OAAQ,EACRC,KAAM,EACNC,IAAK,qBAGeC,kBAEnBC,MAACb,GACAc,wBAAAD,EAAAA,IAACrB,EAAA,CAAOuB,KAAM,MAAQH"}

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

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Box, CircularProgress } from "@mui/material";
-import { styled } from "@mui/material/styles";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import CircularProgress from "../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const Loader = styled(CircularProgress)(({ theme }) => {
   var _a;
   return {