@erpsquad/common 1.8.40 → 1.8.41

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,7 +1,7 @@
 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";
@@ -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":["useDataFetcher","logo","AddIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAM,mBAAqD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,cAAc,CAAC,gBAAgB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB,CAAC,UAAU,YAAY,OAAO;AAAA,EAC9C;AAAA,EACA,cAAc,CAAA;AAAA,EACd;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAEJ,MAAM;;AACF,QAAM,EAAE,EAAA,IAAM,eAAA;AAGd,QAAM,WAAW,YAAA;AAGjB,QAAM,EAAE,YAAY,eAAA,IAAmB,SAAA;AAEvC,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,eAAe,CAAC,UAAU,+BAAQ,UAAU;AAEhD,QAAM,EAAE,QAAQ,OAAO,QAAQ,eAAe;AAC9C,QAAM,QAAQ,WAAW,aAAa;AACtC,QAAM,OAAO,SAAS,SAAS;AAI/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAwB;AAAA,IAC5D,cAAc;AAAA,IACd,cAAc;AAAA,IACd,YAAY;AAAA,EAAA,CACf;AAGD,QAAM,QAAQ,KAAK,KAAK,aAAa,KAAK;AAG1C,QAAM,YAAY,QAAQ,MAAM,MAAM,CAAC,IAAI,CAAC;AAG5C,QAAM,qBAAqB,CAAC,iBAAwB;AAChD,UAAM,iBAAiB,aAAa,IAAI,CAAC,QAAQ,IAAI,SAAS,EAAE;AAChE,oBAAgB,WAAS,EAAE,GAAG,MAAM,cAAc,iBAAiB;AACnE,+CAAc;AAAA,EAClB;AAGA,QAAM,yBAAyB,CAAC,UAAe;AAC3C,QAAI,WAAW,eAAc,+BAAO,QAAO;AACvC,qBAAe,EAAE,WAAW,MAAM,MAAA,CAAO;AAAA,IAC7C;AACA,0BAAsB,KAAK;AAAA,EAC/B;AAGA,QAAM,qBAAqB,CAAC,WAAmB;AAC3C,mBAAe,EAAE,QAAQ;AACzB,0BAAsB,EAAE,QAAQ,GAAG;AACnC,iDAAe;AAAA,EACnB;AAGA,QAAM,oBAAoB,CAAC,SAAc;AACrC,oBAAgB,WAAS,EAAE,GAAG,MAAM,cAAc,OAAO;AAAA,EAC7D;AAEA,QAAM,sBAAsB,YAAY;AACpC,QAAI,CAAC,aAAa,aAAc;AAEhC,oBAAgB,WAAS,EAAE,GAAG,MAAM,YAAY,OAAO;AAEvD,QAAI;AACA,wBAAkB,MAAM,gBAAgB,aAAa,YAAY,IAAI,MAAM,aAAa,aAAa,YAAY;AACjH,sBAAgB,CAAA,UAAS,EAAE,GAAG,MAAM,cAAc,MAAM,YAAY,QAAQ;AAAA,IAChF,SAAS,OAAO;AACZ,sBAAgB,WAAS,EAAE,GAAG,MAAM,YAAY,QAAQ;AAAA,IAC5D;AAAA,EACJ;AAEA,QAAM,qBAAqB,MAAM;AAC7B,oBAAgB,WAAS,EAAE,GAAG,MAAM,cAAc,OAAO;AAAA,EAC7D;AAGA,QAAM,6BAA6B,QAAQ,MAAM;AAC7C,QAAI,CAAC,sBAAuB,QAAO;AAEnC,WAAO,sBAAsB,IAAI,CAAA,YAAW;AAAA,MACxC,GAAG;AAAA,MACH,cAAc,OAAO,MAAM,YAAA,EAAc,SAAS,QAAQ,IACpD,oBACA,OAAO;AAAA,IAAA,EACf;AAAA,EACN,GAAG,CAAC,qBAAqB,CAAC;AAG1B,QAAM,wBAAwB,CAAC,UAA4B;AACvD,QAAI,WAAW,cAAa,+BAAO,QAAO;AACtC,qBAAe,EAAE,WAAW,MAAM,MAAA,CAAO;AAAA,IAC7C;AACA,aAAS,mBAAmB,KAAK,CAAC;AAAA,EACtC;AAGA,QAAM,eAAe,OAAO,oBAAyB;AACjD,UAAM,WAAgB,MAAM,SAAS,UAAU,OAAO,gBAAgB,EAAE,CAAC,CAAC;AAC1E,cAAU,UAAU,MAAM;AACtB;AAAA,QACI,IAAI,KAAK,KAAK,mDAAiB,EAAE,IAAI,EAAE,oBAAoB,CAAC;AAAA,MAAA;AAEhE,cAAA;AAAA,IACJ,CAAC;AAAA,EACL;AAMA,QAAM,UAAU,YAAY,MAAM;AAC9B,aAAS,YAAY;AAAA,EACzB,GAAG,CAAC,UAAU,UAAU,CAAC;AAGzB,QAAM,UAAUA;AAAAA,IACZ;AAAA,IACA,EAAE,MAAM,MAAA;AAAA,IACR;AAAA,IACA;AAAA,EAAA;AAGJ,YAAU,MAAM;AACZ,YAAA;AAAA,EACJ,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACZ,WAAO;AAAA,EACX,GAAG,CAAC,OAAO,CAAC;AAGZ,SACI,qBAAC,WAAA,EAAQ,WAAW,qBAAqB,SAAS,IAC9C,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,OAAM,yCAAY,UAAS,CAAA;AAAA,QAC3B,SAAS,CAAC,UAAU,eAAe,EAAE,OAAO;AAAA,QAC5C,QAAQ,WAAW;AAAA,QACnB,WAAW,CAAC,QAAQ,eAAe,EAAE,aAAa,KAAK;AAAA,QACvD;AAAA,QACA,YAAY,cAAc,WAAW,UAAU;AAAA,QAC/C,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA,aAAa,aAAa;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAIf,qBAAA,UAAA,EACK,UAAA;AAAA,OAAA,yCAAY,iBAAgB,UAAU,SACnC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,aAAa,CAAA;AAAA,UACnB,SAAS;AAAA,UACT;AAAA,UACA,YAAY;AAAA,UACZ,aAAa,CAAC,GAAG,aAAa,GAAG,WAAW,YAAY;AAAA,UACxD,QAAQ,EAAE,UAAA;AAAA,UACV,iBAAiB,kBAAkB,CAAC,SAAS;AACzC,2BAAe,EAAE,MAAM;AACvB,4BAAgB,IAAI;AAAA,UACxB,IAAI;AAAA,UACJ,sBAAsB;AAAA,UACtB,eAAe;AAAA,UACf;AAAA,UACA,uBAAuB;AAAA,UACvB,YAAY;AAAA,UACZ,aAAa;AAAA,UACb,sBAAsB,mBAAmB,CAAC,aAAa;AACnD,kBAAM,WAAW,SAAS,MAAM,CAAC;AACjC,2BAAe,EAAE,cAAc,UAAU;AACzC,6BAAiB,QAAQ;AAAA,UAC7B,IAAI;AAAA,UACJ,oBAAoB,qBAAqB,CAAC,YAAY;AAClD,2BAAe,EAAE,iBAAiB,SAAS;AAC3C,+BAAmB,OAAO;AAAA,UAC9B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,OAIX,yCAAY,iBAAgB,UAAU,QAAQ,iBAC3C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN;AAAA,UACA,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAI9B,EAAC,yCAAY,gBACV;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,SAAS;AAAA,UACT,MAAM,gBAAgB,oBAAC,OAAA,EAAI,KAAKC,OAAK,mBAAmB,KAAI,YAAW;AAAA,UAEtE,2BAAiB,mBACd;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,SAAQ;AAAA,cACR,+BAAYC,WAAA,EAAQ;AAAA,cACpB,SAAS;AAAA,cAER,aAAG,EAAE,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,MAKZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG;AAAA,UACA,iBAAiB;AAAA,YACb,GAAG;AAAA,YACH,OAAO,WAAW;AAAA,UAAA;AAAA,UAEtB,uBAAuB;AAAA,UACvB,UAAU;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,QAAQ,aAAa,YAAY;AAAA,UACvC,SAAS;AAAA,UACT,WAAW;AAAA,UACX,SAAS,aAAa;AAAA,UACtB,OAAO,eAAe,GAAG,EAAE,eAAe,CAAC,IAAI,KAAK;AAAA,UACpD,aACI,oBACM,kBAAkB,aAAa,YAAY,IAC3C,GAAG,EAAE,kBAAkB,CAAC,IAAI,KAAK,OAAK,kBAAa,iBAAb,mBAA2B,SAAM,kBAAa,iBAAb,mBAA2B,SAAQ,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAE1H,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

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                                   */u=,/* empty css                                 */c=,/* empty css                                   */m=,/* empty css                                         */g=,/* empty css                             */p=,/* empty css                         */v=,/* empty css                         */x=,/* empty css                                       */f=;/* empty css                              */exports.default=({title:h,tableColumns:b,columnOrder:j=["mrt-row-select"],rowActionMenu:w,destructiveActionMenu:D,handleAddButton:q,searchText:_,handleSearch:M,disabledViews:A=["Kanban","Calendar","Gantt"],fields:C,selectedIds:T=[],pageName:k,importModuleName:S,showAddButton:$=!0,actionButtons:N,paginationResource:P,enablePages:R=!1,GridComponent:B,onSelectRow:y,onColumnOrdering:z,onColumnVisibility:I,onSortingChange:O,fallbackIcon:E,className:L="",onDeleteConfirm:V,deleteTitle:F,deleteDescription:G,fetchApi:H,resetState:K,setPaginationModel:J,deleteApi:Q,storeName:U})=>{var W,X;const{t:Y}=t.useTranslation(),Z=o.useDispatch(),{activePage:ee,updatePageInfo:ie}=s.usePages(),{paginationModel:te,rows:ne,isLoading:ae}=r.useAppSelector(e=>null==e?void 0:e[U]),{pageNo:oe,limit:le,totalCount:se}=te,re=ee.page_size||le,de=re*(oe-1),[ue,ce]=i.useState({selectedRows:T,itemToDelete:null,isDeleting:!1}),me=Math.ceil(se/re),ge=i.useMemo(()=>ne,[ne]),pe=e=>{ce(i=>({...i,itemToDelete:e}))},ve=i.useMemo(()=>{if(D)return D.map(e=>({...e,handleAction:e.label.toLowerCase().includes("delete")?pe:e.handleAction}))},[D]),xe=e=>{ee.page_size!=(null==e?void 0:e.limit)&&ie({page_size:e.limit}),Z(J(e))},fe=i.useCallback(()=>{Z(K())},[Z,K]),he=d.default(ee,{skip:de,limit:re},H,"is_rental.eq=0");return i.useEffect(()=>{he()},[he]),i.useEffect(()=>fe,[fe]),/* @__PURE__ */e.jsxs("section",{className:`listing-component ${L}`,children:[
+/* @__PURE__ */e.jsx(u.default,{title:h,data:(null==ee?void 0:ee.views)||[],setData:e=>ie({views:e}),active:ee.active_view,setActive:e=>ie({active_view:e}),handleAddButton:q,searchText:_||ee.search||"",handleSearch:e=>{ie({search:e}),xe({pageNo:1}),null==M||M(e)},disabledViews:A,fields:C,selectedIds:ue.selectedRows,pageName:k,importModuleName:S,button:$,actionBtn:N}),
+/* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==ee?void 0:ee.active_view)===c.default.TABLE&&/* @__PURE__ */e.jsx(m.default,{rows:ge||[],columns:b,paginationModel:te,totalPages:me,columnOrder:[...j,...ee.column_order],states:{isLoading:ae},onSortingChange:O?e=>{ie({sort:e}),O(e)}:void 0,enableColumnDragging:!1,enableEditing:!1,rowActionMenu:w,destructiveActionMenu:ve,isResetRow:!1,onSelectRow:e=>{const i=e.map(e=>e.original.id);ce(e=>({...e,selectedRows:i})),null==y||y(e)},handleColumnOrdering:z?e=>{const i=e.slice(1);ie({column_order:i}),z(i)}:void 0,onColumnVisibility:I?e=>{ie({visible_columns:e}),I(e)}:void 0}),(null==ee?void 0:ee.active_view)===c.default.GRID&&B&&/* @__PURE__ */e.jsx(B,{data:ge,rowActionMenu:w,destructiveActionMenu:ve}),!(null==ee?void 0:ee.active_view)&&/* @__PURE__ */e.jsx(g.default,{heading:h,icon:E||/* @__PURE__ */e.jsx("img",{src:a.images.shippmentFallback,alt:"fallback"}),children:$&&q&&/* @__PURE__ */e.jsx(p.default,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(n.default,{}),onClick:q,children:`${Y("common.add")} ${Y("common.new")}`})}),
+/* @__PURE__ */e.jsx(v.default,{total:me,paginationModel:{...te,limit:ee.page_size},handlePaginationModel:e=>{ee.page_size!==(null==e?void 0:e.limit)&&ie({page_size:e.limit}),xe(e)},resource:P,enablePages:R}),
+/* @__PURE__ */e.jsx(x.default,{open:Boolean(ue.itemToDelete),onClose:()=>{ce(e=>({...e,itemToDelete:null}))},onConfirm:async()=>{if(ue.itemToDelete){ce(e=>({...e,isDeleting:!0}));try{V?await V(ue.itemToDelete):await(async e=>{const i=await Z(Q(String(e.id)));f.default(i,()=>{l.enqueueSnackbar(` ${h}: ${null==e?void 0:e.id} ${Y("common.msg.deleted")}`),he()})})(ue.itemToDelete),ce(e=>({...e,itemToDelete:null,isDeleting:!1}))}catch(e){ce(e=>({...e,isDeleting:!1}))}}},loading:ue.isDeleting,title:F||`${Y("common.delete")} ${h}`,description:G?G(ue.itemToDelete):`${Y("common.deleteMsg")} ${h}: ${(null==(W=ue.itemToDelete)?void 0:W.id)||(null==(X=ue.itemToDelete)?void 0:X.name)||""} ?`})]})]})};
 //# 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":"26BAiB2D,EACvDA,QACAC,eACAC,cAAc,CAAC,kBACfC,gBACAC,wBACAC,kBACAC,aACAC,eACAC,gBAAgB,CAAC,SAAU,WAAY,SACvCC,SACAC,cAAc,GACdC,WACAC,mBACAC,iBAAgB,EAChBC,gBACAC,qBACAC,eAAc,EACdC,gBACAC,cACAC,mBACAC,qBACAC,kBACAC,eACAC,YAAY,GACZC,kBACAC,cACAC,oBACAC,WACAC,aACAC,qBACAC,YACAC,wBAGA,MAAMC,EAAEA,GAAMC,mBAGRC,EAAWC,EAAAA,eAGXC,WAAEA,GAAAC,eAAYA,IAAmBC,cAEjCC,gBACFA,GAAAC,KACAA,GAAAC,UACAA,IACAC,EAAAA,eAAgBC,SAAUA,WAAQZ,KAEhCa,OAAEA,GAAQC,MAAOC,GAAAC,WAAQA,IAAeR,GACxCM,GAAQT,GAAWY,WAAaF,GAChCG,GAAOJ,IAASD,GAAS,IAIxBM,GAAcC,IAAmBC,WAAwB,CAC5DC,aAAc3C,EACd4C,aAAc,KACdC,YAAY,IAIVC,GAAQC,KAAKC,KAAKX,GAAaF,IAG/Bc,GAAYC,EAAAA,QAAQ,IAAMpB,GAAM,CAACA,KAyBjCqB,GAAqBC,IACvBX,WAA8BY,EAAMT,aAAcQ,MAqBhDE,GAA6BJ,EAAAA,QAAQ,KACvC,GAAKxD,EAEL,OAAOA,EAAsB6D,IAAIC,IAAA,IAC1BA,EACHC,aAAcD,EAAOE,MAAMC,cAAcC,SAAS,UAC5CT,GACAK,EAAOC,iBAElB,CAAC/D,IAGEmE,GAAyBC,IACvBpC,GAAWY,YAAa,MAAAwB,OAAA,EAAAA,EAAO3B,QAC/BR,GAAe,CAAEW,UAAWwB,EAAM3B,QAEtCX,EAASL,EAAmB2C,KAkB1BC,GAAUC,EAAAA,YAAY,KACxBxC,EAASN,MACV,CAACM,EAAUN,IAGR+C,GAAUC,EAAAA,QACZxC,GACA,CAAEa,QAAMJ,UACRlB,EACA,kBAYJ,OATAkD,EAAAA,UAAU,KACNF,MACD,CAACA,KAEJE,EAAAA,UAAU,IACCJ,GACR,CAACA,oBAIAK,EAAAA,KAAC,UAAA,CAAQvD,UAAW,qBAAqBA,IACrCwD,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CACGjF,QACAkF,MAAM,MAAA9C,QAAA,EAAAA,GAAY+C,QAAS,GAC3BC,QAAUD,GAAU9C,GAAe,CAAE8C,UACrCE,OAAQjD,GAAWkD,YACnBC,UAAYC,GAAQnD,GAAe,CAAEiD,YAAaE,IAClDnF,kBACAC,WAAYA,GAAc8B,GAAWqD,QAAU,GAC/ClF,aA9FgBkF,IACxBpD,GAAe,CAAEoD,WACjBlB,GAAsB,CAAE3B,OAAQ,IAChC,MAAArC,GAAAA,EAAekF,IA4FPjF,gBACAC,SACAC,YAAawC,GAAaG,aAC1B1C,WACAC,mBACA8E,OAAQ7E,EACR8E,UAAW7E;eAIfgE,OAAAc,EAAAA,SAAA,CACKb,SAAA,EAAA,MAAA3C,QAAA,EAAAA,GAAYkD,eAAgBO,UAAUC,sBACnCd,EAAAA,IAACe,EAAAA,QAAA,CACGvD,KAAMmB,IAAa,GACnBqC,QAAS/F,EACTsC,mBACA0D,WAAYzC,GACZtD,YAAa,IAAIA,KAAgBkC,GAAW8D,cAC5CC,OAAQ,CAAE1D,cACVpB,gBAAiBA,EAAmB+E,IAChC/D,GAAe,CAAE+D,SACjB/E,EAAgB+E,SAChB,EACJC,sBAAsB,EACtBC,eAAe,EACfnG,gBACAC,sBAAuB4D,GACvBuC,YAAY,EACZrF,YA1IQmC,IACxB,MAAMmD,EAAiBnD,EAAaY,IAAKwC,GAAQA,EAAIC,SAASC,IAC9DxD,WAA8BY,EAAMV,aAAcmD,KAClD,MAAAtF,GAAAA,EAAcmC,IAwIEuD,qBAAsBzF,EAAoB0F,IACtC,MAAMC,EAAWD,EAASE,MAAM,GAChC1E,GAAe,CAAE6D,aAAcY,IAC/B3F,EAAiB2F,SACjB,EACJ1F,mBAAoBA,EAAsB4E,IACtC3D,GAAe,CAAE2E,gBAAiBhB,IAClC5E,EAAmB4E,SACnB,WAIX5D,aAAYkD,eAAgBO,EAAAA,QAAUoB,MAAQhG,kBAC3C+D,EAAAA,IAAC/D,EAAA,CACGiE,KAAMvB,GACNxD,gBACAC,sBAAuB4D,OAI7B,MAAA5B,QAAA,EAAAA,GAAYkD,6BACVN,EAAAA,IAACkC,EAAAA,QAAA,CACGC,QAASnH,EACToH,KAAM9F,kBAAgB0D,EAAAA,IAAC,MAAA,CAAIqC,IAAKC,EAAAA,OAAKC,kBAAmBC,IAAI,aAE3DzC,YAAiB1E,kBACd2E,EAAAA,IAACyC,EAAAA,QAAA,CACGC,QAAQ,YACRC,+BAAYC,EAAAA,QAAA,IACZC,QAASxH,EAER0E,YAAG/C,EAAE,iBAAiBA,EAAE;eAMzCgD,EAAAA,IAAC8C,EAAAA,QAAA,CACGtE,SACAjB,gBAAiB,IACVA,GACHM,MAAOT,GAAWY,WAEtBuB,sBA/KgBC,IACxBpC,GAAWY,aAAc,MAAAwB,OAAA,EAAAA,EAAO3B,QAChCR,GAAe,CAAEW,UAAWwB,EAAM3B,QAEtC0B,GAAsBC,IA4KVuD,SAAUhH,EACVC;eAGJgE,EAAAA,IAACgD,EAAAA,QAAA,CACGC,KAAMC,QAAQhF,GAAaI,cAC3B6E,QAtJW,KACvBhF,WAA8BY,EAAMT,aAAc,SAsJtC8E,UApKYC,UACxB,GAAKnF,GAAaI,aAAlB,CAEAH,WAA8BY,EAAMR,YAAY,KAEhD,IACI/B,QAAwBA,EAAgB0B,GAAaI,mBAgCxC+E,OAAOC,IACxB,MAAMC,QAAsBrG,EAASJ,EAAU0G,OAAOF,EAAgB3B,MACtE8B,EAAAA,QAAUF,EAAU,KAChBG,EAAAA,gBACI,IAAI1I,MAAU,MAAAsI,OAAA,EAAAA,EAAiB3B,MAAM3E,EAAE,yBAE3C2C,QAtC2EgE,CAAazF,GAAaI,cACrGH,GAAgBY,QAAcA,EAAMT,aAAc,KAAMC,YAAY,IACxE,OAASqF,GACLzF,WAA8BY,EAAMR,YAAY,IACpD,CATgC,GAoKpBsF,QAAS3F,GAAaK,WACtBvD,MAAOyB,GAAe,GAAGO,EAAE,oBAAoBhC,IAC/C8I,YACIpH,EACMA,EAAkBwB,GAAaI,cAC/B,GAAGtB,EAAE,uBAAuBhC,OAAU,OAAA+I,KAAazF,mBAAb,EAAAyF,EAA2BpC,MAAM,OAAAqC,EAAA9F,GAAaI,mBAAb,EAAA0F,EAA2BC,OAAQ"}

