npm - @erpsquad/common - Versions diffs - 1.8.46 → 1.8.48 - Mend

@erpsquad/common 1.8.46 → 1.8.48

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

Files changed (648) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -21,6 +21,10 @@ const sum = (data, column) => {
   );
   return !isNaN(sum2) ? `${_.round(sum2, 2)}` : "-";
 };
+const max = (data, column) => {
+  const maxVal = Math.max(...data.map((row) => Number(row[column])));
+  return `${maxVal}`;
+};
 const countEmpty = (data, column) => {
   const empty = data == null ? void 0 : data.filter(
     (d) => {
@@ -62,8 +66,14 @@ const countFull = (data, column) => {
 const none = () => {
   return null;
 };
+const min = (data, column) => {
+  const minValue = Math.min(...data.map((row) => Number(row[column])));
+  return `${minValue}`;
+};
 const aggregationFns = {
   none,
+  min,
+  max,
   sum,
   average,
   countEmpty,

package/dist/components/material-table/aggregation-fns/index/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/material-table/aggregation-fns/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { MRT_RowData } from 'material-react-table';\n\nconst average = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\tconst count = data.length;\n\treturn !isNaN(sum) ? `${_.round(sum / count,2)}` : '-';\n};\n\nconst extractNumber = (inputString: any) => {\n\t// Use a regular expression to match the numeric part, including decimals\n\tif (typeof inputString === 'string') {\n\t\tconst match = inputString.match(/[\\d,]+(\\.\\d{1,2})?/);\n\t\treturn match ? match[0] : 0;\n\t}\n\treturn inputString;\n};\nconst sum = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\treturn !isNaN(sum) ? `${_.round(sum,2)}` : '-';\n};\n\nconst max = (data: MRT_RowData[], column: string) => {\n\tconst maxVal = Math.max(...data.map((row) => Number(row[column])));\n\treturn `${maxVal}`;\n};\n\nconst countEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value)) \n\t\t\t? Boolean(!_.size(value)) \n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\treturn `${empty.length}`;\n};\n\nconst percentageEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(!_.size(value))\n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\tconst percentage = (empty.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst percentageFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\tconst percentage = (full.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst countFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\treturn `${full.length}`;\n};\n\nconst none = () => {\n\treturn null;\n};\n\nconst min = (data: MRT_RowData[], column: string) => {\n\tconst minValue = Math.min(...data.map((row) => Number(row[column])));\n\treturn `${minValue}`;\n};\n\nexport const aggregationFns = {\n\tnone,\n\tmin,\n\tmax,\n\tsum,\n\taverage,\n\tcountEmpty,\n\tcountFull,\n\tpercentageEmpty,\n\tpercentageFull\n};\n"],"names":["sum"],"mappings":";AAGA,MAAM,UAAU,CAAC,MAAqB,WAAmB;AACxD,QAAMA,OAAM,KAAK;AAAA,IAChB,CAAC,KAAa,QAAQ,MAAM,OAAO,cAAc,IAAI,MAAM,CAAC,CAAC;AAAA,IAC7D;AAAA,EAAA;AAED,QAAM,QAAQ,KAAK;AACnB,SAAO,CAAC,MAAMA,IAAG,IAAI,GAAG,EAAE,MAAMA,OAAM,OAAM,CAAC,CAAC,KAAK;AACpD;AAEA,MAAM,gBAAgB,CAAC,gBAAqB;AAE3C,MAAI,OAAO,gBAAgB,UAAU;AACpC,UAAM,QAAQ,YAAY,MAAM,oBAAoB;AACpD,WAAO,QAAQ,MAAM,CAAC,IAAI;AAAA,EAC3B;AACA,SAAO;AACR;AACA,MAAM,MAAM,CAAC,MAAqB,WAAmB;AACpD,QAAMA,OAAM,KAAK;AAAA,IAChB,CAAC,KAAa,QAAQ,MAAM,OAAO,cAAc,IAAI,MAAM,CAAC,CAAC;AAAA,IAC7D;AAAA,EAAA;AAED,SAAO,CAAC,MAAMA,IAAG,IAAI,GAAG,EAAE,MAAMA,MAAI,CAAC,CAAC,KAAK;AAC5C;~~AAOA~~,MAAM,aAAa,CAAC,MAAqB,WAAmB;AAC3D,QAAM,QAAQ,6BAAM;AAAA,IAAO,CAAC,MAAM;AACjC,YAAM,QAAQ,EAAE,IAAI,GAAG,MAAM;AAC7B,aAAO,MAAM,OAAO,KAAK,CAAC,IACvB,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,IACtB,QAAQ,CAAC,OAAO,KAAK,CAAC;AAAA,IAC1B;AAAA;AAEA,SAAO,GAAG,MAAM,MAAM;AACvB;AAEA,MAAM,kBAAkB,CAAC,MAAqB,WAAmB;AAChE,QAAM,QAAQ,6BAAM;AAAA,IAAO,CAAC,MAAM;AACjC,YAAM,QAAQ,EAAE,IAAI,GAAG,MAAM;AAC7B,aAAO,MAAM,OAAO,KAAK,CAAC,IACvB,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,IACtB,QAAQ,CAAC,OAAO,KAAK,CAAC;AAAA,IAC1B;AAAA;AAEA,QAAM,aAAc,MAAM,SAAS,KAAK,SAAU;AAElD,SAAO,GAAG,EAAE,MAAM,YAAW,CAAC,CAAC;AAChC;AAEA,MAAM,iBAAiB,CAAC,MAAqB,WAAmB;AAC/D,QAAM,OAAO,6BAAM;AAAA,IAAO,CAAC,MAAM;AAChC,YAAM,QAAQ,EAAE,IAAI,GAAG,MAAM;AAC7B,aAAO,MAAM,OAAO,KAAK,CAAC,IACvB,QAAQ,EAAE,KAAK,KAAK,CAAC,IACrB,QAAQ,OAAO,KAAK,CAAC;AAAA,IACzB;AAAA;AAEA,QAAM,aAAc,KAAK,SAAS,KAAK,SAAU;AAEjD,SAAO,GAAG,EAAE,MAAM,YAAW,CAAC,CAAC;AAChC;AAEA,MAAM,YAAY,CAAC,MAAqB,WAAmB;AAC1D,QAAM,OAAO,6BAAM;AAAA,IAAO,CAAC,MAAM;AAChC,YAAM,QAAQ,EAAE,IAAI,GAAG,MAAM;AAC7B,aAAO,MAAM,OAAO,KAAK,CAAC,IACvB,QAAQ,EAAE,KAAK,KAAK,CAAC,IACrB,QAAQ,OAAO,KAAK,CAAC;AAAA,IACzB;AAAA;AAEA,SAAO,GAAG,KAAK,MAAM;AACtB;AAEA,MAAM,OAAO,MAAM;AAClB,SAAO;AACR;~~AAOO~~,MAAM,iBAAiB;AAAA,EAC7B;AAAA,~~EAGA~~;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/material-table/aggregation-fns/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { MRT_RowData } from 'material-react-table';\n\nconst average = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\tconst count = data.length;\n\treturn !isNaN(sum) ? `${_.round(sum / count,2)}` : '-';\n};\n\nconst extractNumber = (inputString: any) => {\n\t// Use a regular expression to match the numeric part, including decimals\n\tif (typeof inputString === 'string') {\n\t\tconst match = inputString.match(/[\\d,]+(\\.\\d{1,2})?/);\n\t\treturn match ? match[0] : 0;\n\t}\n\treturn inputString;\n};\nconst sum = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\treturn !isNaN(sum) ? `${_.round(sum,2)}` : '-';\n};\n\nconst max = (data: MRT_RowData[], column: string) => {\n\tconst maxVal = Math.max(...data.map((row) => Number(row[column])));\n\treturn `${maxVal}`;\n};\n\nconst countEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value)) \n\t\t\t? Boolean(!_.size(value)) \n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\treturn `${empty.length}`;\n};\n\nconst percentageEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(!_.size(value))\n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\tconst percentage = (empty.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst percentageFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\tconst percentage = (full.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst countFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\treturn `${full.length}`;\n};\n\nconst none = () => {\n\treturn null;\n};\n\nconst min = (data: MRT_RowData[], column: string) => {\n\tconst minValue = Math.min(...data.map((row) => Number(row[column])));\n\treturn `${minValue}`;\n};\n\nexport const aggregationFns = {\n\tnone,\n\tmin,\n\tmax,\n\tsum,\n\taverage,\n\tcountEmpty,\n\tcountFull,\n\tpercentageEmpty,\n\tpercentageFull\n};\n"],"names":["sum"],"mappings":"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"}

package/dist/components/material-table/aggregation-fns/index/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/* @__PURE__ */e(require("lodash"));const n=e=>{if("string"==typeof e){const t=e.match(/[\d,]+(\.\d{1,2})?/);return t?t[0]:0}return e},u={none:()=>null,sum:(e,u)=>{const r=e.reduce((e,t)=>e+Number(n(t[u])),0);return isNaN(r)?"-":`${t.default.round(r,2)}`},average:(e,u)=>{const r=e.reduce((e,t)=>e+Number(n(t[u])),0),l=e.length;return isNaN(r)?"-":`${t.default.round(r/l,2)}`},countEmpty:(e,n)=>`${(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(!t.default.size(u)):Boolean(!Number(u))})).length}`,countFull:(e,n)=>`${(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(t.default.size(u)):Boolean(Number(u))})).length}`,percentageEmpty:(e,n)=>{const u=(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(!t.default.size(u)):Boolean(!Number(u))})).length/e.length*100;return`${t.default.round(u,2)}%`},percentageFull:(e,n)=>{const u=(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(t.default.size(u)):Boolean(Number(u))})).length/e.length*100;return`${t.default.round(u,2)}%`}};exports.aggregationFns=u;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/* @__PURE__ */e(require("lodash"));const n=e=>{if("string"==typeof e){const t=e.match(/[\d,]+(\.\d{1,2})?/);return t?t[0]:0}return e},u={none:()=>null,min:(e,t)=>`${Math.min(...e.map(e=>Number(e[t])))}`,max:(e,t)=>`${Math.max(...e.map(e=>Number(e[t])))}`,sum:(e,u)=>{const r=e.reduce((e,t)=>e+Number(n(t[u])),0);return isNaN(r)?"-":`${t.default.round(r,2)}`},average:(e,u)=>{const r=e.reduce((e,t)=>e+Number(n(t[u])),0),l=e.length;return isNaN(r)?"-":`${t.default.round(r/l,2)}`},countEmpty:(e,n)=>`${(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(!t.default.size(u)):Boolean(!Number(u))})).length}`,countFull:(e,n)=>`${(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(t.default.size(u)):Boolean(Number(u))})).length}`,percentageEmpty:(e,n)=>{const u=(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(!t.default.size(u)):Boolean(!Number(u))})).length/e.length*100;return`${t.default.round(u,2)}%`},percentageFull:(e,n)=>{const u=(null==e?void 0:e.filter(e=>{const u=t.default.get(e,n);return isNaN(Number(u))?Boolean(t.default.size(u)):Boolean(Number(u))})).length/e.length*100;return`${t.default.round(u,2)}%`}};exports.aggregationFns=u;
 //# sourceMappingURL=index.js.map

