@erpsquad/common 1.8.45 → 1.8.47

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/material-table/material-table.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-mixed-spaces-and-tabs */\nimport React, { cloneElement, useCallback, useEffect, useState } from 'react';\nimport {\n\tMRT_ColumnDef,\n\tMRT_ColumnSizingInfoState,\n\tMRT_ColumnSizingState,\n\tMRT_Header,\n\tMRT_Row,\n\tMRT_RowData,\n\tMRT_RowSelectionState,\n\tMRT_SortingState,\n\tMRT_TableInstance,\n\tMRT_TableState,\n\tMaterialReactTable,\n\tMaterialReactTableProps,\n\tuseMaterialReactTable,\n\t// Cell\n} from 'material-react-table';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport {\n\tBox,\n\tstyled,\n\tMenuItem,\n\tIconButton,\n\tListItemIcon,\n\tListItemText,\n\tSvgIconProps,\n\tDivider\n} from '@mui/material';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport Menu from '../menu/menu';\nimport Typography from '../typography/typography';\nimport SearchBar from '../search-bar/search-bar';\nimport images from '../../assets/images';\n// import DeleteIcon from \"@mui/icons-material/Delete\";\n// import UpdateIcon from \"@mui/icons-material/Update\";\n// import PlayIcon from \"@mui/icons-material/PlayArrow\";\n\nimport './material-table.scss';\nimport {\n\tArrowUpDown,\n\tCheckBoxIcon,\n\tClose,\n\tEdit,\n\tRecgtangleIcon,\n\tSave,\n\tTrash\n} from '../icons';\n// import {\n// \tArrowDropDown /* , SaveOutlined */,\n// \tArrowDropUp\n// } from '@mui/icons-material';\nimport InlineEditFields from './components/inline-edit-fields';\nimport Tooltip from '../tooltip/Tooltip';\nimport Button from '../button/button';\nimport Add from '@mui/icons-material/Add';\nimport dayjs from 'dayjs';\nimport * as yup from 'yup';\nimport ConfirmPopUp from '../confirm-modal/confirm-modal';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport { usePages } from '../../hooks/use-pages';\nimport { useNavigate } from 'react-router-dom';\n// Module-specific pathname imports removed - should be passed as props or configured by consuming app\n// import { PathnameAccounting } from 'accounting/src/pathname.accounting';\n// import { PathnameInventory } from 'inventory/src/pathname.inventory';\n// import { PathnameManufacturing } from 'manufacturing/src/pathname.manufacturing';\n// import { PathnamePurchase } from 'procurement/src/pathname.procurement';\n// import { PathnameCrm } from 'crm/src/pathname.crm';\n// import { PathnameUsers } from 'user/src/pathname.user';\n// import { PathnameRental } from '../../../../rental/src/pathname.rental';\nimport { PathnameDocument } from '../../constants/pathnames/pathname.document';\nimport { PathnameAccounting } from '../../constants/pathnames/pathname.accounting';\nimport { PathnameInventory } from '../../constants/pathnames/pathname.inventory';\nimport { PathnameManufacturing } from '../../constants/pathnames/pathname.manufacturing';\nimport { PathnamePurchase } from '../../constants/pathnames/pathname.procurement';\nimport { PathnameCrm } from '../../constants/pathnames/pathname.crm';\nimport { PathnameUsers } from '../../constants/pathnames/pathname.user';\nimport { PathnameRental } from '../../constants/pathnames/pathname.rental';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\n\ntype ExtraEditVariants =\n\t| 'file'\n\t| 'image'\n\t| 'date'\n\t| 'number'\n\t| 'time'\n\t| 'date_time'\n\t| 'phone'\n\t| 'checkbox';\n\ntype DisableFunction = (row: any, virtualRow?: any) => boolean;\n\nexport type TypeBooleanLabels = { 1: string; 0: string; true: string; false: string }\n\nexport interface MaterialTableColumnProps\n\textends Omit<MRT_ColumnDef<MRT_RowData>, 'editVariant'> {\n\tvisible?: boolean;\n\ttype?: string;\n\tshowDefaultCurrency?:boolean,\n\tvalueGet?: string;\n\tcustom_class?:string;\n\ttypeArrayAccessorKey?: string; //when type is an array of object\n\ttypeBooleanLabels?: TypeBooleanLabels; //when type is an boolean\n\teditVariant?: MRT_ColumnDef<MRT_RowData>['editVariant'] | ExtraEditVariants;\n\teditProperties?: {\n\t\tfield_name?: string;\n\t\tvalueKey?: string;\n\t\tplaceholder?: string;\n\t\tdateFormat?: string;\n\t\tvalidations?: any[];\n\t\tis_multiple?: boolean;\n\t\tis_multiline?: boolean;\n\t\tdisable?: boolean | DisableFunction;\n\t};\n\tredirectionPathWithId?: string;\n\n\tidField?: string;\n}\n\n\n\nexport interface MaterialTableColumnHeaderProps {\n\tcolumn: MRT_ColumnDef<any, any>;\n\theader: MRT_Header<any>;\n\ttable: MRT_TableInstance<any>;\n}\n\ntype rowSelectionCallback = (row: MRT_Row<any>) => boolean\n\ninterface MaterialTablePropsType {\n\tenablePagination?: boolean;\n\trows: any;\n\ttotalPages: number;\n\tcolumns: any;\n\tpaginationModel: IPaginationModel;\n\tcolumnOrder?: string[];\n\tupdateData?: any;\n\thandleColumnOrdering?: (colOrder: any) => void;\n\tenableEditing?: boolean;\n\tenableColumnDragging?: boolean;\n\trowActionMenu?: any;\n\tdestructiveActionMenu?: any;\n\tgetRowId?: any;\n\tstates?: Partial<MRT_TableState<any>>;\n\tonSortingChange?: any;\n\tdisableDefaultActionColumn?: boolean;\n\tenableRowSelection?: boolean | rowSelectionCallback;\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tenableBottomToolbar?: boolean;\n\tSetSelectedRowId?: any;\n\tisResetRow?: boolean;\n\tonCreateRow?: (data: any) => Promise<unknown>;\n\tonEditRow?: (data: any) => Promise<unknown>;\n\tonDeleteRow?: (data: any) => Promise<unknown>;\n\teditDisplayMode?: MaterialReactTableProps<any>['editDisplayMode'];\n\tenableRowCreate?: boolean;\n\tonChangeRowField?: (e: any, type: string, row: any) => void;\n\tonSelectRow?: (rows: any, prevSelected?:any) => any;\n\tenableColumnResizing?: boolean;\n\tselectedRowIds?: any[];\n\tonColumnVisibility?:(columns:MaterialTableColumnProps[]) => void\n\tgetSelectedData:any;\n\tenableAddCustomField?:boolean;\n\tdisabledDefaultActionColumnIcon?:boolean\n\tenableRowDragging?:boolean\n\thandleColumnResizing?: (sizes: MRT_ColumnSizingState) => void,\n\tcolumnSizes?: MRT_ColumnSizingState,\n}\n\nconst TableWrapper = styled(Box)(({ theme: { palette } }) => ({\n\t'.MuiTableCell-root': {\n\t\tborder: '1px solid #efefef',\n\t\tborderBottom: 0,\n\t\tborderLeft: 0,\n\t\tpadding: '0.19rem 0.5rem',\n\t\tlineHeight: '19px',\n\t\tfontSize: '14px',\n\t\tminHeight: 40,\n\t\t// '&:first-child': {\n\t\t// \tborderLeft: '1px solid #efefef'\n\t\t// },\n\t\t// '&:last-child': {\n\t\t// \tborderBottom: '1px solid #efefef'\n\t\t// }\n\n\t},\n\t'.MuiTableCell-head': {\n\t\tbackgroundColor: palette.theme?.secondary[100]\n\t},\n\t'.MuiTableContainer-root': {\n\t\tmaxHeight: 'clamp(350px, 100vh - 200px, 9999px) !important',\n\t\t},\n\n\t'.MuiPaper-root': {\n\t\tboxShadow: 'none',\n\n\t},\n\t'.MuiPaginationItem-root': {\n\t\t'&.Mui-selected': {\n\t\t\tbackgroundColor: palette?.theme?.primary[700],\n\t\t\tcolor: 'white'\n\t\t}\n\t},\n\t'.MuiTableRow-root': {\n\t\t'&.Mui-selected': {\n\t\t\tbackgroundColor: `${palette?.theme?.primary[100]} !important`,\n\t\t\tcolor: 'white'\n\t\t}\n\t},\n\t'.MuiCheckbox-indeterminate': {\n\t\tcolor: `${palette?.theme?.primary[700]} !important`,\n\t\t\"& svg\" : {\n\t\t\theight: `20px !important`,\n\t\t\twidth: `20px !important`,\n\t\t}\n\t}\n}));\n\nexport const MaterialTable = React.memo(({\n\tenablePagination = false,\n\trows,\n\tcolumns,\n\ttotalPages,\n\tpaginationModel,\n\tcolumnOrder,\n\tupdateData,\n\thandleColumnOrdering,\n\tenableEditing,\n\tenableColumnDragging,\n\tstates,\n\trowActionMenu,\n\tdestructiveActionMenu,\n\tdisableDefaultActionColumn,\n\tenableRowSelection,\n\tdefaultActionColumnItems = [],\n\tenableBottomToolbar,\n\tSetSelectedRowId,\n\tisResetRow,\n\tonCreateRow,\n\tonEditRow,\n\tonDeleteRow,\n\teditDisplayMode,\n\tenableRowCreate,\n\tonChangeRowField,\n\tonSelectRow,\n\tenableColumnResizing = true,\n\tselectedRowIds = [],\n\tonColumnVisibility,\n\tonSortingChange,\n\tgetSelectedData,\n\tdisabledDefaultActionColumnIcon = false,\n\tenableAddCustomField=true,\n\tenableRowDragging = false,\n\thandleColumnResizing = () => {},\n\tcolumnSizes = {},\n\t// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n\t// getRowId,\n\t// onDelete,\n\t// onUpdate,\n\t...rest\n}: MaterialTablePropsType) => {\n\tconst { t } = useTranslation();\n\tconst { formData = null, updatePageInfo, activePage: aPage } = usePages()\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\tconst { pageNo } = paginationModel;\n\tconst [row, setRow] = useState({});\n\tconst [tableColumns, setTableColumns] = useState(columns);\n\tconst [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\tconst [popUpShow, setPopupShow] = useState<boolean>(false);\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<null | HTMLElement>(null);\n\tconst visibleColumns = tableColumns.filter((column: any) => column.visible);\n\tconst hiddenColumns = tableColumns.filter((column: any) => !column.visible);\n\tconst [filteredOptions, setFilteredOptions] = useState(hiddenColumns);\n\tconst [selectedRow, setSelectedRow] = useState<number | null>(null);\n\tconst [validationErrors, setValidationErrors] = useState<any>({});\n\tconst [validationSchema, setValidationSchema] = useState<any>([]);\n\tconst [isCreatingRow, setIsCreatingRow] = useState<boolean>(false);\n\tconst [isEditingRow, setIsEditingRow] = useState<boolean>(false);\n\tconst [isDeletingRow, setIsDeletingRow] = useState<boolean>(false);\n\tconst [rowToDelete, setRowToDelete] = useState<any>(null);\n\tconst [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\tconst [isChecked, setIsChecked] = useState(false)\n\tconst [sorting, setSorting] = useState<MRT_SortingState>([]);\n\tconst [disableNextEdit, setDisableNextEdit] = useState(false);\n\tconst [columnSizing, setColumnSizing] = useState<MRT_ColumnSizingState>(activePage.column_sizes);\n\tconst [columnSizingInfo, setColumnSizingInfo] = useState<MRT_ColumnSizingInfoState>({\n\t\tcolumnSizingStart: [],\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    startOffset: null,\n    startSize: null\n\t});\n\n\tconst navigate=useNavigate();\n\t const currentModule = location.pathname.split('/')[2]\n\t\n\t  let redirectionPath = ''\n\t  switch (currentModule) {\n\t\tcase 'accounting':\n\t\t  redirectionPath = PathnameAccounting.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'inventory':\n\t\t  redirectionPath = PathnameInventory.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'manufacturing':\n\t\n\t\t  redirectionPath = PathnameManufacturing.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'procurement':\n\t\t  redirectionPath  = PathnamePurchase.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'crm':\n\t\t  redirectionPath  = PathnameCrm.CUSTOM_FORM\n\t\t  break;\n\t\t  case 'user':\n\t\t  redirectionPath  = PathnameUsers.CUSTOM_FORM\n\t\t  break;\n\tcase 'rental':\n\t\t  redirectionPath  = PathnameRental.CUSTOM_FORM\n\t\t  break;\n\t\t  case 'drive':\n\t\t  redirectionPath  = PathnameDocument.ADD_CUSTOM_FIELDS\n\t\t  break;\n\t  }\n\t const path = `/dashboard/${currentModule}${redirectionPath}`\n\tconst getValidationType = (column: any) => {\n\t\tswitch (column.editVariant) {\n\t\t\tcase 'select':\n\t\t\t\treturn column?.editProperties?.is_multiple ? yup.array() : yup.string();\n\n\t\t\tcase 'number':\n\t\t\t\treturn yup.number().nullable().transform((value, originalValue) => (originalValue === \"\" ? null : value));\n\n\t\t\tcase 'url':\n\t\t\t\treturn yup\n\t\t\t\t\t.string()\n\t\t\t\t\t.matches(\n\t\t\t\t\t\t/^(https?:\\/\\/)?((([a-zA-Z0-9_-]+\\.)+[a-zA-Z]{2,})|localhost)(:\\d{2,5})?(\\/[a-zA-Z0-9#_-]+\\/?)*(\\?[a-zA-Z0-9&=_-]+)?(#\\S+)?$/,\n\t\t\t\t\t\t{ excludeEmptyString: true, message: 'Please enter valid URL.' }\n\t\t\t\t\t);\n\n\t\t\tdefault:\n\t\t\t\treturn yup.string()\n\t\t}\n\t};\n\n\tconst validationReducer = (\n\t\tvalidations: any,\n\t\tvalidation: any,\n\t\tcolumn: any\n\t) => {\n\t\tlet vld = validations\n\t\tswitch (validation.type) {\n\t\t\tcase 'required':\n\t\t\t\tvld = validation.value\n\t\t\t\t\t? validations.required(validation.msg_en).typeError(validation.msg_en)\n\t\t\t\t\t: column?.editProperties?.is_multiple\n\t\t\t\t\t\t? validations.min(1, validation.msg_en)\n\t\t\t\t\t\t: validations;\n\t\t\t\t\t\tbreak\n\t\t\tcase 'min':\n\t\t\t\tvld = validations.min(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'email':\n\t\t\t\tvld = validations.email(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'max':\n\t\t\t\tvld = validations.max(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'positive':\n\t\t\t\tvld = validation.value === true ? validations.test('is-positive-number', 'Value must be a positive number', (value) => !value || value >= 0) : validations;\n\t\t\t\tbreak\n\t\t\tcase 'when':\n\t\t\t\treturn validations.when(validation.relation, {\n\t\t\t\t\tis: (val: any) => val === validation.values,\n\t\t\t\t\tthen: () =>\n\t\t\t\t\t\tvalidation?.thenValidations?.reduce(\n\t\t\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\t\t\tvalidationReducer(validations, validation, column),\n\t\t\t\t\t\t\tvalidations\n\t\t\t\t\t\t) || validations,\n\t\t\t\t\totherwise: () =>\n\t\t\t\t\t\tvalidation?.otherWiseValidations?.reduce(\n\t\t\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\t\t\tvalidationReducer(validations, validation, column),\n\t\t\t\t\t\t\tvalidations\n\t\t\t\t\t\t) || validations\n\t\t\t\t});\n\t\t\t// Add more cases for other validation types as needed\n\t\t\tdefault:\n\t\t\t\tvld = validations;\n\t\t\t\tbreak\n\t\t}\n\n\t\tif(validation.type == 'required' && validation.value && (!column?.editVariant || column?.editVariant == 'text')) {\n\t\t\tvld = validations.test('no-blank-spaces', 'Blank space is not allowed', (value) => {\n\t\t\t\treturn value && value.trim()?.length > 0;\n\t\t\t})\n\t\t}\n\n\t\treturn vld\n\t\t\n\t};\n\n\n\tconst generateValidationSchema = (columns: any[]) => {\n\t\tconst schema: any = {};\n\t\tcolumns.forEach((clm) => {\n\t\t\tif (clm?.editProperties?.validations?.length) {\n\t\t\t\tconst fieldValidations = clm?.editProperties?.validations.reduce(\n\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\tvalidationReducer(validations, validation, clm),\n\t\t\t\t\tgetValidationType(clm)\n\t\t\t\t);\n\t\t\t\tschema[clm.accessorKey] = fieldValidations;\n\t\t\t}\n\t\t});\n\t\treturn schema;\n\t};\n\n\tuseEffect(() => {\n\t\tsetTableColumns(columns);\n\n\t\tconst schema: any = generateValidationSchema(columns);\n\t\tsetValidationSchema(yup.object().shape(schema));\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [columns]);\n\n\tuseEffect(() => {\n\t\tif(!columnSizingInfo?.isResizingColumn) {\n\t\t\tupdatePageInfo({ column_sizes: {...activePage.column_sizes, ...columnSizing} })\n\t\t\thandleColumnResizing?.(columnSizing)\n\t\t}\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [columnSizingInfo?.isResizingColumn, columnSizing])\n\n\tconst handleHeaderClick = (event: any) => {\n\t\tsetAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleHeaderClose = () => {\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleVisibleColumn = (column: any) => {\n\t\tconst updatedColumns = tableColumns.map((col: any) => ({\n\t\t\t...col,\n\t\t\tvisible: col.accessorKey === column.accessorKey ? false : col.visible\n\t\t}));\n\t\tsetTableColumns(updatedColumns);\n\t\tonColumnVisibility?.(JSON.parse(JSON.stringify(updatedColumns)))\n\t\tsetFilteredOptions([...filteredOptions, column]);\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleAddButtonClick = () => {\n\t\tsetPopupShow(true);\n\t};\n\n\tconst handleBackButtonClick = () => {\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleAddColumn = (column: any) => {\n\t\tconst updatedColumns = tableColumns.map((col: any) => ({\n\t\t\t...col,\n\t\t\tvisible: col.accessorKey === column.accessorKey ? true : col.visible\n\t\t}));\n\t\tonColumnVisibility?.(JSON.parse(JSON.stringify(updatedColumns)))\n\t\tsetTableColumns(updatedColumns);\n\n\t\tconst updatedFilteredOptions = filteredOptions.filter(\n\t\t\t(option: any) => option.accessorKey !== column.accessorKey\n\t\t);\n\t\tsetFilteredOptions(updatedFilteredOptions);\n\t\tsetAnchorEl(null);\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleSearchEvent = (searchQuery: string) => {\n\t\tconst filteredColumns = hiddenColumns.filter((option: any) =>\n\t\t\toption.header.toLowerCase().includes(searchQuery.toLowerCase())\n\t\t);\n\t\tsetFilteredOptions(filteredColumns);\n\t};\n\n\tconst handleCustomAddColumn = () => {\n\t\tnavigate(path, { state: formData })\n\t\tsetAnchorEl(null);\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleRowClick = (rowId: number) => {\n\t\tsetSelectedRow(rowId); // Update selected row ID when a row is clicked\n\t};\n\n\t// const handleDeleteClick = (event: any, data: any) => {\n\t//   onDelete?.(data.id);\n\t// };\n\t// const handleUpdateClick = (event: any, data: any) => {\n\t//   onUpdate?.(data.id);\n\t// };\n\n\tconst handleActionsClick = (event: any, data: any) => {\n\t\tsetRow(data);\n\t\tsetRowAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleActionsClose = () => {\n\t\tsetRowAnchorEl(null);\n\t};\n\n\tconst formtValues = (values: any, cells: any[]) => {\n\t\tconst v: any = {};\n\t\tObject.keys(values).forEach((vl) => {\n\t\t\tconst val = values[vl];\n\t\t\tv[vl] = val;\n\t\t\tconst cell = cells.find((c) => c.accessorKey == vl);\n\t\t\tif (val) {\n\t\t\t\tif (val instanceof File) {\n\t\t\t\t\tv[vl] = val.name;\n\t\t\t\t}\n\t\t\t\tif (cell && cell?.editVariant == 'date') {\n\t\t\t\t\tv[vl] = dayjs(val).format(cell?.dateFormat || 'DD-MM-YYYY');\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\treturn v;\n\t};\n\n\tconst handleRowDelete = async () => {\n\t\tsetIsDeletingRow(true);\n\t\tif (rowToDelete) {\n\t\t\tawait onDeleteRow?.(rowToDelete);\n\t\t\tsetRowToDelete(null);\n\t\t}\n\t\tsetIsDeletingRow(false);\n\t};\n\n\tconst checkRequired=useCallback((editProperties:any)=>{\n\t\treturn editProperties?.validations?.some((validation:any)=>validation.type === 'required')\n\t},[])\n\tuseEffect(() => {\n\t\tconst selectedRows = {};\n\t\t// Build the selectedRows object\n\t\tif (!isChecked && selectedRowIds.length) {\n\t\t\trows.forEach((row) => {\n\t\t\t\tif (selectedRowIds.includes(row.id)) {\n\t\t\t\t\tselectedRows[row.id] = true;\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetRowSelection(selectedRows);\n\t\t\tsetIsChecked(true)\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [rows, selectedRowIds]); // Dependency only on rows and selectedRowIds\n\n\tuseEffect(() => {\n\t\tif(onSortingChange instanceof Function) {\n\t\t const sortingArray = Array.isArray(sorting) ? sorting : [];\n        onSortingChange(sortingArray[0] || null)\n\t\t}\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t},[sorting])\n\n\n\tconst resetRowSelection = () => {\n\t\tsetRowSelection({});\n\t\tsetDisableNextEdit(false)\n\t}\n\tconst getTextWidth = (text: string) => {\n\tconst canvas = document.createElement(\"canvas\");\n\tconst ctx = canvas.getContext(\"2d\");\n\tif (!ctx) return 50;\n\treturn ctx.measureText(text).width + 5; // padding\n\t}\n\tconst table = useMaterialReactTable({\n\t\t// options:{\n\t\t// \ttableLayout: \"auto\", // 👈 important\n\t\t// \tpadding: \"dense\",\n\t\t// },\n\t\t// columns: visibleColumns,\n\t\tdefaultColumn:{\n    minSize: 0,   // 👈 remove default min width\n    size: undefined,     // 👈 optional, default size\n  },\n\t\tcolumns: [\n\t\t\t...visibleColumns.map((c: any) => {\n\t\t\t\tconst headerWidth = getTextWidth(c.header || '');\n\t\t\t\tconst maxCellWidth = Math.max(\n\t\t\t\t...rows.map(row => getTextWidth(String(row[c.accessorKey] ?? '')))\n\t\t\t\t);\n\t\t\t\tconst finalWidth = Math.max(headerWidth, maxCellWidth);\n\t\t\t\treturn {\n\t\t\t\t\t...c,\n\t\t\t\t\t...(editDisplayMode === 'row'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\tEdit: ({ cell, row, table, column }) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<InlineEditFields\n\t\t\t\t\t\t\t\t\t\tcell={cell}\n\t\t\t\t\t\t\t\t\t\tcolumn={column}\n\t\t\t\t\t\t\t\t\t\tcol={c}\n\t\t\t\t\t\t\t\t\t\trow={row}\n\t\t\t\t\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\t\t\t\t\tcallback={(s) => console.log('Save', s)}\n\t\t\t\t\t\t\t\t\t\terrors={validationErrors}\n\t\t\t\t\t\t\t\t\t\tvalidationSchema={validationSchema}\n\t\t\t\t\t\t\t\t\t\tsetValidationErrors={setValidationErrors}\n\t\t\t\t\t\t\t\t\t\tonChangeRowField={onChangeRowField}\n\t\t\t\t\t\t\t\t\t\tgetSelectedData={(name,row)=>getSelectedData?.(name,row)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}\n\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tHeader: (\n\t\t\t\t\t\t\t<Box display='flex' alignItems='center'>\n\t\t\t\t\t\t\t\t{c.header}\n\t\t\t\t\t\t\t\t{c?.required ||checkRequired(c?.editProperties) && (\n\t\t\t\t\t\t\t\t\t<Typography type='s5' color='theme.error.600'>\n\t\t\t\t\t\t\t\t\t\t*\n\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t),\n\t\t\t\t\tenableColumnDragging: c.id !== 'actions',\n\t\t\t\t\t// cellStyle: { ...c.cellStyle, width: finalWidth },\n      \t\t\t\t// headerStyle: { ...c.headerStyle, width: finalWidth },\n\t\t\t\t\t// size: finalWidth\n\t\t\t\t\tsize: undefined,\n\t\t\t\t\t// minSize: 40,\n\t\t\t\t\tmaxSize: 800,\n\t\t\t\t};\n\t\t\t}),\n\t\t\t...(!disableDefaultActionColumn\n\t\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'actions',\n\t\t\t\t\t\tenableEditing: false,\n\t\t\t\t\t\tsize: defaultActionColumnItems?.length > 1 ? 80 : 50,\n\t\t\t\t\t\theader: (\n\t\t\t\t\t\t\t<IconButton size=\"small\" sx={{ p: 0.5, '&:hover': { backgroundColor: 'transparent' } }} onClick={handleHeaderClick}>\n\t\t\t\t\t\t\t\t<img src={images.common.arrowIcon} alt='Arrow Icon' />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tenableColumnDragging: false,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tmuiTableHeadCellProps: {\n\t\t\t\t\t\t\tclassName: 'pinned-column'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmuiTableBodyCellProps: {\n\t\t\t\t\t\t\tclassName: 'pinned-column'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tCell: (props) =>\n\t\t\t\t\t\t\tdefaultActionColumnItems?.length ? (\n\t\t\t\t\t\t\t\tdefaultActionColumnItems.map((item) => {\n\t\t\t\t\t\t\t\t\tconst updatedProps = {\n\t\t\t\t\t\t\t\t\t\t...item.props,\n\t\t\t\t\t\t\t\t\t\tonClick: () => item.props.onClick(props)\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn cloneElement(item, updatedProps);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t) : !disabledDefaultActionColumnIcon && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleActionsClick(e, props.row.original)} disabled={!rowActionMenu?.length && !destructiveActionMenu?.length}>\n\t\t\t\t\t\t\t\t\t<img src={images.more} alt='More Icon' />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t\t: [])\n\t\t],\n\t\tdata: rows,\n\t\tmuiTablePaperProps: {\n\t\t\tsx: {\n\t\t\t\ttableLayout: 'auto', // lets columns shrink to fit content\n\t\t\t\t},\n\t\t},\n\t\tcolumnResizeMode: 'onChange',\n\t\tonEditingRowSave: async (data) => {\n\t\t\ttry {\n\t\t\t\tawait validationSchema.validate(data.values, {\n\t\t\t\t\tabortEarly: false\n\t\t\t\t});\n\t\t\t\tsetValidationErrors({});\n\t\t\t\tsetIsEditingRow(true);\n\t\t\t\tsetDisableNextEdit(false)\n\t\t\t\tconst cells = data.row.getAllCells().map((c) => c.column.columnDef);\n\t\t\t\tdata.row._valuesCache = formtValues(data.values, cells);\n\t\t\t\t\n\t\t\t\tif (onEditRow) {\n\t\t\t\t\tawait onEditRow(data, 'edit');\n\t\t\t\t}\n\t\t\t\tsetIsEditingRow(false);\n\t\t\t\tdata.table.setEditingRow(null);\n\t\t\t} catch (err) {\n\t\t\t\tsetIsEditingRow(false);\n\t\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\t\tconst errors: Record<string, string> = {};\n\n\t\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\t\terrors[error.path] = error.message;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tsetValidationErrors(errors);\n\t\t\t\t} else if(err instanceof Error) {\n\t\t\t\t\tenqueueSnackbar(err.message, {variant: 'error'})\n\t\t\t\t} else{\n\t\t\t\t\tenqueueSnackbar('Something went wrong', {variant: 'error'})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tonCreatingRowSave: async (data) => {\n\t\t\ttry {\n\t\t\t\tawait validationSchema.validate(data.values, {\n\t\t\t\t\tabortEarly: false\n\t\t\t\t});\n\t\t\t\tsetValidationErrors({});\n\t\t\t\tsetIsCreatingRow(true);\n\t\t\t\tsetDisableNextEdit(false)\n\t\t\t\tconst cells = data.row.getAllCells().map((c) => c.column.columnDef);\n               \n\t\t\t\tdata.row._valuesCache = formtValues(data.values, cells);\n\t\t\t\t\n\t\t\t\tif (onCreateRow) {\n\t\t\t\t\tawait onCreateRow(data);\n\t\t\t\t}\n\t\t\t\tsetIsCreatingRow(false);\n\t\t\t\tdata.table.setCreatingRow(null);\n\t\t\t} catch (err) {\n\t\t\t\tsetIsCreatingRow(false);\n\t\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\t\tconst errors: Record<string, string> = {};\n\n\t\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\t\terrors[error.path] = error.message;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tsetValidationErrors(errors);\n\t\t\t\t} else if(err instanceof Error) {\n\t\t\t\t\tenqueueSnackbar(err.message, {variant: 'error'})\n\t\t\t\t} else{\n\t\t\t\t\tenqueueSnackbar('Something went wrong', {variant: 'error'})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tonCreatingRowCancel: () => resetRowSelection(),\n\t\tonEditingRowCancel: () => resetRowSelection(),\n\t\tonSortingChange:states?.sorting ? onSortingChange : setSorting,\n\n\t\tdisplayColumnDefOptions: {\n\t\t\t'mrt-row-actions': {\n\t\t\t\t// size: onDeleteRow ? 80 : 50,\n\t\t\t\t\n\t\t\t\tHeader: (\n\t\t\t\t\t<IconButton onClick={handleHeaderClick} size='small'>\n\t\t\t\t\t\t<img src={images.common.arrowIcon} alt='Arrow Icon' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t),\n\t\t\t\tmuiTableBodyCellProps: {\n\t\t\t\t\tsx: {\n\t\t\t\t\t\t'& .MuiBox-root': {\n\t\t\t\t\t\t\tgap: 0\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t\t},\n\t\t\t\t\tonKeyUp: (e) => console.log(e)\n\t\t\t\t}\n\t\t\t},\n\t\t\t'mrt-row-expand': {\n\t\t\t\tsize: 70, // Set the size of the expand-collapse arrow column here\n\t\t\t},\n\t\t\t'mrt-row-select': {\n        size: 50, // Set the width of the checkbox column here\n      },\n\t\t},\n\t\trenderRowActions: ({ row, table }) => (\n\t\t\t<>\n\t\t\t\t{rest?.enableExpanding ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{row?.parentId && (\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0 }}>\n\t\t\t\t\t\t\t\t<Tooltip title='Edit'>\n\t\t\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => {\n\t\t\t\t\t\t\t\t\t\ttable.setEditingRow(row)\n\t\t\t\t\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t} size='small'>\n\t\t\t\t\t\t\t\t\t\t<Edit fontSize='small' sx={{ color: 'theme.secondary.1000' }}/>\n\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t{onDeleteRow && (\n\t\t\t\t\t\t\t\t\t<Tooltip title='Delete'>\n\t\t\t\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => setRowToDelete(row)} size='small'>\n\t\t\t\t\t\t\t\t\t\t\t<Trash fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0 }}>\n\t\t\t\t\t\t<Tooltip title='Edit'>\n\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => {\n\t\t\t\t\t\t\t\t\t\ttable.setEditingRow(row)\n\t\t\t\t\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<Edit fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t{onDeleteRow && (\n\t\t\t\t\t\t\t<Tooltip title='Delete'>\n\t\t\t\t\t\t\t\t<IconButton onClick={() => setRowToDelete(row)}>\n\t\t\t\t\t\t\t\t\t<Trash fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</>\n\t\t),\n\n\t\t...(Boolean(enableRowCreate) && {\n\t\t\trenderBottomToolbarCustomActions: ({ table }) => (\n\t\t\t\t<Button\n\t\t\t\t\tvariant='outlined'\t\n\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\tclassName='add-row-btn'\n\t\t\t\t\tdisabled={disableNextEdit}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttable.setCreatingRow(true); //simplest way to open the create row modal with no default values\n\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t}}>\n\t\t\t\t\t{t('common.add')}\n\t\t\t\t</Button>\n\t\t\t)\n\t\t}),\n\t\tonRowSelectionChange: setRowSelection,\n\t\tenableColumnOrdering: true,\n\t\tenableRowSelection: enableRowSelection ?? true,\n\t\tenableEditing: enableEditing instanceof Function ? enableEditing() :enableEditing ?? true,\n\t\teditDisplayMode: editDisplayMode ?? 'cell',\n\t\tcreateDisplayMode: 'row',\n\t\tenableColumnResizing: enableColumnResizing,\n\t\tenableRowDragging: enableRowDragging,\n\t\tenableTopToolbar: false,\n\t\tenableColumnActions: false,\n\t\tenableSorting: true,\n\t\tenableGrouping: true,\n\t\tenableBottomToolbar: enableBottomToolbar ?? false,\n\t\tenableColumnDragging: enableColumnDragging ?? true,\n\t\tenableStickyHeader: true,\n\t\tenableSortingRemoval: false,\n\t\t// column ordering\n\t\tstate: {\n\t\t\t// columnOrder: (!columnOrder || columnOrder.length <= 1) \n\t\t\t// ? [...internalColumnOrder] \n\t\t\t// : [...columnOrder],\n\t\t\tcolumnOrder:columnOrder,\n\t\t\tcolumnPinning: { left: ['actions', 'mrt-row-actions'] },\n\t\t\tisSaving: isCreatingRow || isEditingRow,\n\t\t\tshowProgressBars: false,\n\t\t\trowSelection,\n\t\t\t...states,\n\t\t\tsorting: Array.isArray(states?.sorting) ? states?.sorting : \n             Array.isArray(sorting) ? sorting : [],\n\t\t\tcolumnSizing\n\n\t\t},\n\t\tgetRowId:(row) => row?.id,\n\t\t// table.getState().editingRow\n\t\tmuiTableBodyRowProps: ({ row }) => {\n\t\t\tconst editingRowId =\n\t\t\t\ttable.getState()?.editingRow?.id ||\n\t\t\t\ttable.getState()?.creatingRow?.id ||\n\t\t\t\tnull;\n\t\t\tconst isErrorRow = Boolean(row?.original?.has_error)\n\t\t\treturn {\n\t\t\t\tonClick: () => handleRowClick(row.id),\n\t\t\t\tsx: {\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t// backgroundColor: !editingRowId\n\t\t\t\t\t// \t? (selectedRow === row.id\n\t\t\t\t\t// \t\t? '#e8e8e8'\n\t\t\t\t\t// \t\t: (isErrorRow ? 'theme.error.100' : 'inherit'))\n\t\t\t\t\t// \t: 'inherit',\n\t\t\t\t\tbackgroundColor: !editingRowId\n\t\t\t\t\t\t? (isErrorRow ? 'theme.error.100' : 'inherit')\n\t\t\t\t\t\t: 'inherit',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tbackgroundColor: editingRowId ? 'transparent' : (isErrorRow ? 'theme.error.200' : '#e8e8e8') // Removes hover effect globally\n\t\t\t\t\t},\n\t\t\t\t\t'&:hover td:after': {\n\t\t\t\t\t\tbackgroundColor: 'transparent' // Removes the grey background applied via :after\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t\tonColumnOrderChange: (colOrder: any) => {\n\t\t\tif (handleColumnOrdering) handleColumnOrdering(colOrder);\n\t\t},\n\t\tonColumnSizingChange: setColumnSizing,\n    onColumnSizingInfoChange: setColumnSizingInfo,\n\n\t\trenderEmptyRowsFallback: () => (\n\t\t\t<Box className='no-data'>\n\t\t\t\t<img src={images.common.tableNoData} />\n\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t{/* sx={{ textAlign: 'center', pb: 4.75, pt: 4.75 }}> */}\n\t\t\t\t\t{t('common.noData')}\n\t\t\t\t</Typography>\n\t\t\t</Box>\n\t\t),\n\n\t\t// pagination\n\t\tenablePagination: enablePagination,\n\t\tpaginationDisplayMode: 'pages',\n\t\tmuiPaginationProps: {\n\t\t\tshape: 'rounded',\n\t\t\tpage: pageNo, // current page number\n\t\t\tcount: totalPages, // total pages\n\t\t\tshowRowsPerPage: false, // Hide rows per page options\n\t\t\tboundaryCount: 3\n\t\t},\n\n\t\tmuiEditTextFieldProps: ({ row, column }) => ({\n\t\t\tInputProps: {\n\t\t\t\tdisableUnderline: true\n\t\t\t},\n\t\t\tonBlur: (e) => {\n\t\t\t\tupdateData(e.target.value, column, row.id);\n\t\t\t},\n\t\t\t// onChange: (e) => {\n\t\t\t// \tupdateData(e.target.value, column, row.id);\n\t\t\t// },\n\t\t\tvariant: 'outlined',\n\t\t\tsx: ({ palette }) => ({\n\t\t\t\t'& .MuiOutlinedInput-root': {\n\t\t\t\t\t'& fieldset': {\n\t\t\t\t\t\tborderColor: `${palette.theme?.primary[700]} !important`\n\t\t\t\t\t\t// backgroundColor: palette.theme?.primary[700]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}),\n\n\t\t/* Table loader style */\n\t\tmuiCircularProgressProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: '#289B64'\n\t\t\t}\n\t\t},\n\n\t\t// Table header cell default styles\n\t\tmuiTableHeadCellProps: {\n\t\t\tsx: {\n\t\t\t\tlineHeight: '140%',\n\t\t\t\tletterSpacing: '-0.28px',\n\t\t\t\tfontWeight: '500',\n\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t'& .Mui-TableHeadCell-Content': {\n\t\t\t\t\theight: '100%'\n\t\t\t\t},\n\t\t\t\t'& .Mui-TableHeadCell-Content-Labels': {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tjustifyContent: 'space-between'\n\t\t\t\t},\n\t\t\t\t'&.pinned-column': {\n\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t},\n\t\t\t\t'& .Mui-TableHeadCell-ResizeHandle-Wrapper': {\n\t\t\t\t\tpadding: 0,\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\tright: '-5px',\n\t\t\t\t\topacity: 0\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\n\t\t// Table body cell default styles\n\t\tmuiTableBodyProps: {\n\t\t\tsx:{\n\t\t\t\tzIndex: 500\n\t\t\t}\n\t\t},\n\t\tmuiTableHeadProps: {\n\t\t\tsx:{\n\t\t\t\tzIndex: 600\n\t\t\t}\n\t\t},\n\t\tmuiTableBodyCellProps: (/* { cell, column, table , row } */) => ({\n\t\t\tsx: {\n\t\t\t\tlineHeight: '140%',\n\t\t\t\tletterSpacing: '-0.26px',\n\t\t\t\tfontWeight: '400',\n\t\t\t\tfontSize: '0.8125rem',\n\t\t\t\t'&.pinned-column': {\n\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t},\n\t\t\t\t'&:hover': {\n\t\t\t\t\tbackgroundColor: 'transparent' // Removes hover effect globally\n\t\t\t\t}\n\t\t\t}\n\t\t\t// onClick: () => {\n\t\t\t// \ttable.setEditingCell(cell); //set editing cell\n\t\t\t// \tqueueMicrotask(() => {\n\t\t\t// \t\tconst textField = table.refs.editInputRefs.current[column.id];\n\t\t\t// \t\tif (textField) {\n\t\t\t// \t\t\ttextField.focus();\n\t\t\t// \t\t\ttextField.select?.();\n\t\t\t// \t\t}\n\t\t\t// \t});\n\t\t\t// }\n\t\t\t// onKeyDown: (event) => {\n\t\t\t// \tif (event.key === 'Tab') {\n\t\t\t// \t\ttry {\n\t\t\t// \t\t\t\t// if (column.columnDef.editVariant === 'select') {\n\t\t\t// \t\t\t\t// \ttable.refs.editInputRefs.current[column.id]?.node?.blur();\n\t\t\t// \t\t\t\t// } else {\n\t\t\t// \t\t\t\t// \ttable.refs.editInputRefs.current[column.id].blur();\n\t\t\t// \t\t\t\t// }\n\n\t\t\t// \t\t\tconst rowIdx = row.index;\n\t\t\t// \t\t\tconst colIdx = columns.findIndex(\n\t\t\t// \t\t\t\t(col) => col.accessorKey === column.id\n\t\t\t// \t\t\t);\n\t\t\t// \t\t\tconst newColIdx = colIdx + 1;\n\t\t\t// \t\t\tconst clm = columns[newColIdx];\n\t\t\t// \t\t\tconst nextCell = row\n\t\t\t// \t\t\t\t.getAllCells()\n\t\t\t// \t\t\t\t.find((cl) => (cl.id = `${rowIdx}_${clm.accessorKey}`));\n\n\t\t\t// \t\t\tif (nextCell) {\n\t\t\t// \t\t\t\t// updateData(event.target.value, column, row.id);\n\t\t\t// \t\t\t\ttable.setEditingCell(nextCell);\n\t\t\t// \t\t\t\tqueueMicrotask(() => {\n\t\t\t// \t\t\t\t\tconst textField = table.refs.editInputRefs.current[column.id];\n\t\t\t// \t\t\t\t\tif (textField) {\n\t\t\t// \t\t\t\t\t\ttextField.focus();\n\t\t\t// \t\t\t\t\t\ttextField.select?.();\n\t\t\t// \t\t\t\t\t}\n\t\t\t// \t\t\t\t});\n\t\t\t// \t\t\t}\n\t\t\t// \t\t} catch (error) {\n\t\t\t// \t\t}\n\t\t\t// \t}\n\t\t\t// },\n\t\t\t// onBlur: () => {\n\t\t\t// \ttable.setEditingCell(null);\n\t\t\t// }\n\t\t}),\n\n\t\t// Checkbox styling\n\t\tmuiSelectCheckboxProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: 'theme.secondary.300',\n\t\t\t\t'&.Mui-checked': {\n\t\t\t\t\tcolor: 'theme.primary.600',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tcolor: 'theme.primary.500'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'&.Mui-disabled': {\n\t\t\t\t\tcolor: 'theme.secondary.200'\n\t\t\t\t}\n\t\t\t},\n\t\t\ticon: <RecgtangleIcon sx={{ width: 20, height: 20 }} />,\n\t\t\tcheckedIcon: <CheckBoxIcon sx={{ width: 20, height: 20 }} />\n\t\t},\n\t\tmuiSelectAllCheckboxProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: 'theme.secondary.300',\n\t\t\t\t'&.Mui-checked': {\n\t\t\t\t\tcolor: 'theme.primary.600',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tcolor: 'theme.primary.500'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'&.Mui-disabled': {\n\t\t\t\t\tcolor: 'theme.secondary.600'\n\t\t\t\t}\n\t\t\t},\n\t\t\ticon: <RecgtangleIcon sx={{ width: 20, height: 20 }} />,\n\t\t\tcheckedIcon: <CheckBoxIcon sx={{ width: 20, height: 20 }} />\n\t\t},\n\t\tmuiBottomToolbarProps: {\n\t\t\tsx: {\n\t\t\t\tboxShadow: 'none',\n\t\t\t\t'& .MuiBox-root': {\n\t\t\t\t\tpaddingLeft: 0\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tlayoutMode: 'grid',\n\t\ticons: {\n\t\t\tArrowDownwardIcon: (props: SvgIconProps) => (\n\t\t\t\t<ArrowUpDown fontSize='medium' {...props} />\n\t\t\t),\n\t\t\tSortIcon: (props: SvgIconProps) => (\n\t\t\t\t<ArrowUpDown fontSize='medium' {...props} />\n\t\t\t),\n\t\t\tSyncAltIcon: () => <ArrowUpDown fontSize='medium' />,\n\t\t\tCancelIcon: (props: SvgIconProps) => (\n\t\t\t\t<Close fontSize='small' {...props} sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t),\n\t\t\tSaveIcon: (props: SvgIconProps) => (\n\t\t\t\t<Save {...props} fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t)\n\t\t},\n\t\t\n\t\t...rest\n\t});\n\n\tuseEffect(() => {\n\t\tif (enableRowSelection) {\n\t\t\tif (table?.getSelectedRowModel()?.rows) {\n\t\t\t\tSetSelectedRowId?.(table?.getSelectedRowModel()?.rows);\n\t\t\t}\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [enableRowSelection]);\n\n\tuseEffect(() => {\n\t\tif (onSelectRow) {\n\t\t\tif(rest?.enableExpanding) {\n\t\t\t\tconst selectedRowModels: any[] = [];\n\t\t\t\tconst selection = table.getState().rowSelection; // e.g., { 0.0: true }\n\t\t\t\tconst traverseRows = (rows, parentKey = '') => {\n\t\t\t\t\trows.forEach((row, index) => {\n\t\t\t\t\t\tconst rowKey = parentKey ? `${parentKey}.${index}` : `${row.id}`;\n\t\t\t\t\t\tif (selection[rowKey]) {\n\t\t\t\t\t\t\tselectedRowModels.push(row);\n\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t// Check for sub-rows and traverse further\n\t\t\t\t\t\tif (row.subRows?.length) {\n\t\t\t\t\t\t\ttraverseRows(row.subRows, rowKey);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t};\n\t\n\t\t\t\ttraverseRows(table.getRowModel().rows);\n\t\t\t\tonSelectRow(selectedRowModels, rowSelection);\n\t\t\t} else{\n\t\t\t\tonSelectRow(table.getSelectedRowModel().rows, rowSelection);\n\t\t\t}\n\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [rowSelection, table]);\n\n\t// useEffect(() => {\n\t// \tconst relativeContainer = document.getElementsByClassName(\n\t// \t\t'MuiTableContainer-root'\n\t// \t)[0];\n\t// \tconst fixedElement = document.getElementsByClassName('no-data')[0];\n\t// \trelativeContainer.addEventListener('scroll', () => {\n\t// \t\tconst scrollLeft = relativeContainer.scrollLeft;\n\t// \t\tfixedElement.style.left = `${scrollLeft + 100}px`;\n\t// \t});\n\t// }, []);\n\n\tuseEffect(() => {\n\t\tif (isResetRow) {\n\t\t\ttable?.resetRowSelection();\n\t\t}\n\t}, [isResetRow, table]);\n\treturn (\n\t\t<TableWrapper className='MRT-TableWrapper custom-table'>\n\t\t\t<MaterialReactTable   table={table} />\n\n\t\t\t<Menu\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={Boolean(anchorEl)}\n\t\t\t\tonClose={handleHeaderClose}\n\t\t\t\tclassName='add-role-drp'>\n\t\t\t\t{popUpShow ? (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={handleBackButtonClick}\n\t\t\t\t\t\t\tclassName='role-drp-list add-column-title'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<ChevronLeftIcon />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addColumn_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t<div className='searchbar-box-list'>\n\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\tplaceholder={'Search User'}\n\t\t\t\t\t\t\t\thandleSearch={(e) => handleSearchEvent(e)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className='all-attribute-title'>\n\t\t\t\t\t\t\t<Typography variant='body2' color='text.secondary'>\n\t\t\t\t\t\t\t\t{t('common.allAttributes_label')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{filteredOptions.map((column: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={column.accessorKey}\n\t\t\t\t\t\t\t\tonClick={() => handleAddColumn(column)}>\n\t\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s3'>\n\t\t\t\t\t\t\t\t\t{column.header}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t{\n\t\t\t\t\t\tenableAddCustomField &&<MenuItem onClick={handleCustomAddColumn} className='role-drp-list'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<img src={images.common.addIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addCustomField_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t</MenuItem>\n                       }\n\t\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{visibleColumns.map((column: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={column.accessorKey}\n\t\t\t\t\t\t\t\tonClick={() => handleVisibleColumn(column)}\n\t\t\t\t\t\t\t\tclassName='role-drp-list'>\n\t\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t\t<img src={images.common.dotsIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t\t<ListItemText className='title'>{column.header}</ListItemText>\n\t\t\t\t\t\t\t\t<ListItemIcon className='eye-icon'>\n\t\t\t\t\t\t\t\t\t<img src={images.common.eyeIcon} alt='Eye Icon' />\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t<MenuItem onClick={handleAddButtonClick} className='role-drp-list'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<img src={images.common.addIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addColumn_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tvariant='body2'\n\t\t\t\t\t\t\t\tcolor='text.secondary'\n\t\t\t\t\t\t\t\tclassName='eye-icon'>\n\t\t\t\t\t\t\t\t<ChevronRightIcon sx={{ fontSize: '1.25rem !important'}}/>\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Menu>\n\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={handleActionsClose}>\n\t\t\t\t{rowActionMenu?.map((option: any) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\t(option.label === 'Move' &&\n\t\t\t\t\t\t\t(row?.is_directory === true || row?.is_directory === 1)) ||\n\t\t\t\t\t\t(option.label === 'Download' &&\n\t\t\t\t\t\t\t(row?.is_directory === true ||\n\t\t\t\t\t\t\t\trow?.is_directory === 1 ||\n\t\t\t\t\t\t\t\trow?.drive?.is_directory === true ||\n\t\t\t\t\t\t\t\trow?.drive?.is_directory === 1))\n\t\t\t\t\t) {\n\t\t\t\t\t\t// return null;\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\t\tawait option.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t? option.disabled(row)\n\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t} \n\t\t\t\t\t\t\tsx={{ alignItems:'center', gap: 0.5 }} \n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option?.icon}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{typeof option.label === 'function'?option.label(row):option.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{destructiveActionMenu?.length > 0 &&\n\t\t\t\t<>\n\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t<div className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t\t{destructiveActionMenu?.map((option: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\toption.handleAction(row);\n\t\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t\t? option.disabled(row)\n\t\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{typeof option.label === 'function'?option.label(row):option.label}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t\t}\n\t\t\t</Menu>\n\t\t\t<ConfirmPopUp\n\t\t\t\topen={Boolean(rowToDelete)}\n\t\t\t\tonClose={() => setRowToDelete(null)}\n\t\t\t\tonConfirm={() => handleRowDelete()}\n\t\t\t\ttitle='Delete Item'\n\t\t\t\tdescription={`Are you sure you want to delete entry ?`}\n\t\t\t\tloading={isDeletingRow}\n\t\t\t/>\n\t\t</TableWrapper>\n\t);\n});\n\nexport default MaterialTable;"],"names":["TableWrapper","styled","Box","theme","palette","border","borderBottom","borderLeft","padding","lineHeight","fontSize","minHeight","backgroundColor","_a","secondary","maxHeight","boxShadow","_b","primary","color","_c","_d","height","width","MaterialTable","React","memo","enablePagination","rows","columns","totalPages","paginationModel","columnOrder","updateData","handleColumnOrdering","enableEditing","enableColumnDragging","states","rowActionMenu","destructiveActionMenu","disableDefaultActionColumn","enableRowSelection","defaultActionColumnItems","enableBottomToolbar","SetSelectedRowId","isResetRow","onCreateRow","onEditRow","onDeleteRow","editDisplayMode","enableRowCreate","onChangeRowField","onSelectRow","enableColumnResizing","selectedRowIds","onColumnVisibility","onSortingChange","getSelectedData","disabledDefaultActionColumnIcon","enableAddCustomField","enableRowDragging","handleColumnResizing","columnSizes","rest","t","useTranslation","formData","updatePageInfo","activePage","aPage","usePages","useDeepMemo","pageNo","row","setRow","useState","tableColumns","setTableColumns","anchorEl","setAnchorEl","popUpShow","setPopupShow","rowAnchorEl","setRowAnchorEl","visibleColumns","filter","column","visible","hiddenColumns","filteredOptions","setFilteredOptions","selectedRow","setSelectedRow","validationErrors","setValidationErrors","validationSchema","setValidationSchema","isCreatingRow","setIsCreatingRow","isEditingRow","setIsEditingRow","isDeletingRow","setIsDeletingRow","rowToDelete","setRowToDelete","rowSelection","setRowSelection","isChecked","setIsChecked","sorting","setSorting","disableNextEdit","setDisableNextEdit","columnSizing","setColumnSizing","column_sizes","columnSizingInfo","setColumnSizingInfo","columnSizingStart","deltaOffset","deltaPercentage","isResizingColumn","startOffset","startSize","navigate","useNavigate","currentModule","location","pathname","split","redirectionPath","PathnameAccounting","CUSTOM_FORM","PathnameInventory","PathnameManufacturing","PathnamePurchase","PathnameCrm","PathnameUsers","PathnameRental","PathnameDocument","ADD_CUSTOM_FIELDS","path","validationReducer","validations","validation","vld","type","value","required","msg_en","typeError","editProperties","is_multiple","min","email","max","test","when","relation","is","val","values","then","thenValidations","reduce","otherwise","otherWiseValidations","editVariant","trim","length","useEffect","schema","forEach","clm","fieldValidations","yup","array","string","number","nullable","transform","originalValue","matches","excludeEmptyString","message","getValidationType","accessorKey","generateValidationSchema","object","shape","handleHeaderClick","event","currentTarget","formtValues","cells","v","Object","keys","vl","cell","find","c","File","name","dayjs","format","dateFormat","checkRequired","useCallback","some","selectedRows","includes","id","Function","sortingArray","Array","isArray","resetRowSelection","getTextWidth","text","ctx","document","createElement","getContext","measureText","table","useMaterialReactTable","defaultColumn","minSize","size","map","header","Math","String","Edit","jsx","InlineEditFields","col","callback","s","errors","Header","jsxs","display","alignItems","children","Typography","maxSize","IconButton","sx","p","onClick","src","images","common","arrowIcon","alt","muiTableHeadCellProps","className","muiTableBodyCellProps","Cell","props","item","updatedProps","cloneElement","e","handleActionsClick","data","original","disabled","more","muiTablePaperProps","tableLayout","columnResizeMode","onEditingRowSave","async","validate","abortEarly","getAllCells","columnDef","_valuesCache","setEditingRow","err","ValidationError","inner","error","Error","enqueueSnackbar","variant","onCreatingRowSave","setCreatingRow","onCreatingRowCancel","onEditingRowCancel","displayColumnDefOptions","gap","onKeyUp","renderRowActions","Fragment","enableExpanding","parentId","Tooltip","title","Trash","Boolean","renderBottomToolbarCustomActions","Button","startIcon","Add","onRowSelectionChange","enableColumnOrdering","createDisplayMode","enableTopToolbar","enableColumnActions","enableSorting","enableGrouping","enableStickyHeader","enableSortingRemoval","state","columnPinning","left","isSaving","showProgressBars","getRowId","muiTableBodyRowProps","editingRowId","getState","editingRow","creatingRow","isErrorRow","has_error","handleRowClick","rowId","cursor","onColumnOrderChange","colOrder","onColumnSizingChange","onColumnSizingInfoChange","renderEmptyRowsFallback","tableNoData","weight","paginationDisplayMode","muiPaginationProps","page","count","showRowsPerPage","boundaryCount","muiEditTextFieldProps","InputProps","disableUnderline","onBlur","target","borderColor","muiCircularProgressProps","letterSpacing","fontWeight","justifyContent","margin","right","opacity","muiTableBodyProps","zIndex","muiTableHeadProps","muiSelectCheckboxProps","icon","RecgtangleIcon","checkedIcon","CheckBoxIcon","muiSelectAllCheckboxProps","muiBottomToolbarProps","paddingLeft","layoutMode","icons","ArrowDownwardIcon","ArrowUpDown","SortIcon","SyncAltIcon","CancelIcon","Close","SaveIcon","Save","getSelectedRowModel","selectedRowModels","selection","traverseRows","parentKey","index","rowKey","push","subRows","getRowModel","MaterialReactTable","Menu","open","onClose","MenuItem","ListItemIcon","ChevronLeftIcon","ListItemText","Divider","flexItem","mt","mb","SearchBar","placeholder","handleSearch","searchQuery","filteredColumns","option","toLowerCase","handleSearchEvent","updatedColumns","JSON","parse","stringify","updatedFilteredOptions","handleAddColumn","addIcon","handleVisibleColumn","dotsIcon","eyeIcon","ChevronRightIcon","handleAction","label","ConfirmPopUp","onConfirm","handleRowDelete","description","loading"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/material-table/material-table.tsx"],"sourcesContent":["/* eslint-disable unused-imports/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-mixed-spaces-and-tabs */\nimport React, { cloneElement, useCallback, useEffect, useState } from 'react';\nimport {\n\tMRT_ColumnDef,\n\tMRT_ColumnSizingInfoState,\n\tMRT_ColumnSizingState,\n\tMRT_Header,\n\tMRT_Row,\n\tMRT_RowData,\n\tMRT_RowSelectionState,\n\tMRT_SortingState,\n\tMRT_TableInstance,\n\tMRT_TableState,\n\tMaterialReactTable,\n\tMaterialReactTableProps,\n\tuseMaterialReactTable,\n\t// Cell\n} from 'material-react-table';\nimport { IPaginationModel } from '../../@types/pagination-model';\nimport {\n\tBox,\n\tstyled,\n\tMenuItem,\n\tIconButton,\n\tListItemIcon,\n\tListItemText,\n\tSvgIconProps,\n\tDivider\n} from '@mui/material';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport Menu from '../menu/menu';\nimport Typography from '../typography/typography';\nimport SearchBar from '../search-bar/search-bar';\nimport images from '../../assets/images';\n// import DeleteIcon from \"@mui/icons-material/Delete\";\n// import UpdateIcon from \"@mui/icons-material/Update\";\n// import PlayIcon from \"@mui/icons-material/PlayArrow\";\n\nimport './material-table.scss';\nimport {\n\tArrowUpDown,\n\tCheckBoxIcon,\n\tClose,\n\tEdit,\n\tRecgtangleIcon,\n\tSave,\n\tTrash\n} from '../icons';\n// import {\n// \tArrowDropDown /* , SaveOutlined */,\n// \tArrowDropUp\n// } from '@mui/icons-material';\nimport InlineEditFields from './components/inline-edit-fields';\nimport Tooltip from '../tooltip/Tooltip';\nimport Button from '../button/button';\nimport Add from '@mui/icons-material/Add';\nimport dayjs from 'dayjs';\nimport * as yup from 'yup';\nimport ConfirmPopUp from '../confirm-modal/confirm-modal';\nimport { useTranslation } from 'react-i18next';\nimport { enqueueSnackbar } from 'notistack';\nimport { usePages } from '../../hooks/use-pages';\nimport { useNavigate } from 'react-router-dom';\n// Module-specific pathname imports removed - should be passed as props or configured by consuming app\n// import { PathnameAccounting } from 'accounting/src/pathname.accounting';\n// import { PathnameInventory } from 'inventory/src/pathname.inventory';\n// import { PathnameManufacturing } from 'manufacturing/src/pathname.manufacturing';\n// import { PathnamePurchase } from 'procurement/src/pathname.procurement';\n// import { PathnameCrm } from 'crm/src/pathname.crm';\n// import { PathnameUsers } from 'user/src/pathname.user';\n// import { PathnameRental } from '../../../../rental/src/pathname.rental';\nimport { PathnameDocument } from '../../constants/pathnames/pathname.document';\nimport { PathnameAccounting } from '../../constants/pathnames/pathname.accounting';\nimport { PathnameInventory } from '../../constants/pathnames/pathname.inventory';\nimport { PathnameManufacturing } from '../../constants/pathnames/pathname.manufacturing';\nimport { PathnamePurchase } from '../../constants/pathnames/pathname.procurement';\nimport { PathnameCrm } from '../../constants/pathnames/pathname.crm';\nimport { PathnameUsers } from '../../constants/pathnames/pathname.user';\nimport { PathnameRental } from '../../constants/pathnames/pathname.rental';\nimport useDeepMemo from '../../hooks/use-deep-memo';\nimport { PageState } from '../../contexts/page-context';\n\ntype ExtraEditVariants =\n\t| 'file'\n\t| 'image'\n\t| 'date'\n\t| 'number'\n\t| 'time'\n\t| 'date_time'\n\t| 'phone'\n\t| 'checkbox';\n\ntype DisableFunction = (row: any, virtualRow?: any) => boolean;\n\nexport type TypeBooleanLabels = { 1: string; 0: string; true: string; false: string }\n\nexport interface MaterialTableColumnProps\n\textends Omit<MRT_ColumnDef<MRT_RowData>, 'editVariant'> {\n\tvisible?: boolean;\n\ttype?: string;\n\tshowDefaultCurrency?:boolean,\n\tvalueGet?: string;\n\tcustom_class?:string;\n\ttypeArrayAccessorKey?: string; //when type is an array of object\n\ttypeBooleanLabels?: TypeBooleanLabels; //when type is an boolean\n\teditVariant?: MRT_ColumnDef<MRT_RowData>['editVariant'] | ExtraEditVariants;\n\teditProperties?: {\n\t\tfield_name?: string;\n\t\tvalueKey?: string;\n\t\tplaceholder?: string;\n\t\tdateFormat?: string;\n\t\tvalidations?: any[];\n\t\tis_multiple?: boolean;\n\t\tis_multiline?: boolean;\n\t\tdisable?: boolean | DisableFunction;\n\t};\n\tredirectionPathWithId?: string;\n\n\tidField?: string;\n}\n\n\n\nexport interface MaterialTableColumnHeaderProps {\n\tcolumn: MRT_ColumnDef<any, any>;\n\theader: MRT_Header<any>;\n\ttable: MRT_TableInstance<any>;\n}\n\ntype rowSelectionCallback = (row: MRT_Row<any>) => boolean\n\ninterface MaterialTablePropsType {\n\tenablePagination?: boolean;\n\trows: any;\n\ttotalPages: number;\n\tcolumns: any;\n\tpaginationModel: IPaginationModel;\n\tcolumnOrder?: string[];\n\tupdateData?: any;\n\thandleColumnOrdering?: (colOrder: any) => void;\n\tenableEditing?: boolean;\n\tenableColumnDragging?: boolean;\n\trowActionMenu?: any;\n\tdestructiveActionMenu?: any;\n\tgetRowId?: any;\n\tstates?: Partial<MRT_TableState<any>>;\n\tonSortingChange?: any;\n\tdisableDefaultActionColumn?: boolean;\n\tenableRowSelection?: boolean | rowSelectionCallback;\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tenableBottomToolbar?: boolean;\n\tSetSelectedRowId?: any;\n\tisResetRow?: boolean;\n\tonCreateRow?: (data: any) => Promise<unknown>;\n\tonEditRow?: (data: any) => Promise<unknown>;\n\tonDeleteRow?: (data: any) => Promise<unknown>;\n\teditDisplayMode?: MaterialReactTableProps<any>['editDisplayMode'];\n\tenableRowCreate?: boolean;\n\tonChangeRowField?: (e: any, type: string, row: any) => void;\n\tonSelectRow?: (rows: any, prevSelected?:any) => any;\n\tenableColumnResizing?: boolean;\n\tselectedRowIds?: any[];\n\tonColumnVisibility?:(columns:MaterialTableColumnProps[]) => void\n\tgetSelectedData:any;\n\tenableAddCustomField?:boolean;\n\tdisabledDefaultActionColumnIcon?:boolean\n\tenableRowDragging?:boolean\n\thandleColumnResizing?: (sizes: MRT_ColumnSizingState) => void,\n\tcolumnSizes?: MRT_ColumnSizingState,\n}\n\nconst TableWrapper = styled(Box)(({ theme: { palette } }) => ({\n\t'.MuiTableCell-root': {\n\t\tborder: '1px solid #efefef',\n\t\tborderBottom: 0,\n\t\tborderLeft: 0,\n\t\tpadding: '0.19rem 0.5rem',\n\t\tlineHeight: '19px',\n\t\tfontSize: '14px',\n\t\tminHeight: 40,\n\t\t// '&:first-child': {\n\t\t// \tborderLeft: '1px solid #efefef'\n\t\t// },\n\t\t// '&:last-child': {\n\t\t// \tborderBottom: '1px solid #efefef'\n\t\t// }\n\n\t},\n\t'.MuiTableCell-head': {\n\t\tbackgroundColor: palette.theme?.secondary[100]\n\t},\n\t'.MuiTableContainer-root': {\n\t\tmaxHeight: 'clamp(350px, 100vh - 200px, 9999px) !important',\n\t\t},\n\n\t'.MuiPaper-root': {\n\t\tboxShadow: 'none',\n\n\t},\n\t'.MuiPaginationItem-root': {\n\t\t'&.Mui-selected': {\n\t\t\tbackgroundColor: palette?.theme?.primary[700],\n\t\t\tcolor: 'white'\n\t\t}\n\t},\n\t'.MuiTableRow-root': {\n\t\t'&.Mui-selected': {\n\t\t\tbackgroundColor: `${palette?.theme?.primary[100]} !important`,\n\t\t\tcolor: 'white'\n\t\t}\n\t},\n\t'.MuiCheckbox-indeterminate': {\n\t\tcolor: `${palette?.theme?.primary[700]} !important`,\n\t\t\"& svg\" : {\n\t\t\theight: `20px !important`,\n\t\t\twidth: `20px !important`,\n\t\t}\n\t}\n}));\n\nexport const MaterialTable = React.memo(({\n\tenablePagination = false,\n\trows,\n\tcolumns,\n\ttotalPages,\n\tpaginationModel,\n\tcolumnOrder,\n\tupdateData,\n\thandleColumnOrdering,\n\tenableEditing,\n\tenableColumnDragging,\n\tstates,\n\trowActionMenu,\n\tdestructiveActionMenu,\n\tdisableDefaultActionColumn,\n\tenableRowSelection,\n\tdefaultActionColumnItems = [],\n\tenableBottomToolbar,\n\tSetSelectedRowId,\n\tisResetRow,\n\tonCreateRow,\n\tonEditRow,\n\tonDeleteRow,\n\teditDisplayMode,\n\tenableRowCreate,\n\tonChangeRowField,\n\tonSelectRow,\n\tenableColumnResizing = true,\n\tselectedRowIds = [],\n\tonColumnVisibility,\n\tonSortingChange,\n\tgetSelectedData,\n\tdisabledDefaultActionColumnIcon = false,\n\tenableAddCustomField=true,\n\tenableRowDragging = false,\n\thandleColumnResizing = () => {},\n\tcolumnSizes = {},\n\t// eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n\t// getRowId,\n\t// onDelete,\n\t// onUpdate,\n\t...rest\n}: MaterialTablePropsType) => {\n\tconst { t } = useTranslation();\n\tconst { formData = null, updatePageInfo, activePage: aPage } = usePages()\n\tconst activePage = useDeepMemo<PageState>(aPage);\n\tconst { pageNo } = paginationModel;\n\tconst [row, setRow] = useState({});\n\tconst [tableColumns, setTableColumns] = useState(columns);\n\tconst [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\tconst [popUpShow, setPopupShow] = useState<boolean>(false);\n\tconst [rowAnchorEl, setRowAnchorEl] = useState<null | HTMLElement>(null);\n\tconst visibleColumns = tableColumns.filter((column: any) => column.visible);\n\tconst hiddenColumns = tableColumns.filter((column: any) => !column.visible);\n\tconst [filteredOptions, setFilteredOptions] = useState(hiddenColumns);\n\tconst [selectedRow, setSelectedRow] = useState<number | null>(null);\n\tconst [validationErrors, setValidationErrors] = useState<any>({});\n\tconst [validationSchema, setValidationSchema] = useState<any>([]);\n\tconst [isCreatingRow, setIsCreatingRow] = useState<boolean>(false);\n\tconst [isEditingRow, setIsEditingRow] = useState<boolean>(false);\n\tconst [isDeletingRow, setIsDeletingRow] = useState<boolean>(false);\n\tconst [rowToDelete, setRowToDelete] = useState<any>(null);\n\tconst [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\tconst [isChecked, setIsChecked] = useState(false)\n\tconst [sorting, setSorting] = useState<MRT_SortingState>([]);\n\tconst [disableNextEdit, setDisableNextEdit] = useState(false);\n\tconst [columnSizing, setColumnSizing] = useState<MRT_ColumnSizingState>(activePage.column_sizes);\n\tconst [columnSizingInfo, setColumnSizingInfo] = useState<MRT_ColumnSizingInfoState>({\n\t\tcolumnSizingStart: [],\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    startOffset: null,\n    startSize: null\n\t});\n\n\tconst navigate=useNavigate();\n\t const currentModule = location.pathname.split('/')[2]\n\t\n\t  let redirectionPath = ''\n\t  switch (currentModule) {\n\t\tcase 'accounting':\n\t\t  redirectionPath = PathnameAccounting.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'inventory':\n\t\t  redirectionPath = PathnameInventory.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'manufacturing':\n\t\n\t\t  redirectionPath = PathnameManufacturing.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'procurement':\n\t\t  redirectionPath  = PathnamePurchase.CUSTOM_FORM\n\t\t  break;\n\t\tcase 'crm':\n\t\t  redirectionPath  = PathnameCrm.CUSTOM_FORM\n\t\t  break;\n\t\t  case 'user':\n\t\t  redirectionPath  = PathnameUsers.CUSTOM_FORM\n\t\t  break;\n\tcase 'rental':\n\t\t  redirectionPath  = PathnameRental.CUSTOM_FORM\n\t\t  break;\n\t\t  case 'drive':\n\t\t  redirectionPath  = PathnameDocument.ADD_CUSTOM_FIELDS\n\t\t  break;\n\t  }\n\t const path = `/dashboard/${currentModule}${redirectionPath}`\n\tconst getValidationType = (column: any) => {\n\t\tswitch (column.editVariant) {\n\t\t\tcase 'select':\n\t\t\t\treturn column?.editProperties?.is_multiple ? yup.array() : yup.string();\n\n\t\t\tcase 'number':\n\t\t\t\treturn yup.number().nullable().transform((value, originalValue) => (originalValue === \"\" ? null : value));\n\n\t\t\tcase 'url':\n\t\t\t\treturn yup\n\t\t\t\t\t.string()\n\t\t\t\t\t.matches(\n\t\t\t\t\t\t/^(https?:\\/\\/)?((([a-zA-Z0-9_-]+\\.)+[a-zA-Z]{2,})|localhost)(:\\d{2,5})?(\\/[a-zA-Z0-9#_-]+\\/?)*(\\?[a-zA-Z0-9&=_-]+)?(#\\S+)?$/,\n\t\t\t\t\t\t{ excludeEmptyString: true, message: 'Please enter valid URL.' }\n\t\t\t\t\t);\n\n\t\t\tdefault:\n\t\t\t\treturn yup.string()\n\t\t}\n\t};\n\n\tconst validationReducer = (\n\t\tvalidations: any,\n\t\tvalidation: any,\n\t\tcolumn: any\n\t) => {\n\t\tlet vld = validations\n\t\tswitch (validation.type) {\n\t\t\tcase 'required':\n\t\t\t\tvld = validation.value\n\t\t\t\t\t? validations.required(validation.msg_en).typeError(validation.msg_en)\n\t\t\t\t\t: column?.editProperties?.is_multiple\n\t\t\t\t\t\t? validations.min(1, validation.msg_en)\n\t\t\t\t\t\t: validations;\n\t\t\t\t\t\tbreak\n\t\t\tcase 'min':\n\t\t\t\tvld = validations.min(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'email':\n\t\t\t\tvld = validations.email(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'max':\n\t\t\t\tvld = validations.max(validation.value, validation.msg_en);\n\t\t\t\tbreak\n\t\t\tcase 'positive':\n\t\t\t\tvld = validation.value === true ? validations.test('is-positive-number', 'Value must be a positive number', (value) => !value || value >= 0) : validations;\n\t\t\t\tbreak\n\t\t\tcase 'when':\n\t\t\t\treturn validations.when(validation.relation, {\n\t\t\t\t\tis: (val: any) => val === validation.values,\n\t\t\t\t\tthen: () =>\n\t\t\t\t\t\tvalidation?.thenValidations?.reduce(\n\t\t\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\t\t\tvalidationReducer(validations, validation, column),\n\t\t\t\t\t\t\tvalidations\n\t\t\t\t\t\t) || validations,\n\t\t\t\t\totherwise: () =>\n\t\t\t\t\t\tvalidation?.otherWiseValidations?.reduce(\n\t\t\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\t\t\tvalidationReducer(validations, validation, column),\n\t\t\t\t\t\t\tvalidations\n\t\t\t\t\t\t) || validations\n\t\t\t\t});\n\t\t\t// Add more cases for other validation types as needed\n\t\t\tdefault:\n\t\t\t\tvld = validations;\n\t\t\t\tbreak\n\t\t}\n\n\t\tif(validation.type == 'required' && validation.value && (!column?.editVariant || column?.editVariant == 'text')) {\n\t\t\tvld = validations.test('no-blank-spaces', 'Blank space is not allowed', (value) => {\n\t\t\t\treturn value && value.trim()?.length > 0;\n\t\t\t})\n\t\t}\n\n\t\treturn vld\n\t\t\n\t};\n\n\n\tconst generateValidationSchema = (columns: any[]) => {\n\t\tconst schema: any = {};\n\t\tcolumns.forEach((clm) => {\n\t\t\tif (clm?.editProperties?.validations?.length) {\n\t\t\t\tconst fieldValidations = clm?.editProperties?.validations.reduce(\n\t\t\t\t\t(validations: any, validation: any) =>\n\t\t\t\t\t\tvalidationReducer(validations, validation, clm),\n\t\t\t\t\tgetValidationType(clm)\n\t\t\t\t);\n\t\t\t\tschema[clm.accessorKey] = fieldValidations;\n\t\t\t}\n\t\t});\n\t\treturn schema;\n\t};\n\n\tuseEffect(() => {\n\t\tsetTableColumns(columns);\n\n\t\tconst schema: any = generateValidationSchema(columns);\n\t\tsetValidationSchema(yup.object().shape(schema));\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [columns]);\n\n\tuseEffect(() => {\n\t\tif(!columnSizingInfo?.isResizingColumn) {\n\t\t\tupdatePageInfo({ column_sizes: {...activePage.column_sizes, ...columnSizing} })\n\t\t\thandleColumnResizing?.(columnSizing)\n\t\t}\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [columnSizingInfo?.isResizingColumn, columnSizing])\n\n\tconst handleHeaderClick = (event: any) => {\n\t\tsetAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleHeaderClose = () => {\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleVisibleColumn = (column: any) => {\n\t\tconst updatedColumns = tableColumns.map((col: any) => ({\n\t\t\t...col,\n\t\t\tvisible: col.accessorKey === column.accessorKey ? false : col.visible\n\t\t}));\n\t\tsetTableColumns(updatedColumns);\n\t\tonColumnVisibility?.(JSON.parse(JSON.stringify(updatedColumns)))\n\t\tsetFilteredOptions([...filteredOptions, column]);\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleAddButtonClick = () => {\n\t\tsetPopupShow(true);\n\t};\n\n\tconst handleBackButtonClick = () => {\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleAddColumn = (column: any) => {\n\t\tconst updatedColumns = tableColumns.map((col: any) => ({\n\t\t\t...col,\n\t\t\tvisible: col.accessorKey === column.accessorKey ? true : col.visible\n\t\t}));\n\t\tonColumnVisibility?.(JSON.parse(JSON.stringify(updatedColumns)))\n\t\tsetTableColumns(updatedColumns);\n\n\t\tconst updatedFilteredOptions = filteredOptions.filter(\n\t\t\t(option: any) => option.accessorKey !== column.accessorKey\n\t\t);\n\t\tsetFilteredOptions(updatedFilteredOptions);\n\t\tsetAnchorEl(null);\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleSearchEvent = (searchQuery: string) => {\n\t\tconst filteredColumns = hiddenColumns.filter((option: any) =>\n\t\t\toption.header.toLowerCase().includes(searchQuery.toLowerCase())\n\t\t);\n\t\tsetFilteredOptions(filteredColumns);\n\t};\n\n\tconst handleCustomAddColumn = () => {\n\t\tnavigate(path, { state: formData })\n\t\tsetAnchorEl(null);\n\t\tsetPopupShow(false);\n\t};\n\n\tconst handleRowClick = (rowId: number) => {\n\t\tsetSelectedRow(rowId); // Update selected row ID when a row is clicked\n\t};\n\n\t// const handleDeleteClick = (event: any, data: any) => {\n\t//   onDelete?.(data.id);\n\t// };\n\t// const handleUpdateClick = (event: any, data: any) => {\n\t//   onUpdate?.(data.id);\n\t// };\n\n\tconst handleActionsClick = (event: any, data: any) => {\n\t\tsetRow(data);\n\t\tsetRowAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleActionsClose = () => {\n\t\tsetRowAnchorEl(null);\n\t};\n\n\tconst formtValues = (values: any, cells: any[]) => {\n\t\tconst v: any = {};\n\t\tObject.keys(values).forEach((vl) => {\n\t\t\tconst val = values[vl];\n\t\t\tv[vl] = val;\n\t\t\tconst cell = cells.find((c) => c.accessorKey == vl);\n\t\t\tif (val) {\n\t\t\t\tif (val instanceof File) {\n\t\t\t\t\tv[vl] = val.name;\n\t\t\t\t}\n\t\t\t\tif (cell && cell?.editVariant == 'date') {\n\t\t\t\t\tv[vl] = dayjs(val).format(cell?.dateFormat || 'DD-MM-YYYY');\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\treturn v;\n\t};\n\n\tconst handleRowDelete = async () => {\n\t\tsetIsDeletingRow(true);\n\t\tif (rowToDelete) {\n\t\t\tawait onDeleteRow?.(rowToDelete);\n\t\t\tsetRowToDelete(null);\n\t\t}\n\t\tsetIsDeletingRow(false);\n\t};\n\n\tconst checkRequired=useCallback((editProperties:any)=>{\n\t\treturn editProperties?.validations?.some((validation:any)=>validation.type === 'required')\n\t},[])\n\tuseEffect(() => {\n\t\tconst selectedRows = {};\n\t\t// Build the selectedRows object\n\t\tif (!isChecked && selectedRowIds.length) {\n\t\t\trows.forEach((row) => {\n\t\t\t\tif (selectedRowIds.includes(row.id)) {\n\t\t\t\t\tselectedRows[row.id] = true;\n\t\t\t\t}\n\t\t\t});\n\t\t\tsetRowSelection(selectedRows);\n\t\t\tsetIsChecked(true)\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [rows, selectedRowIds]); // Dependency only on rows and selectedRowIds\n\n\tuseEffect(() => {\n\t\tif(onSortingChange instanceof Function) {\n\t\t const sortingArray = Array.isArray(sorting) ? sorting : [];\n        onSortingChange(sortingArray[0] || null)\n\t\t}\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t},[sorting])\n\n\n\tconst resetRowSelection = () => {\n\t\tsetRowSelection({});\n\t\tsetDisableNextEdit(false)\n\t}\n\tconst getTextWidth = (text: string) => {\n\tconst canvas = document.createElement(\"canvas\");\n\tconst ctx = canvas.getContext(\"2d\");\n\tif (!ctx) return 50;\n\treturn ctx.measureText(text).width + 5; // padding\n\t}\n\tconst table = useMaterialReactTable({\n\t\t// options:{\n\t\t// \ttableLayout: \"auto\", // 👈 important\n\t\t// \tpadding: \"dense\",\n\t\t// },\n\t\t// columns: visibleColumns,\n\t\tdefaultColumn:{\n    minSize: 0,   // 👈 remove default min width\n    size: undefined,     // 👈 optional, default size\n  },\n\t\tcolumns: [\n\t\t\t...visibleColumns.map((c: any) => {\n\t\t\t\tconst headerWidth = getTextWidth(c.header || '');\n\t\t\t\tconst maxCellWidth = Math.max(\n\t\t\t\t...rows.map(row => getTextWidth(String(row[c.accessorKey] ?? '')))\n\t\t\t\t);\n\t\t\t\tconst finalWidth = Math.max(headerWidth, maxCellWidth);\n\t\t\t\treturn {\n\t\t\t\t\t...c,\n\t\t\t\t\t...(editDisplayMode === 'row'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\tEdit: ({ cell, row, table, column }) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<InlineEditFields\n\t\t\t\t\t\t\t\t\t\tcell={cell}\n\t\t\t\t\t\t\t\t\t\tcolumn={column}\n\t\t\t\t\t\t\t\t\t\tcol={c}\n\t\t\t\t\t\t\t\t\t\trow={row}\n\t\t\t\t\t\t\t\t\t\ttable={table}\n\t\t\t\t\t\t\t\t\t\tcallback={(s) => console.log('Save', s)}\n\t\t\t\t\t\t\t\t\t\terrors={validationErrors}\n\t\t\t\t\t\t\t\t\t\tvalidationSchema={validationSchema}\n\t\t\t\t\t\t\t\t\t\tsetValidationErrors={setValidationErrors}\n\t\t\t\t\t\t\t\t\t\tonChangeRowField={onChangeRowField}\n\t\t\t\t\t\t\t\t\t\tgetSelectedData={(name,row)=>getSelectedData?.(name,row)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}\n\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tHeader: (\n\t\t\t\t\t\t\t<Box display='flex' alignItems='center'>\n\t\t\t\t\t\t\t\t{c.header}\n\t\t\t\t\t\t\t\t{c?.required ||checkRequired(c?.editProperties) && (\n\t\t\t\t\t\t\t\t\t<Typography type='s5' color='theme.error.600'>\n\t\t\t\t\t\t\t\t\t\t*\n\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t),\n\t\t\t\t\tenableColumnDragging: c.id !== 'actions',\n\t\t\t\t\t// cellStyle: { ...c.cellStyle, width: finalWidth },\n      \t\t\t\t// headerStyle: { ...c.headerStyle, width: finalWidth },\n\t\t\t\t\t// size: finalWidth\n\t\t\t\t\tsize: undefined,\n\t\t\t\t\t// minSize: 40,\n\t\t\t\t\tmaxSize: 800,\n\t\t\t\t};\n\t\t\t}),\n\t\t\t...(!disableDefaultActionColumn\n\t\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'actions',\n\t\t\t\t\t\tenableEditing: false,\n\t\t\t\t\t\tsize: defaultActionColumnItems?.length > 1 ? 80 : 50,\n\t\t\t\t\t\theader: (\n\t\t\t\t\t\t\t<IconButton size=\"small\" sx={{ p: 0.5, '&:hover': { backgroundColor: 'transparent' } }} onClick={handleHeaderClick}>\n\t\t\t\t\t\t\t\t<img src={images.common.arrowIcon} alt='Arrow Icon' />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tenableColumnDragging: false,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tmuiTableHeadCellProps: {\n\t\t\t\t\t\t\tclassName: 'pinned-column'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmuiTableBodyCellProps: {\n\t\t\t\t\t\t\tclassName: 'pinned-column'\n\t\t\t\t\t\t},\n\t\t\t\t\t\tCell: (props) =>\n\t\t\t\t\t\t\tdefaultActionColumnItems?.length ? (\n\t\t\t\t\t\t\t\tdefaultActionColumnItems.map((item) => {\n\t\t\t\t\t\t\t\t\tconst updatedProps = {\n\t\t\t\t\t\t\t\t\t\t...item.props,\n\t\t\t\t\t\t\t\t\t\tonClick: () => item.props.onClick(props)\n\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\treturn cloneElement(item, updatedProps);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t) : !disabledDefaultActionColumnIcon && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleActionsClick(e, props.row.original)} disabled={!rowActionMenu?.length && !destructiveActionMenu?.length}>\n\t\t\t\t\t\t\t\t\t<img src={images.more} alt='More Icon' />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t\t: [])\n\t\t],\n\t\tdata: rows,\n\t\tmuiTablePaperProps: {\n\t\t\tsx: {\n\t\t\t\ttableLayout: 'auto', // lets columns shrink to fit content\n\t\t\t\t},\n\t\t},\n\t\tcolumnResizeMode: 'onChange',\n\t\tonEditingRowSave: async (data) => {\n\t\t\ttry {\n\t\t\t\tawait validationSchema.validate(data.values, {\n\t\t\t\t\tabortEarly: false\n\t\t\t\t});\n\t\t\t\tsetValidationErrors({});\n\t\t\t\tsetIsEditingRow(true);\n\t\t\t\tsetDisableNextEdit(false)\n\t\t\t\tconst cells = data.row.getAllCells().map((c) => c.column.columnDef);\n\t\t\t\tdata.row._valuesCache = formtValues(data.values, cells);\n\t\t\t\t\n\t\t\t\tif (onEditRow) {\n\t\t\t\t\tawait onEditRow(data, 'edit');\n\t\t\t\t}\n\t\t\t\tsetIsEditingRow(false);\n\t\t\t\tdata.table.setEditingRow(null);\n\t\t\t} catch (err) {\n\t\t\t\tsetIsEditingRow(false);\n\t\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\t\tconst errors: Record<string, string> = {};\n\n\t\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\t\terrors[error.path] = error.message;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tsetValidationErrors(errors);\n\t\t\t\t} else if(err instanceof Error) {\n\t\t\t\t\tenqueueSnackbar(err.message, {variant: 'error'})\n\t\t\t\t} else{\n\t\t\t\t\tenqueueSnackbar('Something went wrong', {variant: 'error'})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tonCreatingRowSave: async (data) => {\n\t\t\ttry {\n\t\t\t\tawait validationSchema.validate(data.values, {\n\t\t\t\t\tabortEarly: false\n\t\t\t\t});\n\t\t\t\tsetValidationErrors({});\n\t\t\t\tsetIsCreatingRow(true);\n\t\t\t\tsetDisableNextEdit(false)\n\t\t\t\tconst cells = data.row.getAllCells().map((c) => c.column.columnDef);\n               \n\t\t\t\tdata.row._valuesCache = formtValues(data.values, cells);\n\t\t\t\t\n\t\t\t\tif (onCreateRow) {\n\t\t\t\t\tawait onCreateRow(data);\n\t\t\t\t}\n\t\t\t\tsetIsCreatingRow(false);\n\t\t\t\tdata.table.setCreatingRow(null);\n\t\t\t} catch (err) {\n\t\t\t\tsetIsCreatingRow(false);\n\t\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\t\tconst errors: Record<string, string> = {};\n\n\t\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\t\terrors[error.path] = error.message;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tsetValidationErrors(errors);\n\t\t\t\t} else if(err instanceof Error) {\n\t\t\t\t\tenqueueSnackbar(err.message, {variant: 'error'})\n\t\t\t\t} else{\n\t\t\t\t\tenqueueSnackbar('Something went wrong', {variant: 'error'})\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tonCreatingRowCancel: () => resetRowSelection(),\n\t\tonEditingRowCancel: () => resetRowSelection(),\n\t\tonSortingChange:states?.sorting ? onSortingChange : setSorting,\n\n\t\tdisplayColumnDefOptions: {\n\t\t\t'mrt-row-actions': {\n\t\t\t\t// size: onDeleteRow ? 80 : 50,\n\t\t\t\t\n\t\t\t\tHeader: (\n\t\t\t\t\t<IconButton onClick={handleHeaderClick} size='small'>\n\t\t\t\t\t\t<img src={images.common.arrowIcon} alt='Arrow Icon' />\n\t\t\t\t\t</IconButton>\n\t\t\t\t),\n\t\t\t\tmuiTableBodyCellProps: {\n\t\t\t\t\tsx: {\n\t\t\t\t\t\t'& .MuiBox-root': {\n\t\t\t\t\t\t\tgap: 0\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t\t},\n\t\t\t\t\tonKeyUp: (e) => console.log(e)\n\t\t\t\t}\n\t\t\t},\n\t\t\t'mrt-row-expand': {\n\t\t\t\tsize: 70, // Set the size of the expand-collapse arrow column here\n\t\t\t},\n\t\t\t'mrt-row-select': {\n        size: 50, // Set the width of the checkbox column here\n      },\n\t\t},\n\t\trenderRowActions: ({ row, table }) => (\n\t\t\t<>\n\t\t\t\t{rest?.enableExpanding ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{row?.parentId && (\n\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0 }}>\n\t\t\t\t\t\t\t\t<Tooltip title='Edit'>\n\t\t\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => {\n\t\t\t\t\t\t\t\t\t\ttable.setEditingRow(row)\n\t\t\t\t\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t} size='small'>\n\t\t\t\t\t\t\t\t\t\t<Edit fontSize='small' sx={{ color: 'theme.secondary.1000' }}/>\n\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t{onDeleteRow && (\n\t\t\t\t\t\t\t\t\t<Tooltip title='Delete'>\n\t\t\t\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => setRowToDelete(row)} size='small'>\n\t\t\t\t\t\t\t\t\t\t\t<Trash fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0 }}>\n\t\t\t\t\t\t<Tooltip title='Edit'>\n\t\t\t\t\t\t\t<IconButton disabled={disableNextEdit} onClick={() => {\n\t\t\t\t\t\t\t\t\t\ttable.setEditingRow(row)\n\t\t\t\t\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<Edit fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t{onDeleteRow && (\n\t\t\t\t\t\t\t<Tooltip title='Delete'>\n\t\t\t\t\t\t\t\t<IconButton onClick={() => setRowToDelete(row)}>\n\t\t\t\t\t\t\t\t\t<Trash fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</>\n\t\t),\n\n\t\t...(Boolean(enableRowCreate) && {\n\t\t\trenderBottomToolbarCustomActions: ({ table }) => (\n\t\t\t\t<Button\n\t\t\t\t\tvariant='outlined'\t\n\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\tclassName='add-row-btn'\n\t\t\t\t\tdisabled={disableNextEdit}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\ttable.setCreatingRow(true); //simplest way to open the create row modal with no default values\n\t\t\t\t\t\tsetDisableNextEdit(true)\n\t\t\t\t\t}}>\n\t\t\t\t\t{t('common.add')}\n\t\t\t\t</Button>\n\t\t\t)\n\t\t}),\n\t\tonRowSelectionChange: setRowSelection,\n\t\tenableColumnOrdering: true,\n\t\tenableRowSelection: enableRowSelection ?? true,\n\t\tenableEditing: enableEditing instanceof Function ? enableEditing() :enableEditing ?? true,\n\t\teditDisplayMode: editDisplayMode ?? 'cell',\n\t\tcreateDisplayMode: 'row',\n\t\tenableColumnResizing: enableColumnResizing,\n\t\tenableRowDragging: enableRowDragging,\n\t\tenableTopToolbar: false,\n\t\tenableColumnActions: false,\n\t\tenableSorting: true,\n\t\tenableGrouping: true,\n\t\tenableBottomToolbar: enableBottomToolbar ?? false,\n\t\tenableColumnDragging: enableColumnDragging ?? true,\n\t\tenableStickyHeader: true,\n\t\tenableSortingRemoval: false,\n\t\t// column ordering\n\t\tstate: {\n\t\t\t// columnOrder: (!columnOrder || columnOrder.length <= 1) \n\t\t\t// ? [...internalColumnOrder] \n\t\t\t// : [...columnOrder],\n\t\t\tcolumnOrder:columnOrder,\n\t\t\tcolumnPinning: { left: ['actions', 'mrt-row-actions'] },\n\t\t\tisSaving: isCreatingRow || isEditingRow,\n\t\t\tshowProgressBars: false,\n\t\t\trowSelection,\n\t\t\t...states,\n\t\t\tsorting: Array.isArray(states?.sorting) ? states?.sorting : \n             Array.isArray(sorting) ? sorting : [],\n\t\t\tcolumnSizing\n\n\t\t},\n\t\tgetRowId:(row) => row?.id,\n\t\t// table.getState().editingRow\n\t\tmuiTableBodyRowProps: ({ row }) => {\n\t\t\tconst editingRowId =\n\t\t\t\ttable.getState()?.editingRow?.id ||\n\t\t\t\ttable.getState()?.creatingRow?.id ||\n\t\t\t\tnull;\n\t\t\tconst isErrorRow = Boolean(row?.original?.has_error)\n\t\t\treturn {\n\t\t\t\tonClick: () => handleRowClick(row.id),\n\t\t\t\tsx: {\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t// backgroundColor: !editingRowId\n\t\t\t\t\t// \t? (selectedRow === row.id\n\t\t\t\t\t// \t\t? '#e8e8e8'\n\t\t\t\t\t// \t\t: (isErrorRow ? 'theme.error.100' : 'inherit'))\n\t\t\t\t\t// \t: 'inherit',\n\t\t\t\t\tbackgroundColor: !editingRowId\n\t\t\t\t\t\t? (isErrorRow ? 'theme.error.100' : 'inherit')\n\t\t\t\t\t\t: 'inherit',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tbackgroundColor: editingRowId ? 'transparent' : (isErrorRow ? 'theme.error.200' : '#e8e8e8') // Removes hover effect globally\n\t\t\t\t\t},\n\t\t\t\t\t'&:hover td:after': {\n\t\t\t\t\t\tbackgroundColor: 'transparent' // Removes the grey background applied via :after\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t},\n\t\tonColumnOrderChange: (colOrder: any) => {\n\t\t\tif (handleColumnOrdering) handleColumnOrdering(colOrder);\n\t\t},\n\t\tonColumnSizingChange: setColumnSizing,\n    onColumnSizingInfoChange: setColumnSizingInfo,\n\n\t\trenderEmptyRowsFallback: () => (\n\t\t\t<Box className='no-data'>\n\t\t\t\t<img src={images.common.tableNoData} />\n\t\t\t\t<Typography type='s3' weight='medium' color='theme.secondary.1000'>\n\t\t\t\t\t{/* sx={{ textAlign: 'center', pb: 4.75, pt: 4.75 }}> */}\n\t\t\t\t\t{t('common.noData')}\n\t\t\t\t</Typography>\n\t\t\t</Box>\n\t\t),\n\n\t\t// pagination\n\t\tenablePagination: enablePagination,\n\t\tpaginationDisplayMode: 'pages',\n\t\tmuiPaginationProps: {\n\t\t\tshape: 'rounded',\n\t\t\tpage: pageNo, // current page number\n\t\t\tcount: totalPages, // total pages\n\t\t\tshowRowsPerPage: false, // Hide rows per page options\n\t\t\tboundaryCount: 3\n\t\t},\n\n\t\tmuiEditTextFieldProps: ({ row, column }) => ({\n\t\t\tInputProps: {\n\t\t\t\tdisableUnderline: true\n\t\t\t},\n\t\t\tonBlur: (e) => {\n\t\t\t\tupdateData(e.target.value, column, row.id);\n\t\t\t},\n\t\t\t// onChange: (e) => {\n\t\t\t// \tupdateData(e.target.value, column, row.id);\n\t\t\t// },\n\t\t\tvariant: 'outlined',\n\t\t\tsx: ({ palette }) => ({\n\t\t\t\t'& .MuiOutlinedInput-root': {\n\t\t\t\t\t'& fieldset': {\n\t\t\t\t\t\tborderColor: `${palette.theme?.primary[700]} !important`\n\t\t\t\t\t\t// backgroundColor: palette.theme?.primary[700]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\t\t}),\n\n\t\t/* Table loader style */\n\t\tmuiCircularProgressProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: '#289B64'\n\t\t\t}\n\t\t},\n\n\t\t// Table header cell default styles\n\t\tmuiTableHeadCellProps: {\n\t\t\tsx: {\n\t\t\t\tlineHeight: '140%',\n\t\t\t\tletterSpacing: '-0.28px',\n\t\t\t\tfontWeight: '500',\n\t\t\t\tfontSize: '0.875rem',\n\t\t\t\t'& .Mui-TableHeadCell-Content': {\n\t\t\t\t\theight: '100%'\n\t\t\t\t},\n\t\t\t\t'& .Mui-TableHeadCell-Content-Labels': {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tjustifyContent: 'space-between'\n\t\t\t\t},\n\t\t\t\t'&.pinned-column': {\n\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t},\n\t\t\t\t'& .Mui-TableHeadCell-ResizeHandle-Wrapper': {\n\t\t\t\t\tpadding: 0,\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\tright: '-5px',\n\t\t\t\t\topacity: 0\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\n\t\t// Table body cell default styles\n\t\tmuiTableBodyProps: {\n\t\t\tsx:{\n\t\t\t\tzIndex: 500\n\t\t\t}\n\t\t},\n\t\tmuiTableHeadProps: {\n\t\t\tsx:{\n\t\t\t\tzIndex: 600\n\t\t\t}\n\t\t},\n\t\tmuiTableBodyCellProps: (/* { cell, column, table , row } */) => ({\n\t\t\tsx: {\n\t\t\t\tlineHeight: '140%',\n\t\t\t\tletterSpacing: '-0.26px',\n\t\t\t\tfontWeight: '400',\n\t\t\t\tfontSize: '0.8125rem',\n\t\t\t\t'&.pinned-column': {\n\t\t\t\t\tbackgroundColor: '#fff'\n\t\t\t\t},\n\t\t\t\t'&:hover': {\n\t\t\t\t\tbackgroundColor: 'transparent' // Removes hover effect globally\n\t\t\t\t}\n\t\t\t}\n\t\t\t// onClick: () => {\n\t\t\t// \ttable.setEditingCell(cell); //set editing cell\n\t\t\t// \tqueueMicrotask(() => {\n\t\t\t// \t\tconst textField = table.refs.editInputRefs.current[column.id];\n\t\t\t// \t\tif (textField) {\n\t\t\t// \t\t\ttextField.focus();\n\t\t\t// \t\t\ttextField.select?.();\n\t\t\t// \t\t}\n\t\t\t// \t});\n\t\t\t// }\n\t\t\t// onKeyDown: (event) => {\n\t\t\t// \tif (event.key === 'Tab') {\n\t\t\t// \t\ttry {\n\t\t\t// \t\t\t\t// if (column.columnDef.editVariant === 'select') {\n\t\t\t// \t\t\t\t// \ttable.refs.editInputRefs.current[column.id]?.node?.blur();\n\t\t\t// \t\t\t\t// } else {\n\t\t\t// \t\t\t\t// \ttable.refs.editInputRefs.current[column.id].blur();\n\t\t\t// \t\t\t\t// }\n\n\t\t\t// \t\t\tconst rowIdx = row.index;\n\t\t\t// \t\t\tconst colIdx = columns.findIndex(\n\t\t\t// \t\t\t\t(col) => col.accessorKey === column.id\n\t\t\t// \t\t\t);\n\t\t\t// \t\t\tconst newColIdx = colIdx + 1;\n\t\t\t// \t\t\tconst clm = columns[newColIdx];\n\t\t\t// \t\t\tconst nextCell = row\n\t\t\t// \t\t\t\t.getAllCells()\n\t\t\t// \t\t\t\t.find((cl) => (cl.id = `${rowIdx}_${clm.accessorKey}`));\n\n\t\t\t// \t\t\tif (nextCell) {\n\t\t\t// \t\t\t\t// updateData(event.target.value, column, row.id);\n\t\t\t// \t\t\t\ttable.setEditingCell(nextCell);\n\t\t\t// \t\t\t\tqueueMicrotask(() => {\n\t\t\t// \t\t\t\t\tconst textField = table.refs.editInputRefs.current[column.id];\n\t\t\t// \t\t\t\t\tif (textField) {\n\t\t\t// \t\t\t\t\t\ttextField.focus();\n\t\t\t// \t\t\t\t\t\ttextField.select?.();\n\t\t\t// \t\t\t\t\t}\n\t\t\t// \t\t\t\t});\n\t\t\t// \t\t\t}\n\t\t\t// \t\t} catch (error) {\n\t\t\t// \t\t}\n\t\t\t// \t}\n\t\t\t// },\n\t\t\t// onBlur: () => {\n\t\t\t// \ttable.setEditingCell(null);\n\t\t\t// }\n\t\t}),\n\n\t\t// Checkbox styling\n\t\tmuiSelectCheckboxProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: 'theme.secondary.300',\n\t\t\t\t'&.Mui-checked': {\n\t\t\t\t\tcolor: 'theme.primary.600',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tcolor: 'theme.primary.500'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'&.Mui-disabled': {\n\t\t\t\t\tcolor: 'theme.secondary.200'\n\t\t\t\t}\n\t\t\t},\n\t\t\ticon: <RecgtangleIcon sx={{ width: 20, height: 20 }} />,\n\t\t\tcheckedIcon: <CheckBoxIcon sx={{ width: 20, height: 20 }} />\n\t\t},\n\t\tmuiSelectAllCheckboxProps: {\n\t\t\tsx: {\n\t\t\t\tcolor: 'theme.secondary.300',\n\t\t\t\t'&.Mui-checked': {\n\t\t\t\t\tcolor: 'theme.primary.600',\n\t\t\t\t\t'&:hover': {\n\t\t\t\t\t\tcolor: 'theme.primary.500'\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'&.Mui-disabled': {\n\t\t\t\t\tcolor: 'theme.secondary.600'\n\t\t\t\t}\n\t\t\t},\n\t\t\ticon: <RecgtangleIcon sx={{ width: 20, height: 20 }} />,\n\t\t\tcheckedIcon: <CheckBoxIcon sx={{ width: 20, height: 20 }} />\n\t\t},\n\t\tmuiBottomToolbarProps: {\n\t\t\tsx: {\n\t\t\t\tboxShadow: 'none',\n\t\t\t\t'& .MuiBox-root': {\n\t\t\t\t\tpaddingLeft: 0\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tlayoutMode: 'grid',\n\t\ticons: {\n\t\t\tArrowDownwardIcon: (props: SvgIconProps) => (\n\t\t\t\t<ArrowUpDown fontSize='medium' {...props} />\n\t\t\t),\n\t\t\tSortIcon: (props: SvgIconProps) => (\n\t\t\t\t<ArrowUpDown fontSize='medium' {...props} />\n\t\t\t),\n\t\t\tSyncAltIcon: () => <ArrowUpDown fontSize='medium' />,\n\t\t\tCancelIcon: (props: SvgIconProps) => (\n\t\t\t\t<Close fontSize='small' {...props} sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t),\n\t\t\tSaveIcon: (props: SvgIconProps) => (\n\t\t\t\t<Save {...props} fontSize='small' sx={{ color: 'theme.secondary.1000' }} />\n\t\t\t)\n\t\t},\n\t\t\n\t\t...rest\n\t});\n\n\tuseEffect(() => {\n\t\tif (enableRowSelection) {\n\t\t\tif (table?.getSelectedRowModel()?.rows) {\n\t\t\t\tSetSelectedRowId?.(table?.getSelectedRowModel()?.rows);\n\t\t\t}\n\t\t}\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [enableRowSelection]);\n\n\tuseEffect(() => {\n\t\tif (onSelectRow) {\n\t\t\tif(rest?.enableExpanding) {\n\t\t\t\tconst selectedRowModels: any[] = [];\n\t\t\t\tconst selection = table.getState().rowSelection; // e.g., { 0.0: true }\n\t\t\t\tconst traverseRows = (rows, parentKey = '') => {\n\t\t\t\t\trows.forEach((row, index) => {\n\t\t\t\t\t\tconst rowKey = parentKey ? `${parentKey}.${index}` : `${row.id}`;\n\t\t\t\t\t\tif (selection[rowKey]) {\n\t\t\t\t\t\t\tselectedRowModels.push(row);\n\t\t\t\t\t\t}\n\t\n\t\t\t\t\t\t// Check for sub-rows and traverse further\n\t\t\t\t\t\tif (row.subRows?.length) {\n\t\t\t\t\t\t\ttraverseRows(row.subRows, rowKey);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t};\n\t\n\t\t\t\ttraverseRows(table.getRowModel().rows);\n\t\t\t\tonSelectRow(selectedRowModels, rowSelection);\n\t\t\t} else{\n\t\t\t\tonSelectRow(table.getSelectedRowModel().rows, rowSelection);\n\t\t\t}\n\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [rowSelection, table]);\n\n\t// useEffect(() => {\n\t// \tconst relativeContainer = document.getElementsByClassName(\n\t// \t\t'MuiTableContainer-root'\n\t// \t)[0];\n\t// \tconst fixedElement = document.getElementsByClassName('no-data')[0];\n\t// \trelativeContainer.addEventListener('scroll', () => {\n\t// \t\tconst scrollLeft = relativeContainer.scrollLeft;\n\t// \t\tfixedElement.style.left = `${scrollLeft + 100}px`;\n\t// \t});\n\t// }, []);\n\n\tuseEffect(() => {\n\t\tif (isResetRow) {\n\t\t\ttable?.resetRowSelection();\n\t\t}\n\t}, [isResetRow, table]);\n\treturn (\n\t\t<TableWrapper className='MRT-TableWrapper custom-table'>\n\t\t\t<MaterialReactTable   table={table} />\n\n\t\t\t<Menu\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={Boolean(anchorEl)}\n\t\t\t\tonClose={handleHeaderClose}\n\t\t\t\tclassName='add-role-drp'>\n\t\t\t\t{popUpShow ? (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={handleBackButtonClick}\n\t\t\t\t\t\t\tclassName='role-drp-list add-column-title'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<ChevronLeftIcon />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addColumn_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t<div className='searchbar-box-list'>\n\t\t\t\t\t\t\t<SearchBar\n\t\t\t\t\t\t\t\tplaceholder={'Search User'}\n\t\t\t\t\t\t\t\thandleSearch={(e) => handleSearchEvent(e)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className='all-attribute-title'>\n\t\t\t\t\t\t\t<Typography variant='body2' color='text.secondary'>\n\t\t\t\t\t\t\t\t{t('common.allAttributes_label')}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{filteredOptions.map((column: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={column.accessorKey}\n\t\t\t\t\t\t\t\tonClick={() => handleAddColumn(column)}>\n\t\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s3'>\n\t\t\t\t\t\t\t\t\t{column.header}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t{\n\t\t\t\t\t\tenableAddCustomField &&<MenuItem onClick={handleCustomAddColumn} className='role-drp-list'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<img src={images.common.addIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addCustomField_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t</MenuItem>\n                       }\n\t\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{visibleColumns.map((column: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={column.accessorKey}\n\t\t\t\t\t\t\t\tonClick={() => handleVisibleColumn(column)}\n\t\t\t\t\t\t\t\tclassName='role-drp-list'>\n\t\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t\t<img src={images.common.dotsIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t\t<ListItemText className='title'>{column.header}</ListItemText>\n\t\t\t\t\t\t\t\t<ListItemIcon className='eye-icon'>\n\t\t\t\t\t\t\t\t\t<img src={images.common.eyeIcon} alt='Eye Icon' />\n\t\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t\t<MenuItem onClick={handleAddButtonClick} className='role-drp-list'>\n\t\t\t\t\t\t\t<ListItemIcon className='add-icon'>\n\t\t\t\t\t\t\t\t<img src={images.common.addIcon} alt='Add Icon' />\n\t\t\t\t\t\t\t</ListItemIcon>\n\t\t\t\t\t\t\t<ListItemText className='title'>\n\t\t\t\t\t\t\t\t{t('common.addColumn_label')}\n\t\t\t\t\t\t\t</ListItemText>\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tvariant='body2'\n\t\t\t\t\t\t\t\tcolor='text.secondary'\n\t\t\t\t\t\t\t\tclassName='eye-icon'>\n\t\t\t\t\t\t\t\t<ChevronRightIcon sx={{ fontSize: '1.25rem !important'}}/>\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Menu>\n\n\t\t\t<Menu\n\t\t\t\tanchorEl={rowAnchorEl}\n\t\t\t\topen={Boolean(rowAnchorEl)}\n\t\t\t\tonClose={handleActionsClose}>\n\t\t\t\t{rowActionMenu?.map((option: any) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\t(option.label === 'Move' &&\n\t\t\t\t\t\t\t(row?.is_directory === true || row?.is_directory === 1)) ||\n\t\t\t\t\t\t(option.label === 'Download' &&\n\t\t\t\t\t\t\t(row?.is_directory === true ||\n\t\t\t\t\t\t\t\trow?.is_directory === 1 ||\n\t\t\t\t\t\t\t\trow?.drive?.is_directory === true ||\n\t\t\t\t\t\t\t\trow?.drive?.is_directory === 1))\n\t\t\t\t\t) {\n\t\t\t\t\t\t// return null;\n\t\t\t\t\t}\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\t\tawait option.handleAction(row);\n\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t? option.disabled(row)\n\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t} \n\t\t\t\t\t\t\tsx={{ alignItems:'center', gap: 0.5 }} \n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option?.icon}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{typeof option.label === 'function'?option.label(row):option.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{destructiveActionMenu?.length > 0 &&\n\t\t\t\t<>\n\t\t\t\t\t<Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important'}}/>\n\t\t\t\t\t<div className='dropdown-inner--DestructiveHeader'>\n\t\t\t\t\t\t{destructiveActionMenu?.map((option: any) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\toption.handleAction(row);\n\t\t\t\t\t\t\t\t\tsetRowAnchorEl(null);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName='dropdown-inner--DestructiveActions'\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\ttypeof option.disabled === 'function'\n\t\t\t\t\t\t\t\t\t\t? option.disabled(row)\n\t\t\t\t\t\t\t\t\t\t: Boolean(option.disabled)\n\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{typeof option.label === 'function'?option.label(row):option.label}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t\t}\n\t\t\t</Menu>\n\t\t\t<ConfirmPopUp\n\t\t\t\topen={Boolean(rowToDelete)}\n\t\t\t\tonClose={() => setRowToDelete(null)}\n\t\t\t\tonConfirm={() => handleRowDelete()}\n\t\t\t\ttitle='Delete Item'\n\t\t\t\tdescription={`Are you sure you want to delete entry ?`}\n\t\t\t\tloading={isDeletingRow}\n\t\t\t/>\n\t\t</TableWrapper>\n\t);\n});\n\nexport default MaterialTable;"],"names":["TableWrapper","styled","Box","theme","palette","border","borderBottom","borderLeft","padding","lineHeight","fontSize","minHeight","backgroundColor","_a","secondary","maxHeight","boxShadow","_b","primary","color","_c","_d","height","width","MaterialTable","React","memo","enablePagination","rows","columns","totalPages","paginationModel","columnOrder","updateData","handleColumnOrdering","enableEditing","enableColumnDragging","states","rowActionMenu","destructiveActionMenu","disableDefaultActionColumn","enableRowSelection","defaultActionColumnItems","enableBottomToolbar","SetSelectedRowId","isResetRow","onCreateRow","onEditRow","onDeleteRow","editDisplayMode","enableRowCreate","onChangeRowField","onSelectRow","enableColumnResizing","selectedRowIds","onColumnVisibility","onSortingChange","getSelectedData","disabledDefaultActionColumnIcon","enableAddCustomField","enableRowDragging","handleColumnResizing","columnSizes","rest","t","useTranslation","formData","updatePageInfo","activePage","aPage","usePages","useDeepMemo","pageNo","row","setRow","useState","tableColumns","setTableColumns","anchorEl","setAnchorEl","popUpShow","setPopupShow","rowAnchorEl","setRowAnchorEl","visibleColumns","filter","column","visible","hiddenColumns","filteredOptions","setFilteredOptions","selectedRow","setSelectedRow","validationErrors","setValidationErrors","validationSchema","setValidationSchema","isCreatingRow","setIsCreatingRow","isEditingRow","setIsEditingRow","isDeletingRow","setIsDeletingRow","rowToDelete","setRowToDelete","rowSelection","setRowSelection","isChecked","setIsChecked","sorting","setSorting","disableNextEdit","setDisableNextEdit","columnSizing","setColumnSizing","column_sizes","columnSizingInfo","setColumnSizingInfo","columnSizingStart","deltaOffset","deltaPercentage","isResizingColumn","startOffset","startSize","navigate","useNavigate","currentModule","location","pathname","split","redirectionPath","PathnameAccounting","CUSTOM_FORM","PathnameInventory","PathnameManufacturing","PathnamePurchase","PathnameCrm","PathnameUsers","PathnameRental","PathnameDocument","ADD_CUSTOM_FIELDS","path","validationReducer","validations","validation","vld","type","value","required","msg_en","typeError","editProperties","is_multiple","min","email","max","test","when","relation","is","val","values","then","thenValidations","reduce","otherwise","otherWiseValidations","editVariant","trim","length","useEffect","schema","forEach","clm","fieldValidations","yup","array","string","number","nullable","transform","originalValue","matches","excludeEmptyString","message","getValidationType","accessorKey","generateValidationSchema","object","shape","handleHeaderClick","event","currentTarget","formtValues","cells","v","Object","keys","vl","cell","find","c","File","name","dayjs","format","dateFormat","checkRequired","useCallback","some","selectedRows","includes","id","Function","sortingArray","Array","isArray","resetRowSelection","getTextWidth","text","ctx","document","createElement","getContext","measureText","table","useMaterialReactTable","defaultColumn","minSize","size","map","header","Math","String","Edit","jsx","InlineEditFields","col","callback","s","errors","Header","jsxs","display","alignItems","children","Typography","maxSize","IconButton","sx","p","onClick","src","images","common","arrowIcon","alt","muiTableHeadCellProps","className","muiTableBodyCellProps","Cell","props","item","updatedProps","cloneElement","e","handleActionsClick","data","original","disabled","more","muiTablePaperProps","tableLayout","columnResizeMode","onEditingRowSave","async","validate","abortEarly","getAllCells","columnDef","_valuesCache","setEditingRow","err","ValidationError","inner","error","Error","enqueueSnackbar","variant","onCreatingRowSave","setCreatingRow","onCreatingRowCancel","onEditingRowCancel","displayColumnDefOptions","gap","onKeyUp","renderRowActions","Fragment","enableExpanding","parentId","Tooltip","title","Trash","Boolean","renderBottomToolbarCustomActions","Button","startIcon","Add","onRowSelectionChange","enableColumnOrdering","createDisplayMode","enableTopToolbar","enableColumnActions","enableSorting","enableGrouping","enableStickyHeader","enableSortingRemoval","state","columnPinning","left","isSaving","showProgressBars","getRowId","muiTableBodyRowProps","editingRowId","getState","editingRow","creatingRow","isErrorRow","has_error","handleRowClick","rowId","cursor","onColumnOrderChange","colOrder","onColumnSizingChange","onColumnSizingInfoChange","renderEmptyRowsFallback","tableNoData","weight","paginationDisplayMode","muiPaginationProps","page","count","showRowsPerPage","boundaryCount","muiEditTextFieldProps","InputProps","disableUnderline","onBlur","target","borderColor","muiCircularProgressProps","letterSpacing","fontWeight","justifyContent","margin","right","opacity","muiTableBodyProps","zIndex","muiTableHeadProps","muiSelectCheckboxProps","icon","RecgtangleIcon","checkedIcon","CheckBoxIcon","muiSelectAllCheckboxProps","muiBottomToolbarProps","paddingLeft","layoutMode","icons","ArrowDownwardIcon","ArrowUpDown","SortIcon","SyncAltIcon","CancelIcon","Close","SaveIcon","Save","getSelectedRowModel","selectedRowModels","selection","traverseRows","parentKey","index","rowKey","push","subRows","getRowModel","MaterialReactTable","Menu","open","onClose","MenuItem","ListItemIcon","ChevronLeftIcon","ListItemText","Divider","flexItem","mt","mb","SearchBar","placeholder","handleSearch","searchQuery","filteredColumns","option","toLowerCase","handleSearchEvent","updatedColumns","JSON","parse","stringify","updatedFilteredOptions","handleAddColumn","addIcon","handleVisibleColumn","dotsIcon","eyeIcon","ChevronRightIcon","handleAction","label","ConfirmPopUp","onConfirm","handleRowDelete","description","loading"],"mappings":"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"}

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

@@ -24,6 +24,7 @@ const Menu = ({ children, anchorEl, onClose, open, ...rest }) => {
   ) });
 };
 export {
+  Menu,
   Menu as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { Menu as MUIMenu, MenuProps, styled } from \"@mui/material\";\n\nconst StyledMenu = styled(MUIMenu)(() => ({\n  \".MuiPaper-rounded\": {\n    borderRadius: \"0.5rem\",\n    minWidth: \"10rem\",\n  },\n}));\n\nconst Menu = ({ children, anchorEl, onClose, open, ...rest }: MenuProps) => {\n  return (\n    <>\n      <StyledMenu\n        id=\"basic-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={onClose}\n        MenuListProps={{\n          \"aria-labelledby\": \"basic-button\",\n        }}\n        {...rest}\n      >\n        {children}\n      </StyledMenu>\n    </>\n  );\n};\n\nexport default Menu;\n"],"names":["MUIMenu"],"mappings":";;;AAEA,MAAM,aAAa,OAAOA,MAAO,EAAE,OAAO;AAAA,EACxC,qBAAqB;AAAA,IACnB,cAAc;AAAA,IACd,UAAU;AAAA,EAAA;AAEd,EAAE;AAEF,MAAM,OAAO,CAAC,EAAE,UAAU,UAAU,SAAS,MAAM,GAAG,WAAsB;AAC1E,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,QACb,mBAAmB;AAAA,MAAA;AAAA,MAEpB,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { Menu as MUIMenu, MenuProps, styled } from \"@mui/material\";\n\nconst StyledMenu = styled(MUIMenu)(() => ({\n  \".MuiPaper-rounded\": {\n    borderRadius: \"0.5rem\",\n    minWidth: \"10rem\",\n  },\n}));\n\nconst Menu = ({ children, anchorEl, onClose, open, ...rest }: MenuProps) => {\n  return (\n    <>\n      <StyledMenu\n        id=\"basic-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={onClose}\n        MenuListProps={{\n          \"aria-labelledby\": \"basic-button\",\n        }}\n        {...rest}\n      >\n        {children}\n      </StyledMenu>\n    </>\n  );\n};\n\nexport { Menu };\nexport default Menu;\n"],"names":["MUIMenu"],"mappings":";;;AAEA,MAAM,aAAa,OAAOA,MAAO,EAAE,OAAO;AAAA,EACxC,qBAAqB;AAAA,IACnB,cAAc;AAAA,IACd,UAAU;AAAA,EAAA;AAEd,EAAE;AAEF,MAAM,OAAO,CAAC,EAAE,UAAU,UAAU,SAAS,MAAM,GAAG,WAAsB;AAC1E,SACE,oBAAA,UAAA,EACE,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,QACb,mBAAmB;AAAA,MAAA;AAAA,MAEpB,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/components/menu/menu/index.js