package/dist/components/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 {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/page-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]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default PageLoader;\n"],"names":[],"mappings":";;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACtC;AAAA,CAAE;AAEF,MAAM,aAAa,CAAC,UAAgC;AACnD,SAAO,oBAAC,KAAA,EAAI,UAAS,YAAW,MAAK,OAAM,KAAI,OAC5C,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/page-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]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default PageLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACtC;AAAA,CAAE;AAEF,MAAM,aAAa,CAAC,UAAgC;AACnD,SAAO,oBAAC,KAAA,EAAI,UAAS,YAAW,MAAK,OAAM,KAAI,OAC5C,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}

package/dist/components/loaders/page-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;return{color:null==(r=e.palette)?void 0:r.theme.primary[500]}});exports.default=i=>/* @__PURE__ */e.jsx(r.Box,{position:"absolute",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"),t=require("../../../node_modules/@mui/material/styles/styled/index.js"),s=require("../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js");const i=t.default(s.default)(({theme:e})=>{var r;return{color:null==(r=e.palette)?void 0:r.theme.primary[500]}});exports.default=t=>/* @__PURE__ */e.jsx(r.default,{position:"absolute",left:"50%",top:"50%",children:/* @__PURE__ */e.jsx(i,{size:50,...t})});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/page-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]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default PageLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","props","jsx","Box","position","left","top","children","size"],"mappings":"kIAIA,MAAMA,kCAASC,OAAOC,EAAAA,iBAAPD,CAAyB,EAAEE,kBAAU,MAAA,CAClDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,wBAGlBC,kBACZC,EAAAA,IAACC,EAAAA,IAAA,CAAIC,SAAS,WAAWC,KAAK,MAAMC,IAAI,MAC5CC,wBAAAL,EAAAA,IAACT,EAAA,CAAOe,KAAM,MAAQP"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/loaders/page-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]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n    <Loader size={50} {...props}/>\n  </Box>\n};\n\nexport default PageLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,kBAAU,MAAA,CAClDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,wBAGlBC,kBACZC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,WAAWC,KAAK,MAAMC,IAAI,MAC5CC,wBAAAL,EAAAA,IAACT,EAAA,CAAOe,KAAM,MAAQP"}