package/dist/components/material-table/aggregation-fns/index/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/aggregation-fns/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { MRT_RowData } from 'material-react-table';\n\nconst average = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\tconst count = data.length;\n\treturn !isNaN(sum) ? `${_.round(sum / count,2)}` : '-';\n};\n\nconst extractNumber = (inputString: any) => {\n\t// Use a regular expression to match the numeric part, including decimals\n\tif (typeof inputString === 'string') {\n\t\tconst match = inputString.match(/[\\d,]+(\\.\\d{1,2})?/);\n\t\treturn match ? match[0] : 0;\n\t}\n\treturn inputString;\n};\nconst sum = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\treturn !isNaN(sum) ? `${_.round(sum,2)}` : '-';\n};\n\nconst max = (data: MRT_RowData[], column: string) => {\n\tconst maxVal = Math.max(...data.map((row) => Number(row[column])));\n\treturn `${maxVal}`;\n};\n\nconst countEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value)) \n\t\t\t? Boolean(!_.size(value)) \n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\treturn `${empty.length}`;\n};\n\nconst percentageEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(!_.size(value))\n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\tconst percentage = (empty.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst percentageFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\tconst percentage = (full.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst countFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\treturn `${full.length}`;\n};\n\nconst none = () => {\n\treturn null;\n};\n\nconst min = (data: MRT_RowData[], column: string) => {\n\tconst minValue = Math.min(...data.map((row) => Number(row[column])));\n\treturn `${minValue}`;\n};\n\nexport const aggregationFns = {\n\tnone,\n\tmin,\n\tmax,\n\tsum,\n\taverage,\n\tcountEmpty,\n\tcountFull,\n\tpercentageEmpty,\n\tpercentageFull\n};\n"],"names":["extractNumber","inputString","match","aggregationFns","none","~~sum~~","data","column","~~reduce~~","~~acc~~","row","Number","isNaN","_","round","average","count","length","countEmpty","filter","d","value","get","Boolean","size","countFull","percentageEmpty","percentage","percentageFull"],"mappings":"sLAGA,MASMA,EAAiBC,IAEtB,GAA2B,iBAAhBA,EAA0B,CACpC,MAAMC,EAAQD,EAAYC,MAAM,sBAChC,OAAOA,EAAQA,EAAM,GAAK,CAC3B,CACA,OAAOD,GAwEKE,EAAiB,CAC7BC,KAVY,IACL,~~KAYPC~~,~~IA1EW~~,CAACC,EAAqBC,KACjC,~~MAAMF~~,~~EAAMC~~,~~EAAKE~~,OAChB,CAACC,~~EAAaC~~,~~IAAQD~~,~~EAAME~~,OAAOX,EAAcU,EAAIH,KACrD,GAED,~~OAAQK~~,~~MAAMP~~,GAA6B,IAAtB,~~GAAGQ~~,EAAAA,QAAEC,~~MAAMT~~,EAAI,~~MAsEpCU~~,QA5Fe,~~CAACT~~,EAAqBC,KACrC,~~MAAMF~~,~~EAAMC~~,~~EAAKE~~,OAChB,CAACC,~~EAAaC~~,~~IAAQD~~,~~EAAME~~,OAAOX,EAAcU,EAAIH,KACrD,~~GAEKS~~,~~EAAQV~~,~~EAAKW~~,OACnB,OAAQL,~~MAAMP~~,GAAqC,IAA9B,~~GAAGQ~~,EAAAA,QAAEC,~~MAAMT~~,~~EAAMW~~,EAAM,MAuF5CE,WA/DkB,~~CAACZ~~,EAAqBC,IAQjC,IAPO,MAAAD,OAAA,EAAAA,~~EAAMa~~,OAAQC,IAC3B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,~~EAAGb~~,GACvB,~~OAAOK~~,~~MAAMD~~,~~OAAOU~~,IACjBE,SAASV,EAAAA,QAAEW,KAAKH,IAChBE,~~SAASZ~~,~~OAAOU~~,OAGJJ,SAwDhBQ,UA3BiB,~~CAACnB~~,EAAqBC,IAQhC,IAPM,MAAAD,OAAA,EAAAA,~~EAAMa~~,OAAQC,IAC1B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,~~EAAGb~~,GACvB,~~OAAOK~~,~~MAAMD~~,~~OAAOU~~,IACjBE,QAAQV,EAAAA,QAAEW,KAAKH,IACfE,~~QAAQZ~~,~~OAAOU~~,OAGJJ,SAoBfS,gBAtDuB,~~CAACpB~~,EAAqBC,KAC7C,~~MAOMoB~~,GAPQ,~~MAAArB~~,OAAA,EAAAA,~~EAAMa~~,OAAQC,IAC3B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,~~EAAGb~~,GACvB,~~OAAOK~~,~~MAAMD~~,~~OAAOU~~,IACjBE,SAASV,EAAAA,QAAEW,KAAKH,IAChBE,~~SAASZ~~,~~OAAOU~~,OAGMJ,~~OAASX~~,~~EAAKW~~,OAAU,IAElD,MAAO,GAAGJ,EAAAA,QAAEC,MAAMa,EAAW,OA6C7BC,eA1CsB,~~CAACtB~~,EAAqBC,KAC5C,~~MAOMoB~~,GAPO,~~MAAArB~~,OAAA,EAAAA,~~EAAMa~~,OAAQC,IAC1B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,~~EAAGb~~,GACvB,~~OAAOK~~,~~MAAMD~~,~~OAAOU~~,IACjBE,QAAQV,EAAAA,QAAEW,KAAKH,IACfE,~~QAAQZ~~,~~OAAOU~~,OAGMJ,~~OAASX~~,~~EAAKW~~,OAAU,IAEjD,MAAO,GAAGJ,EAAAA,QAAEC,MAAMa,EAAW"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/aggregation-fns/index.ts"],"sourcesContent":["import _ from 'lodash';\nimport { MRT_RowData } from 'material-react-table';\n\nconst average = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\tconst count = data.length;\n\treturn !isNaN(sum) ? `${_.round(sum / count,2)}` : '-';\n};\n\nconst extractNumber = (inputString: any) => {\n\t// Use a regular expression to match the numeric part, including decimals\n\tif (typeof inputString === 'string') {\n\t\tconst match = inputString.match(/[\\d,]+(\\.\\d{1,2})?/);\n\t\treturn match ? match[0] : 0;\n\t}\n\treturn inputString;\n};\nconst sum = (data: MRT_RowData[], column: string) => {\n\tconst sum = data.reduce(\n\t\t(acc: number, row) => acc + Number(extractNumber(row[column])),\n\t\t0\n\t);\n\treturn !isNaN(sum) ? `${_.round(sum,2)}` : '-';\n};\n\nconst max = (data: MRT_RowData[], column: string) => {\n\tconst maxVal = Math.max(...data.map((row) => Number(row[column])));\n\treturn `${maxVal}`;\n};\n\nconst countEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value)) \n\t\t\t? Boolean(!_.size(value)) \n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\treturn `${empty.length}`;\n};\n\nconst percentageEmpty = (data: MRT_RowData[], column: string) => {\n\tconst empty = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(!_.size(value))\n\t\t\t: Boolean(!Number(value))\n\t}\n\t);\n\tconst percentage = (empty.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst percentageFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\tconst percentage = (full.length / data.length) * 100;\n\n\treturn `${_.round(percentage,2)}%`;\n};\n\nconst countFull = (data: MRT_RowData[], column: string) => {\n\tconst full = data?.filter((d) => {\n\t\tconst value = _.get(d, column); \n\t\treturn isNaN(Number(value))\n\t\t\t? Boolean(_.size(value))\n\t\t\t: Boolean(Number(value))\n\t}\n\t);\n\treturn `${full.length}`;\n};\n\nconst none = () => {\n\treturn null;\n};\n\nconst min = (data: MRT_RowData[], column: string) => {\n\tconst minValue = Math.min(...data.map((row) => Number(row[column])));\n\treturn `${minValue}`;\n};\n\nexport const aggregationFns = {\n\tnone,\n\tmin,\n\tmax,\n\tsum,\n\taverage,\n\tcountEmpty,\n\tcountFull,\n\tpercentageEmpty,\n\tpercentageFull\n};\n"],"names":["extractNumber","inputString","match","aggregationFns","none","min","data","column","Math","map","row","Number","max","sum","reduce","acc","isNaN","_","round","average","count","length","countEmpty","filter","d","value","get","Boolean","size","countFull","percentageEmpty","percentage","percentageFull"],"mappings":"sLAGA,MASMA,EAAiBC,IAEtB,GAA2B,iBAAhBA,EAA0B,CACpC,MAAMC,EAAQD,EAAYC,MAAM,sBAChC,OAAOA,EAAQA,EAAM,GAAK,CAC3B,CACA,OAAOD,GAwEKE,EAAiB,CAC7BC,KAVY,IACL,KAUPC,IAPW,CAACC,EAAqBC,IAE1B,GADUC,KAAKH,OAAOC,EAAKG,IAAKC,GAAQC,OAAOD,EAAIH,QAO1DK,IAjEW,CAACN,EAAqBC,IAE1B,GADQC,KAAKI,OAAON,EAAKG,IAAKC,GAAQC,OAAOD,EAAIH,QAiExDM,IA1EW,CAACP,EAAqBC,KACjC,MAAMM,EAAMP,EAAKQ,OAChB,CAACC,EAAaL,IAAQK,EAAMJ,OAAOX,EAAcU,EAAIH,KACrD,GAED,OAAQS,MAAMH,GAA6B,IAAtB,GAAGI,EAAAA,QAAEC,MAAML,EAAI,MAsEpCM,QA5Fe,CAACb,EAAqBC,KACrC,MAAMM,EAAMP,EAAKQ,OAChB,CAACC,EAAaL,IAAQK,EAAMJ,OAAOX,EAAcU,EAAIH,KACrD,GAEKa,EAAQd,EAAKe,OACnB,OAAQL,MAAMH,GAAqC,IAA9B,GAAGI,EAAAA,QAAEC,MAAML,EAAMO,EAAM,MAuF5CE,WA/DkB,CAAChB,EAAqBC,IAQjC,IAPO,MAAAD,OAAA,EAAAA,EAAMiB,OAAQC,IAC3B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,EAAGjB,GACvB,OAAOS,MAAML,OAAOc,IACjBE,SAASV,EAAAA,QAAEW,KAAKH,IAChBE,SAAShB,OAAOc,OAGJJ,SAwDhBQ,UA3BiB,CAACvB,EAAqBC,IAQhC,IAPM,MAAAD,OAAA,EAAAA,EAAMiB,OAAQC,IAC1B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,EAAGjB,GACvB,OAAOS,MAAML,OAAOc,IACjBE,QAAQV,EAAAA,QAAEW,KAAKH,IACfE,QAAQhB,OAAOc,OAGJJ,SAoBfS,gBAtDuB,CAACxB,EAAqBC,KAC7C,MAOMwB,GAPQ,MAAAzB,OAAA,EAAAA,EAAMiB,OAAQC,IAC3B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,EAAGjB,GACvB,OAAOS,MAAML,OAAOc,IACjBE,SAASV,EAAAA,QAAEW,KAAKH,IAChBE,SAAShB,OAAOc,OAGMJ,OAASf,EAAKe,OAAU,IAElD,MAAO,GAAGJ,EAAAA,QAAEC,MAAMa,EAAW,OA6C7BC,eA1CsB,CAAC1B,EAAqBC,KAC5C,MAOMwB,GAPO,MAAAzB,OAAA,EAAAA,EAAMiB,OAAQC,IAC1B,MAAMC,EAAQR,EAAAA,QAAES,IAAIF,EAAGjB,GACvB,OAAOS,MAAML,OAAOc,IACjBE,QAAQV,EAAAA,QAAEW,KAAKH,IACfE,QAAQhB,OAAOc,OAGMJ,OAASf,EAAKe,OAAU,IAEjD,MAAO,GAAGJ,EAAAA,QAAEC,MAAMa,EAAW"}

package/dist/components/material-table/components/number-aggregation/index.esm.js ADDED Viewed

@@ -0,0 +1,134 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { useEffect } from "react";
+import { aggregationFns } from "../../aggregation-fns/index/index.esm.js";
+import { Typography } from "../../../typography/typography/index.esm.js";
+import { Menu } from "../../../menu/menu/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+const allAggregations = [
+  {
+    label: "Average",
+    value: "avg"
+  },
+  {
+    label: "Sum",
+    value: "sum"
+  },
+  {
+    label: "Min",
+    value: "min"
+  },
+  {
+    label: "Max",
+    value: "max"
+  },
+  {
+    label: "Count Empty",
+    value: "count_empty"
+  },
+  {
+    label: "Count Full",
+    value: "count_full"
+  },
+  {
+    label: "Percentage Full",
+    value: "percentage_full"
+  },
+  {
+    label: "Percentage Empty",
+    value: "percentage_empty"
+  },
+  {
+    label: "None",
+    value: "none"
+  }
+];
+const nonNumberAggregations = [
+  {
+    label: "Count Empty",
+    value: "count_empty"
+  },
+  {
+    label: "Count Full",
+    value: "count_full"
+  },
+  {
+    label: "Percentage Full",
+    value: "percentage_full"
+  },
+  {
+    label: "Percentage Empty",
+    value: "percentage_empty"
+  },
+  {
+    label: "None",
+    value: "none"
+  }
+];
+const aggregationFnsLookup = {
+  avg: aggregationFns.average,
+  sum: aggregationFns.sum,
+  max: aggregationFns.max,
+  count_empty: aggregationFns.countEmpty,
+  count_full: aggregationFns.countFull,
+  percentage_empty: aggregationFns.percentageEmpty,
+  percentage_full: aggregationFns.percentageFull,
+  min: aggregationFns.min,
+  none: aggregationFns.none
+};
+const NumberAggregation = ({ data, column, type }) => {
+  const [selectedType, setSelectedType] = React__default.useState("none");
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const [calculatedValue, setCalculatedValue] = React__default.useState();
+  const open = Boolean(anchorEl);
+  const handleClick = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const handleAggregationType = (val) => {
+    setSelectedType(val);
+    handleClose();
+  };
+  useEffect(() => {
+    const func = aggregationFnsLookup[selectedType];
+    setCalculatedValue(func(data, column));
+  }, [selectedType, column, data]);
+  const aggregations = type === "number" ? allAggregations : nonNumberAggregations;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        onClick: handleClick,
+        sx: { cursor: "pointer" },
+        type: "s4",
+        weight: "normal",
+        color: calculatedValue ? "theme.secondary.1000" : "theme.secondary.500",
+        children: calculatedValue || "+ Add Calculation"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        id: "basic-menu",
+        anchorEl,
+        open,
+        onClose: handleClose,
+        children: aggregations == null ? void 0 : aggregations.map((aggr) => /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            selected: selectedType == (aggr == null ? void 0 : aggr.value),
+            onClick: () => handleAggregationType(aggr == null ? void 0 : aggr.value),
+            children: /* @__PURE__ */ jsx(Typography, { color: "theme.secondary.1000", type: "s4", children: aggr == null ? void 0 : aggr.label })
+          },
+          aggr.value
+        ))
+      }
+    )
+  ] });
+};
+export {
+  NumberAggregation,
+  NumberAggregation as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/material-table/components/number-aggregation/index.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/material-table/components/number-aggregation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { aggregationFns } from \"../aggregation-fns\";\nimport Typography from \"../../typography/typography\";\nimport { MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport { MRT_RowData } from \"material-react-table\";\n\ntype aggregationType =\n | \"none\"\n | \"avg\"\n | \"min\"\n | \"max\"\n | \"count_empty\"\n | \"count_full\"\n | \"sum\"\n | \"percentage_empty\"\n | \"percentage_full\";\n\ninterface IAggregation {\n label: string;\n value: aggregationType;\n}\n\nconst allAggregations: IAggregation[] = [\n {\n label: \"Average\",\n value: \"avg\",\n },\n {\n label: \"Sum\",\n value: \"sum\",\n },\n {\n label: \"Min\",\n value: \"min\",\n },\n {\n label: \"Max\",\n value: \"max\",\n },\n {\n label: \"Count Empty\",\n value: \"count_empty\",\n },\n {\n label: \"Count Full\",\n value: \"count_full\",\n },\n {\n label: \"Percentage Full\",\n value: \"percentage_full\",\n },\n {\n label: \"Percentage Empty\",\n value: \"percentage_empty\",\n },\n {\n label: \"None\",\n value: \"none\",\n },\n];\n\nconst nonNumberAggregations: IAggregation[] = [\n {\n label: \"Count Empty\",\n value: \"count_empty\",\n },\n {\n label: \"Count Full\",\n value: \"count_full\",\n },\n {\n label: \"Percentage Full\",\n value: \"percentage_full\",\n },\n {\n label: \"Percentage Empty\",\n value: \"percentage_empty\",\n },\n {\n label: \"None\",\n value: \"none\",\n },\n];\n\nconst aggregationFnsLookup = {\n avg: aggregationFns.average,\n sum: aggregationFns.sum,\n max: aggregationFns.max,\n count_empty: aggregationFns.countEmpty,\n count_full: aggregationFns.countFull,\n percentage_empty: aggregationFns.percentageEmpty,\n percentage_full: aggregationFns.percentageFull,\n min: aggregationFns.min,\n none: aggregationFns.none,\n};\n\ninterface INumberAggregation {\n data: MRT_RowData[];\n column: string;\n type?: string;\n}\n\nconst NumberAggregation = ({ data, column, type }: INumberAggregation) => {\n const [selectedType, setSelectedType] =\n React.useState<aggregationType>(\"none\");\n const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n const [calculatedValue, setCalculatedValue] = React.useState<string | 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 handleAggregationType = (val: aggregationType) => {\n setSelectedType(val);\n handleClose();\n };\n\n useEffect(() => {\n const func = aggregationFnsLookup[selectedType];\n setCalculatedValue(func(data, column));\n }, [selectedType, column, data]);\n\n const aggregations =\n type === \"number\" ? allAggregations : nonNumberAggregations;\n\n return (\n <>\n <Typography\n onClick={handleClick}\n sx={{ cursor: \"pointer\" }}\n type=\"s4\"\n weight=\"normal\"\n color={calculatedValue ? \"theme.secondary.1000\" : \"theme.secondary.500\"}\n >\n {calculatedValue || \"+ Add Calculation\"}\n </Typography>\n <Menu\n id=\"basic-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n >\n {aggregations?.map((aggr) => (\n <MenuItem\n key={aggr.value}\n selected={selectedType == aggr?.value}\n onClick={() => handleAggregationType(aggr?.value)}\n >\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n {aggr?.label}\n </Typography>\n </MenuItem>\n ))}\n </Menu>\n </>\n );\n};\n\nexport { NumberAggregation };\nexport default NumberAggregation;\n"],"names":["React"],"mappings":"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"}