@@ -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"),i=require("../../../node_modules/@mui/material/Menu/Menu/index.js");const n=r.default(i.default)(()=>({".MuiPaper-rounded":{borderRadius:"0.5rem",minWidth:"10rem"}}));exports.default=({children:r,anchorEl:i,onClose:s,open:d,...u})=>/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(n,{id:"basic-menu",anchorEl:i,open:d,onClose:s,MenuListProps:{"aria-labelledby":"basic-button"},...u,children: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"),n=require("../../../node_modules/@mui/material/Menu/Menu/index.js");const i=r.default(n.default)(()=>({".MuiPaper-rounded":{borderRadius:"0.5rem",minWidth:"10rem"}})),s=({children:r,anchorEl:n,onClose:s,open:u,...d})=>/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsx(i,{id:"basic-menu",anchorEl:n,open:u,onClose:s,MenuListProps:{"aria-labelledby":"basic-button"},...d,children:r})});exports.Menu=s,exports.default=s;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { Menu as MUIMenu, MenuProps, styled } from \"@mui/material\";\n\nconst StyledMenu = styled(MUIMenu)(() => ({\n  \".MuiPaper-rounded\": {\n    borderRadius: \"0.5rem\",\n    minWidth: \"10rem\",\n  },\n}));\n\nconst Menu = ({ children, anchorEl, onClose, open, ...rest }: MenuProps) => {\n  return (\n    <>\n      <StyledMenu\n        id=\"basic-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={onClose}\n        MenuListProps={{\n          \"aria-labelledby\": \"basic-button\",\n        }}\n        {...rest}\n      >\n        {children}\n      </StyledMenu>\n    </>\n  );\n};\n\nexport default Menu;\n"],"names":["StyledMenu","styled","MUIMenu","borderRadius","minWidth","children","anchorEl","onClose","open","rest","Fragment","jsx","id","MenuListProps"],"mappings":"mPAEA,MAAMA,EAAaC,EAAAA,QAAOC,EAAAA,QAAPD,CAAgB,KAAA,CACjC,oBAAqB,CACnBE,aAAc,SACdC,SAAU,4BAID,EAAGC,WAAUC,WAAUC,UAASC,UAASC,0BAElDC,EAAAA,SAAA,CACEL,wBAAAM,EAAAA,IAACX,EAAA,CACCY,GAAG,aACHN,WACAE,OACAD,UACAM,cAAe,CACb,kBAAmB,mBAEjBJ,EAEHJ"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/menu/menu.tsx"],"sourcesContent":["import { Menu as MUIMenu, MenuProps, styled } from \"@mui/material\";\n\nconst StyledMenu = styled(MUIMenu)(() => ({\n  \".MuiPaper-rounded\": {\n    borderRadius: \"0.5rem\",\n    minWidth: \"10rem\",\n  },\n}));\n\nconst Menu = ({ children, anchorEl, onClose, open, ...rest }: MenuProps) => {\n  return (\n    <>\n      <StyledMenu\n        id=\"basic-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={onClose}\n        MenuListProps={{\n          \"aria-labelledby\": \"basic-button\",\n        }}\n        {...rest}\n      >\n        {children}\n      </StyledMenu>\n    </>\n  );\n};\n\nexport { Menu };\nexport default Menu;\n"],"names":["StyledMenu","styled","MUIMenu","borderRadius","minWidth","Menu","children","anchorEl","onClose","open","rest","Fragment","jsx","id","MenuListProps"],"mappings":"mPAEA,MAAMA,EAAaC,EAAAA,QAAOC,EAAAA,QAAPD,CAAgB,KAAA,CACjC,oBAAqB,CACnBE,aAAc,SACdC,SAAU,YAIRC,EAAO,EAAGC,WAAUC,WAAUC,UAASC,UAASC,0BAElDC,EAAAA,SAAA,CACEL,wBAAAM,EAAAA,IAACZ,EAAA,CACCa,GAAG,aACHN,WACAE,OACAD,UACAM,cAAe,CACb,kBAAmB,mBAEjBJ,EAEHJ"}

