@erpsquad/common 1.8.41 → 1.8.43

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

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

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

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

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

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

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

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

package/dist/components/loader.d.ts

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

package/dist/components/loaders/erp-loader.d.ts

@@ -0,0 +1,4 @@
+import { CircularProgressProps } from '@mui/material';
+
+declare const ErpLoader: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default ErpLoader;

package/dist/components/loaders/form-loader.d.ts

@@ -0,0 +1,4 @@
+import { CircularProgressProps } from '@mui/material';
+
+declare const FormLoader: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default FormLoader;

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

@@ -0,0 +1,8 @@
+export { default as ErpLoader } from './erp-loader';
+export * from './erp-loader';
+export { default as FormLoader } from './form-loader';
+export * from './form-loader';
+export { default as ModalLoader } from './modal-loader';
+export * from './modal-loader';
+export { default as PageLoader } from './page-loader';
+export * from './page-loader';

package/dist/components/loaders/modal-loader.d.ts

@@ -0,0 +1,4 @@
+import { CircularProgressProps } from '@mui/material';
+
+declare const ModalLoader: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default ModalLoader;

package/dist/components/loaders/page-loader.d.ts

@@ -0,0 +1,4 @@
+import { CircularProgressProps } from '@mui/material';
+
+declare const PageLoader: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default PageLoader;

package/dist/components/location-select.d.ts

@@ -0,0 +1,19 @@
+import { UseFormSetValue, FieldValues, Control } from 'react-hook-form';
+
+export interface LocationSearchSelectProps<T extends FieldValues = FieldValues> {
+    selectedCompany?: string[] | string | number | null | undefined;
+    control?: Control<T>;
+    setValue?: UseFormSetValue<T>;
+    fieldArrayName: string;
+    locationFieldName?: string;
+    label?: string;
+    placeholder?: string;
+    resetValue?: any;
+    filterKey?: string;
+    [key: string]: any;
+}
+export interface LocationFilterType {
+    [key: string]: string[] | string | number;
+}
+export declare const LocationSearchSelect: import('react').MemoExoticComponent<(<T extends FieldValues = FieldValues>({ selectedCompany, control: propControl, setValue: propSetValue, fieldArrayName, locationFieldName, label, placeholder, resetValue, filterKey, filterField, ...dynamicSearchSelectProps }: LocationSearchSelectProps<T>) => JSX.Element)>;
+export default LocationSearchSelect;

package/dist/components/material-editable-table/aggregation-fns/index.d.ts

@@ -0,0 +1,13 @@
+import { MRT_RowData } from 'material-react-table';
+
+export declare const aggregationFns: {
+    none: () => any;
+    min: (data: MRT_RowData[], column: string) => string;
+    max: (data: MRT_RowData[], column: string) => string;
+    sum: (data: MRT_RowData[], column: string) => string;
+    average: (data: MRT_RowData[], column: string) => string;
+    countEmpty: (data: MRT_RowData[], column: string) => string;
+    countFull: (data: MRT_RowData[], column: string) => string;
+    percentageEmpty: (data: MRT_RowData[], column: string) => string;
+    percentageFull: (data: MRT_RowData[], column: string) => string;
+};

package/dist/components/material-editable-table/components/default-aggregation.d.ts

@@ -0,0 +1,9 @@
+import { MRT_RowData } from 'material-react-table';
+
+interface IDefaultAggregation {
+    data: MRT_RowData[];
+    column: string;
+    columnDef?: any;
+}
+declare const DefaultAggregation: ({ data, column, }: IDefaultAggregation) => import("react/jsx-runtime").JSX.Element;
+export default DefaultAggregation;

package/dist/components/material-editable-table/components/header-cell.d.ts

@@ -0,0 +1,5 @@
+interface IHeaderCell {
+    column: any;
+}
+declare const HeaderCell: ({ column }: IHeaderCell) => import("react/jsx-runtime").JSX.Element;
+export default HeaderCell;

package/dist/components/material-editable-table/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as DefaultAggregation } from './default-aggregation';
+export * from './default-aggregation';
+export { default as HeaderCell } from './header-cell';
+export * from './header-cell';
+export { default as InlineEditFields } from './inline-edit-fields';
+export * from './inline-edit-fields';
+export { default as NumberAggregation } from './number-aggregation';
+export * from './number-aggregation';

package/dist/components/material-editable-table/components/inline-edit-fields.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+interface IInlineEditFields {
+    cell: any;
+    column: any;
+    row: any;
+    table: any;
+    col: any;
+    callback: (value: any, column: any, rowId: any) => any;
+    errors: any;
+    validationSchema: any;
+    setValidationErrors: any;
+    onChangeRowField?: (e: any, type: string, row: any) => any;
+    getSelectedData: any;
+}
+declare const InlineEditFields: React.FC<IInlineEditFields>;
+export default InlineEditFields;

package/dist/components/material-editable-table/components/number-aggregation.d.ts

@@ -0,0 +1,9 @@
+import { MRT_RowData } from 'material-react-table';
+
+interface INumberAggregation {
+    data: MRT_RowData[];
+    column: string;
+    type?: string;
+}
+declare const NumberAggregation: ({ data, column, type }: INumberAggregation) => import("react/jsx-runtime").JSX.Element;
+export default NumberAggregation;

package/dist/components/material-editable-table/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MaterialEditableTable } from './material-editable-table';
+export * from './material-editable-table';
+export * from './aggregation-fns';
+export * from './components';

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

@@ -38,8 +38,8 @@ import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.e
 import { Close } from "../../icons/close/index.esm.js";
 import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