package/dist/components/material-table/components/number-aggregation/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),n=require("../../aggregation-fns/index/index.js"),a=require("../../../typography/typography/index.js"),t=require("../../../menu/menu/index.js"),u=require("../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=/* @__PURE__ */r(l);const g=[{label:"Average",value:"avg"},{label:"Sum",value:"sum"},{label:"Min",value:"min"},{label:"Max",value:"max"},{label:"Count Empty",value:"count_empty"},{label:"Count Full",value:"count_full"},{label:"Percentage Full",value:"percentage_full"},{label:"Percentage Empty",value:"percentage_empty"},{label:"None",value:"none"}],i=[{label:"Count Empty",value:"count_empty"},{label:"Count Full",value:"count_full"},{label:"Percentage Full",value:"percentage_full"},{label:"Percentage Empty",value:"percentage_empty"},{label:"None",value:"none"}],c={avg:n.aggregationFns.average,sum:n.aggregationFns.sum,max:n.aggregationFns.max,count_empty:n.aggregationFns.countEmpty,count_full:n.aggregationFns.countFull,percentage_empty:n.aggregationFns.percentageEmpty,percentage_full:n.aggregationFns.percentageFull,min:n.aggregationFns.min,none:n.aggregationFns.none},s=({data:n,column:r,type:s})=>{const[m,p]=o.default.useState("none"),[d,v]=o.default.useState(null),[y,b]=o.default.useState(),f=Boolean(d),x=()=>{v(null)};l.useEffect(()=>{b((0,c[m])(n,r))},[m,r,n]);const F="number"===s?g:i;/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(a.Typography,{onClick:e=>{v(e.currentTarget)},sx:{cursor:"pointer"},type:"s4",weight:"normal",color:y?"theme.secondary.1000":"theme.secondary.500",children:y||"+ Add Calculation"}),
+/* @__PURE__ */e.jsx(t.Menu,{id:"basic-menu",anchorEl:d,open:f,onClose:x,children:null==F?void 0:F.map(l=>/* @__PURE__ */e.jsx(u.default,{selected:m==(null==l?void 0:l.value),onClick:()=>{return e=null==l?void 0:l.value,p(e),void x();var e},children:/* @__PURE__ */e.jsx(a.Typography,{color:"theme.secondary.1000",type:"s4",children:null==l?void 0:l.label})},l.value))})]})};exports.NumberAggregation=s,exports.default=s;
+//# sourceMappingURL=index.js.map

