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

@erpsquad/common 1.8.44 → 1.8.46

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 (1448) hide show

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport default ReportButtons;\n"],"names":["buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"~~8QAgCsB~~,~~EAAGA~~,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,WAAYC,oBAEjIC,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,~~QAAA~~,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/report-buttons/report-buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"../../button/button\";\nimport DropdownButton, {\n IDropdownMenuOption,\n} from \"../../dropdown-button/dropdown-button\";\n\nimport './report-buttons.scss'\nimport { ButtonProps, SxProps } from \"@mui/material\";\n\nexport interface IActionButtons {\n title?: string;\n icon?: React.ReactNode;\n btnStyle?: \"WhiteBtn\";\n variant?: \"text\" \| \"outlined\" \| \"contained\";\n action?: () => void;\n class?: string;\n}\n\nexport interface IReportButtons extends ButtonProps {\n className?: string;\n buttons?: IActionButtons[];\n dropdownMenuButtonData?: {\n icon?: React.ReactNode;\n children?: React.ReactNode;\n options: IDropdownMenuOption[];\n sx?: SxProps;\n } \| null;\n toggleCallback?: (e?: boolean) => void;\n zIndex?: number;\n iconPosition: 'start' \| 'end';\n}\n\nconst ReportButtons = ({ buttons, dropdownMenuButtonData = null, toggleCallback, className, zIndex = 999, iconPosition = 'start', ...rest }: IReportButtons) => {\n return (\n <div className={className}>\n {buttons?.map((ele) => (\n <Button\n className={\n ele.class\n ? ele.class\n : `wrapper--${ele?.btnStyle}`\n }\n key={ele.title}\n variant={ele.variant ? ele.variant : \"contained\"}\n startIcon={ele.icon ? ele.icon : \"\"}\n onClick={ele.action}\n >\n {ele.title ?? \"\"}\n </Button>\n ))}\n {dropdownMenuButtonData && (\n <div style={{ zIndex }}>\n <DropdownButton\n options={dropdownMenuButtonData.options \|\| []}\n {...(iconPosition === 'start' ? { startIcon: dropdownMenuButtonData.icon } : { endIcon: dropdownMenuButtonData.icon })}\n isMenuThirdItemDisabled={true}\n isOnlyDropDownButton={true}\n variant={\"text\"}\n buttonGroupProps={{\n variant: \"text\",\n }}\n onlyDropDownButtonProps={{\n style: {\n backgroundColor: \"white !important\",\n color: \"black !important\",\n ...dropdownMenuButtonData.sx\n },\n }}\n toggleCallback={toggleCallback}\n {...rest}\n >\n {dropdownMenuButtonData.children}\n </DropdownButton>\n </div>\n )}\n </div>\n );\n};\nexport { ReportButtons };\nexport default ReportButtons;\n"],"names":["ReportButtons","buttons","dropdownMenuButtonData","toggleCallback","className","zIndex","iconPosition","rest","jsxs","children","map","ele","jsx","Button","class","btnStyle","variant","startIcon","icon","onClick","action","title","style","DropdownButton","options","endIcon","isMenuThirdItemDisabled","isOnlyDropDownButton","buttonGroupProps","onlyDropDownButtonProps","backgroundColor","color","sx"],"mappings":"8PAgCA,MAAMA,EAAgB,EAAGC,UAASC,yBAAyB,KAAMC,iBAAgBC,YAAWC,SAAS,IAAKC,eAAe,WAAYC,oBAEjIC,OAAC,OAAIJ,YACFK,SAAA,CAAA,MAAAR,OAAA,EAAAA,EAASS,IAAKC,kBACbC,EAAAA,IAACC,EAAAA,OAAA,CACCT,UACEO,EAAIG,MACAH,EAAIG,MACJ,kBAAYH,WAAKI,WAGvBC,QAASL,EAAIK,QAAUL,EAAIK,QAAU,YACrCC,UAAWN,EAAIO,KAAOP,EAAIO,KAAO,GACjCC,QAASR,EAAIS,OAEZX,WAAIY,OAAS,IALTV,EAAIU,QAQZnB,kBACCU,EAAAA,IAAC,MAAA,CAAIU,MAAO,CAAEjB,UACZI,wBAAAG,EAAAA,IAACW,EAAAA,QAAA,CACCC,QAAStB,EAAuBsB,SAAW,MACrB,UAAjBlB,EAA2B,CAAEW,UAAWf,EAAuBgB,MAAS,CAAEO,QAASvB,EAAuBgB,MAC/GQ,yBAAyB,EACzBC,sBAAsB,EACtBX,QAAS,OACTY,iBAAkB,CAChBZ,QAAS,QAEXa,wBAAyB,CACvBP,MAAO,CACLQ,gBAAiB,mBACjBC,MAAO,sBACJ7B,EAAuB8B,KAG9B7B,oBACII,EAEHE,SAAAP,EAAuBO"}

