@erpsquad/common 1.8.40 → 1.8.42

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData:any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n    const customFilter=useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\t\t\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\t\n\tuseEffect(()=>{\n\t\thandleCustomFilter(row, row._valuesCache)\n\t},[handleCustomFilter,row,row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\t\tconst fe: any = {}; // field error\n\t\t\t\tfor (const e in errors) {\n\t\t\t\t\tif (e != column.id) {\n\t\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\t\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string,selectedData:any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\t\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\t\t\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row)=>getSelectedData(fieldProperties?.field_name,row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["column","row","col","errors","validationSchema","setValidationErrors","onChangeRowField","getSelectedData","inputValue","setInputValue","useState","isInitialSet","setIsInitialSet","customFilter","useRef","editCols","getAllCells","map","columnDef","filter","enableEditing","editVariant","fieldProperties","_a","editProperties","fieldDisbled","disable","Boolean","_valuesCache","handleCustomFilter","useCallback","async","values","customeFilter","current","error","useEffect","valueKey","defaultValue","is_multiple","_","get","original","id","onChange","e","type","selectedData","data","value","target","checked","v","validateAt","abortEarly","fe","err","yup","ValidationError","inner","forEach","path","message","em","validate","editFields","Object","keys","dValues","cell","_b","_c","includes","vl","Array","isArray","dayjs","isValid","jsxs","Fragment","children","jsx","TextField","autoFocus","accessorKey","helperText","placeholder","name","field_name","disabled","Box","display","flexDirection","width","SearchableSelect","searchPlaceholder","header","apiType","options","editSelectOptions","filterKey","labelKey","bindingKey","attributes","isInternal","multiple","Typography","color","DatePicker","textFieldProps","_d","format","dateFormat","minDate","min_date","DateTimePicker","_e","UploadMedia","dataPosition","dataName","label","max_size","PhoneInput","default_value","_f","_g","isInlineEditing","Checkbox","defaultChecked","_h"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData:any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n    const customFilter=useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\t\t\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\t\n\tuseEffect(()=>{\n\t\thandleCustomFilter(row, row._valuesCache)\n\t},[handleCustomFilter,row,row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\t\tconst fe: any = {}; // field error\n\t\t\t\tfor (const e in errors) {\n\t\t\t\t\tif (e != column.id) {\n\t\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\t\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string,selectedData:any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\t\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\t\t\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row)=>getSelectedData(fieldProperties?.field_name,row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["column","row","col","errors","validationSchema","setValidationErrors","onChangeRowField","getSelectedData","inputValue","setInputValue","useState","isInitialSet","setIsInitialSet","customFilter","useRef","editCols","getAllCells","map","columnDef","filter","enableEditing","editVariant","fieldProperties","_a","editProperties","fieldDisbled","disable","Boolean","_valuesCache","handleCustomFilter","useCallback","async","values","customeFilter","current","error","useEffect","valueKey","defaultValue","is_multiple","_","get","original","id","onChange","e","type","selectedData","data","value","target","checked","v","validateAt","abortEarly","fe","err","yup","ValidationError","inner","forEach","path","message","em","validate","editFields","Object","keys","dValues","cell","_b","_c","includes","vl","Array","isArray","dayjs","isValid","jsxs","Fragment","children","jsx","TextField","autoFocus","accessorKey","helperText","placeholder","name","field_name","disabled","Box","display","flexDirection","width","SearchableSelect","searchPlaceholder","header","apiType","options","editSelectOptions","filterKey","labelKey","bindingKey","attributes","isInternal","multiple","Typography","color","DatePicker","textFieldProps","_d","format","dateFormat","minDate","min_date","DateTimePicker","_e","UploadMedia","dataPosition","dataName","label","max_size","PhoneInput","default_value","_f","_g","isInlineEditing","Checkbox","defaultChecked","_h"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1,9 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback, cloneElement } from "react";
 import { useMaterialReactTable, MaterialReactTable } from "../../../node_modules/material-react-table/dist/index.esm/index.esm.js";
-import { Box, IconButton, styled, MenuItem, ListItemIcon, ListItemText, Divider } from "@mui/material";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import default_1$1 from "../../../node_modules/@mui/icons-material/ChevronRight/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/ChevronLeft/index.esm.js";
 import Menu from "../../menu/menu/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import SearchBar from "../../search-bar/search-bar/index.esm.js";
@@ -12,7 +11,7 @@ import { images } from "../../../images/index.esm.js";
 import InlineEditFields from "../components/inline-edit-fields/index.esm.js";
 import Tooltip from "../../tooltip/Tooltip/index.esm.js";
 import Button from "../../button/button/index.esm.js";
-import AddIcon from "@mui/icons-material/Add";
+import default_1$2 from "../../../node_modules/@mui/icons-material/Add/index.esm.js";
 import dayjs from "dayjs";
 import * as Yup from "yup";
 import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
@@ -29,13 +28,20 @@ import { PathnameCrm } from "../../../constants/pathnames/pathname.crm/index.esm
 import { PathnameUsers } from "../../../constants/pathnames/pathname.user/index.esm.js";
 import { PathnameRental } from "../../../constants/pathnames/pathname.rental/index.esm.js";
 import useDeepMemo from "../../../hooks/use-deep-memo/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.esm.js";
+import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import { Save } from "../../icons/save/index.esm.js";
-import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
-import { Edit } from "../../icons/edit/index.esm.js";
 import { Close } from "../../icons/close/index.esm.js";
-import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
+import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
+import { Edit } from "../../icons/edit/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 const TableWrapper = styled(Box)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {
@@ -594,7 +600,7 @@ const MaterialTable = React__default.memo(({
         Button,
         {
           variant: "outlined",
-          startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+          startIcon: /* @__PURE__ */ jsx(default_1$2, {}),
           className: "add-row-btn",
           disabled: disableNextEdit,
           onClick: () => {
@@ -913,7 +919,7 @@ const MaterialTable = React__default.memo(({
               onClick: handleBackButtonClick,
               className: "role-drp-list add-column-title",
               children: [
-                /* @__PURE__ */ jsx(ListItemIcon, { className: "add-icon", children: /* @__PURE__ */ jsx(ChevronLeftIcon, {}) }),
+                /* @__PURE__ */ jsx(ListItemIcon, { className: "add-icon", children: /* @__PURE__ */ jsx(default_1, {}) }),
                 /* @__PURE__ */ jsx(ListItemText, { className: "title", children: t("common.addColumn_label") })
               ]
             }
@@ -964,7 +970,7 @@ const MaterialTable = React__default.memo(({
                 variant: "body2",
                 color: "text.secondary",
                 className: "eye-icon",
-                children: /* @__PURE__ */ jsx(ChevronRightIcon, { sx: { fontSize: "1.25rem !important" } })
+                children: /* @__PURE__ */ jsx(default_1$1, { sx: { fontSize: "1.25rem !important" } })
               }
             )
           ] })
@@ -1027,6 +1033,7 @@ const MaterialTable = React__default.memo(({
   ] });
 });
 export {
+  MaterialTable,
   MaterialTable as default
 };
 //# sourceMappingURL=index.esm.js.map