package/dist/components/material-table/components/number-aggregation/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/number-aggregation.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { aggregationFns } from \"../aggregation-fns\";\nimport Typography from \"../../typography/typography\";\nimport { MenuItem } from \"@mui/material\";\nimport Menu from \"../../menu/menu\";\nimport { MRT_RowData } from \"material-react-table\";\n\ntype aggregationType =\n | \"none\"\n | \"avg\"\n | \"min\"\n | \"max\"\n | \"count_empty\"\n | \"count_full\"\n | \"sum\"\n | \"percentage_empty\"\n | \"percentage_full\";\n\ninterface IAggregation {\n label: string;\n value: aggregationType;\n}\n\nconst allAggregations: IAggregation[] = [\n {\n label: \"Average\",\n value: \"avg\",\n },\n {\n label: \"Sum\",\n value: \"sum\",\n },\n {\n label: \"Min\",\n value: \"min\",\n },\n {\n label: \"Max\",\n value: \"max\",\n },\n {\n label: \"Count Empty\",\n value: \"count_empty\",\n },\n {\n label: \"Count Full\",\n value: \"count_full\",\n },\n {\n label: \"Percentage Full\",\n value: \"percentage_full\",\n },\n {\n label: \"Percentage Empty\",\n value: \"percentage_empty\",\n },\n {\n label: \"None\",\n value: \"none\",\n },\n];\n\nconst nonNumberAggregations: IAggregation[] = [\n {\n label: \"Count Empty\",\n value: \"count_empty\",\n },\n {\n label: \"Count Full\",\n value: \"count_full\",\n },\n {\n label: \"Percentage Full\",\n value: \"percentage_full\",\n },\n {\n label: \"Percentage Empty\",\n value: \"percentage_empty\",\n },\n {\n label: \"None\",\n value: \"none\",\n },\n];\n\nconst aggregationFnsLookup = {\n avg: aggregationFns.average,\n sum: aggregationFns.sum,\n max: aggregationFns.max,\n count_empty: aggregationFns.countEmpty,\n count_full: aggregationFns.countFull,\n percentage_empty: aggregationFns.percentageEmpty,\n percentage_full: aggregationFns.percentageFull,\n min: aggregationFns.min,\n none: aggregationFns.none,\n};\n\ninterface INumberAggregation {\n data: MRT_RowData[];\n column: string;\n type?: string;\n}\n\nconst NumberAggregation = ({ data, column, type }: INumberAggregation) => {\n const [selectedType, setSelectedType] =\n React.useState<aggregationType>(\"none\");\n const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n const [calculatedValue, setCalculatedValue] = React.useState<string | 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 handleAggregationType = (val: aggregationType) => {\n setSelectedType(val);\n handleClose();\n };\n\n useEffect(() => {\n const func = aggregationFnsLookup[selectedType];\n setCalculatedValue(func(data, column));\n }, [selectedType, column, data]);\n\n const aggregations =\n type === \"number\" ? allAggregations : nonNumberAggregations;\n\n return (\n <>\n <Typography\n onClick={handleClick}\n sx={{ cursor: \"pointer\" }}\n type=\"s4\"\n weight=\"normal\"\n color={calculatedValue ? \"theme.secondary.1000\" : \"theme.secondary.500\"}\n >\n {calculatedValue || \"+ Add Calculation\"}\n </Typography>\n <Menu\n id=\"basic-menu\"\n anchorEl={anchorEl}\n open={open}\n onClose={handleClose}\n >\n {aggregations?.map((aggr) => (\n <MenuItem\n key={aggr.value}\n selected={selectedType == aggr?.value}\n onClick={() => handleAggregationType(aggr?.value)}\n >\n <Typography color=\"theme.secondary.1000\" type=\"s4\">\n {aggr?.label}\n </Typography>\n </MenuItem>\n ))}\n </Menu>\n </>\n );\n};\n\nexport { NumberAggregation };\nexport default NumberAggregation;\n"],"names":["allAggregations","label","value","nonNumberAggregations","aggregationFnsLookup","avg","aggregationFns","average","sum","max","count_empty","countEmpty","count_full","countFull","percentage_empty","percentageEmpty","percentage_full","percentageFull","min","none","NumberAggregation","data","column","type","selectedType","setSelectedType","React","useState","anchorEl","setAnchorEl","calculatedValue","setCalculatedValue","open","Boolean","handleClose","useEffect","func","aggregations","jsxs","Fragment","children","jsx","Typography","onClick","event","currentTarget","sx","cursor","weight","color","Menu","id","onClose","map","aggr","MenuItem","selected","handleAggregationType","val"],"mappings":"2bAuBA,MAAMA,EAAkC,CACtC,CACEC,MAAO,UACPC,MAAO,OAET,CACED,MAAO,MACPC,MAAO,OAET,CACED,MAAO,MACPC,MAAO,OAET,CACED,MAAO,MACPC,MAAO,OAET,CACED,MAAO,cACPC,MAAO,eAET,CACED,MAAO,aACPC,MAAO,cAET,CACED,MAAO,kBACPC,MAAO,mBAET,CACED,MAAO,mBACPC,MAAO,oBAET,CACED,MAAO,OACPC,MAAO,SAILC,EAAwC,CAC5C,CACEF,MAAO,cACPC,MAAO,eAET,CACED,MAAO,aACPC,MAAO,cAET,CACED,MAAO,kBACPC,MAAO,mBAET,CACED,MAAO,mBACPC,MAAO,oBAET,CACED,MAAO,OACPC,MAAO,SAILE,EAAuB,CAC3BC,IAAKC,EAAAA,eAAeC,QACpBC,IAAKF,EAAAA,eAAeE,IACpBC,IAAKH,EAAAA,eAAeG,IACpBC,YAAaJ,EAAAA,eAAeK,WAC5BC,WAAYN,EAAAA,eAAeO,UAC3BC,iBAAkBR,EAAAA,eAAeS,gBACjCC,gBAAiBV,EAAAA,eAAeW,eAChCC,IAAKZ,EAAAA,eAAeY,IACpBC,KAAMb,EAAAA,eAAea,MASjBC,EAAoB,EAAGC,OAAMC,SAAQC,WACzC,MAAOC,EAAcC,GACnBC,EAAAA,QAAMC,SAA0B,SAC3BC,EAAUC,GAAeH,EAAAA,QAAMC,SAA6B,OAC5DG,EAAiBC,GAAsBL,EAAAA,QAAMC,WAC9CK,EAAOC,QAAQL,GAMfM,EAAc,KAClBL,EAAY,OAQdM,EAAAA,UAAU,KAERJ,GAAmBK,EADNhC,EAAqBoB,IACVH,EAAMC,KAC7B,CAACE,EAAcF,EAAQD,IAE1B,MAAMgB,EACK,WAATd,EAAoBvB,EAAkBG;AAExC,OACEmC,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAxBeC,IACnBf,EAAYe,EAAMC,gBAwBdC,GAAI,CAAEC,OAAQ,WACdxB,KAAK,KACLyB,OAAO,SACPC,MAAOnB,EAAkB,uBAAyB,sBAEjDU,SAAAV,GAAmB;eAEtBW,EAAAA,IAACS,EAAAA,KAAA,CACCC,GAAG,aACHvB,WACAI,OACAoB,QAASlB,EAERM,SAAA,MAAAH,OAAA,EAAAA,EAAcgB,IAAKC,kBAClBb,EAAAA,IAACc,EAAAA,QAAA,CAECC,SAAUhC,IAAgB,MAAA8B,OAAA,EAAAA,EAAMpD,OAChCyC,QAAS,KAAMc,OAlCMC,EAkCgB,MAAAJ,OAAA,EAAAA,EAAMpD,MAjCnDuB,EAAgBiC,QAChBxB,IAF4B,IAACwB,GAoCrBlB,8BAACE,aAAA,CAAWO,MAAM,uBAAuB1B,KAAK,KAC3CiB,0BAAMvC,SALJqD,EAAKpD"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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