@erpsquad/common 1.8.45 → 1.8.47

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

@@ -1,4 +1,4 @@
-"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})]})};
+"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"),o=require("../../../text-field/text-field/index.js"),t=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 C,j,F,k,q,E,D,K;const[P,T]=l.useState(),[V,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==(C=n.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(u,u._valuesCache)):Boolean(B.disable));const M=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(()=>{M(u,u._valuesCache)},[M,u,u._valuesCache]);const R=null==B?void 0:B.valueKey;let z="";z="select"===S&&(null==B?void 0:B.is_multiple)?R?y.default.get(u.original,R,[]):[]:R?y.default.get(u.original,R,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(T({...P,[n.id]:d}),b){const i=await b(e,l,u,r,a);i&&(u._valuesCache={...u._valuesCache,...i},T({...P,...i}))}T({...P,[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(()=>{T({...P,...u._valuesCache})},[u._valuesCache]),l.useEffect(()=>{if(!V){const e=Object.keys(u._valuesCache||{}),l={};u.getAllCells().forEach(i=>{var a,d,o;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==(o=i.column.columnDef)?void 0:o.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,T(l),w(!0)}},[u,S,V]),/* @__PURE__ */e.jsxs(e.Fragment,{children:[(!S||"number"===S)&&/* @__PURE__ */e.jsx(o.TextField,{defaultValue:z,onChange:e=>N(e,S),value:null==P?void 0:P[n.id],autoFocus:(null==(j=null==A?void 0:A[0])?void 0:j.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:z,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==P?void 0:P[n.id])?null==P?void 0:P[n.id]:[]:null==P?void 0:P[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.DatePicker,{name:(null==B?void 0:B.field_name)||"",defaultValue:z,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.DateTimePicker,{name:(null==B?void 0:B.field_name)||"",defaultValue:z,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(t.UploadMedia,{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.PhoneInput,{name:(null==B?void 0:B.field_name)||"",default_value:z,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==(D=u._valuesCache)?void 0:D[n.id],disabled:I,isInlineEditing:!0}),"checkbox"===S&&/* @__PURE__ */e.jsx(s.Checkbox,{name:(null==B?void 0:B.field_name)||"",defaultChecked:Boolean(z),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==(K=u._valuesCache)?void 0:K[n.id],disabled:I})]})};
 //# sourceMappingURL=index.js.map

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,7 +2,7 @@ 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 Menu from "../../../menu/menu/index.esm.js";
+import { Menu } from "../../../menu/menu/index.esm.js";
 import MenuItem from "../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const allAggregations = [
   {
@@ -128,6 +128,7 @@ const NumberAggregation = ({ data, column, type }) => {
   ] });
 };
 export {
+  NumberAggregation,
   NumberAggregation as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.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":["React"],"mappings":"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"}
+{"version":3,"file":"index.esm.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 { NumberAggregation };\nexport default NumberAggregation;\n"],"names":["React"],"mappings":"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"}

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("../../../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__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),n=require("../../aggregation-fns/index/index.js"),a=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"}],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:"None",value:"none"}],c={avg:n.aggregationFns.average,sum:n.aggregationFns.sum,max:n.aggregationFns.max,count_empty:n.aggregationFns.countEmpty,count_full:n.aggregationFns.countFull,percentage_empty:n.aggregationFns.percentageEmpty,percentage_full:n.aggregationFns.percentageFull,min:n.aggregationFns.min,none:n.aggregationFns.none},s=({data:n,column:r,type:s})=>{const[m,p]=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,c[m])(n,r))},[m,r,n]);const F="number"===s?g:i;/* @__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(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))})]})};
+/* @__PURE__ */e.jsx(a.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(t.Menu,{id:"basic-menu",anchorEl:d,open:f,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(a.Typography,{color:"theme.secondary.1000",type:"s4",children:null==l?void 0:l.label})},l.value))})]})};exports.NumberAggregation=s,exports.default=s;
 //# 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":"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"}
+{"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 { NumberAggregation };\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","NumberAggregation","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,MASjBC,EAAoB,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,EADNhC,EAAqBoB,IACVH,EAAMC,KAC7B,CAACE,EAAcF,EAAQD,IAE1B,MAAMgB,EACK,WAATd,EAAoBvB,EAAkBG;AAExC,OACEmC,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,KAAA,CACCC,GAAG,aACHvB,WACAI,OACAoB,QAASlB,EAERM,SAAA,MAAAH,OAAA,EAAAA,EAAcgB,IAAKC,kBAClBb,EAAAA,IAACc,EAAAA,QAAA,CAECC,SAAUhC,IAAgB,MAAA8B,OAAA,EAAAA,EAAMpD,OAChCyC,QAAS,KAAMc,OAlCMC,EAkCgB,MAAAJ,OAAA,EAAAA,EAAMpD,MAjCnDuB,EAAgBiC,QAChBxB,IAF4B,IAACwB,GAoCrBlB,8BAACE,aAAA,CAAWO,MAAM,uBAAuB1B,KAAK,KAC3CiB,0BAAMvC,SALJqD,EAAKpD"}

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

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

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

