npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

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

Files changed (4412) hide show

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

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

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

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useEffect } from "react";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import { MenuItem } from "@mui/material";
 import Menu from "../../../menu/menu/index.esm.js";
 import { aggregationFns } from "../../aggregation-fns/index/index.esm.js";
+import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const aggregations = [
   {
     label: "Count Empty",

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/default-aggregation.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Typography from '../../typography/typography';\nimport { MenuItem } from '@mui/material';\nimport Menu from '../../menu/menu';\nimport { aggregationFns } from '../aggregation-fns';\nimport { MRT_RowData } from 'material-react-table';\n\ntype aggregationType =\n\t\| 'none'\n\t\| 'count_empty'\n\t\| 'count_full'\n\t\| 'percentage_empty'\n\t\| 'percentage_full'\n\t\| 'average'\n\t\| 'sum';\n\ninterface IAggregation {\n\tlabel: string;\n\tvalue: aggregationType;\n}\n\nconst aggregations: IAggregation[] = [\n\t{\n\t\tlabel: 'Count Empty',\n\t\tvalue: 'count_empty'\n\t},\n\t{\n\t\tlabel: 'Count Full',\n\t\tvalue: 'count_full'\n\t},\n\t{\n\t\tlabel: 'Percentage Full',\n\t\tvalue: 'percentage_full'\n\t},\n\t{\n\t\tlabel: 'Percentage Empty',\n\t\tvalue: 'percentage_empty'\n\t},\n\t{\n\t\tlabel: 'Average',\n\t\tvalue: 'average'\n\t},\n\t{\n\t\tlabel: 'Sum',\n\t\tvalue: 'sum'\n\t},\n\t{\n\t\tlabel: 'None',\n\t\tvalue: 'none'\n\t}\n];\n\nconst aggregationFnsLookup = {\n\tcount_empty: aggregationFns.countEmpty,\n\tcount_full: aggregationFns.countFull,\n\tpercentage_empty: aggregationFns.percentageEmpty,\n\tpercentage_full: aggregationFns.percentageFull,\n\taverage: aggregationFns.average,\n\tsum: aggregationFns.sum,\n\tnone: aggregationFns.none\n};\n\ninterface IDefaultAggregation {\n\tdata: MRT_RowData[];\n\tcolumn: string;\n\tcolumnDef?: any;\n}\n\nconst DefaultAggregation = ({\n\tdata,\n\tcolumn,\n\t// columnDef\n}: IDefaultAggregation) => {\n\tconst [selectedType, setSelectedType] =\n\t\tReact.useState<aggregationType>('none');\n\tconst [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n\tconst [calculatedValue, setCalculatedValue] = React.useState<string \| null>();\n\tconst open = Boolean(anchorEl);\n\n\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n\t\tsetAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleClose = () => {\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleAggregationType = (val: aggregationType) => {\n\t\tsetSelectedType(val);\n\t\thandleClose();\n\t};\n\n\tuseEffect(() => {\n\t\tconst func = aggregationFnsLookup[selectedType];\n\t\tsetCalculatedValue(func(data, column));\n\t}, [selectedType, column, data]);\n\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\tonClick={handleClick}\n\t\t\t\tsx={{ cursor: 'pointer', width:\"100%\", height:\"100%\" }}\n\t\t\t\ttype='s4'\n\t\t\t\tweight='normal'\n\t\t\t\tcolor={\n\t\t\t\t\tcalculatedValue ? 'theme.secondary.1000' : 'theme.secondary.500'\n\t\t\t\t}>\n\t\t\t\t{calculatedValue \|\| '+ Add Calculation'}\n\t\t\t</Typography>\n\t\t\t<Menu\n\t\t\t\tid='basic-menu'\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={open}\n\t\t\t\tonClose={handleClose}>\n\t\t\t\t{aggregations?.map((aggr) => (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={aggr.value}\n\t\t\t\t\t\tselected={selectedType == aggr?.value}\n\t\t\t\t\t\tonClick={() => handleAggregationType(aggr?.value)}\n\t\t\t\t\t\t// disabled={\n\t\t\t\t\t\t// \t(!columnDef \|\| columnDef?.type !== 'number') &&\n\t\t\t\t\t\t// \t(aggr.value === 'sum' \|\| aggr.value === 'average')\n\t\t\t\t\t\t// }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t{aggr?.label}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t))}\n\t\t\t</Menu>\n\t\t</>\n\t);\n};\n\nexport default DefaultAggregation;\n"],"names":["aggregations","label","value","aggregationFnsLookup","count_empty","aggregationFns","countEmpty","count_full","countFull","percentage_empty","percentageEmpty","percentage_full","percentageFull","average","sum","none","data","column","selectedType","setSelectedType","React","useState","anchorEl","setAnchorEl","calculatedValue","setCalculatedValue","open","Boolean","handleClose","useEffect","func","jsxs","Fragment","children","jsx","Typography","onClick","event","currentTarget","sx","cursor","width","height","type","weight","color","Menu","id","onClose","map","aggr","MenuItem","selected","handleAggregationType","val"],"mappings":"~~uYAqBA~~,MAAMA,EAA+B,CACpC,CACCC,MAAO,cACPC,MAAO,eAER,CACCD,MAAO,aACPC,MAAO,cAER,CACCD,MAAO,kBACPC,MAAO,mBAER,CACCD,MAAO,mBACPC,MAAO,oBAER,CACCD,MAAO,UACPC,MAAO,WAER,CACCD,MAAO,MACPC,MAAO,OAER,CACCD,MAAO,OACPC,MAAO,SAIHC,EAAuB,CAC5BC,YAAaC,EAAAA,eAAeC,WAC5BC,WAAYF,EAAAA,eAAeG,UAC3BC,iBAAkBJ,EAAAA,eAAeK,gBACjCC,gBAAiBN,EAAAA,eAAeO,eAChCC,QAASR,EAAAA,eAAeQ,QACxBC,IAAKT,EAAAA,eAAeS,IACpBC,KAAMV,EAAAA,eAAeU,sBASK,EAC1BC,OACAC,aAGA,MAAOC,EAAcC,GACpBC,EAAAA,QAAMC,SAA0B,SAC1BC,EAAUC,GAAeH,EAAAA,QAAMC,SAA6B,OAC5DG,EAAiBC,GAAsBL,EAAAA,QAAMC,WAC9CK,EAAOC,QAAQL,GAMfM,EAAc,KACnBL,EAAY,OAab,OALAM,EAAAA,UAAU,KAETJ,GAAmBK,EADN3B,EAAqBe,IACVF,EAAMC,KAC5B,CAACC,EAAcD,EAAQD,mBAGzBe,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACAC,QArBkBC,IACpBd,EAAYc,EAAMC,gBAqBhBC,GAAI,CAAEC,OAAQ,UAAWC,MAAM,OAAQC,OAAO,QAC9CC,KAAK,KACLC,OAAO,SACPC,MACCrB,EAAkB,uBAAyB,sBAE3CS,SAAAT,GAAmB;eAErBU,EAAAA,IAACY,EAAAA,QAAA,CACAC,GAAG,aACHzB,WACAI,OACAsB,QAASpB,EACRK,SAAA,MAAAjC,OAAA,EAAAA,EAAciD,IAAKC,kBACnBhB,EAAAA,IAACiB,EAAAA,~~SAAA~~,CAEAC,SAAUlC,IAAgB,MAAAgC,OAAA,EAAAA,EAAMhD,OAChCkC,QAAS,KAAMiB,OA/BWC,EA+BW,MAAAJ,OAAA,EAAAA,EAAMhD,MA9B/CiB,EAAgBmC,QAChB1B,IAF6B,IAAC0B,GAqC1BrB,8BAACE,aAAA,CAAWU,MAAM,uBAAuBF,KAAK,KAC5CV,0BAAMhC,SATHiD,EAAKhD"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/default-aggregation.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Typography from '../../typography/typography';\nimport { MenuItem } from '@mui/material';\nimport Menu from '../../menu/menu';\nimport { aggregationFns } from '../aggregation-fns';\nimport { MRT_RowData } from 'material-react-table';\n\ntype aggregationType =\n\t\| 'none'\n\t\| 'count_empty'\n\t\| 'count_full'\n\t\| 'percentage_empty'\n\t\| 'percentage_full'\n\t\| 'average'\n\t\| 'sum';\n\ninterface IAggregation {\n\tlabel: string;\n\tvalue: aggregationType;\n}\n\nconst aggregations: IAggregation[] = [\n\t{\n\t\tlabel: 'Count Empty',\n\t\tvalue: 'count_empty'\n\t},\n\t{\n\t\tlabel: 'Count Full',\n\t\tvalue: 'count_full'\n\t},\n\t{\n\t\tlabel: 'Percentage Full',\n\t\tvalue: 'percentage_full'\n\t},\n\t{\n\t\tlabel: 'Percentage Empty',\n\t\tvalue: 'percentage_empty'\n\t},\n\t{\n\t\tlabel: 'Average',\n\t\tvalue: 'average'\n\t},\n\t{\n\t\tlabel: 'Sum',\n\t\tvalue: 'sum'\n\t},\n\t{\n\t\tlabel: 'None',\n\t\tvalue: 'none'\n\t}\n];\n\nconst aggregationFnsLookup = {\n\tcount_empty: aggregationFns.countEmpty,\n\tcount_full: aggregationFns.countFull,\n\tpercentage_empty: aggregationFns.percentageEmpty,\n\tpercentage_full: aggregationFns.percentageFull,\n\taverage: aggregationFns.average,\n\tsum: aggregationFns.sum,\n\tnone: aggregationFns.none\n};\n\ninterface IDefaultAggregation {\n\tdata: MRT_RowData[];\n\tcolumn: string;\n\tcolumnDef?: any;\n}\n\nconst DefaultAggregation = ({\n\tdata,\n\tcolumn,\n\t// columnDef\n}: IDefaultAggregation) => {\n\tconst [selectedType, setSelectedType] =\n\t\tReact.useState<aggregationType>('none');\n\tconst [anchorEl, setAnchorEl] = React.useState<null \| HTMLElement>(null);\n\tconst [calculatedValue, setCalculatedValue] = React.useState<string \| null>();\n\tconst open = Boolean(anchorEl);\n\n\tconst handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n\t\tsetAnchorEl(event.currentTarget);\n\t};\n\n\tconst handleClose = () => {\n\t\tsetAnchorEl(null);\n\t};\n\n\tconst handleAggregationType = (val: aggregationType) => {\n\t\tsetSelectedType(val);\n\t\thandleClose();\n\t};\n\n\tuseEffect(() => {\n\t\tconst func = aggregationFnsLookup[selectedType];\n\t\tsetCalculatedValue(func(data, column));\n\t}, [selectedType, column, data]);\n\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\tonClick={handleClick}\n\t\t\t\tsx={{ cursor: 'pointer', width:\"100%\", height:\"100%\" }}\n\t\t\t\ttype='s4'\n\t\t\t\tweight='normal'\n\t\t\t\tcolor={\n\t\t\t\t\tcalculatedValue ? 'theme.secondary.1000' : 'theme.secondary.500'\n\t\t\t\t}>\n\t\t\t\t{calculatedValue \|\| '+ Add Calculation'}\n\t\t\t</Typography>\n\t\t\t<Menu\n\t\t\t\tid='basic-menu'\n\t\t\t\tanchorEl={anchorEl}\n\t\t\t\topen={open}\n\t\t\t\tonClose={handleClose}>\n\t\t\t\t{aggregations?.map((aggr) => (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={aggr.value}\n\t\t\t\t\t\tselected={selectedType == aggr?.value}\n\t\t\t\t\t\tonClick={() => handleAggregationType(aggr?.value)}\n\t\t\t\t\t\t// disabled={\n\t\t\t\t\t\t// \t(!columnDef \|\| columnDef?.type !== 'number') &&\n\t\t\t\t\t\t// \t(aggr.value === 'sum' \|\| aggr.value === 'average')\n\t\t\t\t\t\t// }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t{aggr?.label}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t))}\n\t\t\t</Menu>\n\t\t</>\n\t);\n};\n\nexport default DefaultAggregation;\n"],"names":["aggregations","label","value","aggregationFnsLookup","count_empty","aggregationFns","countEmpty","count_full","countFull","percentage_empty","percentageEmpty","percentage_full","percentageFull","average","sum","none","data","column","selectedType","setSelectedType","React","useState","anchorEl","setAnchorEl","calculatedValue","setCalculatedValue","open","Boolean","handleClose","useEffect","func","jsxs","Fragment","children","jsx","Typography","onClick","event","currentTarget","sx","cursor","width","height","type","weight","color","Menu","id","onClose","map","aggr","MenuItem","selected","handleAggregationType","val"],"mappings":"2bAqBA,MAAMA,EAA+B,CACpC,CACCC,MAAO,cACPC,MAAO,eAER,CACCD,MAAO,aACPC,MAAO,cAER,CACCD,MAAO,kBACPC,MAAO,mBAER,CACCD,MAAO,mBACPC,MAAO,oBAER,CACCD,MAAO,UACPC,MAAO,WAER,CACCD,MAAO,MACPC,MAAO,OAER,CACCD,MAAO,OACPC,MAAO,SAIHC,EAAuB,CAC5BC,YAAaC,EAAAA,eAAeC,WAC5BC,WAAYF,EAAAA,eAAeG,UAC3BC,iBAAkBJ,EAAAA,eAAeK,gBACjCC,gBAAiBN,EAAAA,eAAeO,eAChCC,QAASR,EAAAA,eAAeQ,QACxBC,IAAKT,EAAAA,eAAeS,IACpBC,KAAMV,EAAAA,eAAeU,sBASK,EAC1BC,OACAC,aAGA,MAAOC,EAAcC,GACpBC,EAAAA,QAAMC,SAA0B,SAC1BC,EAAUC,GAAeH,EAAAA,QAAMC,SAA6B,OAC5DG,EAAiBC,GAAsBL,EAAAA,QAAMC,WAC9CK,EAAOC,QAAQL,GAMfM,EAAc,KACnBL,EAAY,OAab,OALAM,EAAAA,UAAU,KAETJ,GAAmBK,EADN3B,EAAqBe,IACVF,EAAMC,KAC5B,CAACC,EAAcD,EAAQD,mBAGzBe,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACAC,QArBkBC,IACpBd,EAAYc,EAAMC,gBAqBhBC,GAAI,CAAEC,OAAQ,UAAWC,MAAM,OAAQC,OAAO,QAC9CC,KAAK,KACLC,OAAO,SACPC,MACCrB,EAAkB,uBAAyB,sBAE3CS,SAAAT,GAAmB;eAErBU,EAAAA,IAACY,EAAAA,QAAA,CACAC,GAAG,aACHzB,WACAI,OACAsB,QAASpB,EACRK,SAAA,MAAAjC,OAAA,EAAAA,EAAciD,IAAKC,kBACnBhB,EAAAA,IAACiB,EAAAA,QAAA,CAEAC,SAAUlC,IAAgB,MAAAgC,OAAA,EAAAA,EAAMhD,OAChCkC,QAAS,KAAMiB,OA/BWC,EA+BW,MAAAJ,OAAA,EAAAA,EAAMhD,MA9B/CiB,EAAgBmC,QAChB1B,IAF6B,IAAC0B,GAqC1BrB,8BAACE,aAAA,CAAWU,MAAM,uBAAuBF,KAAK,KAC5CV,0BAAMhC,SATHiD,EAAKhD"}

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

@@ -1,6 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { Box } from "@mui/material";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import DatePicker from "../../../date-picker/date-picker/index.esm.js";
 import DateTimePicker from "../../../date-time-picker/date-time-picker/index.esm.js";
@@ -12,6 +11,7 @@ import dayjs from "dayjs";
 import PhoneInput from "../../../phone-input/phone-input/index.esm.js";
 import Checkbox from "../../../checkbox/checkbox/index.esm.js";
 import SearchableSelect from "../../../searchable-select/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const InlineEditFields = ({
   // cell,
   column,

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("@mui/material"),a=require("../../../typography/typography/index.js"),d=require("../../../date-picker/date-picker/index.js"),t=require("../../../date-time-picker/date-time-picker/index.js"),o=require("../../../text-field/text-field/index.js"),n=require("../../../upload-media/upload-media/index.js"),u=require("yup"),r=require("lodash"),c=require("dayjs"),s=require("../../../phone-input/phone-input/index.js"),v=require("../../../checkbox/checkbox/index.js"),f=require("../../../searchable-select/index.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var l=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),l.default=e,l}var p=/* @__PURE__ */m(u),y=/* @__PURE__ */h(r),x=/* @__PURE__ */h(c);exports.default=({column:u,row:r,col:c,errors:h,validationSchema:m,setValidationErrors:g,onChangeRowField:b,getSelectedData:_})=>{var C,j,F,k,q,E,K,D;const[V,P]=l.useState(),[T,w]=l.useState(!1),O=l.useRef(null),A=r.getAllCells().map(e=>e.column.columnDef).filter(e=>void 0===(null==e?void 0:e.enableEditing)||!0===(null==e?void 0:e.enableEditing)),S=c.editVariant,B=(null==(C=u.columnDef)?void 0:C.editProperties)||{};let I=!1;(null==B?void 0:B.disable)&&(I="function"==typeof B.disable?Boolean(null==B?void 0:B.disable(r,r._valuesCache)):Boolean(B.disable));const R=l.useCallback(async(e,l)=>{try{if("function"==typeof B.customeFilter){const i=await B.customeFilter(e,l);return O.current=i,i}O.current=null==B?void 0:B.customeFilter}catch(i){return null}},[B,r,r._valuesCache]);l.useEffect(()=>{R(r,r._valuesCache)},[R,r,r._valuesCache]);const z=null==B?void 0:B.valueKey;let M="";M="select"===S&&(null==B?void 0:B.is_multiple)?z?y.default.get(r.original,z,[]):[]:z?y.default.get(r.original,z,r.original[u.id]):r.original[u.id];const N=async(e,l,i)=>{const a=i;let d;switch(l){case"date":case"file":case"image":case"phone":d=e;break;case"text":case"number":default:d=e.target.value;break;case"checkbox":d=e.target.checked}if(P({...V,[u.id]:d}),b){const i=await b(e,l,r,c,a);i&&(r._valuesCache={...r._valuesCache,...i},P({...V,...i}))}P({...V,[u.id]:d}),r._valuesCache={...r._valuesCache,[u.id]:d},await(async e=>{try{await m.validateAt(u.id,{[u.id]:e},{abortEarly:!1});const l={};for(const e in h)e!=u.id&&(l[e]=h[e]);g(l)}catch(l){if(l instanceof p.ValidationError){const e={};l.inner.forEach(l=>{l.path&&(e[l.path]=l.message)});const i={...h,...e};g(i)}}})(d)};return l.useEffect(()=>{P({...V,...r._valuesCache})},[r._valuesCache]),l.useEffect(()=>{if(!T){const e=Object.keys(r._valuesCache||{}),l={};r.getAllCells().forEach(i=>{var a,d,t;if(void 0===(null==(a=i.column.columnDef)?void 0:a.enableEditing)||!0===(null==(d=i.column.columnDef)?void 0:d.enableEditing)){const{is_multiple:a,valueKey:d}=(null==(t=i.column.columnDef)?void 0:t.editProperties)||{};if(e.includes(i.column.id)){const e=y.default.get(r.original,d);l[i.column.id]="select"===S&&a?e?Array.isArray(e)?e:[e]:[]:"date"===S||"date_time"===S?e?x.default(e).isValid()?x.default(e):void 0:x.default(r.original[i.column.id]).isValid()?x.default(r.original[i.column.id]):void 0:y.default.get(r.original,d,r.original[i.column.id])}}}),r._valuesCache=l,P(l),w(!0)}},[r,S,T]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[(!S||"number"===S)&&/* @__PURE__ */e.jsx(o.default,{defaultValue:M,onChange:e=>N(e,S),value:null==V?void 0:V[u.id],autoFocus:(null==(j=null==A?void 0:A[0])?void 0:j.accessorKey)===u.id,type:S||"text",error:!!(null==h?void 0:h[u.id]),helperText:null==h?void 0:h[u.id],placeholder:(null==B?void 0:B.placeholder)||"",name:(null==B?void 0:B.field_name)||"",disabled:I}),"select"===S&&/* @__PURE__ */e.jsxs(i.Box,{display:"flex",flexDirection:"column",width:"100%",children:[
-/* @__PURE__ */e.jsx(f.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,placeholder:(null==B?void 0:B.placeholder)||"",searchPlaceholder:`Search ${c.header}`,onChange:(e,l)=>N(e,"select",l),apiType:null==B?void 0:B.apiType,autoFocus:(null==(F=null==A?void 0:A[0])?void 0:F.accessorKey)===u.id,options:null==c?void 0:c.editSelectOptions,customeFilter:O.current,filterKey:null==B?void 0:B.filterKey,labelKey:null==B?void 0:B.labelKey,valueKey:null==B?void 0:B.bindingKey,attributes:B.attributes,isInternal:(null==B?void 0:B.isInternal)||!(null==B?void 0:B.apiType),multiple:null==B?void 0:B.is_multiple,value:(null==B?void 0:B.is_multiple)?Array.isArray(null==V?void 0:V[u.id])?null==V?void 0:V[u.id]:[]:null==V?void 0:V[u.id],getSelectedData:e=>_(null==B?void 0:B.field_name,e)}),(null==h?void 0:h[u.id])&&/* @__PURE__ */e.jsx(a.Typography,{color:"theme.error.600",type:"s5",children:null==h?void 0:h[u.id]})]}),"date"===S&&/* @__PURE__ */e.jsx(d.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(k=null==A?void 0:A[0])?void 0:k.accessorKey)===u.id},error:!!(null==h?void 0:h[u.id]),helperText:null==h?void 0:h[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:x.default(r._valuesCache[u.id]).isValid()?x.default(r._valuesCache[u.id]):void 0,disabled:I,minDate:null==B?void 0:B.min_date}),"date_time"===S&&/* @__PURE__ */e.jsx(t.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(q=null==A?void 0:A[0])?void 0:q.accessorKey)===u.id},error:!!(null==h?void 0:h[u.id]),helperText:null==h?void 0:h[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:x.default(r._valuesCache[u.id]).isValid()?x.default(r._valuesCache[u.id]):void 0,disabled:I}),("file"===S||"image"===S)&&/* @__PURE__ */e.jsxs(i.Box,{display:"flex",flexDirection:"column",children:[
-/* @__PURE__ */e.jsx(n.default,{name:(null==B?void 0:B.field_name)||"table_file",dataPosition:0,dataName:"table_file",label:"",type:S,max_size:10,onChange:e=>N(e,"file"),error:!!(null==h?void 0:h[u.id]),multiple:Boolean(null==u?void 0:u.is_multiple),value:r._valuesCache[u.id]}),(null==h?void 0:h[u.id])&&/* @__PURE__ */e.jsx(a.Typography,{color:"theme.error.600",type:"s5",children:null==h?void 0:h[u.id]})]}),"phone"===S&&/* @__PURE__ */e.jsx(s.default,{name:(null==B?void 0:B.field_name)||"",default_value:M,onChange:e=>N(e,"phone"),textFieldProps:{autoFocus:(null==(E=null==A?void 0:A[0])?void 0:E.accessorKey)===u.id},error:!!(null==h?void 0:h[u.id]),helperText:null==h?void 0:h[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(K=r._valuesCache)?void 0:K[u.id],disabled:I,isInlineEditing:!0}),"checkbox"===S&&/* @__PURE__ */e.jsx(v.default,{name:(null==B?void 0:B.field_name)||"",defaultChecked:Boolean(M),onChange:e=>N(e,"checkbox"),error:!!(null==h?void 0:h[u.id]),helperText:null==h?void 0:h[u.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(D=r._valuesCache)?void 0:D[u.id],disabled:I})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("../../../typography/typography/index.js"),a=require("../../../date-picker/date-picker/index.js"),d=require("../../../date-time-picker/date-time-picker/index.js"),t=require("../../../text-field/text-field/index.js"),o=require("../../../upload-media/upload-media/index.js"),n=require("yup"),u=require("lodash"),r=require("dayjs"),c=require("../../../phone-input/phone-input/index.js"),s=require("../../../checkbox/checkbox/index.js"),v=require("../../../searchable-select/index.js"),f=require("../../../../node_modules/@mui/material/Box/Box/index.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var l=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(i){if("default"!==i){var a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(l,i,a.get?a:{enumerable:!0,get:function(){return e[i]}})}}),l.default=e,l}var p=/* @__PURE__ */m(n),y=/* @__PURE__ */h(u),x=/* @__PURE__ */h(r);exports.default=({column:n,row:u,col:r,errors:h,validationSchema:m,setValidationErrors:g,onChangeRowField:b,getSelectedData:_})=>{var j,C,F,k,q,E,K,D;const[V,P]=l.useState(),[T,w]=l.useState(!1),O=l.useRef(null),A=u.getAllCells().map(e=>e.column.columnDef).filter(e=>void 0===(null==e?void 0:e.enableEditing)||!0===(null==e?void 0:e.enableEditing)),S=r.editVariant,B=(null==(j=n.columnDef)?void 0:j.editProperties)||{};let I=!1;(null==B?void 0:B.disable)&&(I="function"==typeof B.disable?Boolean(null==B?void 0:B.disable(u,u._valuesCache)):Boolean(B.disable));const R=l.useCallback(async(e,l)=>{try{if("function"==typeof B.customeFilter){const i=await B.customeFilter(e,l);return O.current=i,i}O.current=null==B?void 0:B.customeFilter}catch(i){return null}},[B,u,u._valuesCache]);l.useEffect(()=>{R(u,u._valuesCache)},[R,u,u._valuesCache]);const z=null==B?void 0:B.valueKey;let M="";M="select"===S&&(null==B?void 0:B.is_multiple)?z?y.default.get(u.original,z,[]):[]:z?y.default.get(u.original,z,u.original[n.id]):u.original[n.id];const N=async(e,l,i)=>{const a=i;let d;switch(l){case"date":case"file":case"image":case"phone":d=e;break;case"text":case"number":default:d=e.target.value;break;case"checkbox":d=e.target.checked}if(P({...V,[n.id]:d}),b){const i=await b(e,l,u,r,a);i&&(u._valuesCache={...u._valuesCache,...i},P({...V,...i}))}P({...V,[n.id]:d}),u._valuesCache={...u._valuesCache,[n.id]:d},await(async e=>{try{await m.validateAt(n.id,{[n.id]:e},{abortEarly:!1});const l={};for(const e in h)e!=n.id&&(l[e]=h[e]);g(l)}catch(l){if(l instanceof p.ValidationError){const e={};l.inner.forEach(l=>{l.path&&(e[l.path]=l.message)});const i={...h,...e};g(i)}}})(d)};return l.useEffect(()=>{P({...V,...u._valuesCache})},[u._valuesCache]),l.useEffect(()=>{if(!T){const e=Object.keys(u._valuesCache||{}),l={};u.getAllCells().forEach(i=>{var a,d,t;if(void 0===(null==(a=i.column.columnDef)?void 0:a.enableEditing)||!0===(null==(d=i.column.columnDef)?void 0:d.enableEditing)){const{is_multiple:a,valueKey:d}=(null==(t=i.column.columnDef)?void 0:t.editProperties)||{};if(e.includes(i.column.id)){const e=y.default.get(u.original,d);l[i.column.id]="select"===S&&a?e?Array.isArray(e)?e:[e]:[]:"date"===S||"date_time"===S?e?x.default(e).isValid()?x.default(e):void 0:x.default(u.original[i.column.id]).isValid()?x.default(u.original[i.column.id]):void 0:y.default.get(u.original,d,u.original[i.column.id])}}}),u._valuesCache=l,P(l),w(!0)}},[u,S,T]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[(!S||"number"===S)&&/* @__PURE__ */e.jsx(t.default,{defaultValue:M,onChange:e=>N(e,S),value:null==V?void 0:V[n.id],autoFocus:(null==(C=null==A?void 0:A[0])?void 0:C.accessorKey)===n.id,type:S||"text",error:!!(null==h?void 0:h[n.id]),helperText:null==h?void 0:h[n.id],placeholder:(null==B?void 0:B.placeholder)||"",name:(null==B?void 0:B.field_name)||"",disabled:I}),"select"===S&&/* @__PURE__ */e.jsxs(f.default,{display:"flex",flexDirection:"column",width:"100%",children:[
+/* @__PURE__ */e.jsx(v.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,placeholder:(null==B?void 0:B.placeholder)||"",searchPlaceholder:`Search ${r.header}`,onChange:(e,l)=>N(e,"select",l),apiType:null==B?void 0:B.apiType,autoFocus:(null==(F=null==A?void 0:A[0])?void 0:F.accessorKey)===n.id,options:null==r?void 0:r.editSelectOptions,customeFilter:O.current,filterKey:null==B?void 0:B.filterKey,labelKey:null==B?void 0:B.labelKey,valueKey:null==B?void 0:B.bindingKey,attributes:B.attributes,isInternal:(null==B?void 0:B.isInternal)||!(null==B?void 0:B.apiType),multiple:null==B?void 0:B.is_multiple,value:(null==B?void 0:B.is_multiple)?Array.isArray(null==V?void 0:V[n.id])?null==V?void 0:V[n.id]:[]:null==V?void 0:V[n.id],getSelectedData:e=>_(null==B?void 0:B.field_name,e)}),(null==h?void 0:h[n.id])&&/* @__PURE__ */e.jsx(i.Typography,{color:"theme.error.600",type:"s5",children:null==h?void 0:h[n.id]})]}),"date"===S&&/* @__PURE__ */e.jsx(a.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(k=null==A?void 0:A[0])?void 0:k.accessorKey)===n.id},error:!!(null==h?void 0:h[n.id]),helperText:null==h?void 0:h[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:x.default(u._valuesCache[n.id]).isValid()?x.default(u._valuesCache[n.id]):void 0,disabled:I,minDate:null==B?void 0:B.min_date}),"date_time"===S&&/* @__PURE__ */e.jsx(d.default,{name:(null==B?void 0:B.field_name)||"",defaultValue:M,onChange:e=>N(e,"date"),textFieldProps:{autoFocus:(null==(q=null==A?void 0:A[0])?void 0:q.accessorKey)===n.id},error:!!(null==h?void 0:h[n.id]),helperText:null==h?void 0:h[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:x.default(u._valuesCache[n.id]).isValid()?x.default(u._valuesCache[n.id]):void 0,disabled:I}),("file"===S||"image"===S)&&/* @__PURE__ */e.jsxs(f.default,{display:"flex",flexDirection:"column",children:[
+/* @__PURE__ */e.jsx(o.default,{name:(null==B?void 0:B.field_name)||"table_file",dataPosition:0,dataName:"table_file",label:"",type:S,max_size:10,onChange:e=>N(e,"file"),error:!!(null==h?void 0:h[n.id]),multiple:Boolean(null==n?void 0:n.is_multiple),value:u._valuesCache[n.id]}),(null==h?void 0:h[n.id])&&/* @__PURE__ */e.jsx(i.Typography,{color:"theme.error.600",type:"s5",children:null==h?void 0:h[n.id]})]}),"phone"===S&&/* @__PURE__ */e.jsx(c.default,{name:(null==B?void 0:B.field_name)||"",default_value:M,onChange:e=>N(e,"phone"),textFieldProps:{autoFocus:(null==(E=null==A?void 0:A[0])?void 0:E.accessorKey)===n.id},error:!!(null==h?void 0:h[n.id]),helperText:null==h?void 0:h[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(K=u._valuesCache)?void 0:K[n.id],disabled:I,isInlineEditing:!0}),"checkbox"===S&&/* @__PURE__ */e.jsx(s.default,{name:(null==B?void 0:B.field_name)||"",defaultChecked:Boolean(M),onChange:e=>N(e,"checkbox"),error:!!(null==h?void 0:h[n.id]),helperText:null==h?void 0:h[n.id],format:null==B?void 0:B.dateFormat,placeholder:(null==B?void 0:B.placeholder)||(null==B?void 0:B.dateFormat),value:null==(D=u._valuesCache)?void 0:D[n.id],disabled:I})]})};
 //# sourceMappingURL=index.js.map