package/dist/components/inventory-reports-title-bar/report-buttons/report-buttons.d.ts CHANGED Viewed

@@ -24,4 +24,5 @@ export interface IReportButtons extends ButtonProps {
     iconPosition: 'start' | 'end';
 }
 declare const ReportButtons: ({ buttons, dropdownMenuButtonData, toggleCallback, className, zIndex, iconPosition, ...rest }: IReportButtons) => import("react/jsx-runtime").JSX.Element;
+export { ReportButtons };
 export default ReportButtons;

package/dist/components/label-value/label-value/index.esm.js CHANGED Viewed

@@ -12,6 +12,7 @@ const LabelValue = ({
   ] }, key);
 };
 export {
+  LabelValue,
   LabelValue as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/label-value/label-value/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport default LabelValue"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,8BACK,KAAA,EAAc,KAAK,GAAG,eAAc,UAAS,SAAQ,QAClD,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,QAAO,OAAM,wBAAwB,UAAA,MAAA,CAAM;AAAA,IACvE;AAAA,EAAA,EAAA,GAFK,GAGV;AAER;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport { LabelValue };\nexport default LabelValue"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,8BACK,KAAA,EAAc,KAAK,GAAG,eAAc,UAAS,SAAQ,QAClD,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,QAAO,QAAO,OAAM,wBAAwB,UAAA,MAAA,CAAM;AAAA,IACvE;AAAA,EAAA,EAAA,GAFK,GAGV;AAER;"}

package/dist/components/label-value/label-value/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Box/Box/index.js"),i=require("../../typography/typography/index.js");exports.default=({key:l,label:o,children:t})=>/* @__PURE__ */e.jsxs(r.default,{gap:1,flexDirection:"column",display:"flex",children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"bold",color:"theme.secondary.1000",children:o}),t]},l);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../typography/typography/index.js");const o=({key:o,label:t,children:i})=>/* @__PURE__ */e.jsxs(r.default,{gap:1,flexDirection:"column",display:"flex",children:[
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"bold",color:"theme.secondary.1000",children:t}),i]},o);exports.LabelValue=o,exports.default=o;
 //# sourceMappingURL=index.js.map

package/dist/components/label-value/label-value/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport default LabelValue"],"names":["key","label","children","Box","gap","flexDirection","display","jsx","Typography","type","weight","color"],"mappings":"~~2OAGmB~~,~~EACfA~~,MACAC,QACAC,oCAOKC,UAAA,CAAcC,IAAK,EAAGC,cAAc,SAASC,QAAQ,OAClDJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,uBAAwBT,SAAAD,IACjEC,IAFKF"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/label-value/label-value.tsx"],"sourcesContent":["import { Typography } from \"../../components\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nconst LabelValue = ({\r\n key,\r\n label,\r\n children\r\n}: {\r\n key: string;\r\n label: string;\r\n children: React.ReactNode;\r\n}) => {\r\n return (\r\n <Box key={key} gap={1} flexDirection=\"column\" display=\"flex\">\r\n <Typography type=\"s3\" weight=\"bold\" color=\"theme.secondary.1000\">{label}</Typography>\r\n {children}\r\n </Box>\r\n )\r\n}\r\n\r\nexport { LabelValue };\nexport default LabelValue"],"names":["LabelValue","key","label","children","Box","gap","flexDirection","display","jsx","Typography","type","weight","color"],"mappings":"2NAGA,MAAMA,EAAa,EACfC,MACAC,QACAC,oCAOKC,UAAA,CAAcC,IAAK,EAAGC,cAAc,SAASC,QAAQ,OAClDJ,SAAA;eAAAK,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,OAAOC,MAAM,uBAAwBT,SAAAD,IACjEC,IAFKF"}

