@erpsquad/common 1.8.47 → 1.8.48

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

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

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

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

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

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

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

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

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

@@ -14,7 +14,7 @@ import viewTypes from "../../../constants/action-bar/index.esm.js";
 import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import { Fallback } from "../../fallback/fallback/index.esm.js";
 import { Button } from "../../button/button/index.esm.js";
-import { Footer } from "../../footer/index.esm.js";
+import { Footer } from "../../footer/footer/index.esm.js";
 import { ConfirmPopUp } from "../../confirm-modal/confirm-modal/index.esm.js";
 import { apiHelper } from "../../../hooks/apiHelper/index.esm.js";
 const ListingComponent = ({

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

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

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, 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, 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,eACZxC,GACA,CAAEa,QAAMJ,UACRlB,EACA,kBAYJ,OATAkD,EAAAA,UAAU,KACNF,MACD,CAACA,KAEJE,EAAAA,UAAU,IACCJ,GACR,CAACA,oBAIAK,EAAAA,KAAC,UAAA,CAAQvD,UAAW,qBAAqBA,IACrCwD,SAAA;eAAAC,EAAAA,IAACC,EAAAA,UAAA,CACGjF,QACAkF,MAAM,MAAA9C,QAAA,EAAAA,GAAY+C,QAAS,GAC3BC,QAAUD,GAAU9C,GAAe,CAAE8C,UACrCE,OAAQjD,GAAWkD,YACnBC,UAAYC,GAAQnD,GAAe,CAAEiD,YAAaE,IAClDnF,kBACAC,WAAYA,GAAc8B,GAAWqD,QAAU,GAC/ClF,aA9FgBkF,IACxBpD,GAAe,CAAEoD,WACjBlB,GAAsB,CAAE3B,OAAQ,IAChC,MAAArC,GAAAA,EAAekF,IA4FPjF,gBACAC,SACAC,YAAawC,GAAaG,aAC1B1C,WACAC,mBACA8E,OAAQ7E,EACR8E,UAAW7E;eAIfgE,OAAAc,EAAAA,SAAA,CACKb,SAAA,EAAA,MAAA3C,QAAA,EAAAA,GAAYkD,eAAgBO,UAAUC,sBACnCd,EAAAA,IAACe,EAAAA,cAAA,CACGvD,KAAMmB,IAAa,GACnBqC,QAAS/F,EACTsC,mBACA0D,WAAYzC,GACZtD,YAAa,IAAIA,KAAgBkC,GAAW8D,cAC5CC,OAAQ,CAAE1D,cACVpB,gBAAiBA,EAAmB+E,IAChC/D,GAAe,CAAE+D,SACjB/E,EAAgB+E,SAChB,EACJC,sBAAsB,EACtBC,eAAe,EACfnG,gBACAC,sBAAuB4D,GACvBuC,YAAY,EACZrF,YA1IQmC,IACxB,MAAMmD,EAAiBnD,EAAaY,IAAKwC,GAAQA,EAAIC,SAASC,IAC9DxD,WAA8BY,EAAMV,aAAcmD,KAClD,MAAAtF,GAAAA,EAAcmC,IAwIEuD,qBAAsBzF,EAAoB0F,IACtC,MAAMC,EAAWD,EAASE,MAAM,GAChC1E,GAAe,CAAE6D,aAAcY,IAC/B3F,EAAiB2F,SACjB,EACJ1F,mBAAoBA,EAAsB4E,IACtC3D,GAAe,CAAE2E,gBAAiBhB,IAClC5E,EAAmB4E,SACnB,WAIX5D,aAAYkD,eAAgBO,EAAAA,QAAUoB,MAAQhG,kBAC3C+D,EAAAA,IAAC/D,EAAA,CACGiE,KAAMvB,GACNxD,gBACAC,sBAAuB4D,OAI7B,MAAA5B,QAAA,EAAAA,GAAYkD,6BACVN,EAAAA,IAACkC,EAAAA,SAAA,CACGC,QAASnH,EACToH,KAAM9F,kBAAgB0D,EAAAA,IAAC,MAAA,CAAIqC,IAAKC,EAAAA,OAAKC,kBAAmBC,IAAI,aAE3DzC,YAAiB1E,kBACd2E,EAAAA,IAACyC,EAAAA,OAAA,CACGC,QAAQ,YACRC,+BAAYC,EAAAA,QAAA,IACZC,QAASxH,EAER0E,YAAG/C,EAAE,iBAAiBA,EAAE;eAMzCgD,EAAAA,IAAC8C,EAAAA,OAAA,CACGtE,SACAjB,gBAAiB,IACVA,GACHM,MAAOT,GAAWY,WAEtBuB,sBA/KgBC,IACxBpC,GAAWY,aAAc,MAAAwB,OAAA,EAAAA,EAAO3B,QAChCR,GAAe,CAAEW,UAAWwB,EAAM3B,QAEtC0B,GAAsBC,IA4KVuD,SAAUhH,EACVC;eAGJgE,EAAAA,IAACgD,EAAAA,aAAA,CACGC,KAAMC,QAAQhF,GAAaI,cAC3B6E,QAtJW,KACvBhF,WAA8BY,EAAMT,aAAc,SAsJtC8E,UApKYC,UACxB,GAAKnF,GAAaI,aAAlB,CAEAH,WAA8BY,EAAMR,YAAY,KAEhD,IACI/B,QAAwBA,EAAgB0B,GAAaI,mBAgCxC+E,OAAOC,IACxB,MAAMC,QAAsBrG,EAASJ,EAAU0G,OAAOF,EAAgB3B,MACtE8B,EAAAA,UAAUF,EAAU,KAChBG,EAAAA,gBACI,IAAI1I,MAAU,MAAAsI,OAAA,EAAAA,EAAiB3B,MAAM3E,EAAE,yBAE3C2C,QAtC2EgE,CAAazF,GAAaI,cACrGH,GAAgBY,QAAcA,EAAMT,aAAc,KAAMC,YAAY,IACxE,OAASqF,GACLzF,WAA8BY,EAAMR,YAAY,IACpD,CATgC,GAoKpBsF,QAAS3F,GAAaK,WACtBvD,MAAOyB,GAAe,GAAGO,EAAE,oBAAoBhC,IAC/C8I,YACIpH,EACMA,EAAkBwB,GAAaI,cAC/B,GAAGtB,EAAE,uBAAuBhC,OAAU,OAAA+I,KAAazF,mBAAb,EAAAyF,EAA2BpC,MAAM,OAAAqC,EAAA9F,GAAaI,mBAAb,EAAA0F,EAA2BC,OAAQ"}

package/dist/components/module-button/module-button/index.esm.js

@@ -4,7 +4,7 @@ import { Typography } from "../../typography/typography/index.esm.js";
 /* empty css                              */
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import CardMedia from "../../../node_modules/@mui/material/CardMedia/CardMedia/index.esm.js";
-function ModuleTile(props) {
+const ModuleTile = (props) => {
   const bgClass = props.module.bg === "transparent" ? "transparent" : "";
   return /* @__PURE__ */ jsx(Link, { to: props.module.link, children: /* @__PURE__ */ jsxs(Box, { className: "module-tile-container", children: [
     /* @__PURE__ */ jsx(
@@ -24,8 +24,9 @@ function ModuleTile(props) {
     ),
     /* @__PURE__ */ jsx(Typography, { type: "s3", className: "module-label", children: props.module.label })
   ] }) });
-}
+};
 export {
+  ModuleTile,
   ModuleTile as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/module-button/module-button/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport default function ModuleTile(props: any) {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAMA,SAAwB,WAAW,OAAY;AAC7C,QAAM,UAAU,MAAM,OAAO,OAAO,gBAAgB,gBAAgB;AAEpE,SACE,oBAAC,QAAK,IAAI,MAAM,OAAO,MACrB,UAAA,qBAAC,KAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,cAAc,OAAO;AAAA,QAChC,OAAO,EAAE,YAAY,MAAM,OAAO,GAAA;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,MAAM,OAAO;AAAA,YACpB,KAAK,GAAG,MAAM,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,oBAAC,cAAW,MAAK,MAAK,WAAU,gBAC7B,UAAA,MAAM,OAAO,MAAA,CAChB;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport interface IModuleTile {\n  module: {\n    bg: string;\n    icon: string;\n    label: string;\n    link: string;\n  };\n}\n\nexport const ModuleTile = (props: IModuleTile) => {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n\nexport default ModuleTile;"],"names":[],"mappings":";;;;;;AAeO,MAAM,aAAa,CAAC,UAAuB;AAChD,QAAM,UAAU,MAAM,OAAO,OAAO,gBAAgB,gBAAgB;AAEpE,SACE,oBAAC,QAAK,IAAI,MAAM,OAAO,MACrB,UAAA,qBAAC,KAAA,EAAI,WAAU,yBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,cAAc,OAAO;AAAA,QAChC,OAAO,EAAE,YAAY,MAAM,OAAO,GAAA;AAAA,QAElC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,MAAM,OAAO;AAAA,YACpB,KAAK,GAAG,MAAM,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,oBAAC,cAAW,MAAK,MAAK,WAAU,gBAC7B,UAAA,MAAM,OAAO,MAAA,CAChB;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/module-button/module-button/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-router-dom"),l=;/* empty css                                 */;/* empty css                           */var a=,/* empty css                                                 */o=;/* empty css                                                             */exports.default=function(d){const t="transparent"===d.module.bg?"transparent":"";/* @__PURE__ */
-return e.jsx(r.Link,{to:d.module.link,children:/* @__PURE__ */e.jsxs(a.default,{className:"module-tile-container",children:[
-/* @__PURE__ */e.jsx(a.default,{className:`module-box ${t}`,style:{background:d.module.bg},children:/* @__PURE__ */e.jsx(o.default,{component:"img",image:d.module.icon,alt:`${d.module.label} logo`})}),
-/* @__PURE__ */e.jsx(l.Typography,{type:"s3",className:"module-label",children:d.module.label})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-router-dom"),l=;/* empty css                                 */;/* empty css                           */var o=,/* empty css                                                 */a=;/* empty css                                                             */const d=d=>{const t="transparent"===d.module.bg?"transparent":"";/* @__PURE__ */
+return e.jsx(r.Link,{to:d.module.link,children:/* @__PURE__ */e.jsxs(o.default,{className:"module-tile-container",children:[
+/* @__PURE__ */e.jsx(o.default,{className:`module-box ${t}`,style:{background:d.module.bg},children:/* @__PURE__ */e.jsx(a.default,{component:"img",image:d.module.icon,alt:`${d.module.label} logo`})}),
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",className:"module-label",children:d.module.label})]})})};exports.ModuleTile=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/components/module-button/module-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport default function ModuleTile(props: any) {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n"],"names":["props","bgClass","module","bg","jsx","Link","to","link","children","jsxs","Box","className","style","background","CardMedia","component","image","icon","alt","label","Typography","type"],"mappings":"qYAMA,SAAmCA,GACjC,MAAMC,EAA8B,gBAApBD,EAAME,OAAOC,GAAuB,cAAgB;AAEpE,SACEC,IAACC,EAAAA,MAAKC,GAAIN,EAAME,OAAOK,KACrBC,0BAAAC,KAACC,EAAAA,QAAA,CAAIC,UAAU,wBACbH,SAAA;eAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACCC,UAAW,cAAcV,IACzBW,MAAO,CAAEC,WAAYb,EAAME,OAAOC,IAElCK,wBAAAJ,EAAAA,IAACU,EAAAA,QAAA,CACCC,UAAU,MACVC,MAAOhB,EAAME,OAAOe,KACpBC,IAAK,GAAGlB,EAAME,OAAOiB;eAGzBf,EAAAA,IAACgB,EAAAA,YAAWC,KAAK,KAAKV,UAAU,eAC7BH,SAAAR,EAAME,OAAOiB,YAKxB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/module-button/module-button.tsx"],"sourcesContent":["import { Link } from \"react-router-dom\";\nimport CardMedia from \"@mui/material/CardMedia\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport \"./module-button.scss\"; // Import the external CSS file\n\nexport interface IModuleTile {\n  module: {\n    bg: string;\n    icon: string;\n    label: string;\n    link: string;\n  };\n}\n\nexport const ModuleTile = (props: IModuleTile) => {\n  const bgClass = props.module.bg === \"transparent\" ? \"transparent\" : \"\";\n\n  return (\n    <Link to={props.module.link}>\n      <Box className=\"module-tile-container\">\n        <Box\n          className={`module-box ${bgClass}`}\n          style={{ background: props.module.bg }}\n        >\n          <CardMedia\n            component=\"img\"\n            image={props.module.icon}\n            alt={`${props.module.label} logo`}\n          />\n        </Box>\n        <Typography type=\"s3\" className=\"module-label\">\n          {props.module.label}\n        </Typography>\n      </Box>\n    </Link>\n  );\n}\n\nexport default ModuleTile;"],"names":["ModuleTile","props","bgClass","module","bg","jsx","Link","to","link","children","jsxs","Box","className","style","background","CardMedia","component","image","icon","alt","label","Typography","type"],"mappings":"qXAeO,MAAMA,EAAcC,IACzB,MAAMC,EAA8B,gBAApBD,EAAME,OAAOC,GAAuB,cAAgB;AAEpE,SACEC,IAACC,EAAAA,MAAKC,GAAIN,EAAME,OAAOK,KACrBC,0BAAAC,KAACC,EAAAA,QAAA,CAAIC,UAAU,wBACbH,SAAA;eAAAJ,EAAAA,IAACM,EAAAA,QAAA,CACCC,UAAW,cAAcV,IACzBW,MAAO,CAAEC,WAAYb,EAAME,OAAOC,IAElCK,wBAAAJ,EAAAA,IAACU,EAAAA,QAAA,CACCC,UAAU,MACVC,MAAOhB,EAAME,OAAOe,KACpBC,IAAK,GAAGlB,EAAME,OAAOiB;eAGzBf,EAAAA,IAACgB,EAAAA,YAAWC,KAAK,KAAKV,UAAU,eAC7BH,SAAAR,EAAME,OAAOiB"}

package/dist/components/module-button/module-button.d.ts

@@ -1,2 +1,11 @@
 
-export default function ModuleTile(props: any): import("react/jsx-runtime").JSX.Element;
+export interface IModuleTile {
+    module: {
+        bg: string;
+        icon: string;
+        label: string;
+        link: string;
+    };
+}
+export declare const ModuleTile: (props: IModuleTile) => import("react/jsx-runtime").JSX.Element;
+export default ModuleTile;

package/dist/components/mulitline/multiline/index.esm.js

@@ -9,7 +9,7 @@ import { images } from "../../../images/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
 import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
-function MultiLine(props) {
+const MultiLine = (props) => {
   const { options } = props;
   const [filteredOptions, setFilteredOptions] = useState(options);
   const [anchorEl, setAnchorEl] = React__default.useState(null);
@@ -55,8 +55,9 @@ function MultiLine(props) {
       /* @__PURE__ */ jsx(Typography, { children: "Create a Cost Center" })
     ] })
   ] }) });
-}
+};
 export {
+  MultiLine,
   MultiLine as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/mulitline/multiline/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport default function MultiLine(props: MultiProps) {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n}\n"],"names":["React","AddIcon"],"mappings":";;;;;;;;;;;AAqBA,SAAwB,UAAU,OAAmB;AACnD,QAAM,EAAE,YAAY;AACpB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AACvE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,oBAAoB,CAAC,gBAAwB;AACjD,UAAM,iBAAiB,YAAY,YAAA;AACnC,UAAM,WAAW,QAAQ,OAAO,CAAC,WAAmB;AAClD,aACE,OAAO,KAAK,YAAA,EAAc,SAAS,cAAc,KACjD,OAAO,KAAK,cAAc,SAAS,cAAc;AAAA,IAErD,CAAC;AACD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,QAAM,oBAAoB,MAAM;AAC9B,UAAM,UAAU;AAAA,EAClB;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,mBACb,+BAAC,aAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,iBAAgB,UAAA,mBAAe;AAAA,MACrD,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,aAChD,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,MACA,oBAAC,MAAA,EAAK,UAAoB,MAAY,SAAS,aAC7C,UAAA,oBAAC,UAAA,EAAS,SAAS,aAAa,UAAA,OAAA,CAAI,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,cAAc,CAAC,MAAM;AACnB,4BAAkB,CAAC;AAAA,QACrB;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAgB,IAAI,CAAC,WACpB,qBAAC,OAAA,EAAoB,WAAU,cAC7B,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,SAAS,UAAA,OAAO,MAAK;AAAA,MAC3C,oBAAC,YAAA,EAAW,WAAU,eAAe,iBAAO,KAAA,CAAK;AAAA,IAAA,KAFzC,OAAO,EAGjB,CACD;AAAA,IAED,qBAAC,OAAA,EAAI,WAAU,iBAAgB,SAAS,mBACtC,UAAA;AAAA,MAAA,oBAACC,WAAA,EAAQ;AAAA,MACT,oBAAC,cAAW,UAAA,uBAAA,CAAoB;AAAA,IAAA,EAAA,CAClC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport const MultiLine = (props: MultiProps) => {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n};\n\nexport default MultiLine;\n"],"names":["React","AddIcon"],"mappings":";;;;;;;;;;;AAqBO,MAAM,YAAY,CAAC,UAAsB;AAC9C,QAAM,EAAE,YAAY;AACpB,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,OAAO;AAC9D,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AACvE,QAAM,OAAO,QAAQ,QAAQ;AAE7B,QAAM,cAAc,CAAC,UAA+C;AAClE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,QAAM,cAAc,MAAM;AACxB,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,oBAAoB,CAAC,gBAAwB;AACjD,UAAM,iBAAiB,YAAY,YAAA;AACnC,UAAM,WAAW,QAAQ,OAAO,CAAC,WAAmB;AAClD,aACE,OAAO,KAAK,YAAA,EAAc,SAAS,cAAc,KACjD,OAAO,KAAK,cAAc,SAAS,cAAc;AAAA,IAErD,CAAC;AACD,uBAAmB,QAAQ;AAAA,EAC7B;AAEA,QAAM,oBAAoB,MAAM;AAC9B,UAAM,UAAU;AAAA,EAClB;AAEA,SACE,oBAAC,OAAA,EAAI,WAAU,mBACb,+BAAC,aAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,iBAAgB,UAAA,mBAAe;AAAA,MACrD,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,aAChD,UAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,MACA,oBAAC,MAAA,EAAK,UAAoB,MAAY,SAAS,aAC7C,UAAA,oBAAC,UAAA,EAAS,SAAS,aAAa,UAAA,OAAA,CAAI,EAAA,CACtC;AAAA,IAAA,GACF;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAY;AAAA,QACZ,cAAc,CAAC,MAAM;AACnB,4BAAkB,CAAC;AAAA,QACrB;AAAA,QACA,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAgB,IAAI,CAAC,WACpB,qBAAC,OAAA,EAAoB,WAAU,cAC7B,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,SAAS,UAAA,OAAO,MAAK;AAAA,MAC3C,oBAAC,YAAA,EAAW,WAAU,eAAe,iBAAO,KAAA,CAAK;AAAA,IAAA,KAFzC,OAAO,EAGjB,CACD;AAAA,IAED,qBAAC,OAAA,EAAI,WAAU,iBAAgB,SAAS,mBACtC,UAAA;AAAA,MAAA,oBAACC,WAAA,EAAQ;AAAA,MACT,oBAAC,cAAW,UAAA,uBAAA,CAAoB;AAAA,IAAA,EAAA,CAClC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/mulitline/multiline/index.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                     */s=,/* empty css                                 */n=,/* empty css                                 */l=;/* empty css                     */;/* empty css                       */var t=,/* empty css                                                               */o=,/* empty css                                                   */d=;/* empty css                                                           */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */c(r);exports.default=function(c){const{options:m}=c,[p,h]=r.useState(m),[j,x]=u.default.useState(null),y=Boolean(j),f=()=>{x(null)};/* @__PURE__ */
-return e.jsx("div",{className:"main-card-nodal",children:/* @__PURE__ */e.jsxs(i.CardWrapper,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */s=,/* empty css                                     */i=,/* empty css                                 */l=,/* empty css                                 */n=;/* empty css                     */;/* empty css                       */var t=,/* empty css                                                               */o=,/* empty css                                                   */d=;/* empty css                                                           */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */c(r);const m=c=>{const{options:m}=c,[p,h]=r.useState(m),[x,j]=u.default.useState(null),y=Boolean(x),f=()=>{j(null)};/* @__PURE__ */
+return e.jsx("div",{className:"main-card-nodal",children:/* @__PURE__ */e.jsxs(s.CardWrapper,{children:[
 /* @__PURE__ */e.jsxs("div",{className:"payable-header",children:[
-/* @__PURE__ */e.jsx(s.Typography,{className:"payable-title",children:"Payable Account"}),
-/* @__PURE__ */e.jsx(t.default,{color:"inherit",size:"small",onClick:e=>{x(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:l.images.more,alt:"more icon"})}),
-/* @__PURE__ */e.jsx(o.default,{anchorEl:j,open:y,onClose:f,children:/* @__PURE__ */e.jsx(d.default,{onClick:f,children:"View"})})]}),
-/* @__PURE__ */e.jsx(n.SearchBar,{placeholder:"Search Companies",handleSearch:e=>{(e=>{const r=e.toLowerCase(),a=m.filter(e=>e.name.toLowerCase().includes(r)||e.role.toLowerCase().includes(r));h(a)})(e)},debounceTime:1}),p.map(r=>/* @__PURE__ */e.jsxs("div",{className:"list-items",children:[
-/* @__PURE__ */e.jsx(s.Typography,{className:"title",children:r.name}),
-/* @__PURE__ */e.jsx(s.Typography,{className:"description",children:r.role})]},r.id)),
+/* @__PURE__ */e.jsx(i.Typography,{className:"payable-title",children:"Payable Account"}),
+/* @__PURE__ */e.jsx(t.default,{color:"inherit",size:"small",onClick:e=>{j(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:n.images.more,alt:"more icon"})}),
+/* @__PURE__ */e.jsx(o.default,{anchorEl:x,open:y,onClose:f,children:/* @__PURE__ */e.jsx(d.default,{onClick:f,children:"View"})})]}),
+/* @__PURE__ */e.jsx(l.SearchBar,{placeholder:"Search Companies",handleSearch:e=>{(e=>{const r=e.toLowerCase(),a=m.filter(e=>e.name.toLowerCase().includes(r)||e.role.toLowerCase().includes(r));h(a)})(e)},debounceTime:1}),p.map(r=>/* @__PURE__ */e.jsxs("div",{className:"list-items",children:[
+/* @__PURE__ */e.jsx(i.Typography,{className:"title",children:r.name}),
+/* @__PURE__ */e.jsx(i.Typography,{className:"description",children:r.role})]},r.id)),
 /* @__PURE__ */e.jsxs("div",{className:"bottom-footer",onClick:()=>{alert("Clicked ")},children:[
 /* @__PURE__ */e.jsx(a.default,{}),
-/* @__PURE__ */e.jsx(s.Typography,{children:"Create a Cost Center"})]})]})})};
+/* @__PURE__ */e.jsx(i.Typography,{children:"Create a Cost Center"})]})]})})};exports.MultiLine=m,exports.default=m;
 //# sourceMappingURL=index.js.map