@@ -3,18 +3,18 @@ import React__default, { useState, useEffect, useCallback, cloneElement } from "
 import { useMaterialReactTable, MaterialReactTable } from "../../../node_modules/material-react-table/dist/index.esm/index.esm.js";
 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 { 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";
+import { SearchBar } from "../../search-bar/search-bar/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 /* empty css                               */
 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 { Tooltip } from "../../tooltip/Tooltip/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 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";
+import { ConfirmPopUp } from "../../confirm-modal/confirm-modal/index.esm.js";
 import { useTranslation } from "react-i18next";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { usePages } from "../../../hooks/use-pages/index.esm.js";

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

@@ -1,30 +1,30 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),a=,/* empty css                                                               */o=,/* empty css                                                            */t=,/* empty css                                                           */l=,/* empty css                     */i=,/* empty css                                 */r=,/* empty css                                 */s=;/* empty css                     */;/* empty css                            */var d=,/* empty css                                      */c=,/* empty css                           */u=,/* empty css                         */m=,/* empty css                                                   */h=require("dayjs"),p=require("yup"),g=,/* empty css                                       */x=require("react-i18next"),b=,/* empty css                                                   */f=,/* empty css                              */v=require("react-router-dom"),j=,/* empty css                                                    */y=,/* empty css                                                      */C=,/* empty css                                                     */w=,/* empty css                                                         */S=,/* empty css                                                       */k=,/* empty css                                               */R=,/* empty css                                                */M=,/* empty css                                                  */I=,/* empty css                                  */q=,/* empty css                                                 */T=,/* empty css                                                               */P=,/* empty css                                                       */z=,/* empty css                                                           */E=,/* empty css                                                                   */_=,/* empty css                                                                   */A=,/* empty css                                                         */D=,/* empty css                      */O=,/* empty css                       */N=,/* empty css                               */B=,/* empty css                           */F=,/* empty css                      */H=,/* empty css                       */U=;/* empty css                           */function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function K(e){if(e&&"object"==typeof e&&"default"in e)return e;var n=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),n.default=e,n}var V=/* @__PURE__ */L(n),$=/* @__PURE__ */L(h),W=/* @__PURE__ */K(p);const J=P.default(q.default)(({theme:{palette:e}})=>{var n,a,o,t;return{".MuiTableCell-root":{border:"1px solid #efefef",borderBottom:0,borderLeft:0,padding:"0.19rem 0.5rem",lineHeight:"19px",fontSize:"14px",minHeight:40},".MuiTableCell-head":{backgroundColor:null==(n=e.theme)?void 0:n.secondary[100]},".MuiTableContainer-root":{maxHeight:"clamp(350px, 100vh - 200px, 9999px) !important"},".MuiPaper-root":{boxShadow:"none"},".MuiPaginationItem-root":{"&.Mui-selected":{backgroundColor:null==(a=null==e?void 0:e.theme)?void 0:a.primary[700],color:"white"}},".MuiTableRow-root":{"&.Mui-selected":{backgroundColor:`${null==(o=null==e?void 0:e.theme)?void 0:o.primary[100]} !important`,color:"white"}},".MuiCheckbox-indeterminate":{color:`${null==(t=null==e?void 0:e.theme)?void 0:t.primary[700]} !important`,"& svg":{height:"20px !important",width:"20px !important"}}}}),Y=V.default.memo(({enablePagination:h=!1,rows:p,columns:P,totalPages:L,paginationModel:K,columnOrder:V,updateData:Y,handleColumnOrdering:Z,enableEditing:G,enableColumnDragging:Q,states:X,rowActionMenu:ee,destructiveActionMenu:ne,disableDefaultActionColumn:ae,enableRowSelection:oe,defaultActionColumnItems:te=[],enableBottomToolbar:le,SetSelectedRowId:ie,isResetRow:re,onCreateRow:se,onEditRow:de,onDeleteRow:ce,editDisplayMode:ue,enableRowCreate:me,onChangeRowField:he,onSelectRow:pe,enableColumnResizing:ge=!0,selectedRowIds:xe=[],onColumnVisibility:be,onSortingChange:fe,getSelectedData:ve,disabledDefaultActionColumnIcon:je=!1,enableAddCustomField:ye=!0,enableRowDragging:Ce=!1,handleColumnResizing:we=()=>{},columnSizes:Se={},...ke})=>{const{t:Re}=x.useTranslation(),{formData:Me=null,updatePageInfo:Ie,activePage:qe}=f.usePages(),Te=I.default(qe),{pageNo:Pe}=K,[ze,Ee]=n.useState({}),[_e,Ae]=n.useState(P),[De,Oe]=n.useState(null),[Ne,Be]=n.useState(!1),[Fe,He]=n.useState(null),Ue=_e.filter(e=>e.visible),Le=_e.filter(e=>!e.visible),[Ke,Ve]=n.useState(Le),[$e,We]=n.useState(null),[Je,Ye]=n.useState({}),[Ze,Ge]=n.useState([]),[Qe,Xe]=n.useState(!1),[en,nn]=n.useState(!1),[an,on]=n.useState(!1),[tn,ln]=n.useState(null),[rn,sn]=n.useState({}),[dn,cn]=n.useState(!1),[un,mn]=n.useState([]),[hn,pn]=n.useState(!1),[gn,xn]=n.useState(Te.column_sizes),[bn,fn]=n.useState({columnSizingStart:[],deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,startOffset:null,startSize:null}),vn=v.useNavigate(),jn=location.pathname.split("/")[2];let yn="";switch(jn){case"accounting":yn=y.PathnameAccounting.CUSTOM_FORM;break;case"inventory":yn=C.PathnameInventory.CUSTOM_FORM;break;case"manufacturing":yn=w.PathnameManufacturing.CUSTOM_FORM;break;case"procurement":yn=S.PathnamePurchase.CUSTOM_FORM;break;case"crm":yn=k.PathnameCrm.CUSTOM_FORM;break;case"user":yn=R.PathnameUsers.CUSTOM_FORM;break;case"rental":yn=M.PathnameRental.CUSTOM_FORM;break;case"drive":yn=j.PathnameDocument.ADD_CUSTOM_FIELDS}const Cn=`/dashboard/${jn}${yn}`,wn=(e,n,a)=>{var o;let t=e;switch(n.type){case"required":t=n.value?e.required(n.msg_en).typeError(n.msg_en):(null==(o=null==a?void 0:a.editProperties)?void 0:o.is_multiple)?e.min(1,n.msg_en):e;break;case"min":t=e.min(n.value,n.msg_en);break;case"email":t=e.email(n.value,n.msg_en);break;case"max":t=e.max(n.value,n.msg_en);break;case"positive":t=!0===n.value?e.test("is-positive-number","Value must be a positive number",e=>!e||e>=0):e;break;case"when":return e.when(n.relation,{is:e=>e===n.values,then:()=>{var o;return(null==(o=null==n?void 0:n.thenValidations)?void 0:o.reduce((e,n)=>wn(e,n,a),e))||e},otherwise:()=>{var o;return(null==(o=null==n?void 0:n.otherWiseValidations)?void 0:o.reduce((e,n)=>wn(e,n,a),e))||e}});default:t=e}return"required"!=n.type||!n.value||(null==a?void 0:a.editVariant)&&"text"!=(null==a?void 0:a.editVariant)||(t=e.test("no-blank-spaces","Blank space is not allowed",e=>{var n;return e&&(null==(n=e.trim())?void 0:n.length)>0})),t};n.useEffect(()=>{Ae(P);const e=(e=>{const n={};return e.forEach(e=>{var a,o,t;if(null==(o=null==(a=null==e?void 0:e.editProperties)?void 0:a.validations)?void 0:o.length){const a=null==(t=null==e?void 0:e.editProperties)?void 0:t.validations.reduce((n,a)=>wn(n,a,e),(e=>{var n;switch(e.editVariant){case"select":return(null==(n=null==e?void 0:e.editProperties)?void 0:n.is_multiple)?W.array():W.string();case"number":return W.number().nullable().transform((e,n)=>""===n?null:e);case"url":return W.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return W.string()}})(e));n[e.accessorKey]=a}}),n})(P);Ge(W.object().shape(e))},[P]),n.useEffect(()=>{(null==bn?void 0:bn.isResizingColumn)||(Ie({column_sizes:{...Te.column_sizes,...gn}}),null==we||we(gn))},[null==bn?void 0:bn.isResizingColumn,gn]);const Sn=e=>{Oe(e.currentTarget)},kn=(e,n)=>{const a={};return Object.keys(e).forEach(o=>{const t=e[o];a[o]=t;const l=n.find(e=>e.accessorKey==o);t&&(t instanceof File&&(a[o]=t.name),l&&"date"==(null==l?void 0:l.editVariant)&&(a[o]=$.default(t).format((null==l?void 0:l.dateFormat)||"DD-MM-YYYY")))}),a},Rn=n.useCallback(e=>{var n;return null==(n=null==e?void 0:e.validations)?void 0:n.some(e=>"required"===e.type)},[]);n.useEffect(()=>{const e={};!dn&&xe.length&&(p.forEach(n=>{xe.includes(n.id)&&(e[n.id]=!0)}),sn(e),cn(!0))},[p,xe]),n.useEffect(()=>{if(fe instanceof Function){const e=Array.isArray(un)?un:[];fe(e[0]||null)}},[un]);const Mn=()=>{sn({}),pn(!1)},In=e=>{const n=document.createElement("canvas").getContext("2d");return n?n.measureText(e).width+5:50},qn=a.useMaterialReactTable({defaultColumn:{minSize:0,size:void 0},columns:[...Ue.map(n=>(In(n.header||""),Math.max(...p.map(e=>In(String(e[n.accessorKey]??"")))),{...n,..."row"===ue?{Edit:({cell:a,row:o,table:t,column:l})=>/* @__PURE__ */e.jsx(d.default,{cell:a,column:l,col:n,row:o,table:t,callback:e=>{},errors:Je,validationSchema:Ze,setValidationErrors:Ye,onChangeRowField:he,getSelectedData:(e,n)=>null==ve?void 0:ve(e,n)})}:{},Header:/* @__PURE__ */e.jsxs(q.default,{display:"flex",alignItems:"center",children:[n.header,(null==n?void 0:n.required)||Rn(null==n?void 0:n.editProperties)&&/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.error.600",children:"*"})]}),enableColumnDragging:"actions"!==n.id,size:void 0,maxSize:800})),...ae?[]:[{id:"actions",enableEditing:!1,size:(null==te?void 0:te.length)>1?80:50,header:/* @__PURE__ */e.jsx(T.default,{size:"small",sx:{p:.5,"&:hover":{backgroundColor:"transparent"}},onClick:Sn,children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),enableColumnDragging:!1,visible:!0,muiTableHeadCellProps:{className:"pinned-column"},muiTableBodyCellProps:{className:"pinned-column"},Cell:a=>(null==te?void 0:te.length)?te.map(e=>{const o={...e.props,onClick:()=>e.props.onClick(a)};return n.cloneElement(e,o)}):!je&&/* @__PURE__ */e.jsx(T.default,{onClick:e=>{return n=e,o=a.row.original,Ee(o),void He(n.currentTarget);var n,o},disabled:!(null==ee?void 0:ee.length)&&!(null==ne?void 0:ne.length),children:/* @__PURE__ */e.jsx("img",{src:s.images.more,alt:"More Icon"})})}]],data:p,muiTablePaperProps:{sx:{tableLayout:"auto"}},columnResizeMode:"onChange",onEditingRowSave:async e=>{try{await Ze.validate(e.values,{abortEarly:!1}),Ye({}),nn(!0),pn(!1);const n=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=kn(e.values,n),de&&await de(e,"edit"),nn(!1),e.table.setEditingRow(null)}catch(n){if(nn(!1),n instanceof W.ValidationError){const e={};n.inner.forEach(n=>{n.path&&(e[n.path]=n.message)}),Ye(e)}else n instanceof Error?b.enqueueSnackbar(n.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowSave:async e=>{try{await Ze.validate(e.values,{abortEarly:!1}),Ye({}),Xe(!0),pn(!1);const n=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=kn(e.values,n),se&&await se(e),Xe(!1),e.table.setCreatingRow(null)}catch(n){if(Xe(!1),n instanceof W.ValidationError){const e={};n.inner.forEach(n=>{n.path&&(e[n.path]=n.message)}),Ye(e)}else n instanceof Error?b.enqueueSnackbar(n.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowCancel:()=>Mn(),onEditingRowCancel:()=>Mn(),onSortingChange:(null==X?void 0:X.sorting)?fe:mn,displayColumnDefOptions:{"mrt-row-actions":{Header:/* @__PURE__ */e.jsx(T.default,{onClick:Sn,size:"small",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),muiTableBodyCellProps:{sx:{"& .MuiBox-root":{gap:0},backgroundColor:"#fff"},onKeyUp:e=>{}}},"mrt-row-expand":{size:70},"mrt-row-select":{size:50}},renderRowActions:({row:n,table:a})=>/* @__PURE__ */e.jsx(e.Fragment,{children:(null==ke?void 0:ke.enableExpanding)?/* @__PURE__ */e.jsx(e.Fragment,{children:(null==n?void 0:n.parentId)&&/* @__PURE__ */e.jsxs(q.default,{sx:{display:"flex",gap:0},children:[
-/* @__PURE__ */e.jsx(c.default,{title:"Edit",children:/* @__PURE__ */e.jsx(T.default,{disabled:hn,onClick:()=>{a.setEditingRow(n),pn(!0)},size:"small",children:/* @__PURE__ */e.jsx(F.Edit,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})}),ce&&/* @__PURE__ */e.jsx(c.default,{title:"Delete",children:/* @__PURE__ */e.jsx(T.default,{disabled:hn,onClick:()=>ln(n),size:"small",children:/* @__PURE__ */e.jsx(H.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})]})}):/* @__PURE__ */e.jsxs(q.default,{sx:{display:"flex",gap:0},children:[
-/* @__PURE__ */e.jsx(c.default,{title:"Edit",children:/* @__PURE__ */e.jsx(T.default,{disabled:hn,onClick:()=>{a.setEditingRow(n),pn(!0)},children:/* @__PURE__ */e.jsx(F.Edit,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})}),ce&&/* @__PURE__ */e.jsx(c.default,{title:"Delete",children:/* @__PURE__ */e.jsx(T.default,{onClick:()=>ln(n),children:/* @__PURE__ */e.jsx(H.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})]})}),...Boolean(me)&&{renderBottomToolbarCustomActions:({table:n})=>/* @__PURE__ */e.jsx(u.default,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(m.default,{}),className:"add-row-btn",disabled:hn,onClick:()=>{n.setCreatingRow(!0),pn(!0)},children:Re("common.add")})},onRowSelectionChange:sn,enableColumnOrdering:!0,enableRowSelection:oe??!0,enableEditing:G instanceof Function?G():G??!0,editDisplayMode:ue??"cell",createDisplayMode:"row",enableColumnResizing:ge,enableRowDragging:Ce,enableTopToolbar:!1,enableColumnActions:!1,enableSorting:!0,enableGrouping:!0,enableBottomToolbar:le??!1,enableColumnDragging:Q??!0,enableStickyHeader:!0,enableSortingRemoval:!1,state:{columnOrder:V,columnPinning:{left:["actions","mrt-row-actions"]},isSaving:Qe||en,showProgressBars:!1,rowSelection:rn,...X,sorting:Array.isArray(null==X?void 0:X.sorting)?null==X?void 0:X.sorting:Array.isArray(un)?un:[],columnSizing:gn},getRowId:e=>null==e?void 0:e.id,muiTableBodyRowProps:({row:e})=>{var n,a,o,t,l;const i=(null==(a=null==(n=qn.getState())?void 0:n.editingRow)?void 0:a.id)||(null==(t=null==(o=qn.getState())?void 0:o.creatingRow)?void 0:t.id)||null,r=Boolean(null==(l=null==e?void 0:e.original)?void 0:l.has_error);return{onClick:()=>{return n=e.id,void We(n);var n},sx:{cursor:"pointer",backgroundColor:i?"inherit":r?"theme.error.100":"inherit","&:hover":{backgroundColor:i?"transparent":r?"theme.error.200":"#e8e8e8"},"&:hover td:after":{backgroundColor:"transparent"}}}},onColumnOrderChange:e=>{Z&&Z(e)},onColumnSizingChange:xn,onColumnSizingInfoChange:fn,renderEmptyRowsFallback:()=>/* @__PURE__ */e.jsxs(q.default,{className:"no-data",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),a=,/* empty css                                                               */o=,/* empty css                                                            */t=,/* empty css                                                           */l=,/* empty css                     */i=,/* empty css                                 */r=,/* empty css                                 */s=;/* empty css                     */;/* empty css                            */var d=,/* empty css                                      */c=,/* empty css                           */u=,/* empty css                         */m=,/* empty css                                                   */h=require("dayjs"),p=require("yup"),g=,/* empty css                                       */x=require("react-i18next"),b=,/* empty css                                                   */f=,/* empty css                              */v=require("react-router-dom"),j=,/* empty css                                                    */y=,/* empty css                                                      */C=,/* empty css                                                     */w=,/* empty css                                                         */S=,/* empty css                                                       */k=,/* empty css                                               */R=,/* empty css                                                */M=,/* empty css                                                  */I=,/* empty css                                  */T=,/* empty css                                                 */q=,/* empty css                                                               */P=,/* empty css                                                       */z=,/* empty css                                                           */E=,/* empty css                                                                   */_=,/* empty css                                                                   */A=,/* empty css                                                         */D=,/* empty css                      */O=,/* empty css                       */B=,/* empty css                               */N=,/* empty css                           */F=,/* empty css                      */U=,/* empty css                       */H=;/* empty css                           */function L(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function K(e){if(e&&"object"==typeof e&&"default"in e)return e;var n=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var o=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,o.get?o:{enumerable:!0,get:function(){return e[a]}})}}),n.default=e,n}var V=/* @__PURE__ */L(n),$=/* @__PURE__ */L(h),W=/* @__PURE__ */K(p);const J=P.default(T.default)(({theme:{palette:e}})=>{var n,a,o,t;return{".MuiTableCell-root":{border:"1px solid #efefef",borderBottom:0,borderLeft:0,padding:"0.19rem 0.5rem",lineHeight:"19px",fontSize:"14px",minHeight:40},".MuiTableCell-head":{backgroundColor:null==(n=e.theme)?void 0:n.secondary[100]},".MuiTableContainer-root":{maxHeight:"clamp(350px, 100vh - 200px, 9999px) !important"},".MuiPaper-root":{boxShadow:"none"},".MuiPaginationItem-root":{"&.Mui-selected":{backgroundColor:null==(a=null==e?void 0:e.theme)?void 0:a.primary[700],color:"white"}},".MuiTableRow-root":{"&.Mui-selected":{backgroundColor:`${null==(o=null==e?void 0:e.theme)?void 0:o.primary[100]} !important`,color:"white"}},".MuiCheckbox-indeterminate":{color:`${null==(t=null==e?void 0:e.theme)?void 0:t.primary[700]} !important`,"& svg":{height:"20px !important",width:"20px !important"}}}}),Y=V.default.memo(({enablePagination:h=!1,rows:p,columns:P,totalPages:L,paginationModel:K,columnOrder:V,updateData:Y,handleColumnOrdering:Z,enableEditing:G,enableColumnDragging:Q,states:X,rowActionMenu:ee,destructiveActionMenu:ne,disableDefaultActionColumn:ae,enableRowSelection:oe,defaultActionColumnItems:te=[],enableBottomToolbar:le,SetSelectedRowId:ie,isResetRow:re,onCreateRow:se,onEditRow:de,onDeleteRow:ce,editDisplayMode:ue,enableRowCreate:me,onChangeRowField:he,onSelectRow:pe,enableColumnResizing:ge=!0,selectedRowIds:xe=[],onColumnVisibility:be,onSortingChange:fe,getSelectedData:ve,disabledDefaultActionColumnIcon:je=!1,enableAddCustomField:ye=!0,enableRowDragging:Ce=!1,handleColumnResizing:we=()=>{},columnSizes:Se={},...ke})=>{const{t:Re}=x.useTranslation(),{formData:Me=null,updatePageInfo:Ie,activePage:Te}=f.usePages(),qe=I.default(Te),{pageNo:Pe}=K,[ze,Ee]=n.useState({}),[_e,Ae]=n.useState(P),[De,Oe]=n.useState(null),[Be,Ne]=n.useState(!1),[Fe,Ue]=n.useState(null),He=_e.filter(e=>e.visible),Le=_e.filter(e=>!e.visible),[Ke,Ve]=n.useState(Le),[$e,We]=n.useState(null),[Je,Ye]=n.useState({}),[Ze,Ge]=n.useState([]),[Qe,Xe]=n.useState(!1),[en,nn]=n.useState(!1),[an,on]=n.useState(!1),[tn,ln]=n.useState(null),[rn,sn]=n.useState({}),[dn,cn]=n.useState(!1),[un,mn]=n.useState([]),[hn,pn]=n.useState(!1),[gn,xn]=n.useState(qe.column_sizes),[bn,fn]=n.useState({columnSizingStart:[],deltaOffset:null,deltaPercentage:null,isResizingColumn:!1,startOffset:null,startSize:null}),vn=v.useNavigate(),jn=location.pathname.split("/")[2];let yn="";switch(jn){case"accounting":yn=y.PathnameAccounting.CUSTOM_FORM;break;case"inventory":yn=C.PathnameInventory.CUSTOM_FORM;break;case"manufacturing":yn=w.PathnameManufacturing.CUSTOM_FORM;break;case"procurement":yn=S.PathnamePurchase.CUSTOM_FORM;break;case"crm":yn=k.PathnameCrm.CUSTOM_FORM;break;case"user":yn=R.PathnameUsers.CUSTOM_FORM;break;case"rental":yn=M.PathnameRental.CUSTOM_FORM;break;case"drive":yn=j.PathnameDocument.ADD_CUSTOM_FIELDS}const Cn=`/dashboard/${jn}${yn}`,wn=(e,n,a)=>{var o;let t=e;switch(n.type){case"required":t=n.value?e.required(n.msg_en).typeError(n.msg_en):(null==(o=null==a?void 0:a.editProperties)?void 0:o.is_multiple)?e.min(1,n.msg_en):e;break;case"min":t=e.min(n.value,n.msg_en);break;case"email":t=e.email(n.value,n.msg_en);break;case"max":t=e.max(n.value,n.msg_en);break;case"positive":t=!0===n.value?e.test("is-positive-number","Value must be a positive number",e=>!e||e>=0):e;break;case"when":return e.when(n.relation,{is:e=>e===n.values,then:()=>{var o;return(null==(o=null==n?void 0:n.thenValidations)?void 0:o.reduce((e,n)=>wn(e,n,a),e))||e},otherwise:()=>{var o;return(null==(o=null==n?void 0:n.otherWiseValidations)?void 0:o.reduce((e,n)=>wn(e,n,a),e))||e}});default:t=e}return"required"!=n.type||!n.value||(null==a?void 0:a.editVariant)&&"text"!=(null==a?void 0:a.editVariant)||(t=e.test("no-blank-spaces","Blank space is not allowed",e=>{var n;return e&&(null==(n=e.trim())?void 0:n.length)>0})),t};n.useEffect(()=>{Ae(P);const e=(e=>{const n={};return e.forEach(e=>{var a,o,t;if(null==(o=null==(a=null==e?void 0:e.editProperties)?void 0:a.validations)?void 0:o.length){const a=null==(t=null==e?void 0:e.editProperties)?void 0:t.validations.reduce((n,a)=>wn(n,a,e),(e=>{var n;switch(e.editVariant){case"select":return(null==(n=null==e?void 0:e.editProperties)?void 0:n.is_multiple)?W.array():W.string();case"number":return W.number().nullable().transform((e,n)=>""===n?null:e);case"url":return W.string().matches(/^(https?:\/\/)?((([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,})|localhost)(:\d{2,5})?(\/[a-zA-Z0-9#_-]+\/?)*(\?[a-zA-Z0-9&=_-]+)?(#\S+)?$/,{excludeEmptyString:!0,message:"Please enter valid URL."});default:return W.string()}})(e));n[e.accessorKey]=a}}),n})(P);Ge(W.object().shape(e))},[P]),n.useEffect(()=>{(null==bn?void 0:bn.isResizingColumn)||(Ie({column_sizes:{...qe.column_sizes,...gn}}),null==we||we(gn))},[null==bn?void 0:bn.isResizingColumn,gn]);const Sn=e=>{Oe(e.currentTarget)},kn=(e,n)=>{const a={};return Object.keys(e).forEach(o=>{const t=e[o];a[o]=t;const l=n.find(e=>e.accessorKey==o);t&&(t instanceof File&&(a[o]=t.name),l&&"date"==(null==l?void 0:l.editVariant)&&(a[o]=$.default(t).format((null==l?void 0:l.dateFormat)||"DD-MM-YYYY")))}),a},Rn=n.useCallback(e=>{var n;return null==(n=null==e?void 0:e.validations)?void 0:n.some(e=>"required"===e.type)},[]);n.useEffect(()=>{const e={};!dn&&xe.length&&(p.forEach(n=>{xe.includes(n.id)&&(e[n.id]=!0)}),sn(e),cn(!0))},[p,xe]),n.useEffect(()=>{if(fe instanceof Function){const e=Array.isArray(un)?un:[];fe(e[0]||null)}},[un]);const Mn=()=>{sn({}),pn(!1)},In=e=>{const n=document.createElement("canvas").getContext("2d");return n?n.measureText(e).width+5:50},Tn=a.useMaterialReactTable({defaultColumn:{minSize:0,size:void 0},columns:[...He.map(n=>(In(n.header||""),Math.max(...p.map(e=>In(String(e[n.accessorKey]??"")))),{...n,..."row"===ue?{Edit:({cell:a,row:o,table:t,column:l})=>/* @__PURE__ */e.jsx(d.default,{cell:a,column:l,col:n,row:o,table:t,callback:e=>{},errors:Je,validationSchema:Ze,setValidationErrors:Ye,onChangeRowField:he,getSelectedData:(e,n)=>null==ve?void 0:ve(e,n)})}:{},Header:/* @__PURE__ */e.jsxs(T.default,{display:"flex",alignItems:"center",children:[n.header,(null==n?void 0:n.required)||Rn(null==n?void 0:n.editProperties)&&/* @__PURE__ */e.jsx(i.Typography,{type:"s5",color:"theme.error.600",children:"*"})]}),enableColumnDragging:"actions"!==n.id,size:void 0,maxSize:800})),...ae?[]:[{id:"actions",enableEditing:!1,size:(null==te?void 0:te.length)>1?80:50,header:/* @__PURE__ */e.jsx(q.default,{size:"small",sx:{p:.5,"&:hover":{backgroundColor:"transparent"}},onClick:Sn,children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),enableColumnDragging:!1,visible:!0,muiTableHeadCellProps:{className:"pinned-column"},muiTableBodyCellProps:{className:"pinned-column"},Cell:a=>(null==te?void 0:te.length)?te.map(e=>{const o={...e.props,onClick:()=>e.props.onClick(a)};return n.cloneElement(e,o)}):!je&&/* @__PURE__ */e.jsx(q.default,{onClick:e=>{return n=e,o=a.row.original,Ee(o),void Ue(n.currentTarget);var n,o},disabled:!(null==ee?void 0:ee.length)&&!(null==ne?void 0:ne.length),children:/* @__PURE__ */e.jsx("img",{src:s.images.more,alt:"More Icon"})})}]],data:p,muiTablePaperProps:{sx:{tableLayout:"auto"}},columnResizeMode:"onChange",onEditingRowSave:async e=>{try{await Ze.validate(e.values,{abortEarly:!1}),Ye({}),nn(!0),pn(!1);const n=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=kn(e.values,n),de&&await de(e,"edit"),nn(!1),e.table.setEditingRow(null)}catch(n){if(nn(!1),n instanceof W.ValidationError){const e={};n.inner.forEach(n=>{n.path&&(e[n.path]=n.message)}),Ye(e)}else n instanceof Error?b.enqueueSnackbar(n.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowSave:async e=>{try{await Ze.validate(e.values,{abortEarly:!1}),Ye({}),Xe(!0),pn(!1);const n=e.row.getAllCells().map(e=>e.column.columnDef);e.row._valuesCache=kn(e.values,n),se&&await se(e),Xe(!1),e.table.setCreatingRow(null)}catch(n){if(Xe(!1),n instanceof W.ValidationError){const e={};n.inner.forEach(n=>{n.path&&(e[n.path]=n.message)}),Ye(e)}else n instanceof Error?b.enqueueSnackbar(n.message,{variant:"error"}):b.enqueueSnackbar("Something went wrong",{variant:"error"})}},onCreatingRowCancel:()=>Mn(),onEditingRowCancel:()=>Mn(),onSortingChange:(null==X?void 0:X.sorting)?fe:mn,displayColumnDefOptions:{"mrt-row-actions":{Header:/* @__PURE__ */e.jsx(q.default,{onClick:Sn,size:"small",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.arrowIcon,alt:"Arrow Icon"})}),muiTableBodyCellProps:{sx:{"& .MuiBox-root":{gap:0},backgroundColor:"#fff"},onKeyUp:e=>{}}},"mrt-row-expand":{size:70},"mrt-row-select":{size:50}},renderRowActions:({row:n,table:a})=>/* @__PURE__ */e.jsx(e.Fragment,{children:(null==ke?void 0:ke.enableExpanding)?/* @__PURE__ */e.jsx(e.Fragment,{children:(null==n?void 0:n.parentId)&&/* @__PURE__ */e.jsxs(T.default,{sx:{display:"flex",gap:0},children:[
+/* @__PURE__ */e.jsx(c.Tooltip,{title:"Edit",children:/* @__PURE__ */e.jsx(q.default,{disabled:hn,onClick:()=>{a.setEditingRow(n),pn(!0)},size:"small",children:/* @__PURE__ */e.jsx(F.Edit,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})}),ce&&/* @__PURE__ */e.jsx(c.Tooltip,{title:"Delete",children:/* @__PURE__ */e.jsx(q.default,{disabled:hn,onClick:()=>ln(n),size:"small",children:/* @__PURE__ */e.jsx(U.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})]})}):/* @__PURE__ */e.jsxs(T.default,{sx:{display:"flex",gap:0},children:[
+/* @__PURE__ */e.jsx(c.Tooltip,{title:"Edit",children:/* @__PURE__ */e.jsx(q.default,{disabled:hn,onClick:()=>{a.setEditingRow(n),pn(!0)},children:/* @__PURE__ */e.jsx(F.Edit,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})}),ce&&/* @__PURE__ */e.jsx(c.Tooltip,{title:"Delete",children:/* @__PURE__ */e.jsx(q.default,{onClick:()=>ln(n),children:/* @__PURE__ */e.jsx(U.Trash,{fontSize:"small",sx:{color:"theme.secondary.1000"}})})})]})}),...Boolean(me)&&{renderBottomToolbarCustomActions:({table:n})=>/* @__PURE__ */e.jsx(u.Button,{variant:"outlined",startIcon:/* @__PURE__ */e.jsx(m.default,{}),className:"add-row-btn",disabled:hn,onClick:()=>{n.setCreatingRow(!0),pn(!0)},children:Re("common.add")})},onRowSelectionChange:sn,enableColumnOrdering:!0,enableRowSelection:oe??!0,enableEditing:G instanceof Function?G():G??!0,editDisplayMode:ue??"cell",createDisplayMode:"row",enableColumnResizing:ge,enableRowDragging:Ce,enableTopToolbar:!1,enableColumnActions:!1,enableSorting:!0,enableGrouping:!0,enableBottomToolbar:le??!1,enableColumnDragging:Q??!0,enableStickyHeader:!0,enableSortingRemoval:!1,state:{columnOrder:V,columnPinning:{left:["actions","mrt-row-actions"]},isSaving:Qe||en,showProgressBars:!1,rowSelection:rn,...X,sorting:Array.isArray(null==X?void 0:X.sorting)?null==X?void 0:X.sorting:Array.isArray(un)?un:[],columnSizing:gn},getRowId:e=>null==e?void 0:e.id,muiTableBodyRowProps:({row:e})=>{var n,a,o,t,l;const i=(null==(a=null==(n=Tn.getState())?void 0:n.editingRow)?void 0:a.id)||(null==(t=null==(o=Tn.getState())?void 0:o.creatingRow)?void 0:t.id)||null,r=Boolean(null==(l=null==e?void 0:e.original)?void 0:l.has_error);return{onClick:()=>{return n=e.id,void We(n);var n},sx:{cursor:"pointer",backgroundColor:i?"inherit":r?"theme.error.100":"inherit","&:hover":{backgroundColor:i?"transparent":r?"theme.error.200":"#e8e8e8"},"&:hover td:after":{backgroundColor:"transparent"}}}},onColumnOrderChange:e=>{Z&&Z(e)},onColumnSizingChange:xn,onColumnSizingInfoChange:fn,renderEmptyRowsFallback:()=>/* @__PURE__ */e.jsxs(T.default,{className:"no-data",children:[
 /* @__PURE__ */e.jsx("img",{src:s.images.common.tableNoData}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:Re("common.noData")})]}),enablePagination:h,paginationDisplayMode:"pages",muiPaginationProps:{shape:"rounded",page:Pe,count:L,showRowsPerPage:!1,boundaryCount:3},muiEditTextFieldProps:({row:e,column:n})=>({InputProps:{disableUnderline:!0},onBlur:a=>{Y(a.target.value,n,e.id)},variant:"outlined",sx:({palette:e})=>{var n;return{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:`${null==(n=e.theme)?void 0:n.primary[700]} !important`}}}}}),muiCircularProgressProps:{sx:{color:"#289B64"}},muiTableHeadCellProps:{sx:{lineHeight:"140%",letterSpacing:"-0.28px",fontWeight:"500",fontSize:"0.875rem","& .Mui-TableHeadCell-Content":{height:"100%"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%",justifyContent:"space-between"},"&.pinned-column":{backgroundColor:"#fff"},"& .Mui-TableHeadCell-ResizeHandle-Wrapper":{padding:0,margin:0,right:"-5px",opacity:0}}},muiTableBodyProps:{sx:{zIndex:500}},muiTableHeadProps:{sx:{zIndex:600}},muiTableBodyCellProps:()=>({sx:{lineHeight:"140%",letterSpacing:"-0.26px",fontWeight:"400",fontSize:"0.8125rem","&.pinned-column":{backgroundColor:"#fff"},"&:hover":{backgroundColor:"transparent"}}}),muiSelectCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.200"}},icon:/* @__PURE__ */e.jsx(B.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(U.CheckBoxIcon,{sx:{width:20,height:20}})},muiSelectAllCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.600"}},icon:/* @__PURE__ */e.jsx(B.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(U.CheckBoxIcon,{sx:{width:20,height:20}})},muiBottomToolbarProps:{sx:{boxShadow:"none","& .MuiBox-root":{paddingLeft:0}}},layoutMode:"grid",icons:{ArrowDownwardIcon:n=>/* @__PURE__ */e.jsx(N.ArrowUpDown,{fontSize:"medium",...n}),SortIcon:n=>/* @__PURE__ */e.jsx(N.ArrowUpDown,{fontSize:"medium",...n}),SyncAltIcon:()=>/* @__PURE__ */e.jsx(N.ArrowUpDown,{fontSize:"medium"}),CancelIcon:n=>/* @__PURE__ */e.jsx(O.Close,{fontSize:"small",...n,sx:{color:"theme.secondary.1000"}}),SaveIcon:n=>/* @__PURE__ */e.jsx(D.Save,{...n,fontSize:"small",sx:{color:"theme.secondary.1000"}})},...ke});return n.useEffect(()=>{var e,n;oe&&(null==(e=null==qn?void 0:qn.getSelectedRowModel())?void 0:e.rows)&&(null==ie||ie(null==(n=null==qn?void 0:qn.getSelectedRowModel())?void 0:n.rows))},[oe]),n.useEffect(()=>{if(pe)if(null==ke?void 0:ke.enableExpanding){const e=[],n=qn.getState().rowSelection,a=(o,t="")=>{o.forEach((o,l)=>{var i;const r=t?`${t}.${l}`:`${o.id}`;n[r]&&e.push(o),(null==(i=o.subRows)?void 0:i.length)&&a(o.subRows,r)})};a(qn.getRowModel().rows),pe(e,rn)}else pe(qn.getSelectedRowModel().rows,rn)},[rn,qn]),n.useEffect(()=>{re&&(null==qn||qn.resetRowSelection())},[re,qn]),/* @__PURE__ */e.jsxs(J,{className:"MRT-TableWrapper custom-table",children:[
-/* @__PURE__ */e.jsx(a.MaterialReactTable,{table:qn}),
-/* @__PURE__ */e.jsx(l.default,{anchorEl:De,open:Boolean(De),onClose:()=>{Oe(null)},className:"add-role-drp",children:Ne?/* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{Be(!1)},className:"role-drp-list add-column-title",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:Re("common.noData")})]}),enablePagination:h,paginationDisplayMode:"pages",muiPaginationProps:{shape:"rounded",page:Pe,count:L,showRowsPerPage:!1,boundaryCount:3},muiEditTextFieldProps:({row:e,column:n})=>({InputProps:{disableUnderline:!0},onBlur:a=>{Y(a.target.value,n,e.id)},variant:"outlined",sx:({palette:e})=>{var n;return{"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:`${null==(n=e.theme)?void 0:n.primary[700]} !important`}}}}}),muiCircularProgressProps:{sx:{color:"#289B64"}},muiTableHeadCellProps:{sx:{lineHeight:"140%",letterSpacing:"-0.28px",fontWeight:"500",fontSize:"0.875rem","& .Mui-TableHeadCell-Content":{height:"100%"},"& .Mui-TableHeadCell-Content-Labels":{width:"100%",justifyContent:"space-between"},"&.pinned-column":{backgroundColor:"#fff"},"& .Mui-TableHeadCell-ResizeHandle-Wrapper":{padding:0,margin:0,right:"-5px",opacity:0}}},muiTableBodyProps:{sx:{zIndex:500}},muiTableHeadProps:{sx:{zIndex:600}},muiTableBodyCellProps:()=>({sx:{lineHeight:"140%",letterSpacing:"-0.26px",fontWeight:"400",fontSize:"0.8125rem","&.pinned-column":{backgroundColor:"#fff"},"&:hover":{backgroundColor:"transparent"}}}),muiSelectCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.200"}},icon:/* @__PURE__ */e.jsx(N.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(H.CheckBoxIcon,{sx:{width:20,height:20}})},muiSelectAllCheckboxProps:{sx:{color:"theme.secondary.300","&.Mui-checked":{color:"theme.primary.600","&:hover":{color:"theme.primary.500"}},"&.Mui-disabled":{color:"theme.secondary.600"}},icon:/* @__PURE__ */e.jsx(N.RecgtangleIcon,{sx:{width:20,height:20}}),checkedIcon:/* @__PURE__ */e.jsx(H.CheckBoxIcon,{sx:{width:20,height:20}})},muiBottomToolbarProps:{sx:{boxShadow:"none","& .MuiBox-root":{paddingLeft:0}}},layoutMode:"grid",icons:{ArrowDownwardIcon:n=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium",...n}),SortIcon:n=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium",...n}),SyncAltIcon:()=>/* @__PURE__ */e.jsx(B.ArrowUpDown,{fontSize:"medium"}),CancelIcon:n=>/* @__PURE__ */e.jsx(O.Close,{fontSize:"small",...n,sx:{color:"theme.secondary.1000"}}),SaveIcon:n=>/* @__PURE__ */e.jsx(D.Save,{...n,fontSize:"small",sx:{color:"theme.secondary.1000"}})},...ke});return n.useEffect(()=>{var e,n;oe&&(null==(e=null==Tn?void 0:Tn.getSelectedRowModel())?void 0:e.rows)&&(null==ie||ie(null==(n=null==Tn?void 0:Tn.getSelectedRowModel())?void 0:n.rows))},[oe]),n.useEffect(()=>{if(pe)if(null==ke?void 0:ke.enableExpanding){const e=[],n=Tn.getState().rowSelection,a=(o,t="")=>{o.forEach((o,l)=>{var i;const r=t?`${t}.${l}`:`${o.id}`;n[r]&&e.push(o),(null==(i=o.subRows)?void 0:i.length)&&a(o.subRows,r)})};a(Tn.getRowModel().rows),pe(e,rn)}else pe(Tn.getSelectedRowModel().rows,rn)},[rn,Tn]),n.useEffect(()=>{re&&(null==Tn||Tn.resetRowSelection())},[re,Tn]),/* @__PURE__ */e.jsxs(J,{className:"MRT-TableWrapper custom-table",children:[
+/* @__PURE__ */e.jsx(a.MaterialReactTable,{table:Tn}),
+/* @__PURE__ */e.jsx(l.Menu,{anchorEl:De,open:Boolean(De),onClose:()=>{Oe(null)},className:"add-role-drp",children:Be?/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{Ne(!1)},className:"role-drp-list add-column-title",children:[
 /* @__PURE__ */e.jsx(E.default,{className:"add-icon",children:/* @__PURE__ */e.jsx(t.default,{})}),
 /* @__PURE__ */e.jsx(_.default,{className:"title",children:Re("common.addColumn_label")})]}),
 /* @__PURE__ */e.jsx(A.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),
-/* @__PURE__ */e.jsx("div",{className:"searchbar-box-list",children:/* @__PURE__ */e.jsx(r.default,{placeholder:"Search User",handleSearch:e=>(e=>{const n=Le.filter(n=>n.header.toLowerCase().includes(e.toLowerCase()));Ve(n)})(e)})}),
-/* @__PURE__ */e.jsx("div",{className:"all-attribute-title",children:/* @__PURE__ */e.jsx(i.Typography,{variant:"body2",color:"text.secondary",children:Re("common.allAttributes_label")})}),Ke.map(n=>/* @__PURE__ */e.jsx(z.default,{onClick:()=>(e=>{const n=_e.map(n=>({...n,visible:n.accessorKey===e.accessorKey||n.visible}));null==be||be(JSON.parse(JSON.stringify(n))),Ae(n);const a=Ke.filter(n=>n.accessorKey!==e.accessorKey);Ve(a),Oe(null),Be(!1)})(n),children:/* @__PURE__ */e.jsx(i.Typography,{color:"theme.secondary.1000",type:"s3",children:n.header})},n.accessorKey)),
-/* @__PURE__ */e.jsx(A.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),ye&&/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{vn(Cn,{state:Me}),Oe(null),Be(!1)},className:"role-drp-list",children:[
+/* @__PURE__ */e.jsx("div",{className:"searchbar-box-list",children:/* @__PURE__ */e.jsx(r.SearchBar,{placeholder:"Search User",handleSearch:e=>(e=>{const n=Le.filter(n=>n.header.toLowerCase().includes(e.toLowerCase()));Ve(n)})(e)})}),
+/* @__PURE__ */e.jsx("div",{className:"all-attribute-title",children:/* @__PURE__ */e.jsx(i.Typography,{variant:"body2",color:"text.secondary",children:Re("common.allAttributes_label")})}),Ke.map(n=>/* @__PURE__ */e.jsx(z.default,{onClick:()=>(e=>{const n=_e.map(n=>({...n,visible:n.accessorKey===e.accessorKey||n.visible}));null==be||be(JSON.parse(JSON.stringify(n))),Ae(n);const a=Ke.filter(n=>n.accessorKey!==e.accessorKey);Ve(a),Oe(null),Ne(!1)})(n),children:/* @__PURE__ */e.jsx(i.Typography,{color:"theme.secondary.1000",type:"s3",children:n.header})},n.accessorKey)),
+/* @__PURE__ */e.jsx(A.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),ye&&/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{vn(Cn,{state:Me}),Oe(null),Ne(!1)},className:"role-drp-list",children:[
 /* @__PURE__ */e.jsx(E.default,{className:"add-icon",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.addIcon,alt:"Add Icon"})}),
-/* @__PURE__ */e.jsx(_.default,{className:"title",children:Re("common.addCustomField_label")})]})]}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[Ue.map(n=>/* @__PURE__ */e.jsxs(z.default,{onClick:()=>(e=>{const n=_e.map(n=>({...n,visible:n.accessorKey!==e.accessorKey&&n.visible}));Ae(n),null==be||be(JSON.parse(JSON.stringify(n))),Ve([...Ke,e]),Oe(null)})(n),className:"role-drp-list",children:[
+/* @__PURE__ */e.jsx(_.default,{className:"title",children:Re("common.addCustomField_label")})]})]}):/* @__PURE__ */e.jsxs(e.Fragment,{children:[He.map(n=>/* @__PURE__ */e.jsxs(z.default,{onClick:()=>(e=>{const n=_e.map(n=>({...n,visible:n.accessorKey!==e.accessorKey&&n.visible}));Ae(n),null==be||be(JSON.parse(JSON.stringify(n))),Ve([...Ke,e]),Oe(null)})(n),className:"role-drp-list",children:[
 /* @__PURE__ */e.jsx(E.default,{className:"add-icon",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.dotsIcon,alt:"Add Icon"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"title",children:n.header}),
 /* @__PURE__ */e.jsx(E.default,{className:"eye-icon",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.eyeIcon,alt:"Eye Icon"})})]},n.accessorKey)),
 /* @__PURE__ */e.jsx(A.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),
-/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{Be(!0)},className:"role-drp-list",children:[
+/* @__PURE__ */e.jsxs(z.default,{onClick:()=>{Ne(!0)},className:"role-drp-list",children:[
 /* @__PURE__ */e.jsx(E.default,{className:"add-icon",children:/* @__PURE__ */e.jsx("img",{src:s.images.common.addIcon,alt:"Add Icon"})}),
 /* @__PURE__ */e.jsx(_.default,{className:"title",children:Re("common.addColumn_label")}),
 /* @__PURE__ */e.jsx(i.Typography,{variant:"body2",color:"text.secondary",className:"eye-icon",children:/* @__PURE__ */e.jsx(o.default,{sx:{fontSize:"1.25rem !important"}})})]})]})}),
-/* @__PURE__ */e.jsxs(l.default,{anchorEl:Fe,open:Boolean(Fe),onClose:()=>{He(null)},children:[null==ee?void 0:ee.map(n=>/* @__PURE__ */e.jsxs(z.default,{onClick:async()=>{await n.handleAction(ze),He(null)},disabled:"function"==typeof n.disabled?n.disabled(ze):Boolean(n.disabled),sx:{alignItems:"center",gap:.5},children:[null==n?void 0:n.icon,
+/* @__PURE__ */e.jsxs(l.Menu,{anchorEl:Fe,open:Boolean(Fe),onClose:()=>{Ue(null)},children:[null==ee?void 0:ee.map(n=>/* @__PURE__ */e.jsxs(z.default,{onClick:async()=>{await n.handleAction(ze),Ue(null)},disabled:"function"==typeof n.disabled?n.disabled(ze):Boolean(n.disabled),sx:{alignItems:"center",gap:.5},children:[null==n?void 0:n.icon,
 /* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"inherit",children:"function"==typeof n.label?n.label(ze):n.label})]})),(null==ne?void 0:ne.length)>0&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(A.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),
-/* @__PURE__ */e.jsx("div",{className:"dropdown-inner--DestructiveHeader",children:null==ne?void 0:ne.map(n=>/* @__PURE__ */e.jsx(z.default,{onClick:()=>{n.handleAction(ze),He(null)},className:"dropdown-inner--DestructiveActions",disabled:"function"==typeof n.disabled?n.disabled(ze):Boolean(n.disabled),children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"inherit",children:"function"==typeof n.label?n.label(ze):n.label})}))})]})]}),
-/* @__PURE__ */e.jsx(g.default,{open:Boolean(tn),onClose:()=>ln(null),onConfirm:()=>(async()=>{on(!0),tn&&(await(null==ce?void 0:ce(tn)),ln(null)),on(!1)})(),title:"Delete Item",description:"Are you sure you want to delete entry ?",loading:an})]})});exports.MaterialTable=Y,exports.default=Y;
+/* @__PURE__ */e.jsx("div",{className:"dropdown-inner--DestructiveHeader",children:null==ne?void 0:ne.map(n=>/* @__PURE__ */e.jsx(z.default,{onClick:()=>{n.handleAction(ze),Ue(null)},className:"dropdown-inner--DestructiveActions",disabled:"function"==typeof n.disabled?n.disabled(ze):Boolean(n.disabled),children:/* @__PURE__ */e.jsx(i.Typography,{type:"s4",color:"inherit",children:"function"==typeof n.label?n.label(ze):n.label})}))})]})]}),
+/* @__PURE__ */e.jsx(g.ConfirmPopUp,{open:Boolean(tn),onClose:()=>ln(null),onConfirm:()=>(async()=>{on(!0),tn&&(await(null==ce?void 0:ce(tn)),ln(null)),on(!1)})(),title:"Delete Item",description:"Are you sure you want to delete entry ?",loading:an})]})});exports.MaterialTable=Y,exports.default=Y;
 //# sourceMappingURL=index.js.map