package/dist/components/label-value/label-value.d.ts CHANGED Viewed

@@ -3,4 +3,5 @@ declare const LabelValue: ({ key, label, children }: {
     label: string;
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
+export { LabelValue };
 export default LabelValue;

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

@@ -9,13 +9,13 @@ import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/i
 import { usePages } from "../../../hooks/use-pages/index.esm.js";
 import { useAppSelector } from "../../../redux/hooks/index.esm.js";
 import { useDataFetcher } from "../../../hooks/useDataFetcher/index.esm.js";
-import ActionBar from "../../action-bar/action-bar/index.esm.js";
+import { ActionBar } from "../../action-bar/action-bar/index.esm.js";
 import viewTypes from "../../../constants/action-bar/index.esm.js";
 import { MaterialTable } from "../../material-table/material-table/index.esm.js";
-import Fallback from "../../fallback/fallback/index.esm.js";
-import Button from "../../button/button/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 ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
+import { ConfirmPopUp } from "../../confirm-modal/confirm-modal/index.esm.js";
 import { apiHelper } from "../../../hooks/apiHelper/index.esm.js";
 const ListingComponent = ({
   title,

package/dist/components/listing/listing/index.esm.js.map CHANGED Viewed

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

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

@@ -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                                   */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)||""} ?`})]})]})};
+"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}),
+/* @__PURE__ */e.jsx(x.ConfirmPopUp,{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(J(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 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, 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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"}
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/loader/index.esm.js CHANGED Viewed

@@ -45,6 +45,7 @@ const Loader = () => {
   ) });
 };
 export {
+  Loader,
   Loader as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/loader/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n return (\n <div className=\"loader loader--style1\" title=\"0\">\n <svg\n version=\"1.1\"\n id=\"loader-1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n x=\"0px\"\n y=\"0px\"\n width=\"80px\"\n height=\"80px\"\n viewBox=\"0 0 40 40\"\n enableBackground=\"new 0 0 40 40\"\n >\n <path\n opacity=\"0.2\"\n fill=\"#333\"\n d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n />\n <path\n fill=\"#333\"\n d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z\"\n >\n <animateTransform\n attributeType=\"xml\"\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 20 20\"\n to=\"360 20 20\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </div>\n );\n};\n\nexport default Loader;\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,MAAM;AACnB,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,OAAM,KAC3C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,OAAM;AAAA,MACN,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,kBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,YAGF,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,KAAI;AAAA,gBACJ,aAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n return (\n <div className=\"loader loader--style1\" title=\"0\">\n <svg\n version=\"1.1\"\n id=\"loader-1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n x=\"0px\"\n y=\"0px\"\n width=\"80px\"\n height=\"80px\"\n viewBox=\"0 0 40 40\"\n enableBackground=\"new 0 0 40 40\"\n >\n <path\n opacity=\"0.2\"\n fill=\"#333\"\n d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n />\n <path\n fill=\"#333\"\n d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z\"\n >\n <animateTransform\n attributeType=\"xml\"\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 20 20\"\n to=\"360 20 20\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </div>\n );\n};\n\nexport { Loader };\nexport default Loader;\n"],"names":[],"mappings":";AAAA,MAAM,SAAS,MAAM;AACnB,SACE,oBAAC,OAAA,EAAI,WAAU,yBAAwB,OAAM,KAC3C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,OAAM;AAAA,MACN,GAAE;AAAA,MACF,GAAE;AAAA,MACF,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,kBAAiB;AAAA,MAEjB,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,GAAE;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA,YAGF,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,IAAG;AAAA,gBACH,KAAI;AAAA,gBACJ,aAAY;AAAA,cAAA;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=()=>/* @__PURE__ */e.jsx("div",{className:"loader loader--style1",title:"0",children:/* @__PURE__ */e.jsxs("svg",{version:"1.1",id:"loader-1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"80px",height:"80px",viewBox:"0 0 40 40",enableBackground:"new 0 0 40 40",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const t=()=>/* @__PURE__ */e.jsx("div",{className:"loader loader--style1",title:"0",children:/* @__PURE__ */e.jsxs("svg",{version:"1.1",id:"loader-1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",width:"80px",height:"80px",viewBox:"0 0 40 40",enableBackground:"new 0 0 40 40",children:[
 /* @__PURE__ */e.jsx("path",{opacity:"0.2",fill:"#333",d:"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n                    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n                    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"}),
-/* @__PURE__ */e.jsx("path",{fill:"#333",d:"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z",children:/* @__PURE__ */e.jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 20 20",to:"360 20 20",dur:"0.9s",repeatCount:"indefinite"})})]})});
+/* @__PURE__ */e.jsx("path",{fill:"#333",d:"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n                    C22.32,8.481,24.301,9.057,26.013,10.047z",children:/* @__PURE__ */e.jsx("animateTransform",{attributeType:"xml",attributeName:"transform",type:"rotate",from:"0 20 20",to:"360 20 20",dur:"0.9s",repeatCount:"indefinite"})})]})});exports.Loader=t,exports.default=t;
 //# sourceMappingURL=index.js.map

package/dist/components/loader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n return (\n <div className=\"loader loader--style1\" title=\"0\">\n <svg\n version=\"1.1\"\n id=\"loader-1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n x=\"0px\"\n y=\"0px\"\n width=\"80px\"\n height=\"80px\"\n viewBox=\"0 0 40 40\"\n enableBackground=\"new 0 0 40 40\"\n >\n <path\n opacity=\"0.2\"\n fill=\"#333\"\n d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n />\n <path\n fill=\"#333\"\n d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z\"\n >\n <animateTransform\n attributeType=\"xml\"\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 20 20\"\n to=\"360 20 20\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </div>\n );\n};\n\nexport default Loader;\n"],"names":["jsx","className","title","children","jsxs","version","id","xmlns","x","y","width","height","viewBox","enableBackground","opacity","fill","d","attributeType","attributeName","type","from","to","dur","repeatCount"],"mappings":"~~uHAAe~~,~~mBAEXA~~,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBAAwBC,MAAM,IAC3CC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,QAAQ,MACRC,GAAG,WACHC,MAAM,6BACNC,EAAE,MACFC,EAAE,MACFC,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,iBAAiB,gBAEjBV,SAAA;eAAAH,EAAAA,IAAC,OAAA,CACCc,QAAQ,MACRC,KAAK,OACLC,EAAE;eAIJhB,EAAAA,IAAC,OAAA,CACCe,KAAK,OACLC,EAAE,0IAGFb,wBAAAH,EAAAA,IAAC,mBAAA,CACCiB,cAAc,MACdC,cAAc,YACdC,KAAK,SACLC,KAAK,UACLC,GAAG,YACHC,IAAI,OACJC,YAAY"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/loader.tsx"],"sourcesContent":["const Loader = () => {\n return (\n <div className=\"loader loader--style1\" title=\"0\">\n <svg\n version=\"1.1\"\n id=\"loader-1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n x=\"0px\"\n y=\"0px\"\n width=\"80px\"\n height=\"80px\"\n viewBox=\"0 0 40 40\"\n enableBackground=\"new 0 0 40 40\"\n >\n <path\n opacity=\"0.2\"\n fill=\"#333\"\n d=\"M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946\n s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634\n c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z\"\n />\n <path\n fill=\"#333\"\n d=\"M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0\n C22.32,8.481,24.301,9.057,26.013,10.047z\"\n >\n <animateTransform\n attributeType=\"xml\"\n attributeName=\"transform\"\n type=\"rotate\"\n from=\"0 20 20\"\n to=\"360 20 20\"\n dur=\"0.9s\"\n repeatCount=\"indefinite\"\n />\n </path>\n </svg>\n </div>\n );\n};\n\nexport { Loader };\nexport default Loader;\n"],"names":["Loader","jsx","className","title","children","jsxs","version","id","xmlns","x","y","width","height","viewBox","enableBackground","opacity","fill","d","attributeType","attributeName","type","from","to","dur","repeatCount"],"mappings":"uGAAA,MAAMA,EAAS,mBAEXC,EAAAA,IAAC,MAAA,CAAIC,UAAU,wBAAwBC,MAAM,IAC3CC,wBAAAC,EAAAA,KAAC,MAAA,CACCC,QAAQ,MACRC,GAAG,WACHC,MAAM,6BACNC,EAAE,MACFC,EAAE,MACFC,MAAM,OACNC,OAAO,OACPC,QAAQ,YACRC,iBAAiB,gBAEjBV,SAAA;eAAAH,EAAAA,IAAC,OAAA,CACCc,QAAQ,MACRC,KAAK,OACLC,EAAE;eAIJhB,EAAAA,IAAC,OAAA,CACCe,KAAK,OACLC,EAAE,0IAGFb,wBAAAH,EAAAA,IAAC,mBAAA,CACCiB,cAAc,MACdC,cAAc,YACdC,KAAK,SACLC,KAAK,UACLC,GAAG,YACHC,IAAI,OACJC,YAAY"}

package/dist/components/loader.d.ts CHANGED Viewed

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

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

@@ -12,6 +12,7 @@ const ErpLoader = (props) => {
   return /* @__PURE__ */ jsx(Box, { position: "fixed", left: "50%", top: "50%", children: /* @__PURE__ */ jsx(Loader, { size: 50, ...props }) });
 };
 export {
+  ErpLoader,
   ErpLoader as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme?.primary[500]\|\|\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport default ErpLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,SAAO,iBAAM,YAAN,mBAAe,UAAf,mBAAsB,QAAQ,SAAM;AAAA,EAC7C;AAAA,CAAE;AAEF,MAAM,YAAY,CAAC,UAAgC;AAClD,SAAO,oBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OACzC,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme?.primary[500]\|\|\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport { ErpLoader };\nexport default ErpLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,SAAO,iBAAM,YAAN,mBAAe,UAAf,mBAAsB,QAAQ,SAAM;AAAA,EAC7C;AAAA,CAAE;AAEF,MAAM,YAAY,CAAC,UAAgC;AAClD,SAAO,oBAAC,KAAA,EAAI,UAAS,SAAQ,MAAK,OAAM,KAAI,OACzC,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}

package/dist/components/loaders/erp-loader/index.js CHANGED Viewed

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

package/dist/components/loaders/erp-loader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme?.primary[500]\|\|\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport default ErpLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_b","_a","palette","primary","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,oBAAU,MAAA,CAClDC,OAAO,OAAAC,EAAA,OAAAC,EAAAH,EAAMI,kBAASJ,YAAf,EAAAE,EAAsBG,QAAQ,OAAM,~~6BAG1BC~~,kBACXC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MACzCC,wBAAAL,EAAAA,~~IAACV~~,EAAA,~~CAAOgB~~,KAAM,MAAQP"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/loaders/erp-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme?.primary[500]\|\|\"#1976d2\"\n}))\n\nconst ErpLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"fixed\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport { ErpLoader };\nexport default ErpLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_b","_a","palette","primary","ErpLoader","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,oBAAU,MAAA,CAClDC,OAAO,OAAAC,EAAA,OAAAC,EAAAH,EAAMI,kBAASJ,YAAf,EAAAE,EAAsBG,QAAQ,OAAM,aAGvCC,EAAaC,kBACXC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,QAAQC,KAAK,MAAMC,IAAI,MACzCC,wBAAAL,EAAAA,IAACX,EAAA,CAAOiB,KAAM,MAAQP"}

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

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

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

@@ -24,6 +24,7 @@ const FormLoader = (props) => {
   return /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Loader, { size: 50, ...props }) });
 };
 export {
+  FormLoader,
   FormLoader as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

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

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

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

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

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

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

@@ -24,6 +24,7 @@ const ModalLoader = (props) => {
   return /* @__PURE__ */ jsx(LoaderContainer, { children: /* @__PURE__ */ jsx(Loader, { size: 50, ...props }) });
 };
 export {
+  ModalLoader,
   ModalLoader as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

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

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

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

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

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

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

@@ -12,6 +12,7 @@ const PageLoader = (props) => {
   return /* @__PURE__ */ jsx(Box, { position: "absolute", left: "50%", top: "50%", children: /* @__PURE__ */ jsx(Loader, { size: 50, ...props }) });
 };
 export {
+  PageLoader,
   PageLoader as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/page-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme.primary[500]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport default PageLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACtC;AAAA,CAAE;AAEF,MAAM,aAAa,CAAC,UAAgC;AACnD,SAAO,oBAAC,KAAA,EAAI,UAAS,YAAW,MAAK,OAAM,KAAI,OAC5C,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/loaders/page-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme.primary[500]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport { PageLoader };\nexport default PageLoader;\n"],"names":[],"mappings":";;;;AAIA,MAAM,SAAS,OAAO,gBAAgB,EAAE,CAAC,EAAC,YAAK;;AAAK;AAAA,IAClD,QAAO,WAAM,YAAN,mBAAe,MAAM,QAAQ;AAAA,EACtC;AAAA,CAAE;AAEF,MAAM,aAAa,CAAC,UAAgC;AACnD,SAAO,oBAAC,KAAA,EAAI,UAAS,YAAW,MAAK,OAAM,KAAI,OAC5C,UAAA,oBAAC,QAAA,EAAO,MAAM,IAAK,GAAG,OAAM,GAC9B;AACF;"}

package/dist/components/loaders/page-loader/index.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/loaders/page-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme.primary[500]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport default PageLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,kBAAU,MAAA,CAClDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,~~wBAGlBC~~,kBACZC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,WAAWC,KAAK,MAAMC,IAAI,MAC5CC,wBAAAL,EAAAA,~~IAACT~~,EAAA,~~CAAOe~~,KAAM,MAAQP"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/loaders/page-loader.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box, CircularProgress, CircularProgressProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\nconst Loader = styled(CircularProgress)(({theme})=>({\n color: theme.palette?.theme.primary[500]\n}))\n\nconst PageLoader = (props:CircularProgressProps) => {\n\treturn <Box position=\"absolute\" left='50%' top=\"50%\">\n <Loader size={50} {...props}/>\n </Box>\n};\n\nexport { PageLoader };\nexport default PageLoader;\n"],"names":["Loader","styled","CircularProgress","theme","color","_a","palette","primary","PageLoader","props","jsx","Box","position","left","top","children","size"],"mappings":"6UAIA,MAAMA,EAASC,EAAAA,QAAOC,EAAAA,QAAPD,CAAyB,EAAEE,kBAAU,MAAA,CAClDC,MAAO,OAAAC,EAAAF,EAAMG,cAAN,EAAAD,EAAeF,MAAMI,QAAQ,QAGhCC,EAAcC,kBACZC,EAAAA,IAACC,EAAAA,QAAA,CAAIC,SAAS,WAAWC,KAAK,MAAMC,IAAI,MAC5CC,wBAAAL,EAAAA,IAACV,EAAA,CAAOgB,KAAM,MAAQP"}

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

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

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

@@ -6,4 +6,5 @@ interface IDefaultAggregation {
     columnDef?: any;
 }
 declare const DefaultAggregation: ({ data, column, }: IDefaultAggregation) => import("react/jsx-runtime").JSX.Element;
+export { DefaultAggregation };
 export default DefaultAggregation;

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

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

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

@@ -1,15 +1,15 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import DatePicker from "../../../date-picker/date-picker/index.esm.js";
-import DateTimePicker from "../../../date-time-picker/date-time-picker/index.esm.js";
-import TextField from "../../../text-field/text-field/index.esm.js";
-import UploadMedia from "../../../upload-media/upload-media/index.esm.js";
+import { DatePicker } from "../../../date-picker/date-picker/index.esm.js";
+import { DateTimePicker } from "../../../date-time-picker/date-time-picker/index.esm.js";
+import { TextField } from "../../../text-field/text-field/index.esm.js";
+import { UploadMedia } from "../../../upload-media/upload-media/index.esm.js";
 import * as Yup from "yup";
 import _ from "lodash";
 import dayjs from "dayjs";
-import PhoneInput from "../../../phone-input/phone-input/index.esm.js";
-import Checkbox from "../../../checkbox/checkbox/index.esm.js";
+import { PhoneInput } from "../../../phone-input/phone-input/index.esm.js";
+import { Checkbox } from "../../../checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../../searchable-select/index.esm.js";
 import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const InlineEditFields = ({