package/dist/components/mulitline/multiline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport default function MultiLine(props: MultiProps) {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n}\n"],"names":["props","options","filteredOptions","setFilteredOptions","useState","anchorEl","setAnchorEl","React","open","Boolean","handleClose","jsx","className","children","CardWrapper","jsxs","Typography","IconButton","color","size","onClick","event","currentTarget","src","images","more","alt","Menu","onClose","MenuItem","SearchBar","placeholder","handleSearch","e","searchQuery","lowerCaseQuery","toLowerCase","filtered","filter","option","name","includes","role","handleSearchEvent","debounceTime","map","id","alert","AddIcon"],"mappings":"0vBAqBA,SAAkCA,GAChC,MAAMC,QAAEA,GAAYD,GACbE,EAAiBC,GAAsBC,EAAAA,SAASH,IAChDI,EAAUC,GAAeC,EAAAA,QAAMH,SAA6B,MAC7DI,EAAOC,QAAQJ,GAMfK,EAAc,KAClBJ,EAAY;AAkBd,OACEK,EAAAA,IAAC,MAAA,CAAIC,UAAU,kBACbC,+BAACC,cAAA,CACCD,SAAA;iBAAAE,KAAC,MAAA,CAAIH,UAAU,iBACbC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,gBAAgBC,SAAA;eACtCF,MAACM,EAAAA,QAAA,CAAWC,MAAM,UAAUC,KAAK,QAAQC,QA5B5BC,IACnBf,EAAYe,EAAMC,gBA4BVT,0BAAAF,IAAC,OAAIY,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7Bf,EAAAA,IAACgB,EAAAA,QAAA,CAAKtB,WAAoBG,OAAYoB,QAASlB,EAC7CG,0BAAAF,IAACkB,EAAAA,QAAA,CAAST,QAASV,EAAaG,SAAA;eAGpCF,EAAAA,IAACmB,EAAAA,UAAA,CACCC,YAAY,mBACZC,aAAeC,IA7BG,CAACC,IACzB,MAAMC,EAAiBD,EAAYE,cAC7BC,EAAWpC,EAAQqC,OAAQC,GAE7BA,EAAOC,KAAKJ,cAAcK,SAASN,IACnCI,EAAOG,KAAKN,cAAcK,SAASN,IAGvChC,EAAmBkC,IAsBXM,CAAkBV,IAEpBW,aAAc,IAEf1C,EAAgB2C,IAAKN,kBACpBxB,EAAAA,KAAC,MAAA,CAAoBH,UAAU,aAC7BC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,QAASC,SAAA0B,EAAOC;eACtC7B,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,cAAeC,WAAO6B,SAFpCH,EAAOO;eAMnB/B,EAAAA,KAAC,MAAA,CAAIH,UAAU,gBAAgBQ,QA9BX,KACxB2B,MAAM,aA8BAlC,SAAA;eAAAF,EAAAA,IAACqC,EAAAA,QAAA;iBACDrC,IAACK,EAAAA,YAAWH,SAAA,gCAKtB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/mulitline/multiline.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { IconButton } from \"@mui/material\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport Menu from \"@mui/material/Menu\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport CardWrapper from \"../../components/card-wrapper/card-wrapper\";\nimport Typography from \"../typography/typography\";\nimport SearchBar from \"../search-bar/search-bar\";\nimport images from \"../../assets/images\";\n\nimport \"./multiline.scss\";\n\ninterface Option {\n  id: number;\n  name: string;\n  role: string;\n}\ninterface MultiProps {\n  options: Option[];\n}\n\nexport const MultiLine = (props: MultiProps) => {\n  const { options } = props;\n  const [filteredOptions, setFilteredOptions] = useState(options);\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSearchEvent = (searchQuery: string) => {\n    const lowerCaseQuery = searchQuery.toLowerCase();\n    const filtered = options.filter((option: Option) => {\n      return (\n        option.name.toLowerCase().includes(lowerCaseQuery) ||\n        option.role.toLowerCase().includes(lowerCaseQuery)\n      );\n    });\n    setFilteredOptions(filtered);\n  };\n\n  const handleCreateClick = () => {\n    alert(\"Clicked \");\n  };\n\n  return (\n    <div className=\"main-card-nodal\">\n      <CardWrapper>\n        <div className=\"payable-header\">\n          <Typography className=\"payable-title\">Payable Account</Typography>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            <MenuItem onClick={handleClose}>View</MenuItem>\n          </Menu>\n        </div>\n        <SearchBar\n          placeholder=\"Search Companies\"\n          handleSearch={(e) => {\n            handleSearchEvent(e);\n          }}\n          debounceTime={1}\n        />\n        {filteredOptions.map((option: Option) => (\n          <div key={option.id} className=\"list-items\">\n            <Typography className=\"title\">{option.name}</Typography>\n            <Typography className=\"description\">{option.role}</Typography>\n          </div>\n        ))}\n\n        <div className=\"bottom-footer\" onClick={handleCreateClick}>\n          <AddIcon />\n          <Typography>Create a Cost Center</Typography>\n        </div>\n      </CardWrapper>\n    </div>\n  );\n};\n\nexport default MultiLine;\n"],"names":["MultiLine","props","options","filteredOptions","setFilteredOptions","useState","anchorEl","setAnchorEl","React","open","Boolean","handleClose","jsx","className","children","CardWrapper","jsxs","Typography","IconButton","color","size","onClick","event","currentTarget","src","images","more","alt","Menu","onClose","MenuItem","SearchBar","placeholder","handleSearch","e","searchQuery","lowerCaseQuery","toLowerCase","filtered","filter","option","name","includes","role","handleSearchEvent","debounceTime","map","id","alert","AddIcon"],"mappings":"0uBAqBO,MAAMA,EAAaC,IACxB,MAAMC,QAAEA,GAAYD,GACbE,EAAiBC,GAAsBC,EAAAA,SAASH,IAChDI,EAAUC,GAAeC,EAAAA,QAAMH,SAA6B,MAC7DI,EAAOC,QAAQJ,GAMfK,EAAc,KAClBJ,EAAY;AAkBd,OACEK,EAAAA,IAAC,MAAA,CAAIC,UAAU,kBACbC,+BAACC,cAAA,CACCD,SAAA;iBAAAE,KAAC,MAAA,CAAIH,UAAU,iBACbC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,gBAAgBC,SAAA;eACtCF,MAACM,EAAAA,QAAA,CAAWC,MAAM,UAAUC,KAAK,QAAQC,QA5B5BC,IACnBf,EAAYe,EAAMC,gBA4BVT,0BAAAF,IAAC,OAAIY,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7Bf,EAAAA,IAACgB,EAAAA,QAAA,CAAKtB,WAAoBG,OAAYoB,QAASlB,EAC7CG,0BAAAF,IAACkB,EAAAA,QAAA,CAAST,QAASV,EAAaG,SAAA;eAGpCF,EAAAA,IAACmB,EAAAA,UAAA,CACCC,YAAY,mBACZC,aAAeC,IA7BG,CAACC,IACzB,MAAMC,EAAiBD,EAAYE,cAC7BC,EAAWpC,EAAQqC,OAAQC,GAE7BA,EAAOC,KAAKJ,cAAcK,SAASN,IACnCI,EAAOG,KAAKN,cAAcK,SAASN,IAGvChC,EAAmBkC,IAsBXM,CAAkBV,IAEpBW,aAAc,IAEf1C,EAAgB2C,IAAKN,kBACpBxB,EAAAA,KAAC,MAAA,CAAoBH,UAAU,aAC7BC,SAAA;eAAAF,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,QAASC,SAAA0B,EAAOC;eACtC7B,EAAAA,IAACK,EAAAA,WAAA,CAAWJ,UAAU,cAAeC,WAAO6B,SAFpCH,EAAOO;eAMnB/B,EAAAA,KAAC,MAAA,CAAIH,UAAU,gBAAgBQ,QA9BX,KACxB2B,MAAM,aA8BAlC,SAAA;eAAAF,EAAAA,IAACqC,EAAAA,QAAA;iBACDrC,IAACK,EAAAA,YAAWH,SAAA"}

package/dist/components/mulitline/multiline.d.ts

@@ -7,5 +7,5 @@ interface Option {
 interface MultiProps {
     options: Option[];
 }
-export default function MultiLine(props: MultiProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const MultiLine: (props: MultiProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiLine;

package/dist/components/page-navigator/page-navigator/index.esm.js

@@ -53,11 +53,11 @@ const StyledTab = styled(Tab)(({ theme: { palette } }) => {
   };
 });
 const title = `successfully created, complete with your saved filters, sorting options, and views.`;
-function PageNavigator({
+const PageNavigator = ({
   // sharedPages,
   resource
   // handlePageDelete
-}) {
+}) => {
   const { pages, setPages, setActivePage, activePage, savePages, setIsChanged, isSaving, generatedColumns, sharedPages, isChanged, deletePage, isCreatePage, setIsCreatePage, addOrDeletePage } = usePages();
   const shareTitle = (owner) => `shared by ${owner}`;
   const [isActionsMenuOpen, setIsActionsMenuOpen] = useState(null);
@@ -245,8 +245,9 @@ function PageNavigator({
       }
     ) })
   ] });
-}
+};
 export {
+  PageNavigator,
   PageNavigator as default
 };
 //# sourceMappingURL=index.esm.js.map