-import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 const TableWrapper = styled(Box)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {

package/dist/components/material-editable-table/material-editable-table/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=,/* empty css                                                               */o=,/* empty css                                                            */a=,/* empty css                                                           */i=,/* empty css                     */l=,/* empty css                                 */r=,/* empty css                                 */s=;/* empty css                     */;/* empty css                                     */var d=,/* empty css                                      */u=,/* empty css                           */c=,/* empty css                         */m=,/* empty css                                                   */p=require("dayjs"),h=require("yup"),g=,/* empty css                                       */x=require("react-i18next"),b=,/* empty css                                                   */f=,/* empty css                              */v=require("react-router-dom"),w=,/* empty css                                                    */y=,/* empty css                                                      */j=,/* empty css                                                     */C=,/* empty css                                                         */S=,/* empty css                                                       */M=,/* empty css                                               */k=,/* empty css                                                */R=,/* empty css                                                  */I=,/* empty css                                  */T=,/* empty css                                                 */E=,/* empty css                                                               */P=,/* empty css                                                       */q=,/* empty css                                                           */D=,/* empty css                                                                   */_=,/* empty css                                                                   */z=,/* empty css                                                         */A=,/* empty css                       */B=,/* empty css                               */O=,/* empty css                           */N=,/* empty css                           */F=;/* empty css                       */function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,t}var H=/* @__PURE__ */U(t),K=/* @__PURE__ */U(p),V=/* @__PURE__ */L(h);const $=P.default(T.default)(({theme:{palette:e}})=>{var t,n,o,a;return{".MuiTableCell-root":{border:"1px solid #efefef",borderBottom:0,borderLeft:0,padding:"0.19rem 0.5rem",lineHeight:"19px",fontSize:"14px",minHeight:40},".MuiTableCell-head":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},".MuiTableContainer-root":{maxHeight:"clamp(350px, 100vh - 200px, 9999px) !important"},".MuiPaper-root":{boxShadow:"none"},".MuiPaginationItem-root":{"&.Mui-selected":{backgroundColor:null==(n=null==e?void 0:e.theme)?void 0:n.primary[700],color:"white"}},".MuiTableRow-root":{"&.Mui-selected":{backgroundColor:`${null==(o=null==e?void 0:e.theme)?void 0:o.primary[100]} !important`,color:"white"}},".MuiCheckbox-indeterminate":{color:`${null==(a=null==e?void 0:e.theme)?void 0:a.primary[700]} !important`,"& svg":{height:"20px !important",width:"20px !important"}}}}),W=H.default.memo(({enablePagination:p=!1,rows:h,columns:P,totalPages:U,paginationModel:L,columnOrder:H,updateData:W,handleColumnOrdering:J,enableEditing:Y,enableColumnDragging:Z,states:G,rowActionMenu:Q,destructiveActionMenu:X,disableDefaultActionColumn:ee,enableRowSelection:te,defaultActionColumnItems:ne=[],enableBottomToolbar:oe,SetSelectedRowId:ae,isResetRow:ie,onCreateRow:le,onEditRow:re,onDeleteRow:se,editDisplayMode:de,enableRowCreate:ue,onChangeRowField:ce,onSelectRow:me,enableColumnResizing:pe=!0,selectedRowIds:he=[],onColumnVisibility:ge,onSortingChange:xe,getSelectedData:be,disabledDefaultActionColumnIcon:fe=!1,enableAddCustomField:ve=!0,enableRowDragging:we=!1,handleColumnResizing:ye=()=>{},columnSizes:je={},...Ce})=>{const{t:Se}=x.useTranslation(),{formData:Me=null,updatePageInfo:ke,activePage:Re}=f.usePages(),Ie=I.default(Re),{pageNo:Te}=L,[Ee,Pe]=t.useState({}),[qe,De]=t.useState(P),[_e,ze]=t.useState(null),[Ae,Be]=t.useState(!1),[Oe,Ne]=t.useState(null),Fe=qe.filter(e=>e.visible),Ue=qe.filter(e=>!e.visible),[Le,He]=t.useState(Ue),[Ke,Ve]=t.useState(null),[$e,We]=t.useState({}),[Je,Ye]=t.useState([]),[Ze,Ge]=t.useState(!1),[Qe,Xe]=t.useState(!1),[et,tt]=t.useState(!1),[nt,ot]=t.useState(null),[at,it]=t.useState({}),[lt,rt]=t.useState(!1),[st,dt]=t.useState([]),[ut,ct]=t.useState(!1),[mt,pt]=t.useState(Ie.column_sizes),[ht,gt]=t.useState({columnSizingStart:[],deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,startOffset:null,startSize:null});t.useState(0);const xt=v.useNavigate(),bt=location.pathname.split("/")[2];let ft="";switch(bt){case"accounting":ft=y.PathnameAccounting.CUSTOM_FORM;break;case"inventory":ft=j.PathnameInventory.CUSTOM_FORM;break;case"manufacturing":ft=C.PathnameManufacturing.CUSTOM_FORM;break;case"procurement":ft=S.PathnamePurchase.CUSTOM_FORM;break;case"crm":ft=M.PathnameCrm.CUSTOM_FORM;break;case"user":ft=k.PathnameUsers.CUSTOM_FORM;break;case"rental":ft=R.PathnameRental.CUSTOM_FORM;break;case"drive":ft=w.PathnameDocument.ADD_CUSTOM_FIELDS}const vt=`/dashboard/${bt}${ft}`,wt=(e,t,n)=>{var o;let a=e;switch(t.type){case"required":a=t.value?e.required(t.msg_en).typeError(t.msg_en):(null==(o=null==n?void 0:n.editProperties)?void 0:o.is_multiple)?e.min(1,t.msg_en):e;break;case"min":a=e.min(t.value,t.msg_en);break;case"email":a=e.email(t.value,t.msg_en);break;case"max":a=e.max(t.value,t.msg_en);break;case"positive":a=!0===t.value?e.test("is-positive-number","Value must be a positive number",e=>!e||e>=0):e;break;case"when":return e.when(t.relation,{is:e=>e===t.values,then:()=>{var o;return(null==(o=null==t?void 0:t.thenValidations)?void 0:o.reduce((e,t)=>wt(e,t,n),e))||e},otherwise:()=>{var o;return(null==(o=null==t?void 0:t.otherWiseValidations)?void 0:o.reduce((e,t)=>wt(e,t,n),e))||e}});default:a=e}return"required"!=t.type||!t.value||(null==n?void 0:n.editVariant)&&"text"!=(null==n?void 0:n.editVariant)||(a=e.test("no-blank-spaces","Blank space is not allowed",e=>{var t;return e&&(null==(t=e.trim())?void 0:t.length)>0})),a};t.useEffect(()=>{De(P);const e=(e=>{const t={};return e.forEach(e=>{var n,o,a;if(null==(o=null==(n=null==e?void 0:e.editProperties)?void 0:n.validations)?void 0:o.length){const n=null==(a=null==e?void 0:e.editProperties)?void 0:a.validations.reduce((t,n)=>wt(t,n,e),(e=>{var t;switch(e.editVariant){case"select":return(null==(t=null==e?void 0:e.editProperties)?void 0:t.is_multiple)?V.array():V.string();case"number":return V.number().nullable().transform((e,t)=>""===t?null:e);case"url":return V.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return V.string()}})(e));t[e.accessorKey]=n}}),t})(P);Ye(V.object().shape(e))},[P]),t.useEffect(()=>{(null==ht?void 0:ht.isResizingColumn)||(ke({column_sizes:{...Ie.column_sizes,...mt}}),null==ye||ye(mt))},[null==ht?void 0:ht.isResizingColumn,mt]);const yt=e=>{ze(e.currentTarget)},jt=t.useCallback((e,t)=>{const n={};return Object.keys(e).forEach(o=>{const a=e[o],i=t.find(e=>e.accessorKey==o);a?a instanceof File?n[o]=a.name:i&&"date"==(null==i?void 0:i.editVariant)?n[o]=K.default(a).format((null==i?void 0:i.dateFormat)||"DD-MM-YYYY"):i&&"select"==(null==i?void 0:i.editVariant)&&"object"==typeof a&&null!==a?n[o]=a.name||a.label||a.display_name||a.title||a.value||a.id||a:(i&&(null==i||i.editVariant),n[o]=a):n[o]=a}),n},[]),Ct=t.useCallback(e=>{var t;return null==(t=null==e?void 0:e.validations)?void 0:t.some(e=>"required"===e.type)},[]);t.useEffect(()=>{const e={};!lt&&he.length&&(h.forEach(t=>{he.includes(t.id)&&(e[t.id]=!0)}),it(e),rt(!0))},[h,he]),t.useEffect(()=>{if(xe instanceof Function){const e=Array.isArray(st)?st:[];xe(e[0]||null)}},[st]);const St=e=>{const t=document.createElement("canvas").getContext("2d");return t?t.measureText(e).width+5:50},Mt=t.useCallback(async(e,t,n)=>{try{await Je.validate(t,{abortEarly:!1}),We({}),Xe(!0),ct(!1);const o=e.getAllCells().map(e=>e.column.columnDef);e._valuesCache=jt(t,o);const a={row:e,values:t,table:n};re&&await re(a,"edit"),Xe(!1),n.setEditingRow(null)}catch(o){if(Xe(!1),o instanceof V.ValidationError){const e={};o.inner.forEach(t=>{t.path&&(e[t.path]=t.message)}),We(e)}else o instanceof Error?b.enqueueSnackbar(o.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},[Je,re,jt]),kt=n.useMaterialReactTable({defaultColumn:{minSize:0,size:void 0},columns:[...Fe.map(t=>(St(t.header||""),Math.max(...h.map(e=>St(String(e[t.accessorKey]??"")))),{...t,..."row"===de?{Edit:({cell:n,row:o,table:a,column:i})=>/* @__PURE__ */e.jsx(d.default,{cell:n,column:i,col:t,row:o,table:a,callback:e=>{},errors:$e,validationSchema:Je,setValidationErrors:We,onChangeRowField:ce,getSelectedData:(e,t)=>null==be?void 0:be(e,t)})}:{},Header:/* @__PURE__ */e.jsxs(T.default,{display:"flex",alignItems:"center",children:[t.header,(null==t?void 0:t.required)||Ct(null==t?void 0:t.editProperties)&&/* @__PURE__ */e.jsx(l.Typography,{type:"s5",color:"theme.error.600",children:"*"})]}),enableColumnDragging:"actions"!==t.id,size:void 0,maxSize:800})),...ee?[]:[{id:"actions",enableEditing:!1,size:(null==ne?void 0:ne.length)>1?80:50,header:/* @__PURE__ */e.jsx(E.default,{size:"small",sx:{p:.5,"&:hover":{backgroundColor:"transparent"}},onClick:yt,children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),enableColumnDragging:!1,visible:!0,muiTableHeadCellProps:{className:"pinned-column"},muiTableBodyCellProps:{className:"pinned-column",sx:{whiteSpace:"pre-wrap"}},Cell:n=>(null==ne?void 0:ne.length)?ne.map(e=>{const o={...e.props,onClick:()=>e.props.onClick(n)};return t.cloneElement(e,o)}):!fe&&/* @__PURE__ */e.jsx(E.default,{onClick:e=>{return t=e,o=n.row.original,Pe(o),void Ne(t.currentTarget);var t,o},disabled:!(null==Q?void 0:Q.length)&&!(null==X?void 0:X.length),children:/* @__PURE__ */e.jsx("img",{src:s.images.more,alt:"More Icon"})})}]],data:h,muiTablePaperProps:{sx:{tableLayout:"auto"}},columnResizeMode:"onChange",onEditingRowSave:async e=>{await Mt(e.row,e.values,e.table)},onCreatingRowSave:async e=>{try{await Je.validate(e.values,{abortEarly:!1}),We({}),Ge(!0),ct(!1);const t=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=jt(e.values,t),le&&await le(e),Ge(!1),e.table.setCreatingRow(null)}catch(t){if(Ge(!1),t instanceof V.ValidationError){const e={};t.inner.forEach(t=>{t.path&&(e[t.path]=t.message)}),We(e)}else t instanceof Error?b.enqueueSnackbar(t.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowCancel:()=>(it({}),void ct(!1)),onEditingRowCancel:()=>{ct(!1)},onSortingChange:(null==G?void 0:G.sorting)?xe:dt,displayColumnDefOptions:{"mrt-row-actions":{Header:/* @__PURE__ */e.jsx(E.default,{onClick:yt,size:"small",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),muiTableBodyCellProps:({row:e,table:t})=>{var n,o;const a=(null==(n=t.getState().creatingRow)?void 0:n.id)===e.id;return{sx:{"& .MuiBox-root":{gap:0},backgroundColor:"#fff",whiteSpace:"pre-wrap",...(null==(o=t.getState().editingRow)?void 0:o.id)===e.id&&!a&&{"& .MuiBox-root > .MuiIconButton-root:first-of-type":{display:"none !important"},'& button[aria-label*="Save"]':{display:"none !important"},'& button[title*="Save"]':{display:"none !important"},'& .MuiIconButton-root[class*="save"]':{display:"none !important"},'& .MuiIconButton-root[data-testid*="save"]':{display:"none !important"}}},onKeyUp:e=>{}}}},"mrt-row-expand":{size:70},"mrt-row-select":{size:50}},renderRowActions:({row:t,table:n})=>/* @__PURE__ */e.jsx(e.Fragment,{children:(null==Ce?void 0:Ce.enableExpanding)?/* @__PURE__ */e.jsx(e.Fragment,{children:(null==t?void 0:t.parentId)&&/* @__PURE__ */e.jsx(T.default,{sx:{display:"flex",gap:0},children:se&&/* @__PURE__ */e.jsx(u.default,{title:"Delete",children:/* @__PURE__ */e.jsx(E.default,{disabled:ut,onClick:()=>ot(t),size:"small",children:/* @__PURE__ */e.jsx(F.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})})}):/* @__PURE__ */e.jsx(T.default,{sx:{display:"flex",gap:0},children:se&&/* @__PURE__ */e.jsx(u.default,{title:"Delete",children:/* @__PURE__ */e.jsx(E.default,{disabled:ut,onClick:()=>ot(t),children:/* @__PURE__ */e.jsx(F.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})})}),...Boolean(ue)&&{renderBottomToolbarCustomActions:({table:t})=>/* @__PURE__ */e.jsx(c.default,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(m.default,{}),className:"add-row-btn",disabled:ut,onClick:()=>{t.setCreatingRow(!0),ct(!0)},children:Se("common.add")})},onRowSelectionChange:it,enableColumnOrdering:!0,enableRowSelection:te??!0,enableEditing:Y instanceof Function?Y():Y??!0,editDisplayMode:de??"row",createDisplayMode:"row",enableColumnResizing:pe,enableRowDragging:we,enableTopToolbar:!1,enableColumnActions:!1,enableSorting:!0,enableGrouping:!0,enableBottomToolbar:oe??!1,enableColumnDragging:Z??!0,enableStickyHeader:!0,enableSortingRemoval:!1,state:{columnOrder:H,columnPinning:{left:["actions","mrt-row-actions"]},isSaving:Ze||Qe,showProgressBars:!1,rowSelection:at,...G,sorting:Array.isArray(null==G?void 0:G.sorting)?null==G?void 0:G.sorting:Array.isArray(st)?st:[],columnSizing:mt},getRowId:e=>null==e?void 0:e.id,muiTableBodyRowProps:({row:e,table:t})=>{var n,o,a,i,l;const r=(null==(o=null==(n=t.getState())?void 0:n.editingRow)?void 0:o.id)||(null==(i=null==(a=t.getState())?void 0:a.creatingRow)?void 0:i.id)||null,s=Boolean(null==(l=null==e?void 0:e.original)?void 0:l.has_error),d=r===e.id;return{onClick:()=>{if(Ve(e.id),r&&r!==e.id)return t.setEditingRow(null),void setTimeout(()=>{t.setEditingRow(e),ct(!0)},100);ut||d||r||(t.setEditingRow(e),ct(!0))},onKeyDown:n=>{d&&("Enter"===n.key?(n.preventDefault(),t.setEditingRow(null)):"Escape"===n.key&&(n.preventDefault(),t.setEditingRow(null),ct(!1),Mt(e,e._valuesCache||e.original,t)))},sx:{cursor:"pointer",backgroundColor:r?"inherit":s?"theme.error.100":"inherit","&:hover":{backgroundColor:r?"transparent":s?"theme.error.200":"#e8e8e8"},"&:hover td:after":{backgroundColor:"transparent"}}}},onColumnOrderChange:e=>{J&&J(e)},onColumnSizingChange:pt,onColumnSizingInfoChange:gt,renderEmptyRowsFallback:()=>/* @__PURE__ */e.jsxs(T.default,{className:"no-data",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=,/* empty css                                                               */o=,/* empty css                                                            */a=,/* empty css                                                           */i=,/* empty css                     */l=,/* empty css                                 */r=,/* empty css                                 */s=;/* empty css                     */;/* empty css                                     */var d=,/* empty css                                      */u=,/* empty css                           */c=,/* empty css                         */m=,/* empty css                                                   */p=require("dayjs"),h=require("yup"),g=,/* empty css                                       */x=require("react-i18next"),b=,/* empty css                                                   */f=,/* empty css                              */v=require("react-router-dom"),w=,/* empty css                                                    */y=,/* empty css                                                      */j=,/* empty css                                                     */C=,/* empty css                                                         */S=,/* empty css                                                       */M=,/* empty css                                               */k=,/* empty css                                                */R=,/* empty css                                                  */I=,/* empty css                                  */T=,/* empty css                                                 */E=,/* empty css                                                               */P=,/* empty css                                                       */q=,/* empty css                                                           */D=,/* empty css                                                                   */_=,/* empty css                                                                   */z=,/* empty css                                                         */A=,/* empty css                       */B=,/* empty css                               */O=,/* empty css                           */N=,/* empty css                       */F=;/* empty css                           */function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,t}var H=/* @__PURE__ */U(t),K=/* @__PURE__ */U(p),V=/* @__PURE__ */L(h);const $=P.default(T.default)(({theme:{palette:e}})=>{var t,n,o,a;return{".MuiTableCell-root":{border:"1px solid #efefef",borderBottom:0,borderLeft:0,padding:"0.19rem 0.5rem",lineHeight:"19px",fontSize:"14px",minHeight:40},".MuiTableCell-head":{backgroundColor:null==(t=e.theme)?void 0:t.secondary[100]},".MuiTableContainer-root":{maxHeight:"clamp(350px, 100vh - 200px, 9999px) !important"},".MuiPaper-root":{boxShadow:"none"},".MuiPaginationItem-root":{"&.Mui-selected":{backgroundColor:null==(n=null==e?void 0:e.theme)?void 0:n.primary[700],color:"white"}},".MuiTableRow-root":{"&.Mui-selected":{backgroundColor:`${null==(o=null==e?void 0:e.theme)?void 0:o.primary[100]} !important`,color:"white"}},".MuiCheckbox-indeterminate":{color:`${null==(a=null==e?void 0:e.theme)?void 0:a.primary[700]} !important`,"& svg":{height:"20px !important",width:"20px !important"}}}}),W=H.default.memo(({enablePagination:p=!1,rows:h,columns:P,totalPages:U,paginationModel:L,columnOrder:H,updateData:W,handleColumnOrdering:J,enableEditing:Y,enableColumnDragging:Z,states:G,rowActionMenu:Q,destructiveActionMenu:X,disableDefaultActionColumn:ee,enableRowSelection:te,defaultActionColumnItems:ne=[],enableBottomToolbar:oe,SetSelectedRowId:ae,isResetRow:ie,onCreateRow:le,onEditRow:re,onDeleteRow:se,editDisplayMode:de,enableRowCreate:ue,onChangeRowField:ce,onSelectRow:me,enableColumnResizing:pe=!0,selectedRowIds:he=[],onColumnVisibility:ge,onSortingChange:xe,getSelectedData:be,disabledDefaultActionColumnIcon:fe=!1,enableAddCustomField:ve=!0,enableRowDragging:we=!1,handleColumnResizing:ye=()=>{},columnSizes:je={},...Ce})=>{const{t:Se}=x.useTranslation(),{formData:Me=null,updatePageInfo:ke,activePage:Re}=f.usePages(),Ie=I.default(Re),{pageNo:Te}=L,[Ee,Pe]=t.useState({}),[qe,De]=t.useState(P),[_e,ze]=t.useState(null),[Ae,Be]=t.useState(!1),[Oe,Ne]=t.useState(null),Fe=qe.filter(e=>e.visible),Ue=qe.filter(e=>!e.visible),[Le,He]=t.useState(Ue),[Ke,Ve]=t.useState(null),[$e,We]=t.useState({}),[Je,Ye]=t.useState([]),[Ze,Ge]=t.useState(!1),[Qe,Xe]=t.useState(!1),[et,tt]=t.useState(!1),[nt,ot]=t.useState(null),[at,it]=t.useState({}),[lt,rt]=t.useState(!1),[st,dt]=t.useState([]),[ut,ct]=t.useState(!1),[mt,pt]=t.useState(Ie.column_sizes),[ht,gt]=t.useState({columnSizingStart:[],deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,startOffset:null,startSize:null});t.useState(0);const xt=v.useNavigate(),bt=location.pathname.split("/")[2];let ft="";switch(bt){case"accounting":ft=y.PathnameAccounting.CUSTOM_FORM;break;case"inventory":ft=j.PathnameInventory.CUSTOM_FORM;break;case"manufacturing":ft=C.PathnameManufacturing.CUSTOM_FORM;break;case"procurement":ft=S.PathnamePurchase.CUSTOM_FORM;break;case"crm":ft=M.PathnameCrm.CUSTOM_FORM;break;case"user":ft=k.PathnameUsers.CUSTOM_FORM;break;case"rental":ft=R.PathnameRental.CUSTOM_FORM;break;case"drive":ft=w.PathnameDocument.ADD_CUSTOM_FIELDS}const vt=`/dashboard/${bt}${ft}`,wt=(e,t,n)=>{var o;let a=e;switch(t.type){case"required":a=t.value?e.required(t.msg_en).typeError(t.msg_en):(null==(o=null==n?void 0:n.editProperties)?void 0:o.is_multiple)?e.min(1,t.msg_en):e;break;case"min":a=e.min(t.value,t.msg_en);break;case"email":a=e.email(t.value,t.msg_en);break;case"max":a=e.max(t.value,t.msg_en);break;case"positive":a=!0===t.value?e.test("is-positive-number","Value must be a positive number",e=>!e||e>=0):e;break;case"when":return e.when(t.relation,{is:e=>e===t.values,then:()=>{var o;return(null==(o=null==t?void 0:t.thenValidations)?void 0:o.reduce((e,t)=>wt(e,t,n),e))||e},otherwise:()=>{var o;return(null==(o=null==t?void 0:t.otherWiseValidations)?void 0:o.reduce((e,t)=>wt(e,t,n),e))||e}});default:a=e}return"required"!=t.type||!t.value||(null==n?void 0:n.editVariant)&&"text"!=(null==n?void 0:n.editVariant)||(a=e.test("no-blank-spaces","Blank space is not allowed",e=>{var t;return e&&(null==(t=e.trim())?void 0:t.length)>0})),a};t.useEffect(()=>{De(P);const e=(e=>{const t={};return e.forEach(e=>{var n,o,a;if(null==(o=null==(n=null==e?void 0:e.editProperties)?void 0:n.validations)?void 0:o.length){const n=null==(a=null==e?void 0:e.editProperties)?void 0:a.validations.reduce((t,n)=>wt(t,n,e),(e=>{var t;switch(e.editVariant){case"select":return(null==(t=null==e?void 0:e.editProperties)?void 0:t.is_multiple)?V.array():V.string();case"number":return V.number().nullable().transform((e,t)=>""===t?null:e);case"url":return V.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return V.string()}})(e));t[e.accessorKey]=n}}),t})(P);Ye(V.object().shape(e))},[P]),t.useEffect(()=>{(null==ht?void 0:ht.isResizingColumn)||(ke({column_sizes:{...Ie.column_sizes,...mt}}),null==ye||ye(mt))},[null==ht?void 0:ht.isResizingColumn,mt]);const yt=e=>{ze(e.currentTarget)},jt=t.useCallback((e,t)=>{const n={};return Object.keys(e).forEach(o=>{const a=e[o],i=t.find(e=>e.accessorKey==o);a?a instanceof File?n[o]=a.name:i&&"date"==(null==i?void 0:i.editVariant)?n[o]=K.default(a).format((null==i?void 0:i.dateFormat)||"DD-MM-YYYY"):i&&"select"==(null==i?void 0:i.editVariant)&&"object"==typeof a&&null!==a?n[o]=a.name||a.label||a.display_name||a.title||a.value||a.id||a:(i&&(null==i||i.editVariant),n[o]=a):n[o]=a}),n},[]),Ct=t.useCallback(e=>{var t;return null==(t=null==e?void 0:e.validations)?void 0:t.some(e=>"required"===e.type)},[]);t.useEffect(()=>{const e={};!lt&&he.length&&(h.forEach(t=>{he.includes(t.id)&&(e[t.id]=!0)}),it(e),rt(!0))},[h,he]),t.useEffect(()=>{if(xe instanceof Function){const e=Array.isArray(st)?st:[];xe(e[0]||null)}},[st]);const St=e=>{const t=document.createElement("canvas").getContext("2d");return t?t.measureText(e).width+5:50},Mt=t.useCallback(async(e,t,n)=>{try{await Je.validate(t,{abortEarly:!1}),We({}),Xe(!0),ct(!1);const o=e.getAllCells().map(e=>e.column.columnDef);e._valuesCache=jt(t,o);const a={row:e,values:t,table:n};re&&await re(a,"edit"),Xe(!1),n.setEditingRow(null)}catch(o){if(Xe(!1),o instanceof V.ValidationError){const e={};o.inner.forEach(t=>{t.path&&(e[t.path]=t.message)}),We(e)}else o instanceof Error?b.enqueueSnackbar(o.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},[Je,re,jt]),kt=n.useMaterialReactTable({defaultColumn:{minSize:0,size:void 0},columns:[...Fe.map(t=>(St(t.header||""),Math.max(...h.map(e=>St(String(e[t.accessorKey]??"")))),{...t,..."row"===de?{Edit:({cell:n,row:o,table:a,column:i})=>/* @__PURE__ */e.jsx(d.default,{cell:n,column:i,col:t,row:o,table:a,callback:e=>{},errors:$e,validationSchema:Je,setValidationErrors:We,onChangeRowField:ce,getSelectedData:(e,t)=>null==be?void 0:be(e,t)})}:{},Header:/* @__PURE__ */e.jsxs(T.default,{display:"flex",alignItems:"center",children:[t.header,(null==t?void 0:t.required)||Ct(null==t?void 0:t.editProperties)&&/* @__PURE__ */e.jsx(l.Typography,{type:"s5",color:"theme.error.600",children:"*"})]}),enableColumnDragging:"actions"!==t.id,size:void 0,maxSize:800})),...ee?[]:[{id:"actions",enableEditing:!1,size:(null==ne?void 0:ne.length)>1?80:50,header:/* @__PURE__ */e.jsx(E.default,{size:"small",sx:{p:.5,"&:hover":{backgroundColor:"transparent"}},onClick:yt,children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),enableColumnDragging:!1,visible:!0,muiTableHeadCellProps:{className:"pinned-column"},muiTableBodyCellProps:{className:"pinned-column",sx:{whiteSpace:"pre-wrap"}},Cell:n=>(null==ne?void 0:ne.length)?ne.map(e=>{const o={...e.props,onClick:()=>e.props.onClick(n)};return t.cloneElement(e,o)}):!fe&&/* @__PURE__ */e.jsx(E.default,{onClick:e=>{return t=e,o=n.row.original,Pe(o),void Ne(t.currentTarget);var t,o},disabled:!(null==Q?void 0:Q.length)&&!(null==X?void 0:X.length),children:/* @__PURE__ */e.jsx("img",{src:s.images.more,alt:"More Icon"})})}]],data:h,muiTablePaperProps:{sx:{tableLayout:"auto"}},columnResizeMode:"onChange",onEditingRowSave:async e=>{await Mt(e.row,e.values,e.table)},onCreatingRowSave:async e=>{try{await Je.validate(e.values,{abortEarly:!1}),We({}),Ge(!0),ct(!1);const t=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=jt(e.values,t),le&&await le(e),Ge(!1),e.table.setCreatingRow(null)}catch(t){if(Ge(!1),t instanceof V.ValidationError){const e={};t.inner.forEach(t=>{t.path&&(e[t.path]=t.message)}),We(e)}else t instanceof Error?b.enqueueSnackbar(t.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowCancel:()=>(it({}),void ct(!1)),onEditingRowCancel:()=>{ct(!1)},onSortingChange:(null==G?void 0:G.sorting)?xe:dt,displayColumnDefOptions:{"mrt-row-actions":{Header:/* @__PURE__ */e.jsx(E.default,{onClick:yt,size:"small",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),muiTableBodyCellProps:({row:e,table:t})=>{var n,o;const a=(null==(n=t.getState().creatingRow)?void 0:n.id)===e.id;return{sx:{"& .MuiBox-root":{gap:0},backgroundColor:"#fff",whiteSpace:"pre-wrap",...(null==(o=t.getState().editingRow)?void 0:o.id)===e.id&&!a&&{"& .MuiBox-root > .MuiIconButton-root:first-of-type":{display:"none !important"},'& button[aria-label*="Save"]':{display:"none !important"},'& button[title*="Save"]':{display:"none !important"},'& .MuiIconButton-root[class*="save"]':{display:"none !important"},'& .MuiIconButton-root[data-testid*="save"]':{display:"none !important"}}},onKeyUp:e=>{}}}},"mrt-row-expand":{size:70},"mrt-row-select":{size:50}},renderRowActions:({row:t,table:n})=>/* @__PURE__ */e.jsx(e.Fragment,{children:(null==Ce?void 0:Ce.enableExpanding)?/* @__PURE__ */e.jsx(e.Fragment,{children:(null==t?void 0:t.parentId)&&/* @__PURE__ */e.jsx(T.default,{sx:{display:"flex",gap:0},children:se&&/* @__PURE__ */e.jsx(u.default,{title:"Delete",children:/* @__PURE__ */e.jsx(E.default,{disabled:ut,onClick:()=>ot(t),size:"small",children:/* @__PURE__ */e.jsx(N.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})})}):/* @__PURE__ */e.jsx(T.default,{sx:{display:"flex",gap:0},children:se&&/* @__PURE__ */e.jsx(u.default,{title:"Delete",children:/* @__PURE__ */e.jsx(E.default,{disabled:ut,onClick:()=>ot(t),children:/* @__PURE__ */e.jsx(N.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})})}),...Boolean(ue)&&{renderBottomToolbarCustomActions:({table:t})=>/* @__PURE__ */e.jsx(c.default,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(m.default,{}),className:"add-row-btn",disabled:ut,onClick:()=>{t.setCreatingRow(!0),ct(!0)},children:Se("common.add")})},onRowSelectionChange:it,enableColumnOrdering:!0,enableRowSelection:te??!0,enableEditing:Y instanceof Function?Y():Y??!0,editDisplayMode:de??"row",createDisplayMode:"row",enableColumnResizing:pe,enableRowDragging:we,enableTopToolbar:!1,enableColumnActions:!1,enableSorting:!0,enableGrouping:!0,enableBottomToolbar:oe??!1,enableColumnDragging:Z??!0,enableStickyHeader:!0,enableSortingRemoval:!1,state:{columnOrder:H,columnPinning:{left:["actions","mrt-row-actions"]},isSaving:Ze||Qe,showProgressBars:!1,rowSelection:at,...G,sorting:Array.isArray(null==G?void 0:G.sorting)?null==G?void 0:G.sorting:Array.isArray(st)?st:[],columnSizing:mt},getRowId:e=>null==e?void 0:e.id,muiTableBodyRowProps:({row:e,table:t})=>{var n,o,a,i,l;const r=(null==(o=null==(n=t.getState())?void 0:n.editingRow)?void 0:o.id)||(null==(i=null==(a=t.getState())?void 0:a.creatingRow)?void 0:i.id)||null,s=Boolean(null==(l=null==e?void 0:e.original)?void 0:l.has_error),d=r===e.id;return{onClick:()=>{if(Ve(e.id),r&&r!==e.id)return t.setEditingRow(null),void setTimeout(()=>{t.setEditingRow(e),ct(!0)},100);ut||d||r||(t.setEditingRow(e),ct(!0))},onKeyDown:n=>{d&&("Enter"===n.key?(n.preventDefault(),t.setEditingRow(null)):"Escape"===n.key&&(n.preventDefault(),t.setEditingRow(null),ct(!1),Mt(e,e._valuesCache||e.original,t)))},sx:{cursor:"pointer",backgroundColor:r?"inherit":s?"theme.error.100":"inherit","&:hover":{backgroundColor:r?"transparent":s?"theme.error.200":"#e8e8e8"},"&:hover td:after":{backgroundColor:"transparent"}}}},onColumnOrderChange:e=>{J&&J(e)},onColumnSizingChange:pt,onColumnSizingInfoChange:gt,renderEmptyRowsFallback:()=>/* @__PURE__ */e.jsxs(T.default,{className:"no-data",children:[
 /* @__PURE__ */e.jsx("img",{src:s.images.common.tableNoData}),
-/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:Se("common.noData")})]}),enablePagination:p,paginationDisplayMode:"pages",muiPaginationProps:{shape:"rounded",page:Te,count:U,showRowsPerPage:!1,boundaryCount:3},muiEditTextFieldProps:({row:e,column:t})=>({InputProps:{disableUnderline:!0},onBlur:n=>{W(n.target.value,t,e.id)},variant:"outlined",sx:({palette:e})=>{var t;return{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:`${null==(t=e.theme)?void 0:t.primary[700]} !important`}}}}}),muiCircularProgressProps:{sx:{color:"#289B64"}},muiTableHeadCellProps:{sx:{lineHeight:"140%",letterSpacing:"-0.28px",fontWeight:"500",fontSize:"0.875rem","& .Mui-TableHeadCell-Content":{height:"100%"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%",justifyContent:"space-between"},"&.pinned-column":{backgroundColor:"#fff"},"& .Mui-TableHeadCell-ResizeHandle-Wrapper":{padding:0,margin:0,right:"-5px",opacity:0}}},muiTableBodyProps:{sx:{zIndex:500}},muiTableHeadProps:{sx:{zIndex:600}},muiTableBodyCellProps:()=>({sx:{lineHeight:"140%",letterSpacing:"-0.26px",fontWeight:"400",fontSize:"0.8125rem","&.pinned-column":{backgroundColor:"#fff"},"&:hover":{backgroundColor:"transparent"},whiteSpace:"pre-wrap"}}),muiSelectCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.200"}},icon:/* @__PURE__ */e.jsx(O.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(N.CheckBoxIcon,{sx:{width:20,height:20}})},muiSelectAllCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.600"}},icon:/* @__PURE__ */e.jsx(O.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(N.CheckBoxIcon,{sx:{width:20,height:20}})},muiBottomToolbarProps:{sx:{boxShadow:"none","& .MuiBox-root":{paddingLeft:0}}},layoutMode:"grid",icons:{DragHandleIcon:()=>/* @__PURE__ */e.jsx(O.RecgtangleIcon,{fontSize:"medium"}),SortIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ArrowDownwardIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ArrowUpwardIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ExpandMoreIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ExpandLessIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),SyncAltIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),CancelIcon:t=>/* @__PURE__ */e.jsx(A.Close,{fontSize:"small",...t,color:"theme.secondary.1000"})},...Ce});return t.useEffect(()=>{var e,t;te&&(null==(e=null==kt?void 0:kt.getSelectedRowModel())?void 0:e.rows)&&(null==ae||ae(null==(t=null==kt?void 0:kt.getSelectedRowModel())?void 0:t.rows))},[te]),t.useEffect(()=>{if(me)if(null==Ce?void 0:Ce.enableExpanding){const e=[],t=kt.getState().rowSelection,n=(o,a="")=>{o.forEach((o,i)=>{var l;const r=a?`${a}.${i}`:`${o.id}`;t[r]&&e.push(o),(null==(l=o.subRows)?void 0:l.length)&&n(o.subRows,r)})};n(kt.getRowModel().rows),me(e,at)}else me(kt.getSelectedRowModel().rows,at)},[at,kt]),t.useEffect(()=>{ie&&(null==kt||kt.resetRowSelection())},[ie,kt]),t.useEffect(()=>{if(!kt)return;let e,t,n=0,o=!1;const a=a=>{a.target.closest('.MuiSelect-root, .MuiMenuItem-root, .MuiPopover-root, .MuiList-root, .MuiMenu-list, .MuiModal-root, .MuiBackdrop-root, .MuiButtonBase-root, .MuiFormControl-root, .MuiInputBase-root, .MuiTextField-root, .MuiOutlinedInput-root, .MuiFilledInput-root, .MuiAutocomplete-popper, .MuiPickersPopper-root, [role="option"], [role="listbox"], [role="combobox"]')&&(o=!0,n=Date.now(),t&&clearTimeout(t),e&&clearTimeout(e),e=setTimeout(()=>{o=!1},500))},i=e=>{var a;if(!(null==(a=kt.getState())?void 0:a.editingRow))return;const i=e.target,l=Date.now();o||l-n<300||i.closest(".MuiTableContainer-root, .MuiPaper-root, .MRT_Table")||(t&&clearTimeout(t),t=setTimeout(()=>{var e;const t=null==(e=kt.getState())?void 0:e.editingRow;t&&!o&&Mt(t,t._valuesCache||t.original,kt)},200))};return document.addEventListener("mousedown",a,!0),document.addEventListener("click",i,!0),()=>{document.removeEventListener("mousedown",a,!0),document.removeEventListener("click",i,!0),e&&clearTimeout(e),t&&clearTimeout(t)}},[kt,Mt]),/* @__PURE__ */e.jsxs($,{className:"MRT-TableWrapper custom-table",children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:Se("common.noData")})]}),enablePagination:p,paginationDisplayMode:"pages",muiPaginationProps:{shape:"rounded",page:Te,count:U,showRowsPerPage:!1,boundaryCount:3},muiEditTextFieldProps:({row:e,column:t})=>({InputProps:{disableUnderline:!0},onBlur:n=>{W(n.target.value,t,e.id)},variant:"outlined",sx:({palette:e})=>{var t;return{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:`${null==(t=e.theme)?void 0:t.primary[700]} !important`}}}}}),muiCircularProgressProps:{sx:{color:"#289B64"}},muiTableHeadCellProps:{sx:{lineHeight:"140%",letterSpacing:"-0.28px",fontWeight:"500",fontSize:"0.875rem","& .Mui-TableHeadCell-Content":{height:"100%"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%",justifyContent:"space-between"},"&.pinned-column":{backgroundColor:"#fff"},"& .Mui-TableHeadCell-ResizeHandle-Wrapper":{padding:0,margin:0,right:"-5px",opacity:0}}},muiTableBodyProps:{sx:{zIndex:500}},muiTableHeadProps:{sx:{zIndex:600}},muiTableBodyCellProps:()=>({sx:{lineHeight:"140%",letterSpacing:"-0.26px",fontWeight:"400",fontSize:"0.8125rem","&.pinned-column":{backgroundColor:"#fff"},"&:hover":{backgroundColor:"transparent"},whiteSpace:"pre-wrap"}}),muiSelectCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.200"}},icon:/* @__PURE__ */e.jsx(O.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(F.CheckBoxIcon,{sx:{width:20,height:20}})},muiSelectAllCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.600"}},icon:/* @__PURE__ */e.jsx(O.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(F.CheckBoxIcon,{sx:{width:20,height:20}})},muiBottomToolbarProps:{sx:{boxShadow:"none","& .MuiBox-root":{paddingLeft:0}}},layoutMode:"grid",icons:{DragHandleIcon:()=>/* @__PURE__ */e.jsx(O.RecgtangleIcon,{fontSize:"medium"}),SortIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ArrowDownwardIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ArrowUpwardIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ExpandMoreIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),ExpandLessIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),SyncAltIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),CancelIcon:t=>/* @__PURE__ */e.jsx(A.Close,{fontSize:"small",...t,color:"theme.secondary.1000"})},...Ce});return t.useEffect(()=>{var e,t;te&&(null==(e=null==kt?void 0:kt.getSelectedRowModel())?void 0:e.rows)&&(null==ae||ae(null==(t=null==kt?void 0:kt.getSelectedRowModel())?void 0:t.rows))},[te]),t.useEffect(()=>{if(me)if(null==Ce?void 0:Ce.enableExpanding){const e=[],t=kt.getState().rowSelection,n=(o,a="")=>{o.forEach((o,i)=>{var l;const r=a?`${a}.${i}`:`${o.id}`;t[r]&&e.push(o),(null==(l=o.subRows)?void 0:l.length)&&n(o.subRows,r)})};n(kt.getRowModel().rows),me(e,at)}else me(kt.getSelectedRowModel().rows,at)},[at,kt]),t.useEffect(()=>{ie&&(null==kt||kt.resetRowSelection())},[ie,kt]),t.useEffect(()=>{if(!kt)return;let e,t,n=0,o=!1;const a=a=>{a.target.closest('.MuiSelect-root, .MuiMenuItem-root, .MuiPopover-root, .MuiList-root, .MuiMenu-list, .MuiModal-root, .MuiBackdrop-root, .MuiButtonBase-root, .MuiFormControl-root, .MuiInputBase-root, .MuiTextField-root, .MuiOutlinedInput-root, .MuiFilledInput-root, .MuiAutocomplete-popper, .MuiPickersPopper-root, [role="option"], [role="listbox"], [role="combobox"]')&&(o=!0,n=Date.now(),t&&clearTimeout(t),e&&clearTimeout(e),e=setTimeout(()=>{o=!1},500))},i=e=>{var a;if(!(null==(a=kt.getState())?void 0:a.editingRow))return;const i=e.target,l=Date.now();o||l-n<300||i.closest(".MuiTableContainer-root, .MuiPaper-root, .MRT_Table")||(t&&clearTimeout(t),t=setTimeout(()=>{var e;const t=null==(e=kt.getState())?void 0:e.editingRow;t&&!o&&Mt(t,t._valuesCache||t.original,kt)},200))};return document.addEventListener("mousedown",a,!0),document.addEventListener("click",i,!0),()=>{document.removeEventListener("mousedown",a,!0),document.removeEventListener("click",i,!0),e&&clearTimeout(e),t&&clearTimeout(t)}},[kt,Mt]),/* @__PURE__ */e.jsxs($,{className:"MRT-TableWrapper custom-table",children:[
 /* @__PURE__ */e.jsx(n.MaterialReactTable,{table:kt}),
 /* @__PURE__ */e.jsx(i.default,{anchorEl:_e,open:Boolean(_e),onClose:()=>{ze(null)},className:"add-role-drp",children:Ae?/* @__PURE__ */e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs(q.default,{onClick:()=>{Be(!1)},className:"role-drp-list add-column-title",children:[

package/dist/components/material-editable-table/material-editable-table.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { MRT_ColumnDef, MRT_Header, MRT_RowData, MRT_TableInstance } from 'material-react-table';
+
+type ExtraEditVariants = 'file' | 'image' | 'date' | 'number' | 'time' | 'date_time' | 'phone' | 'checkbox';
+type DisableFunction = (row: any, virtualRow?: any) => boolean;
+export type TypeBooleanLabels = {
+    1: string;
+    0: string;
+    true: string;
+    false: string;
+};
+export interface MaterialEditableTableColumnProps extends Omit<MRT_ColumnDef<MRT_RowData>, 'editVariant'> {
+    visible?: boolean;
+    type?: string;
+    showDefaultCurrency?: boolean;
+    valueGet?: string;
+    custom_class?: string;
+    typeArrayAccessorKey?: string;
+    typeBooleanLabels?: TypeBooleanLabels;
+    editVariant?: MRT_ColumnDef<MRT_RowData>['editVariant'] | ExtraEditVariants;
+    editProperties?: {
+        field_name?: string;
+        valueKey?: string;
+        placeholder?: string;
+        dateFormat?: string;
+        validations?: any[];
+        is_multiple?: boolean;
+        is_multiline?: boolean;
+        disable?: boolean | DisableFunction;
+    };
+    redirectionPathWithId?: string;
+    idField?: string;
+}
+export interface MaterialEditableTableColumnHeaderProps {
+    column: MRT_ColumnDef<any, any>;
+    header: MRT_Header<any>;
+    table: MRT_TableInstance<any>;
+}
+declare const MaterialEditableTable: React.MemoExoticComponent<({ enablePagination, rows, columns, totalPages, paginationModel, columnOrder, updateData, handleColumnOrdering, enableEditing, enableColumnDragging, states, rowActionMenu, destructiveActionMenu, disableDefaultActionColumn, enableRowSelection, defaultActionColumnItems, enableBottomToolbar, SetSelectedRowId, isResetRow, onCreateRow, onEditRow, onDeleteRow, editDisplayMode, enableRowCreate, onChangeRowField, onSelectRow, enableColumnResizing, selectedRowIds, onColumnVisibility, onSortingChange, getSelectedData, disabledDefaultActionColumnIcon, enableAddCustomField, enableRowDragging, handleColumnResizing, columnSizes, ...rest }: MaterialTablePropsType) => import("react/jsx-runtime").JSX.Element>;
+export default MaterialEditableTable;

package/dist/components/material-table/aggregation-fns/index.d.ts

@@ -0,0 +1,13 @@
+import { MRT_RowData } from 'material-react-table';
+
+export declare const aggregationFns: {
+    none: () => any;
+    min: (data: MRT_RowData[], column: string) => string;
+    max: (data: MRT_RowData[], column: string) => string;
+    sum: (data: MRT_RowData[], column: string) => string;
+    average: (data: MRT_RowData[], column: string) => string;
+    countEmpty: (data: MRT_RowData[], column: string) => string;
+    countFull: (data: MRT_RowData[], column: string) => string;
+    percentageEmpty: (data: MRT_RowData[], column: string) => string;
+    percentageFull: (data: MRT_RowData[], column: string) => string;
+};

package/dist/components/material-table/components/default-aggregation.d.ts

@@ -0,0 +1,9 @@
+import { MRT_RowData } from 'material-react-table';
+
+interface IDefaultAggregation {
+    data: MRT_RowData[];
+    column: string;
+    columnDef?: any;
+}
+declare const DefaultAggregation: ({ data, column, }: IDefaultAggregation) => import("react/jsx-runtime").JSX.Element;
+export default DefaultAggregation;

package/dist/components/material-table/components/header-cell.d.ts

@@ -0,0 +1,5 @@
+interface IHeaderCell {
+    column: any;
+}
+declare const HeaderCell: ({ column }: IHeaderCell) => import("react/jsx-runtime").JSX.Element;
+export default HeaderCell;

package/dist/components/material-table/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as DefaultAggregation } from './default-aggregation';
+export * from './default-aggregation';
+export { default as HeaderCell } from './header-cell';
+export * from './header-cell';
+export { default as InlineEditFields } from './inline-edit-fields';
+export * from './inline-edit-fields';
+export { default as NumberAggregation } from './number-aggregation';
+export * from './number-aggregation';

package/dist/components/material-table/components/inline-edit-fields.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+interface IInlineEditFields {
+    cell: any;
+    column: any;
+    row: any;
+    table: any;
+    col: any;
+    callback: (value: any, column: any, rowId: any) => any;
+    errors: any;
+    validationSchema: any;
+    setValidationErrors: any;
+    onChangeRowField?: (e: any, type: string, row: any) => any;
+    getSelectedData: any;
+}
+declare const InlineEditFields: React.FC<IInlineEditFields>;
+export default InlineEditFields;

package/dist/components/material-table/components/number-aggregation.d.ts

@@ -0,0 +1,9 @@
+import { MRT_RowData } from 'material-react-table';
+
+interface INumberAggregation {
+    data: MRT_RowData[];
+    column: string;
+    type?: string;
+}
+declare const NumberAggregation: ({ data, column, type }: INumberAggregation) => import("react/jsx-runtime").JSX.Element;
+export default NumberAggregation;

package/dist/components/material-table/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MaterialTable } from './material-table';
+export * from './material-table';
+export * from './aggregation-fns';
+export * from './components';

package/dist/components/material-table/material-table/index.esm.js

@@ -36,12 +36,12 @@ import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListI
 import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
 import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import { Save } from "../../icons/save/index.esm.js";
-import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
-import { Edit } from "../../icons/edit/index.esm.js";
 import { Close } from "../../icons/close/index.esm.js";
-import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
+import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
+import { Edit } from "../../icons/edit/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 const TableWrapper = styled(Box)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {
@@ -1033,6 +1033,7 @@ const MaterialTable = React__default.memo(({
   ] });
 });
 export {
+  MaterialTable,
   MaterialTable as default
 };
 //# sourceMappingURL=index.esm.js.map