@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/material-table/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as DefaultAggregation } from './default-aggregation';
+export * from './default-aggregation';
+export { default as HeaderCell } from './header-cell';
+export * from './header-cell';
+export { default as InlineEditFields } from './inline-edit-fields';
+export * from './inline-edit-fields';
+export { default as NumberAggregation } from './number-aggregation';
+export * from './number-aggregation';

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

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

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/inline-edit-fields.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+
+interface IInlineEditFields {
+    cell: any;
+    column: any;
+    row: any;
+    table: any;
+    col: any;
+    callback: (value: any, column: any, rowId: any) => any;
+    errors: any;
+    validationSchema: any;
+    setValidationErrors: any;
+    onChangeRowField?: (e: any, type: string, row: any) => any;
+    getSelectedData: any;
+}
+declare const InlineEditFields: React.FC<IInlineEditFields>;
+export default InlineEditFields;

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

@@ -0,0 +1,10 @@
+import { MRT_RowData } from 'material-react-table';
+
+interface INumberAggregation {
+    data: MRT_RowData[];
+    column: string;
+    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/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MaterialTable } from './material-table';
+export * from './material-table';
+export * from './aggregation-fns';
+export * from './components';

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";
@@ -36,12 +36,12 @@ import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListI
 import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
 import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import { Save } from "../../icons/save/index.esm.js";
-import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
-import { Edit } from "../../icons/edit/index.esm.js";
 import { Close } from "../../icons/close/index.esm.js";
-import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
+import { ArrowUpDown } from "../../icons/arrow-up-down/index.esm.js";
 import { RecgtangleIcon } from "../../icons/rectangle/index.esm.js";
+import { Edit } from "../../icons/edit/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import { CheckBoxIcon } from "../../icons/check-box/index.esm.js";
 const TableWrapper = styled(Box)(({ theme: { palette } }) => {
   var _a, _b, _c, _d;
   return {
@@ -1033,6 +1033,7 @@ const MaterialTable = React__default.memo(({
   ] });
 });
 export {
+  MaterialTable,
   MaterialTable as default
 };
 //# sourceMappingURL=index.esm.js.map