package/dist/components/material-editable-table/components/inline-edit-fields/index.esm.js

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { Box } from "@mui/material";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import DatePicker from "../../../date-picker/date-picker/index.esm.js";
 import DateTimePicker from "../../../date-time-picker/date-time-picker/index.esm.js";
@@ -12,6 +11,7 @@ import dayjs from "dayjs";
 import PhoneInput from "../../../phone-input/phone-input/index.esm.js";
 import Checkbox from "../../../checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../../searchable-select/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const InlineEditFields = ({
   // cell,
   column,

package/dist/components/material-editable-table/components/inline-edit-fields/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material"),a=require("../../../typography/typography/index.js"),t=require("../../../date-picker/date-picker/index.js"),d=require("../../../date-time-picker/date-time-picker/index.js"),o=require("../../../text-field/text-field/index.js"),n=require("../../../upload-media/upload-media/index.js"),u=require("yup"),r=require("lodash"),c=require("dayjs"),s=require("../../../phone-input/phone-input/index.js"),v=require("../../../checkbox/checkbox/index.js"),f=require("../../../searchable-select/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var l=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),l.default=e,l}var m=/* @__PURE__ */h(u),y=/* @__PURE__ */p(r),g=/* @__PURE__ */p(c);exports.default=({column:u,row:r,col:c,errors:p,validationSchema:h,setValidationErrors:x,onChangeRowField:b,getSelectedData:_})=>{var C,j,F,k,S,q,E,K;const[O,D]=l.useState(),[V,P]=l.useState(!1),T=l.useRef(null),w=r.getAllCells().map(e=>e.column.columnDef).filter(e=>void 0===(null==e?void 0:e.enableEditing)||!0===(null==e?void 0:e.enableEditing)),A=c.editVariant,B=(null==(C=u.columnDef)?void 0:C.editProperties)||{};let I=!1;(null==B?void 0:B.disable)&&(I="function"==typeof B.disable?Boolean(null==B?void 0:B.disable(r,r._valuesCache)):Boolean(B.disable));const R=l.useCallback(async(e,l)=>{try{if("function"==typeof B.customeFilter){const i=await B.customeFilter(e,l);return T.current=i,i}T.current=null==B?void 0:B.customeFilter}catch(i){return null}},[B,r,r._valuesCache]);l.useEffect(()=>{R(r,r._valuesCache)},[R,r,r._valuesCache]);const z=null==B?void 0:B.valueKey;let M="";if("select"===A&&(null==B?void 0:B.is_multiple))M=z?y.default.get(r.original,z,[]):[];else if(M=z?y.default.get(r.original,z,r.original[u.id]):r.original[u.id],"select"===A&&("string"==typeof M||"number"==typeof M)&&(null==c?void 0:c.editSelectOptions)){const e=c.editSelectOptions.find(e=>e.value===M||e.id===M||e.name===M||String(e.id)===String(M));e&&(M=e)}const N=async(e,l,i)=>{const a=i;let t;switch(l){case"date":case"file":case"image":case"phone":t=e;break;case"text":case"number":default:t=e.target.value;break;case"checkbox":t=e.target.checked}if(D({...O,[u.id]:t}),b){const i=await b(e,l,r,c,a);i&&(r._valuesCache={...r._valuesCache,...i},D({...O,...i}))}D({...O,[u.id]:t}),r._valuesCache={...r._valuesCache,[u.id]:t},await(async e=>{try{await h.validateAt(u.id,{[u.id]:e},{abortEarly:!1});const l={};for(const e in p)e!=u.id&&(l[e]=p[e]);x(l)}catch(l){if(l instanceof m.ValidationError){const e={};l.inner.forEach(l=>{l.path&&(e[l.path]=l.message)});const i={...p,...e};x(i)}}})(t)};return l.useEffect(()=>{D({...O,...r._valuesCache})},[r._valuesCache]),l.useEffect(()=>{if(!V){const e=Object.keys(r._valuesCache||{}),l={};r.getAllCells().forEach(i=>{var a,t,d;if(void 0===(null==(a=i.column.columnDef)?void 0:a.enableEditing)||!0===(null==(t=i.column.columnDef)?void 0:t.enableEditing)){const{is_multiple:a,valueKey:t}=(null==(d=i.column.columnDef)?void 0:d.editProperties)||{};if(e.includes(i.column.id)){const e=y.default.get(r.original,t);l[i.column.id]="select"===A&&a?e?Array.isArray(e)?e:[e]:[]:"date"===A||"date_time"===A?e?g.default(e).isValid()?g.default(e):void 0:g.default(r.original[i.column.id]).isValid()?g.default(r.original[i.column.id]):void 0:y.default.get(r.original,t,r.original[i.column.id])}}}),r._valuesCache=l,D(l),P(!0)}},[r,A,V]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[(!A||"number"===A)&&/* @__PURE__ */e.jsx(o.default,{defaultValue:M,onChange:e=>N(e,A),value:null==O?void 0:O[u.id],autoFocus:(null==(j=null==w?void 0:w[0])?void 0:j.accessorKey)===u.id,type:A||"text",error:!!(null==p?void 0:p[u.id]),helperText:null==p?void 0:p[u.id],placeholder:(null==B?void 0:B.placeholder)||"",name:(null==B?void 0:B.field_name)||"",disabled:I}),"select"===A&&/* @__PURE__ */e.jsxs(i.Box,{display:"flex",flexDirection:"column",width:"100%",children:[
-/* @__PURE__ */e.jsx(f.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,placeholder:(null==B?void 0:B.placeholder)||"",searchPlaceholder:`Search ${c.header}`,onChange:(e,l)=>N(e,"select",l),apiType:null==B?void 0:B.apiType,autoFocus:(null==(F=null==w?void 0:w[0])?void 0:F.accessorKey)===u.id,options:null==c?void 0:c.editSelectOptions,customeFilter:T.current,filterKey:null==B?void 0:B.filterKey,labelKey:null==B?void 0:B.labelKey,valueKey:null==B?void 0:B.bindingKey,attributes:B.attributes,isInternal:(null==B?void 0:B.isInternal)||!(null==B?void 0:B.apiType),multiple:null==B?void 0:B.is_multiple,value:(null==B?void 0:B.is_multiple)?Array.isArray(null==O?void 0:O[u.id])?null==O?void 0:O[u.id]:[]:(()=>{const e=null==O?void 0:O[u.id];return"string"!=typeof e&&"number"!=typeof e||!(null==c?void 0:c.editSelectOptions)?e:c.editSelectOptions.find(l=>l.value===e||l.id===e||l.name===e||String(l.id)===String(e))||e})(),getSelectedData:e=>_(null==B?void 0:B.field_name,e)}),(null==p?void 0:p[u.id])&&/* @__PURE__ */e.jsx(a.Typography,{color:"theme.error.600",type:"s5",children:null==p?void 0:p[u.id]})]}),"date"===A&&/* @__PURE__ */e.jsx(t.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(k=null==w?void 0:w[0])?void 0:k.accessorKey)===u.id},error:!!(null==p?void 0:p[u.id]),helperText:null==p?void 0:p[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:g.default(r._valuesCache[u.id]).isValid()?g.default(r._valuesCache[u.id]):void 0,disabled:I,minDate:null==B?void 0:B.min_date}),"date_time"===A&&/* @__PURE__ */e.jsx(d.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(S=null==w?void 0:w[0])?void 0:S.accessorKey)===u.id},error:!!(null==p?void 0:p[u.id]),helperText:null==p?void 0:p[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:g.default(r._valuesCache[u.id]).isValid()?g.default(r._valuesCache[u.id]):void 0,disabled:I}),("file"===A||"image"===A)&&/* @__PURE__ */e.jsxs(i.Box,{display:"flex",flexDirection:"column",children:[
-/* @__PURE__ */e.jsx(n.default,{name:(null==B?void 0:B.field_name)||"table_file",dataPosition:0,dataName:"table_file",label:"",type:A,max_size:10,onChange:e=>N(e,"file"),error:!!(null==p?void 0:p[u.id]),multiple:Boolean(null==u?void 0:u.is_multiple),value:r._valuesCache[u.id]}),(null==p?void 0:p[u.id])&&/* @__PURE__ */e.jsx(a.Typography,{color:"theme.error.600",type:"s5",children:null==p?void 0:p[u.id]})]}),"phone"===A&&/* @__PURE__ */e.jsx(s.default,{name:(null==B?void 0:B.field_name)||"",default_value:M,onChange:e=>N(e,"phone"),textFieldProps:{autoFocus:(null==(q=null==w?void 0:w[0])?void 0:q.accessorKey)===u.id},error:!!(null==p?void 0:p[u.id]),helperText:null==p?void 0:p[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(E=r._valuesCache)?void 0:E[u.id],disabled:I,isInlineEditing:!0}),"checkbox"===A&&/* @__PURE__ */e.jsx(v.default,{name:(null==B?void 0:B.field_name)||"",defaultChecked:Boolean(M),onChange:e=>N(e,"checkbox"),error:!!(null==p?void 0:p[u.id]),helperText:null==p?void 0:p[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(K=r._valuesCache)?void 0:K[u.id],disabled:I})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("../../../typography/typography/index.js"),a=require("../../../date-picker/date-picker/index.js"),t=require("../../../date-time-picker/date-time-picker/index.js"),d=require("../../../text-field/text-field/index.js"),o=require("../../../upload-media/upload-media/index.js"),n=require("yup"),u=require("lodash"),r=require("dayjs"),c=require("../../../phone-input/phone-input/index.js"),s=require("../../../checkbox/checkbox/index.js"),v=require("../../../searchable-select/index.js"),f=require("../../../../node_modules/@mui/material/Box/Box/index.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var l=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),l.default=e,l}var h=/* @__PURE__ */m(n),y=/* @__PURE__ */p(u),g=/* @__PURE__ */p(r);exports.default=({column:n,row:u,col:r,errors:p,validationSchema:m,setValidationErrors:x,onChangeRowField:b,getSelectedData:_})=>{var j,C,F,k,S,q,E,K;const[O,D]=l.useState(),[V,P]=l.useState(!1),T=l.useRef(null),w=u.getAllCells().map(e=>e.column.columnDef).filter(e=>void 0===(null==e?void 0:e.enableEditing)||!0===(null==e?void 0:e.enableEditing)),A=r.editVariant,B=(null==(j=n.columnDef)?void 0:j.editProperties)||{};let I=!1;(null==B?void 0:B.disable)&&(I="function"==typeof B.disable?Boolean(null==B?void 0:B.disable(u,u._valuesCache)):Boolean(B.disable));const R=l.useCallback(async(e,l)=>{try{if("function"==typeof B.customeFilter){const i=await B.customeFilter(e,l);return T.current=i,i}T.current=null==B?void 0:B.customeFilter}catch(i){return null}},[B,u,u._valuesCache]);l.useEffect(()=>{R(u,u._valuesCache)},[R,u,u._valuesCache]);const z=null==B?void 0:B.valueKey;let M="";if("select"===A&&(null==B?void 0:B.is_multiple))M=z?y.default.get(u.original,z,[]):[];else if(M=z?y.default.get(u.original,z,u.original[n.id]):u.original[n.id],"select"===A&&("string"==typeof M||"number"==typeof M)&&(null==r?void 0:r.editSelectOptions)){const e=r.editSelectOptions.find(e=>e.value===M||e.id===M||e.name===M||String(e.id)===String(M));e&&(M=e)}const N=async(e,l,i)=>{const a=i;let t;switch(l){case"date":case"file":case"image":case"phone":t=e;break;case"text":case"number":default:t=e.target.value;break;case"checkbox":t=e.target.checked}if(D({...O,[n.id]:t}),b){const i=await b(e,l,u,r,a);i&&(u._valuesCache={...u._valuesCache,...i},D({...O,...i}))}D({...O,[n.id]:t}),u._valuesCache={...u._valuesCache,[n.id]:t},await(async e=>{try{await m.validateAt(n.id,{[n.id]:e},{abortEarly:!1});const l={};for(const e in p)e!=n.id&&(l[e]=p[e]);x(l)}catch(l){if(l instanceof h.ValidationError){const e={};l.inner.forEach(l=>{l.path&&(e[l.path]=l.message)});const i={...p,...e};x(i)}}})(t)};return l.useEffect(()=>{D({...O,...u._valuesCache})},[u._valuesCache]),l.useEffect(()=>{if(!V){const e=Object.keys(u._valuesCache||{}),l={};u.getAllCells().forEach(i=>{var a,t,d;if(void 0===(null==(a=i.column.columnDef)?void 0:a.enableEditing)||!0===(null==(t=i.column.columnDef)?void 0:t.enableEditing)){const{is_multiple:a,valueKey:t}=(null==(d=i.column.columnDef)?void 0:d.editProperties)||{};if(e.includes(i.column.id)){const e=y.default.get(u.original,t);l[i.column.id]="select"===A&&a?e?Array.isArray(e)?e:[e]:[]:"date"===A||"date_time"===A?e?g.default(e).isValid()?g.default(e):void 0:g.default(u.original[i.column.id]).isValid()?g.default(u.original[i.column.id]):void 0:y.default.get(u.original,t,u.original[i.column.id])}}}),u._valuesCache=l,D(l),P(!0)}},[u,A,V]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[(!A||"number"===A)&&/* @__PURE__ */e.jsx(d.default,{defaultValue:M,onChange:e=>N(e,A),value:null==O?void 0:O[n.id],autoFocus:(null==(C=null==w?void 0:w[0])?void 0:C.accessorKey)===n.id,type:A||"text",error:!!(null==p?void 0:p[n.id]),helperText:null==p?void 0:p[n.id],placeholder:(null==B?void 0:B.placeholder)||"",name:(null==B?void 0:B.field_name)||"",disabled:I}),"select"===A&&/* @__PURE__ */e.jsxs(f.default,{display:"flex",flexDirection:"column",width:"100%",children:[
+/* @__PURE__ */e.jsx(v.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,placeholder:(null==B?void 0:B.placeholder)||"",searchPlaceholder:`Search ${r.header}`,onChange:(e,l)=>N(e,"select",l),apiType:null==B?void 0:B.apiType,autoFocus:(null==(F=null==w?void 0:w[0])?void 0:F.accessorKey)===n.id,options:null==r?void 0:r.editSelectOptions,customeFilter:T.current,filterKey:null==B?void 0:B.filterKey,labelKey:null==B?void 0:B.labelKey,valueKey:null==B?void 0:B.bindingKey,attributes:B.attributes,isInternal:(null==B?void 0:B.isInternal)||!(null==B?void 0:B.apiType),multiple:null==B?void 0:B.is_multiple,value:(null==B?void 0:B.is_multiple)?Array.isArray(null==O?void 0:O[n.id])?null==O?void 0:O[n.id]:[]:(()=>{const e=null==O?void 0:O[n.id];return"string"!=typeof e&&"number"!=typeof e||!(null==r?void 0:r.editSelectOptions)?e:r.editSelectOptions.find(l=>l.value===e||l.id===e||l.name===e||String(l.id)===String(e))||e})(),getSelectedData:e=>_(null==B?void 0:B.field_name,e)}),(null==p?void 0:p[n.id])&&/* @__PURE__ */e.jsx(i.Typography,{color:"theme.error.600",type:"s5",children:null==p?void 0:p[n.id]})]}),"date"===A&&/* @__PURE__ */e.jsx(a.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(k=null==w?void 0:w[0])?void 0:k.accessorKey)===n.id},error:!!(null==p?void 0:p[n.id]),helperText:null==p?void 0:p[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:g.default(u._valuesCache[n.id]).isValid()?g.default(u._valuesCache[n.id]):void 0,disabled:I,minDate:null==B?void 0:B.min_date}),"date_time"===A&&/* @__PURE__ */e.jsx(t.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(S=null==w?void 0:w[0])?void 0:S.accessorKey)===n.id},error:!!(null==p?void 0:p[n.id]),helperText:null==p?void 0:p[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:g.default(u._valuesCache[n.id]).isValid()?g.default(u._valuesCache[n.id]):void 0,disabled:I}),("file"===A||"image"===A)&&/* @__PURE__ */e.jsxs(f.default,{display:"flex",flexDirection:"column",children:[
+/* @__PURE__ */e.jsx(o.default,{name:(null==B?void 0:B.field_name)||"table_file",dataPosition:0,dataName:"table_file",label:"",type:A,max_size:10,onChange:e=>N(e,"file"),error:!!(null==p?void 0:p[n.id]),multiple:Boolean(null==n?void 0:n.is_multiple),value:u._valuesCache[n.id]}),(null==p?void 0:p[n.id])&&/* @__PURE__ */e.jsx(i.Typography,{color:"theme.error.600",type:"s5",children:null==p?void 0:p[n.id]})]}),"phone"===A&&/* @__PURE__ */e.jsx(c.default,{name:(null==B?void 0:B.field_name)||"",default_value:M,onChange:e=>N(e,"phone"),textFieldProps:{autoFocus:(null==(q=null==w?void 0:w[0])?void 0:q.accessorKey)===n.id},error:!!(null==p?void 0:p[n.id]),helperText:null==p?void 0:p[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(E=u._valuesCache)?void 0:E[n.id],disabled:I,isInlineEditing:!0}),"checkbox"===A&&/* @__PURE__ */e.jsx(s.default,{name:(null==B?void 0:B.field_name)||"",defaultChecked:Boolean(M),onChange:e=>N(e,"checkbox"),error:!!(null==p?void 0:p[n.id]),helperText:null==p?void 0:p[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(K=u._valuesCache)?void 0:K[n.id],disabled:I})]})};
 //# sourceMappingURL=index.js.map