package/dist/components/menu/menu.d.ts

@@ -1,4 +1,5 @@
 import { MenuProps } from '@mui/material';
 
 declare const Menu: ({ children, anchorEl, onClose, open, ...rest }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export { Menu };
 export default Menu;

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

@@ -22,6 +22,7 @@ const Modal = ({ children, open, onClose, ...rest }) => {
   return /* @__PURE__ */ jsx(StyledDialog, { open, onClose, ...rest, children });
 };
 export {
+  Modal,
   Modal as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,OAAO,MAAM,EAAE,OAAO;AAAA,EACzC,oBAAoB;AAAA,IAClB,cAAc;AAAA,EAAA;AAAA,EAGhB,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAEb,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,SAAS,GAAG,WAAwB;AACnE,6BACG,cAAA,EAAa,MAAY,SAAmB,GAAG,MAC7C,UACH;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport { Modal };\nexport default Modal;\n"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,OAAO,MAAM,EAAE,OAAO;AAAA,EACzC,oBAAoB;AAAA,IAClB,cAAc;AAAA,EAAA;AAAA,EAGhB,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAAA,EAGX,0BAA0B;AAAA,IACxB,SAAS;AAAA,EAAA;AAEb,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,MAAM,SAAS,GAAG,WAAwB;AACnE,6BACG,cAAA,EAAa,MAAY,SAAmB,GAAG,MAC7C,UACH;AAEJ;"}

package/dist/components/modal/modal/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Dialog/Dialog/index.js");const r=i.default(o.default)(()=>({".MuiDialog-paper":{borderRadius:"1rem"},".MuiDialogTitle-root":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.5rem 1.5rem"},".MuiDialogContent-root":{padding:"1.5rem"},".MuiDialogActions-root":{padding:"0.5rem 1rem"}}));exports.default=({children:i,open:o,onClose:t,...l})=>/* @__PURE__ */e.jsx(r,{open:o,onClose:t,...l,children:i});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Dialog/Dialog/index.js");const r=i.default(o.default)(()=>({".MuiDialog-paper":{borderRadius:"1rem"},".MuiDialogTitle-root":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0.5rem 1.5rem"},".MuiDialogContent-root":{padding:"1.5rem"},".MuiDialogActions-root":{padding:"0.5rem 1rem"}})),t=({children:i,open:o,onClose:t,...l})=>/* @__PURE__ */e.jsx(r,{open:o,onClose:t,...l,children:i});exports.Modal=t,exports.default=t;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport default Modal;\n"],"names":["StyledDialog","styled","Dialog","borderRadius","display","alignItems","justifyContent","padding","children","open","onClose","rest"],"mappings":"uPAEA,MAAMA,EAAeC,EAAAA,QAAOC,EAAAA,QAAPD,CAAe,KAAA,CAClC,mBAAoB,CAClBE,aAAc,QAGhB,uBAAwB,CACtBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,iBAGX,yBAA0B,CACxBA,QAAS,UAGX,yBAA0B,CACxBA,QAAS,kCAIC,EAAGC,WAAUC,OAAMC,aAAYC,0BAExCX,EAAA,CAAaS,OAAYC,aAAsBC,EAC7CH"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/modal/modal.tsx"],"sourcesContent":["import { Dialog, DialogProps, styled } from \"@mui/material\";\n\nconst StyledDialog = styled(Dialog)(() => ({\n  \".MuiDialog-paper\": {\n    borderRadius: \"1rem\",\n  },\n\n  \".MuiDialogTitle-root\": {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    padding: \"0.5rem 1.5rem\",\n  },\n\n  \".MuiDialogContent-root\": {\n    padding: \"1.5rem\",\n  },\n\n  \".MuiDialogActions-root\": {\n    padding: \"0.5rem 1rem\",\n  },\n}));\n\nconst Modal = ({ children, open, onClose, ...rest }: DialogProps) => {\n  return (\n    <StyledDialog open={open} onClose={onClose} {...rest}>\n      {children}\n    </StyledDialog>\n  );\n};\n\nexport { Modal };\nexport default Modal;\n"],"names":["StyledDialog","styled","Dialog","borderRadius","display","alignItems","justifyContent","padding","Modal","children","open","onClose","rest"],"mappings":"uPAEA,MAAMA,EAAeC,EAAAA,QAAOC,EAAAA,QAAPD,CAAe,KAAA,CAClC,mBAAoB,CAClBE,aAAc,QAGhB,uBAAwB,CACtBC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,iBAGX,yBAA0B,CACxBA,QAAS,UAGX,yBAA0B,CACxBA,QAAS,kBAIPC,EAAQ,EAAGC,WAAUC,OAAMC,aAAYC,0BAExCZ,EAAA,CAAaU,OAAYC,aAAsBC,EAC7CH"}

package/dist/components/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import { DialogProps } from '@mui/material';
 
 declare const Modal: ({ children, open, onClose, ...rest }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export { Modal };
 export default Modal;

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/Add/index.esm.js";
-import CardWrapper from "../../card-wrapper/card-wrapper/index.esm.js";
+import { CardWrapper } from "../../card-wrapper/card-wrapper/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import SearchBar from "../../search-bar/search-bar/index.esm.js";
+import { SearchBar } from "../../search-bar/search-bar/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                          */
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";

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

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

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

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

package/dist/components/multi-select/multi-select/index.esm.js

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import PropTypes from "../../../node_modules/prop-types/index/index.esm.js";
-import Select from "../../select/select/index.esm.js";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import ChipOrPlaceholder from "../../form-control/form-builder/form-builder-element/chip-or-placeholder/index.esm.js";
 /* empty css                             */
@@ -265,6 +265,7 @@ MultiSelect.propTypes = {
   onChange: PropTypes.func
 };
 export {
+  MultiSelect,
   MultiSelect as default
 };
 //# sourceMappingURL=index.esm.js.map