@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/form-control/form-builder/form-builder-element/radio-button/index.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("react-hook-form"),o=require("../../../../typography/typography/index.js"),t=require("../../../../radio/radio/index.js"),i=require("@mui/material");const l=require("@mui/material/styles").styled(i.Box,{shouldForwardProp:e=>"bordered"!==e&&"isSelected"!==e})(({theme:e,bordered:r})=>({display:"flex",alignItems:"center",padding:0,margin:0,...r&&{border:`1px solid ${e.palette.divider}`,borderRadius:e.shape.borderRadius,margin:e.spacing(0,3,0,0),padding:e.spacing(0,5,0,1),height:"36px",alignContent:"left","&:hover":{backgroundColor:e.palette.action.hover}}})),d=r.memo(({formControl:r,fieldArrayName:d,name:s,options:n,display:p,label:u,position:c,disabled:m,title:h,titlePosition:g,bordered:y=!1,defaultValue:x=""})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(o.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":c,sx:{mb:.5},children:u}),
-/* @__PURE__ */e.jsx(a.Controller,{control:r,name:`${d}.${s}`,defaultValue:x,render:({field:r,fieldState:{error:a}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsxs(i.RadioGroup,{value:r.value??x,onChange:e=>r.onChange(e.target.value),row:"row"===p,sx:{alignItems:"center",gap:1},children:[h&&"start"===g&&/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.800",weight:"medium",children:h}),n.map(a=>/* @__PURE__ */e.jsx(l,{bordered:y,isSelected:r.value==a.value,children:/* @__PURE__ */e.jsx(i.FormControlLabel,{sx:{margin:0,opacity:m?.5:1},value:a.value,control:/* @__PURE__ */e.jsx(t.default,{checked:r.value==a.value}),label:/* @__PURE__ */e.jsx(o.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:a.label}),disabled:m})},a.value)),h&&"end"===g&&/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"theme.secondary.800",weight:"medium",children:h})]}),a&&/* @__PURE__ */e.jsx(o.Typography,{type:"s5",color:"theme.error.600",children:a.message})]})})]}));exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-hook-form"),a=require("../../../../typography/typography/index.js"),d=require("../../../../radio/radio/index.js"),i=require("../../../../../node_modules/@mui/material/RadioGroup/RadioGroup/index.js"),l=require("../../../../../node_modules/@mui/material/styles/styled/index.js"),t=require("../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.js"),s=require("../../../../../node_modules/@mui/material/Box/Box/index.js");const n=l.default(s.default,{shouldForwardProp:e=>"bordered"!==e&&"isSelected"!==e})(({theme:e,bordered:r})=>({display:"flex",alignItems:"center",padding:0,margin:0,...r&&{border:`1px solid ${e.palette.divider}`,borderRadius:e.shape.borderRadius,margin:e.spacing(0,3,0,0),padding:e.spacing(0,5,0,1),height:"36px",alignContent:"left","&:hover":{backgroundColor:e.palette.action.hover}}})),u=r.memo(({formControl:r,fieldArrayName:l,name:s,options:u,display:m,label:p,position:c,disabled:h,title:g,titlePosition:y,bordered:x=!1,defaultValue:j=""})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":c,sx:{mb:.5},children:p}),
+/* @__PURE__ */e.jsx(o.Controller,{control:r,name:`${l}.${s}`,defaultValue:j,render:({field:r,fieldState:{error:o}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsxs(i.default,{value:r.value??j,onChange:e=>r.onChange(e.target.value),row:"row"===m,sx:{alignItems:"center",gap:1},children:[g&&"start"===y&&/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.800",weight:"medium",children:g}),u.map(o=>/* @__PURE__ */e.jsx(n,{bordered:x,isSelected:r.value==o.value,children:/* @__PURE__ */e.jsx(t.default,{sx:{margin:0,opacity:h?.5:1},value:o.value,control:/* @__PURE__ */e.jsx(d.default,{checked:r.value==o.value}),label:/* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:o.label}),disabled:h})},o.value)),g&&"end"===y&&/* @__PURE__ */e.jsx(a.Typography,{type:"s4",color:"theme.secondary.800",weight:"medium",children:g})]}),o&&/* @__PURE__ */e.jsx(a.Typography,{type:"s5",color:"theme.error.600",children:o.message})]})})]}));exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/radio-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/radio-button.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { Control, Controller } from 'react-hook-form';\nimport Typography from '../../../typography/typography';\nimport Radio from '../../../radio/radio';\nimport { FormControlLabel, RadioGroup, Box } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\ninterface IDynamicRadioButton {\n\tformControl: Control<any>;\n\tfieldArrayName: string;\n\tname: string;\n\tlabel: string;\n\ttitlePosition?: string;\n\tposition: number;\n\toptions: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t}[];\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tdisplay?: 'row' | 'column';\n\ttitle?: string;\n\tbordered?: boolean;\n\tdefaultValue?: string; // Optional defaultValue prop\n}\n\nconst BorderedOption = styled(Box, {\n\tshouldForwardProp: (prop) => prop !== 'bordered' && prop !== 'isSelected',\n})<{ bordered?: boolean; isSelected: boolean }>(({ theme, bordered }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tpadding: 0,\n\tmargin: 0,\n\t...(bordered && {\n\t\tborder: `1px solid ${theme.palette.divider}`,\n\t\tborderRadius: theme.shape.borderRadius,\n\t\tmargin: theme.spacing(0, 3, 0, 0),\n\t\tpadding: theme.spacing(0, 5, 0, 1),\n\t\theight: '36px',\n\t\talignContent: \"left\",\n\t\t'&:hover': {\n\t\t\tbackgroundColor: theme.palette.action.hover,\n\t\t},\n\t}),\n}));\n\nconst DynamicRadioButton: React.FC<IDynamicRadioButton> = memo(({\n\tformControl,\n\tfieldArrayName,\n\tname,\n\toptions,\n\tdisplay,\n\tlabel,\n\tposition,\n\tdisabled,\n\ttitle,\n\ttitlePosition,\n\tbordered = false,\n\tdefaultValue = '',\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{label}\n\t\t\t</Typography>\n\t\t\t<Controller\n\t\t\t\tcontrol={formControl}\n\t\t\t\tname={`${fieldArrayName}.${name}`}\n\t\t\t\t// disabled={disabled}\n\t\t\t\tdefaultValue={defaultValue} // Set defaultValue to 'item' if none provided\n\t\t\t\trender={({ field, fieldState: { error } }) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue} // Ensure 'item' if value is undefined\n\t\t\t\t\t\t\tonChange={(e) => field.onChange(e.target.value)}\n\t\t\t\t\t\t\trow={display === 'row'}\n\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t{title && titlePosition === 'start' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{options.map((option) => (\n\t\t\t\t\t\t\t\t<BorderedOption\n\t\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\t\tbordered={bordered}\n\t\t\t\t\t\t\t\t\tisSelected={field.value == option.value}\n\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\t\t\t\t\tsx={{ margin:0, opacity:disabled ? 0.5 : 1 }}\n\t\t\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\t\t\tcontrol={<Radio checked={field.value == option.value} />}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<Typography type='s5' weight='medium' color=\"theme.secondary.800\">\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BorderedOption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{title && titlePosition === 'end' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t\t{error && <Typography type=\"s5\" color=\"theme.error.600\">{error.message}</Typography>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default DynamicRadioButton;"],"names":["BorderedOption","styled","Box","shouldForwardProp","prop","theme","bordered","display","alignItems","padding","margin","border","palette","divider","borderRadius","shape","spacing","height","alignContent","backgroundColor","action","hover","DynamicRadioButton","memo","formControl","fieldArrayName","name","options","label","position","disabled","title","titlePosition","defaultValue","jsxs","Fragment","children","jsx","Typography","type","weight","color","sx","mb","Controller","control","render","field","fieldState","error","RadioGroup","value","onChange","e","target","row","gap","map","option","isSelected","FormControlLabel","opacity","Radio","checked","message"],"mappings":"wRA0BA,MAAMA,kCAAiBC,OAAOC,MAAK,CAClCC,kBAAoBC,GAAkB,aAATA,GAAgC,eAATA,GAD9BH,CAEyB,EAAGI,QAAOC,gBACzDC,QAAS,OACTC,WAAY,SACZC,QAAS,EACTC,OAAQ,KACJJ,GAAY,CACfK,OAAQ,aAAaN,EAAMO,QAAQC,UACnCC,aAAcT,EAAMU,MAAMD,aAC1BJ,OAAQL,EAAMW,QAAQ,EAAG,EAAG,EAAG,GAC/BP,QAASJ,EAAMW,QAAQ,EAAG,EAAG,EAAG,GAChCC,OAAQ,OACRC,aAAc,OACd,UAAW,CACVC,gBAAiBd,EAAMO,QAAQQ,OAAOC,WAKnCC,EAAoDC,EAAAA,KAAK,EAC9DC,cACAC,iBACAC,OACAC,UACApB,UACAqB,QACAC,WACAC,WACAC,QACAC,gBACA1B,YAAW,EACX2B,eAAe,qBAGdC,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACN,gBAAeZ,EACfa,GAAI,CAAEC,GAAI,IACTP,SAAAR;eAEFS,EAAAA,IAACO,EAAAA,WAAA,CACAC,QAASrB,EACTE,KAAM,GAAGD,KAAkBC,IAE3BO,eACAa,OAAQ,EAAGC,QAAOC,YAAcC,2BAC/Bf,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAF,EAAAA,KAACgB,EAAAA,WAAA,CACAC,MAAOJ,EAAMI,OAASlB,EACtBmB,SAAWC,GAAMN,EAAMK,SAASC,EAAEC,OAAOH,OACzCI,IAAiB,QAAZhD,EACLmC,GAAI,CAAElC,WAAY,SAAUgD,IAAI,GAC/BpB,SAAA,CAAAL,GAA2B,UAAlBC,kBACTK,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsBD,OAAO,SACvDJ,SAAAL,IAGFJ,EAAQ8B,IAAKC,kBACbrB,EAAAA,IAACrC,EAAA,CAEAM,WACAqD,WAAYZ,EAAMI,OAASO,EAAOP,MAGlCf,wBAAAC,EAAAA,IAACuB,EAAAA,iBAAA,CACAlB,GAAI,CAAEhC,OAAO,EAAGmD,QAAQ/B,EAAW,GAAM,GACzCqB,MAAOO,EAAOP,MACdN,uBAASR,EAAAA,IAACyB,EAAAA,QAAA,CAAMC,QAAShB,EAAMI,OAASO,EAAOP,QAC/CvB,qBACCS,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CL,SAAAsB,EAAO9B,QAGVE,cAdI4B,EAAOP,QAkBbpB,GAA2B,QAAlBC,kBACTK,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsBD,OAAO,SACvDJ,SAAAL,OAIHkB,wBAAUX,aAAA,CAAWC,KAAK,KAAKE,MAAM,kBAAmBL,WAAM4B"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/radio-button.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { Control, Controller } from 'react-hook-form';\nimport Typography from '../../../typography/typography';\nimport Radio from '../../../radio/radio';\nimport { FormControlLabel, RadioGroup, Box } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\ninterface IDynamicRadioButton {\n\tformControl: Control<any>;\n\tfieldArrayName: string;\n\tname: string;\n\tlabel: string;\n\ttitlePosition?: string;\n\tposition: number;\n\toptions: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t}[];\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tdisplay?: 'row' | 'column';\n\ttitle?: string;\n\tbordered?: boolean;\n\tdefaultValue?: string; // Optional defaultValue prop\n}\n\nconst BorderedOption = styled(Box, {\n\tshouldForwardProp: (prop) => prop !== 'bordered' && prop !== 'isSelected',\n})<{ bordered?: boolean; isSelected: boolean }>(({ theme, bordered }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tpadding: 0,\n\tmargin: 0,\n\t...(bordered && {\n\t\tborder: `1px solid ${theme.palette.divider}`,\n\t\tborderRadius: theme.shape.borderRadius,\n\t\tmargin: theme.spacing(0, 3, 0, 0),\n\t\tpadding: theme.spacing(0, 5, 0, 1),\n\t\theight: '36px',\n\t\talignContent: \"left\",\n\t\t'&:hover': {\n\t\t\tbackgroundColor: theme.palette.action.hover,\n\t\t},\n\t}),\n}));\n\nconst DynamicRadioButton: React.FC<IDynamicRadioButton> = memo(({\n\tformControl,\n\tfieldArrayName,\n\tname,\n\toptions,\n\tdisplay,\n\tlabel,\n\tposition,\n\tdisabled,\n\ttitle,\n\ttitlePosition,\n\tbordered = false,\n\tdefaultValue = '',\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{label}\n\t\t\t</Typography>\n\t\t\t<Controller\n\t\t\t\tcontrol={formControl}\n\t\t\t\tname={`${fieldArrayName}.${name}`}\n\t\t\t\t// disabled={disabled}\n\t\t\t\tdefaultValue={defaultValue} // Set defaultValue to 'item' if none provided\n\t\t\t\trender={({ field, fieldState: { error } }) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue} // Ensure 'item' if value is undefined\n\t\t\t\t\t\t\tonChange={(e) => field.onChange(e.target.value)}\n\t\t\t\t\t\t\trow={display === 'row'}\n\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t{title && titlePosition === 'start' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{options.map((option) => (\n\t\t\t\t\t\t\t\t<BorderedOption\n\t\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\t\tbordered={bordered}\n\t\t\t\t\t\t\t\t\tisSelected={field.value == option.value}\n\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\t\t\t\t\tsx={{ margin:0, opacity:disabled ? 0.5 : 1 }}\n\t\t\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\t\t\tcontrol={<Radio checked={field.value == option.value} />}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<Typography type='s5' weight='medium' color=\"theme.secondary.800\">\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BorderedOption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{title && titlePosition === 'end' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t\t{error && <Typography type=\"s5\" color=\"theme.error.600\">{error.message}</Typography>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default DynamicRadioButton;"],"names":["BorderedOption","styled","Box","shouldForwardProp","prop","theme","bordered","display","alignItems","padding","margin","border","palette","divider","borderRadius","shape","spacing","height","alignContent","backgroundColor","action","hover","DynamicRadioButton","memo","formControl","fieldArrayName","name","options","label","position","disabled","title","titlePosition","defaultValue","jsxs","Fragment","children","jsx","Typography","type","weight","color","sx","mb","Controller","control","render","field","fieldState","error","RadioGroup","value","onChange","e","target","row","gap","map","option","isSelected","FormControlLabel","opacity","Radio","checked","message"],"mappings":"2kBA0BA,MAAMA,EAAiBC,EAAAA,QAAOC,UAAK,CAClCC,kBAAoBC,GAAkB,aAATA,GAAgC,eAATA,GAD9BH,CAEyB,EAAGI,QAAOC,gBACzDC,QAAS,OACTC,WAAY,SACZC,QAAS,EACTC,OAAQ,KACJJ,GAAY,CACfK,OAAQ,aAAaN,EAAMO,QAAQC,UACnCC,aAAcT,EAAMU,MAAMD,aAC1BJ,OAAQL,EAAMW,QAAQ,EAAG,EAAG,EAAG,GAC/BP,QAASJ,EAAMW,QAAQ,EAAG,EAAG,EAAG,GAChCC,OAAQ,OACRC,aAAc,OACd,UAAW,CACVC,gBAAiBd,EAAMO,QAAQQ,OAAOC,WAKnCC,EAAoDC,EAAAA,KAAK,EAC9DC,cACAC,iBACAC,OACAC,UACApB,UACAqB,QACAC,WACAC,WACAC,QACAC,gBACA1B,YAAW,EACX2B,eAAe,qBAGdC,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACPC,MAAM,sBACN,gBAAeZ,EACfa,GAAI,CAAEC,GAAI,IACTP,SAAAR;eAEFS,EAAAA,IAACO,EAAAA,WAAA,CACAC,QAASrB,EACTE,KAAM,GAAGD,KAAkBC,IAE3BO,eACAa,OAAQ,EAAGC,QAAOC,YAAcC,2BAC/Bf,EAAAA,KAAAC,WAAA,CACCC,SAAA;eAAAF,EAAAA,KAACgB,EAAAA,QAAA,CACAC,MAAOJ,EAAMI,OAASlB,EACtBmB,SAAWC,GAAMN,EAAMK,SAASC,EAAEC,OAAOH,OACzCI,IAAiB,QAAZhD,EACLmC,GAAI,CAAElC,WAAY,SAAUgD,IAAI,GAC/BpB,SAAA,CAAAL,GAA2B,UAAlBC,kBACTK,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsBD,OAAO,SACvDJ,SAAAL,IAGFJ,EAAQ8B,IAAKC,kBACbrB,EAAAA,IAACrC,EAAA,CAEAM,WACAqD,WAAYZ,EAAMI,OAASO,EAAOP,MAGlCf,wBAAAC,EAAAA,IAACuB,EAAAA,QAAA,CACAlB,GAAI,CAAEhC,OAAO,EAAGmD,QAAQ/B,EAAW,GAAM,GACzCqB,MAAOO,EAAOP,MACdN,uBAASR,EAAAA,IAACyB,EAAAA,QAAA,CAAMC,QAAShB,EAAMI,OAASO,EAAOP,QAC/CvB,qBACCS,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAC1CL,SAAAsB,EAAO9B,QAGVE,cAdI4B,EAAOP,QAkBbpB,GAA2B,QAAlBC,kBACTK,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,MAAM,sBAAsBD,OAAO,SACvDJ,SAAAL,OAIHkB,wBAAUX,aAAA,CAAWC,KAAK,KAAKE,MAAM,kBAAmBL,WAAM4B"}

package/dist/components/form-control/form-builder/form-builder-element/section/index.esm.js

@@ -1,12 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import { Grid, IconButton, Menu, MenuItem } from "@mui/material";
 /* empty css                        */
 import { Typography } from "../../../../typography/typography/index.esm.js";
 import { images } from "../../../../../images/index.esm.js";
 import React__default from "react";
 import Button from "../../../../button/button/index.esm.js";
-import AddIcon from "@mui/icons-material/Add";
+import default_1 from "../../../../../node_modules/@mui/icons-material/Add/index.esm.js";
+import Grid from "../../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
+import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Menu from "../../../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const DynamicSectionHOC = (props) => {
   var _a;
   const [anchorEl, setAnchorEl] = React__default.useState(null);
@@ -79,7 +82,7 @@ const DynamicSectionHOC = (props) => {
                 {
                   variant: "outlined",
                   style: { color: "#292D32", marginBottom: "0.375rem" },
-                  startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+                  startIcon: /* @__PURE__ */ jsx(default_1, {}),
                   "data-position": props.position,
                   "data-name": `${props.fieldArrayName}.${props.name}`,
                   onClick: props.handleAddButton,

package/dist/components/form-control/form-builder/form-builder-element/section/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/section.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { Grid, /* Box, */ IconButton, Menu, MenuItem } from \"@mui/material\";\n\nimport \"./element.scss\";\nimport Typography from \"../../../typography/typography\";\nimport images from \"../../../../assets/images\";\nimport React from \"react\";\nimport Button from \"../../../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nconst DynamicSectionHOC = (props: any) => {\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <Grid\n      className={\n        props.className ? `formBuilder ${props.className}` : \"formBuilder\"\n      }\n    >\n      <div className=\"formBuilder--Header\">\n        <Typography\n          type=\"s4\"\n          fontWeight={\"medium\"}\n          mb={0.5}\n          color={\"theme.secondary.800\"}\n          sx={{ cursor: \"pointer\", ...(!props.label?.trim() ? { fontStyle: 'italic' } : {}) }}\n          onClick={props.onClick}\n          data-position={props.position}\n          data-name={`${props.fieldArrayName}.${props.name}`}\n        >\n          {props.label || \"(Unnamed Section)\"}\n        </Typography>\n        <div>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleActionClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu\n            open={Boolean(anchorEl)}\n            anchorEl={anchorEl}\n            onClose={() => setAnchorEl(null)}\n          >\n            <MenuItem\n              onClick={() => {\n                props.handleAccordion();\n                setAnchorEl(null);\n              }}\n            >\n              Make this section accordion\n            </MenuItem>\n            {!props.remove_section && (\n              <MenuItem\n                sx={{ color: \"#F86060\" }}\n                onClick={() => {\n                  props.removeSection();\n                  setAnchorEl(null);\n                }}\n              >\n                Remove Section\n              </MenuItem>\n            )}\n          </Menu>\n        </div>\n      </div>\n      <div\n        className={`${\n          props.activeIndex ? \"formBuilder--Active\" : \"formBuilder--Section\"\n        }`}\n      >\n        {/* <Box sx={{ width: \"100%\" }} className=\"formBuilder--GridLayout\">\n          {props.children}\n        </Box> */}\n        <Grid container sx={{ mb: 2 }}>\n          {props.children}\n        </Grid>\n        {!props.isFormSwitcher ? (\n          <Button\n            variant=\"outlined\"\n            style={{ color: \"#292D32\", marginBottom: \"0.375rem\" }}\n            startIcon={<AddIcon />}\n            data-position={props.position}\n            data-name={`${props.fieldArrayName}.${props.name}`}\n            onClick={props.handleAddButton}\n          >\n            Add\n          </Button>\n        ) : null}\n      </div>\n    </Grid>\n  );\n};\n\nDynamicSectionHOC.propTypes = {\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func,\n  children: PropTypes.node.isRequired,\n  label: PropTypes.string,\n  position: PropTypes.number,\n  fieldArrayName: PropTypes.string,\n  className: PropTypes.string,\n  removeSection: PropTypes.func.isRequired,\n  handleAccordion: PropTypes.func,\n  activeIndex: PropTypes.bool,\n  handleAddButton: PropTypes.func,\n  remove_section: PropTypes.bool,\n  isFormSwitcher: PropTypes.bool,\n};\n\nexport default DynamicSectionHOC;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/section.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { Grid, /* Box, */ IconButton, Menu, MenuItem } from \"@mui/material\";\n\nimport \"./element.scss\";\nimport Typography from \"../../../typography/typography\";\nimport images from \"../../../../assets/images\";\nimport React from \"react\";\nimport Button from \"../../../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nconst DynamicSectionHOC = (props: any) => {\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <Grid\n      className={\n        props.className ? `formBuilder ${props.className}` : \"formBuilder\"\n      }\n    >\n      <div className=\"formBuilder--Header\">\n        <Typography\n          type=\"s4\"\n          fontWeight={\"medium\"}\n          mb={0.5}\n          color={\"theme.secondary.800\"}\n          sx={{ cursor: \"pointer\", ...(!props.label?.trim() ? { fontStyle: 'italic' } : {}) }}\n          onClick={props.onClick}\n          data-position={props.position}\n          data-name={`${props.fieldArrayName}.${props.name}`}\n        >\n          {props.label || \"(Unnamed Section)\"}\n        </Typography>\n        <div>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleActionClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu\n            open={Boolean(anchorEl)}\n            anchorEl={anchorEl}\n            onClose={() => setAnchorEl(null)}\n          >\n            <MenuItem\n              onClick={() => {\n                props.handleAccordion();\n                setAnchorEl(null);\n              }}\n            >\n              Make this section accordion\n            </MenuItem>\n            {!props.remove_section && (\n              <MenuItem\n                sx={{ color: \"#F86060\" }}\n                onClick={() => {\n                  props.removeSection();\n                  setAnchorEl(null);\n                }}\n              >\n                Remove Section\n              </MenuItem>\n            )}\n          </Menu>\n        </div>\n      </div>\n      <div\n        className={`${\n          props.activeIndex ? \"formBuilder--Active\" : \"formBuilder--Section\"\n        }`}\n      >\n        {/* <Box sx={{ width: \"100%\" }} className=\"formBuilder--GridLayout\">\n          {props.children}\n        </Box> */}\n        <Grid container sx={{ mb: 2 }}>\n          {props.children}\n        </Grid>\n        {!props.isFormSwitcher ? (\n          <Button\n            variant=\"outlined\"\n            style={{ color: \"#292D32\", marginBottom: \"0.375rem\" }}\n            startIcon={<AddIcon />}\n            data-position={props.position}\n            data-name={`${props.fieldArrayName}.${props.name}`}\n            onClick={props.handleAddButton}\n          >\n            Add\n          </Button>\n        ) : null}\n      </div>\n    </Grid>\n  );\n};\n\nDynamicSectionHOC.propTypes = {\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func,\n  children: PropTypes.node.isRequired,\n  label: PropTypes.string,\n  position: PropTypes.number,\n  fieldArrayName: PropTypes.string,\n  className: PropTypes.string,\n  removeSection: PropTypes.func.isRequired,\n  handleAccordion: PropTypes.func,\n  activeIndex: PropTypes.bool,\n  handleAddButton: PropTypes.func,\n  remove_section: PropTypes.bool,\n  isFormSwitcher: PropTypes.bool,\n};\n\nexport default DynamicSectionHOC;\n"],"names":["React","AddIcon"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/section/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=,/* empty css                                                  */r=require("@mui/material");;/* empty css                     */var n=,/* empty css                                       */t=,/* empty css                           */o=require("react"),l=,/* empty css                               */a=require("@mui/icons-material/Add");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/* @__PURE__ */d(o),c=/* @__PURE__ */d(a);const u=i=>{var o;const[a,d]=s.default.useState(null);/* @__PURE__ */
-return e.jsxs(r.Grid,{className:i.className?`formBuilder ${i.className}`:"formBuilder",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=;/* empty css                                                  */;/* empty css                     */var r=,/* empty css                                       */n=,/* empty css                           */o=require("react"),t=,/* empty css                               */l=,/* empty css                                                         */d=,/* empty css                                                         */a=,/* empty css                                                                     */s=,/* empty css                                                         */u=;/* empty css                                                                 */function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=/* @__PURE__ */c(o);const f=i=>{var o;const[c,f]=m.default.useState(null);/* @__PURE__ */
+return e.jsxs(d.default,{className:i.className?`formBuilder ${i.className}`:"formBuilder",children:[
 /* @__PURE__ */e.jsxs("div",{className:"formBuilder--Header",children:[
-/* @__PURE__ */e.jsx(n.Typography,{type:"s4",fontWeight:"medium",mb:.5,color:"theme.secondary.800",sx:{cursor:"pointer",...(null==(o=i.label)?void 0:o.trim())?{}:{fontStyle:"italic"}},onClick:i.onClick,"data-position":i.position,"data-name":`${i.fieldArrayName}.${i.name}`,children:i.label||"(Unnamed Section)"}),
+/* @__PURE__ */e.jsx(r.Typography,{type:"s4",fontWeight:"medium",mb:.5,color:"theme.secondary.800",sx:{cursor:"pointer",...(null==(o=i.label)?void 0:o.trim())?{}:{fontStyle:"italic"}},onClick:i.onClick,"data-position":i.position,"data-name":`${i.fieldArrayName}.${i.name}`,children:i.label||"(Unnamed Section)"}),
 /* @__PURE__ */e.jsxs("div",{children:[
-/* @__PURE__ */e.jsx(r.IconButton,{color:"inherit",size:"small",onClick:e=>{d(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:t.images.more,alt:"more icon"})}),
-/* @__PURE__ */e.jsxs(r.Menu,{open:Boolean(a),anchorEl:a,onClose:()=>d(null),children:[
-/* @__PURE__ */e.jsx(r.MenuItem,{onClick:()=>{i.handleAccordion(),d(null)},children:"Make this section accordion"}),!i.remove_section&&/* @__PURE__ */e.jsx(r.MenuItem,{sx:{color:"#F86060"},onClick:()=>{i.removeSection(),d(null)},children:"Remove Section"})]})]})]}),
+/* @__PURE__ */e.jsx(a.default,{color:"inherit",size:"small",onClick:e=>{f(e.currentTarget)},children:/* @__PURE__ */e.jsx("img",{src:n.images.more,alt:"more icon"})}),
+/* @__PURE__ */e.jsxs(s.default,{open:Boolean(c),anchorEl:c,onClose:()=>f(null),children:[
+/* @__PURE__ */e.jsx(u.default,{onClick:()=>{i.handleAccordion(),f(null)},children:"Make this section accordion"}),!i.remove_section&&/* @__PURE__ */e.jsx(u.default,{sx:{color:"#F86060"},onClick:()=>{i.removeSection(),f(null)},children:"Remove Section"})]})]})]}),
 /* @__PURE__ */e.jsxs("div",{className:i.activeIndex?"formBuilder--Active":"formBuilder--Section",children:[
-/* @__PURE__ */e.jsx(r.Grid,{container:!0,sx:{mb:2},children:i.children}),i.isFormSwitcher?null:/* @__PURE__ */e.jsx(l.default,{variant:"outlined",style:{color:"#292D32",marginBottom:"0.375rem"},startIcon:/* @__PURE__ */e.jsx(c.default,{}),"data-position":i.position,"data-name":`${i.fieldArrayName}.${i.name}`,onClick:i.handleAddButton,children:"Add"})]})]})};u.propTypes={index:i.default.number.isRequired,onClick:i.default.func,children:i.default.node.isRequired,label:i.default.string,position:i.default.number,fieldArrayName:i.default.string,className:i.default.string,removeSection:i.default.func.isRequired,handleAccordion:i.default.func,activeIndex:i.default.bool,handleAddButton:i.default.func,remove_section:i.default.bool,isFormSwitcher:i.default.bool},exports.default=u;
+/* @__PURE__ */e.jsx(d.default,{container:!0,sx:{mb:2},children:i.children}),i.isFormSwitcher?null:/* @__PURE__ */e.jsx(t.default,{variant:"outlined",style:{color:"#292D32",marginBottom:"0.375rem"},startIcon:/* @__PURE__ */e.jsx(l.default,{}),"data-position":i.position,"data-name":`${i.fieldArrayName}.${i.name}`,onClick:i.handleAddButton,children:"Add"})]})]})};f.propTypes={index:i.default.number.isRequired,onClick:i.default.func,children:i.default.node.isRequired,label:i.default.string,position:i.default.number,fieldArrayName:i.default.string,className:i.default.string,removeSection:i.default.func.isRequired,handleAccordion:i.default.func,activeIndex:i.default.bool,handleAddButton:i.default.func,remove_section:i.default.bool,isFormSwitcher:i.default.bool},exports.default=f;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/section.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { Grid, /* Box, */ IconButton, Menu, MenuItem } from \"@mui/material\";\n\nimport \"./element.scss\";\nimport Typography from \"../../../typography/typography\";\nimport images from \"../../../../assets/images\";\nimport React from \"react\";\nimport Button from \"../../../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nconst DynamicSectionHOC = (props: any) => {\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <Grid\n      className={\n        props.className ? `formBuilder ${props.className}` : \"formBuilder\"\n      }\n    >\n      <div className=\"formBuilder--Header\">\n        <Typography\n          type=\"s4\"\n          fontWeight={\"medium\"}\n          mb={0.5}\n          color={\"theme.secondary.800\"}\n          sx={{ cursor: \"pointer\", ...(!props.label?.trim() ? { fontStyle: 'italic' } : {}) }}\n          onClick={props.onClick}\n          data-position={props.position}\n          data-name={`${props.fieldArrayName}.${props.name}`}\n        >\n          {props.label || \"(Unnamed Section)\"}\n        </Typography>\n        <div>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleActionClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu\n            open={Boolean(anchorEl)}\n            anchorEl={anchorEl}\n            onClose={() => setAnchorEl(null)}\n          >\n            <MenuItem\n              onClick={() => {\n                props.handleAccordion();\n                setAnchorEl(null);\n              }}\n            >\n              Make this section accordion\n            </MenuItem>\n            {!props.remove_section && (\n              <MenuItem\n                sx={{ color: \"#F86060\" }}\n                onClick={() => {\n                  props.removeSection();\n                  setAnchorEl(null);\n                }}\n              >\n                Remove Section\n              </MenuItem>\n            )}\n          </Menu>\n        </div>\n      </div>\n      <div\n        className={`${\n          props.activeIndex ? \"formBuilder--Active\" : \"formBuilder--Section\"\n        }`}\n      >\n        {/* <Box sx={{ width: \"100%\" }} className=\"formBuilder--GridLayout\">\n          {props.children}\n        </Box> */}\n        <Grid container sx={{ mb: 2 }}>\n          {props.children}\n        </Grid>\n        {!props.isFormSwitcher ? (\n          <Button\n            variant=\"outlined\"\n            style={{ color: \"#292D32\", marginBottom: \"0.375rem\" }}\n            startIcon={<AddIcon />}\n            data-position={props.position}\n            data-name={`${props.fieldArrayName}.${props.name}`}\n            onClick={props.handleAddButton}\n          >\n            Add\n          </Button>\n        ) : null}\n      </div>\n    </Grid>\n  );\n};\n\nDynamicSectionHOC.propTypes = {\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func,\n  children: PropTypes.node.isRequired,\n  label: PropTypes.string,\n  position: PropTypes.number,\n  fieldArrayName: PropTypes.string,\n  className: PropTypes.string,\n  removeSection: PropTypes.func.isRequired,\n  handleAccordion: PropTypes.func,\n  activeIndex: PropTypes.bool,\n  handleAddButton: PropTypes.func,\n  remove_section: PropTypes.bool,\n  isFormSwitcher: PropTypes.bool,\n};\n\nexport default DynamicSectionHOC;\n"],"names":["DynamicSectionHOC","props","anchorEl","setAnchorEl","React","useState","jsxs","Grid","className","children","jsx","Typography","type","fontWeight","mb","color","sx","cursor","_a","label","trim","fontStyle","onClick","position","fieldArrayName","name","IconButton","size","event","currentTarget","src","images","more","alt","Menu","open","Boolean","onClose","MenuItem","handleAccordion","remove_section","removeSection","activeIndex","container","isFormSwitcher","Button","variant","style","marginBottom","startIcon","AddIcon","handleAddButton","propTypes","index","PropTypes","number","isRequired","func","node","string","bool"],"mappings":"ijBAUA,MAAMA,EAAqBC,UACzB,MAAOC,EAAUC,GAAeC,EAAAA,QAAMC,SAA6B;AAMnE,OACEC,EAAAA,KAACC,EAAAA,KAAA,CACCC,UACEP,EAAMO,UAAY,eAAeP,EAAMO,YAAc,cAGvDC,SAAA;iBAAAH,KAAC,MAAA,CAAIE,UAAU,sBACbC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,WAAY,SACZC,GAAI,GACJC,MAAO,sBACPC,GAAI,CAAEC,OAAQ,cAAgB,OAAAC,EAAAjB,EAAMkB,YAAN,EAAAD,EAAaE,QAAmC,CAAA,EAA1B,CAAEC,UAAW,WACjEC,QAASrB,EAAMqB,QACf,gBAAerB,EAAMsB,SACrB,YAAW,GAAGtB,EAAMuB,kBAAkBvB,EAAMwB,OAE3ChB,WAAMU,OAAS;sBAEjB,MAAA,CACCV,SAAA;eAAAC,MAACgB,EAAAA,WAAA,CAAWX,MAAM,UAAUY,KAAK,QAAQL,QAxBtBM,IACzBzB,EAAYyB,EAAMC,gBAwBVpB,0BAAAC,IAAC,MAAA,CAAIoB,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7B3B,EAAAA,KAAC4B,EAAAA,KAAA,CACCC,KAAMC,QAAQlC,GACdA,WACAmC,QAAS,IAAMlC,EAAY,MAE3BM,SAAA;eAAAC,EAAAA,IAAC4B,EAAAA,SAAA,CACChB,QAAS,KACPrB,EAAMsC,kBACNpC,EAAY,OAEfM,SAAA,iCAGCR,EAAMuC,+BACN9B,EAAAA,IAAC4B,EAAAA,SAAA,CACCtB,GAAI,CAAED,MAAO,WACbO,QAAS,KACPrB,EAAMwC,gBACNtC,EAAY,OAEfM,SAAA;eAOTH,EAAAA,KAAC,MAAA,CACCE,UACEP,EAAMyC,YAAc,sBAAwB,uBAM9CjC,SAAA;eAAAC,EAAAA,IAACH,EAAAA,KAAA,CAAKoC,WAAS,EAAC3B,GAAI,CAAEF,GAAI,GACvBL,SAAAR,EAAMQ,WAEPR,EAAM2C,eAWJ,oBAVFlC,EAAAA,IAACmC,EAAAA,QAAA,CACCC,QAAQ,WACRC,MAAO,CAAEhC,MAAO,UAAWiC,aAAc,YACzCC,+BAAYC,EAAAA,QAAA,IACZ,gBAAejD,EAAMsB,SACrB,YAAW,GAAGtB,EAAMuB,kBAAkBvB,EAAMwB,OAC5CH,QAASrB,EAAMkD,gBAChB1C,SAAA,eASXT,EAAkBoD,UAAY,CAC5BC,MAAOC,EAAAA,QAAUC,OAAOC,WACxBlC,QAASgC,EAAAA,QAAUG,KACnBhD,SAAU6C,EAAAA,QAAUI,KAAKF,WACzBrC,MAAOmC,EAAAA,QAAUK,OACjBpC,SAAU+B,EAAAA,QAAUC,OACpB/B,eAAgB8B,EAAAA,QAAUK,OAC1BnD,UAAW8C,EAAAA,QAAUK,OACrBlB,cAAea,EAAAA,QAAUG,KAAKD,WAC9BjB,gBAAiBe,EAAAA,QAAUG,KAC3Bf,YAAaY,EAAAA,QAAUM,KACvBT,gBAAiBG,EAAAA,QAAUG,KAC3BjB,eAAgBc,EAAAA,QAAUM,KAC1BhB,eAAgBU,EAAAA,QAAUM"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/section.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport { Grid, /* Box, */ IconButton, Menu, MenuItem } from \"@mui/material\";\n\nimport \"./element.scss\";\nimport Typography from \"../../../typography/typography\";\nimport images from \"../../../../assets/images\";\nimport React from \"react\";\nimport Button from \"../../../button/button\";\nimport AddIcon from \"@mui/icons-material/Add\";\n\nconst DynamicSectionHOC = (props: any) => {\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  return (\n    <Grid\n      className={\n        props.className ? `formBuilder ${props.className}` : \"formBuilder\"\n      }\n    >\n      <div className=\"formBuilder--Header\">\n        <Typography\n          type=\"s4\"\n          fontWeight={\"medium\"}\n          mb={0.5}\n          color={\"theme.secondary.800\"}\n          sx={{ cursor: \"pointer\", ...(!props.label?.trim() ? { fontStyle: 'italic' } : {}) }}\n          onClick={props.onClick}\n          data-position={props.position}\n          data-name={`${props.fieldArrayName}.${props.name}`}\n        >\n          {props.label || \"(Unnamed Section)\"}\n        </Typography>\n        <div>\n          <IconButton color=\"inherit\" size=\"small\" onClick={handleActionClick}>\n            <img src={images.more} alt=\"more icon\" />\n          </IconButton>\n          <Menu\n            open={Boolean(anchorEl)}\n            anchorEl={anchorEl}\n            onClose={() => setAnchorEl(null)}\n          >\n            <MenuItem\n              onClick={() => {\n                props.handleAccordion();\n                setAnchorEl(null);\n              }}\n            >\n              Make this section accordion\n            </MenuItem>\n            {!props.remove_section && (\n              <MenuItem\n                sx={{ color: \"#F86060\" }}\n                onClick={() => {\n                  props.removeSection();\n                  setAnchorEl(null);\n                }}\n              >\n                Remove Section\n              </MenuItem>\n            )}\n          </Menu>\n        </div>\n      </div>\n      <div\n        className={`${\n          props.activeIndex ? \"formBuilder--Active\" : \"formBuilder--Section\"\n        }`}\n      >\n        {/* <Box sx={{ width: \"100%\" }} className=\"formBuilder--GridLayout\">\n          {props.children}\n        </Box> */}\n        <Grid container sx={{ mb: 2 }}>\n          {props.children}\n        </Grid>\n        {!props.isFormSwitcher ? (\n          <Button\n            variant=\"outlined\"\n            style={{ color: \"#292D32\", marginBottom: \"0.375rem\" }}\n            startIcon={<AddIcon />}\n            data-position={props.position}\n            data-name={`${props.fieldArrayName}.${props.name}`}\n            onClick={props.handleAddButton}\n          >\n            Add\n          </Button>\n        ) : null}\n      </div>\n    </Grid>\n  );\n};\n\nDynamicSectionHOC.propTypes = {\n  index: PropTypes.number.isRequired,\n  onClick: PropTypes.func,\n  children: PropTypes.node.isRequired,\n  label: PropTypes.string,\n  position: PropTypes.number,\n  fieldArrayName: PropTypes.string,\n  className: PropTypes.string,\n  removeSection: PropTypes.func.isRequired,\n  handleAccordion: PropTypes.func,\n  activeIndex: PropTypes.bool,\n  handleAddButton: PropTypes.func,\n  remove_section: PropTypes.bool,\n  isFormSwitcher: PropTypes.bool,\n};\n\nexport default DynamicSectionHOC;\n"],"names":["DynamicSectionHOC","props","anchorEl","setAnchorEl","React","useState","jsxs","Grid","className","children","jsx","Typography","type","fontWeight","mb","color","sx","cursor","_a","label","trim","fontStyle","onClick","position","fieldArrayName","name","IconButton","size","event","currentTarget","src","images","more","alt","Menu","open","Boolean","onClose","MenuItem","handleAccordion","remove_section","removeSection","activeIndex","container","isFormSwitcher","Button","variant","style","marginBottom","startIcon","AddIcon","handleAddButton","propTypes","index","PropTypes","number","isRequired","func","node","string","bool"],"mappings":"i2BAUA,MAAMA,EAAqBC,UACzB,MAAOC,EAAUC,GAAeC,EAAAA,QAAMC,SAA6B;AAMnE,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACCC,UACEP,EAAMO,UAAY,eAAeP,EAAMO,YAAc,cAGvDC,SAAA;iBAAAH,KAAC,MAAA,CAAIE,UAAU,sBACbC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,WAAY,SACZC,GAAI,GACJC,MAAO,sBACPC,GAAI,CAAEC,OAAQ,cAAgB,OAAAC,EAAAjB,EAAMkB,YAAN,EAAAD,EAAaE,QAAmC,CAAA,EAA1B,CAAEC,UAAW,WACjEC,QAASrB,EAAMqB,QACf,gBAAerB,EAAMsB,SACrB,YAAW,GAAGtB,EAAMuB,kBAAkBvB,EAAMwB,OAE3ChB,WAAMU,OAAS;sBAEjB,MAAA,CACCV,SAAA;eAAAC,MAACgB,EAAAA,QAAA,CAAWX,MAAM,UAAUY,KAAK,QAAQL,QAxBtBM,IACzBzB,EAAYyB,EAAMC,gBAwBVpB,0BAAAC,IAAC,MAAA,CAAIoB,IAAKC,EAAAA,OAAOC,KAAMC,IAAI;eAE7B3B,EAAAA,KAAC4B,EAAAA,QAAA,CACCC,KAAMC,QAAQlC,GACdA,WACAmC,QAAS,IAAMlC,EAAY,MAE3BM,SAAA;eAAAC,EAAAA,IAAC4B,EAAAA,QAAA,CACChB,QAAS,KACPrB,EAAMsC,kBACNpC,EAAY,OAEfM,SAAA,iCAGCR,EAAMuC,+BACN9B,EAAAA,IAAC4B,EAAAA,QAAA,CACCtB,GAAI,CAAED,MAAO,WACbO,QAAS,KACPrB,EAAMwC,gBACNtC,EAAY,OAEfM,SAAA;eAOTH,EAAAA,KAAC,MAAA,CACCE,UACEP,EAAMyC,YAAc,sBAAwB,uBAM9CjC,SAAA;eAAAC,EAAAA,IAACH,EAAAA,QAAA,CAAKoC,WAAS,EAAC3B,GAAI,CAAEF,GAAI,GACvBL,SAAAR,EAAMQ,WAEPR,EAAM2C,eAWJ,oBAVFlC,EAAAA,IAACmC,EAAAA,QAAA,CACCC,QAAQ,WACRC,MAAO,CAAEhC,MAAO,UAAWiC,aAAc,YACzCC,+BAAYC,EAAAA,QAAA,IACZ,gBAAejD,EAAMsB,SACrB,YAAW,GAAGtB,EAAMuB,kBAAkBvB,EAAMwB,OAC5CH,QAASrB,EAAMkD,gBAChB1C,SAAA,eASXT,EAAkBoD,UAAY,CAC5BC,MAAOC,EAAAA,QAAUC,OAAOC,WACxBlC,QAASgC,EAAAA,QAAUG,KACnBhD,SAAU6C,EAAAA,QAAUI,KAAKF,WACzBrC,MAAOmC,EAAAA,QAAUK,OACjBpC,SAAU+B,EAAAA,QAAUC,OACpB/B,eAAgB8B,EAAAA,QAAUK,OAC1BnD,UAAW8C,EAAAA,QAAUK,OACrBlB,cAAea,EAAAA,QAAUG,KAAKD,WAC9BjB,gBAAiBe,EAAAA,QAAUG,KAC3Bf,YAAaY,EAAAA,QAAUM,KACvBT,gBAAiBG,EAAAA,QAAUG,KAC3BjB,eAAgBc,EAAAA,QAAUM,KAC1BhB,eAAgBU,EAAAA,QAAUM"}

package/dist/components/form-control/form-builder/form-builder-element/select/index.esm.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback } from "react";
 import { Controller } from "react-hook-form";
-import { OutlinedInput, InputAdornment, IconButton, MenuItem, Box, Divider } from "@mui/material";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 import Select from "../../../../select/select/index.esm.js";
 import ChipOrPlaceholder from "../chip-or-placeholder/index.esm.js";
@@ -9,8 +8,15 @@ import Checkbox from "../../../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 import Chip from "../../../../chip/chip/index.esm.js";
 /* empty css                        */
-import { Close, Add } from "@mui/icons-material";
 import { useTranslation } from "react-i18next";
+import OutlinedInput from "../../../../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
+import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import Close from "../../../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
+import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Divider from "../../../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import Add from "../../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 import { MoreIcon } from "../../../../icons/more/index.esm.js";
 const generateMenuItems = ({
   options,

package/dist/components/form-control/form-builder/form-builder-element/select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n\tOutlinedInput\n} from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport './element.scss';\nimport { Add, Close } from '@mui/icons-material';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield\n}: IMenuItems) => {\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value='' sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option, index) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={index}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(option.value) > -1)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => option.value === selectedItem)?.label ||\n\t\t\tselectedItem\n\t);\n\tconst fDisplayTitle = displayTitle.filter(Boolean)\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{fDisplayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst DynamicSelect =  React.memo((props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(null);\n\tconst { handleOptions } = props;\n\tuseEffect(() => {\n\t\tif (handleOptions) {\n\t\t\thandleOptions(selectedValue);\n\t\t}\n\t}, [handleOptions, selectedValue]);\n\tconst handleSearch = (search: string) => {\n\t\tif (props.options?.length && search) {\n\t\t\tconst searchedOptions = props.options.filter((opt) =>\n\t\t\t\tReact.isValidElement(opt.label)\n\t\t\t\t\t? opt?.searchLabel?.toLowerCase()?.includes(search.toLowerCase())\n\t\t\t\t\t: opt.label.toLowerCase().includes(search.toLowerCase())\n\t\t\t);\n\t\t\tsetOptions(searchedOptions);\n\t\t} else {\n\t\t\tsetOptions(props.options);\n\t\t}\n\t};\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\t\tconst { t } = useTranslation();\n\t\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<>\n\t\t\t\t\t{props.placeholder === 'Select Currency'\n\t\t\t\t\t\t? setSelectedValue(field.value)\n\t\t\t\t\t\t: setSelectedValue(null)}\n\t\t\t\t\t<Select\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t// onFocus={() => {\n\t\t\t\t\t\t// \tsetOptions(props.options);\n\t\t\t\t\t\t// }}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tdataPosition={props.position}\n\t\t\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\tlabel={props.label}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfield.value?.id || field.value?.label || field.value || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultValue={\n\t\t\t\t\t\t\tprops.defaultValue || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\t\t\tsize={props.size || 'small'}\n\t\t\t\t\t\tmultiple={props.is_multiselect || false}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tprops.is_multiselect && removeUndefine(field.value)?.length\n\t\t\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t\t\t(option.value?.id || option.value) === selected\n\t\t\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\t\t\thandleSearch={handleSearch}\n\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\tinput={\n\t\t\t\t\t\t\t!props?.is_multiselect && !props.disabled && field?.value ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t{field.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => field.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t\t\t{generateMenuItems({\n\t\t\t\t\t\t\toptions,\n\t\t\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\t\t\tvalues: field.value,\n\t\t\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\t\t\tfield: props\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select>\n\t\t\t\t\t{props.is_multiselect && Array.isArray(field?.value) && (\n\t\t\t\t\t\t<SelectedItems data={field.value} options={options} />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t/>\n\t);\n});\n\nDynamicSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string\n};\n\nexport default DynamicSelect;\n"],"names":["React","_a"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n\tOutlinedInput\n} from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport './element.scss';\nimport { Add, Close } from '@mui/icons-material';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield\n}: IMenuItems) => {\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value='' sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option, index) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={index}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(option.value) > -1)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => option.value === selectedItem)?.label ||\n\t\t\tselectedItem\n\t);\n\tconst fDisplayTitle = displayTitle.filter(Boolean)\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{fDisplayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst DynamicSelect =  React.memo((props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(null);\n\tconst { handleOptions } = props;\n\tuseEffect(() => {\n\t\tif (handleOptions) {\n\t\t\thandleOptions(selectedValue);\n\t\t}\n\t}, [handleOptions, selectedValue]);\n\tconst handleSearch = (search: string) => {\n\t\tif (props.options?.length && search) {\n\t\t\tconst searchedOptions = props.options.filter((opt) =>\n\t\t\t\tReact.isValidElement(opt.label)\n\t\t\t\t\t? opt?.searchLabel?.toLowerCase()?.includes(search.toLowerCase())\n\t\t\t\t\t: opt.label.toLowerCase().includes(search.toLowerCase())\n\t\t\t);\n\t\t\tsetOptions(searchedOptions);\n\t\t} else {\n\t\t\tsetOptions(props.options);\n\t\t}\n\t};\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\t\tconst { t } = useTranslation();\n\t\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<>\n\t\t\t\t\t{props.placeholder === 'Select Currency'\n\t\t\t\t\t\t? setSelectedValue(field.value)\n\t\t\t\t\t\t: setSelectedValue(null)}\n\t\t\t\t\t<Select\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t// onFocus={() => {\n\t\t\t\t\t\t// \tsetOptions(props.options);\n\t\t\t\t\t\t// }}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tdataPosition={props.position}\n\t\t\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\tlabel={props.label}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfield.value?.id || field.value?.label || field.value || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultValue={\n\t\t\t\t\t\t\tprops.defaultValue || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\t\t\tsize={props.size || 'small'}\n\t\t\t\t\t\tmultiple={props.is_multiselect || false}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tprops.is_multiselect && removeUndefine(field.value)?.length\n\t\t\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t\t\t(option.value?.id || option.value) === selected\n\t\t\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\t\t\thandleSearch={handleSearch}\n\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\tinput={\n\t\t\t\t\t\t\t!props?.is_multiselect && !props.disabled && field?.value ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t{field.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => field.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t\t\t{generateMenuItems({\n\t\t\t\t\t\t\toptions,\n\t\t\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\t\t\tvalues: field.value,\n\t\t\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\t\t\tfield: props\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select>\n\t\t\t\t\t{props.is_multiselect && Array.isArray(field?.value) && (\n\t\t\t\t\t\t<SelectedItems data={field.value} options={options} />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t/>\n\t);\n});\n\nDynamicSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string\n};\n\nexport default DynamicSelect;\n"],"names":["React","_a"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/select/index.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("react-hook-form"),i=require("@mui/material"),r=,/* empty css                                                  */t=,/* empty css                               */o=,/* empty css                            */s=,/* empty css                                   */n=,/* empty css                                       */d=;/* empty css                           */;/* empty css                     */var u=require("@mui/icons-material"),c=require("react-i18next"),p=;/* empty css                            */function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */f(l);const m=({options:l,multiple:a,placeholder:r,with_checkboxes:t,values:o,field:d})=>{const c=[];return a||c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:r})})})),null==l||l.forEach((l,r)=>{c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",gap:1},children:[a&&t&&/* @__PURE__ */e.jsx(s.default,{checked:Boolean(o&&(null==o?void 0:o.indexOf(l.value))>-1)}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},r)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(r=>{c.push(
-/* @__PURE__ */e.jsx(i.MenuItem,{value:r.value,disabled:Boolean(r.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",gap:1},children:[a&&t&&/* @__PURE__ */e.jsx(s.default,{checked:Boolean(o&&(null==o?void 0:o.indexOf(r.value))>-1)}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:r.label})]})},`${l.value}-${r.value}`))})}),d.enable_footer&&c.push(
-/* @__PURE__ */e.jsxs(i.Box,{children:[
-/* @__PURE__ */e.jsx(i.Divider,{flexItem:!0}),
-/* @__PURE__ */e.jsxs(i.MenuItem,{sx:{gap:1},onClick:d.onFooterClick,children:[
-/* @__PURE__ */e.jsx(u.Add,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",d.label]})]})]})),c},v=({data:l,options:a})=>{const i=l.map(e=>{var l;return(null==(l=null==a?void 0:a.find(l=>l.value===e))?void 0:l.label)||e}).filter(Boolean);/* @__PURE__ */
-return e.jsxs(n.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[i.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(d.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(p.MoreIcon,{})})]})},x=h.default.memo(r=>{const[s,n]=l.useState([]),[d,p]=l.useState(null),{handleOptions:f}=r;l.useEffect(()=>{f&&f(d)},[f,d]);const x=e=>{var l;if((null==(l=r.options)?void 0:l.length)&&e){const l=r.options.filter(l=>{var a,i;return h.default.isValidElement(l.label)?null==(i=null==(a=null==l?void 0:l.searchLabel)?void 0:a.toLowerCase())?void 0:i.includes(e.toLowerCase()):l.label.toLowerCase().includes(e.toLowerCase())});n(l)}else n(r.options)},b=e=>null==e?void 0:e.filter(e=>e),y=l.useCallback(()=>{n(r.options)},[r.options]);l.useEffect(()=>{y()},[y]);const{t:j}=c.useTranslation();/* @__PURE__ */
-return e.jsx(a.Controller,{control:r.formControl,name:`${r.fieldArrayName}.${r.name}`,render:({field:l,fieldState:a})=>{var n,d,c,f,h;/* @__PURE__ */
-return e.jsxs(e.Fragment,{children:["Select Currency"===r.placeholder?p(l.value):p(null),
-/* @__PURE__ */e.jsx(t.default,{...l,fullWidth:!0,dataPosition:r.position,dataName:`${r.fieldArrayName}.${r.name}`,placeholder:r.placeholder,label:r.label,value:(null==(n=l.value)?void 0:n.id)||(null==(d=l.value)?void 0:d.label)||l.value||(r.is_multiselect?[]:""),defaultValue:r.defaultValue||(r.is_multiselect?[]:""),required:"builder"!==r.formType&&r.required,size:r.size||"small",multiple:r.is_multiselect||!1,disabled:r.disabled,variant:"outlined",className:r.is_multiselect&&(null==(c=b(l.value))?void 0:c.length)?"MultiSelect":"",renderValue:l=>{var a;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(o.default,{selectedLabel:r.selectedLabel,data:b(l),placeholder:r.placeholder,onDelete:null==r?void 0:r.onChipRemove,disabled:r.disabled}):(null==(a=null==s?void 0:s.find(e=>{var a;return((null==(a=e.value)?void 0:a.id)||e.value)===l}))?void 0:a.label)||l||r.placeholder})},searchPlaceholder:`${j("common.search")} ${r.label}`,handleSearch:x,error:Boolean(null==(f=a.error)?void 0:f.message),helperText:(null==(h=a.error)?void 0:h.message)||"",onBlur:l.onBlur,input:(null==r?void 0:r.is_multiselect)||r.disabled||!(null==l?void 0:l.value)?void 0:/* @__PURE__ */e.jsx(i.OutlinedInput,{label:"",endAdornment:/* @__PURE__ */e.jsx(i.InputAdornment,{position:"end",children:l.value&&/* @__PURE__ */e.jsx(i.IconButton,{"aria-label":"clear selection",onClick:()=>l.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(u.Close,{sx:{fontSize:"1rem"}})})})}),loading:null==r?void 0:r.is_loading,children:m({options:s,multiple:Boolean(r.is_multiselect),placeholder:r.placeholder,values:l.value,with_checkboxes:!0,field:r})}),r.is_multiselect&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(v,{data:l.value,options:s})]})}})});x.propTypes={name:r.default.string.isRequired,placeholder:r.default.string.isRequired,label:r.default.string.isRequired,size:r.default.string,options:r.default.arrayOf(r.default.shape({label:r.default.string,value:r.default.string})).isRequired,formControl:r.default.shape({register:r.default.func.isRequired,setValue:r.default.func}).isRequired,defaultValue:r.default.string,fieldArrayName:r.default.string,id:r.default.string,required:r.default.bool,is_multiselect:r.default.bool,position:r.default.number,formType:r.default.string,typeOfField:r.default.string,disabled:r.default.bool,onChipRemove:r.default.func,enable_footer:r.default.bool,footer_action:r.default.string,onFooterClick:r.default.any,is_loading:r.default.bool,selectedLabel:r.default.string},exports.default=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("react-hook-form"),i=,/* empty css                                                  */r=,/* empty css                               */t=,/* empty css                            */o=,/* empty css                                   */d=,/* empty css                                       */n=;/* empty css                           */;/* empty css                     */var s=require("react-i18next"),u=,/* empty css                                                                           */c=,/* empty css                                                                             */p=,/* empty css                                                                     */f=,/* empty css                                                               */m=,/* empty css                                                                 */h=,/* empty css                                                       */x=,/* empty css                                                               */v=,/* empty css                                                             */j=;/* empty css                            */function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var y=/* @__PURE__ */b(l);const g=({options:l,multiple:a,placeholder:i,with_checkboxes:r,values:t,field:n})=>{const s=[];return a||s.push(
+/* @__PURE__ */e.jsx(m.default,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(d.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:i})})})),null==l||l.forEach((l,i)=>{s.push(
+/* @__PURE__ */e.jsx(m.default,{value:l.value,disabled:Boolean(l.disabled),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[a&&r&&/* @__PURE__ */e.jsx(o.default,{checked:Boolean(t&&(null==t?void 0:t.indexOf(l.value))>-1)}),
+/* @__PURE__ */e.jsx(d.Typography,{type:"s3",color:"theme.secondary.1000",children:l.label})]})},i)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(i=>{s.push(
+/* @__PURE__ */e.jsx(m.default,{value:i.value,disabled:Boolean(i.disabled),sx:{pl:5},children:/* @__PURE__ */e.jsxs(h.default,{sx:{display:"flex",gap:1},children:[a&&r&&/* @__PURE__ */e.jsx(o.default,{checked:Boolean(t&&(null==t?void 0:t.indexOf(i.value))>-1)}),
+/* @__PURE__ */e.jsx(d.Typography,{type:"s3",color:"theme.secondary.1000",children:i.label})]})},`${l.value}-${i.value}`))})}),n.enable_footer&&s.push(
+/* @__PURE__ */e.jsxs(h.default,{children:[
+/* @__PURE__ */e.jsx(x.default,{flexItem:!0}),
+/* @__PURE__ */e.jsxs(m.default,{sx:{gap:1},onClick:n.onFooterClick,children:[
+/* @__PURE__ */e.jsx(v.default,{fontSize:"small"}),
+/* @__PURE__ */e.jsxs(d.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",n.label]})]})]})),s},q=({data:l,options:a})=>{const i=l.map(e=>{var l;return(null==(l=null==a?void 0:a.find(l=>l.value===e))?void 0:l.label)||e}).filter(Boolean);/* @__PURE__ */
+return e.jsxs(d.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[i.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(n.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(j.MoreIcon,{})})]})},_=y.default.memo(i=>{const[o,d]=l.useState([]),[n,m]=l.useState(null),{handleOptions:h}=i;l.useEffect(()=>{h&&h(n)},[h,n]);const x=e=>{var l;if((null==(l=i.options)?void 0:l.length)&&e){const l=i.options.filter(l=>{var a,i;return y.default.isValidElement(l.label)?null==(i=null==(a=null==l?void 0:l.searchLabel)?void 0:a.toLowerCase())?void 0:i.includes(e.toLowerCase()):l.label.toLowerCase().includes(e.toLowerCase())});d(l)}else d(i.options)},v=e=>null==e?void 0:e.filter(e=>e),j=l.useCallback(()=>{d(i.options)},[i.options]);l.useEffect(()=>{j()},[j]);const{t:b}=s.useTranslation();/* @__PURE__ */
+return e.jsx(a.Controller,{control:i.formControl,name:`${i.fieldArrayName}.${i.name}`,render:({field:l,fieldState:a})=>{var d,n,s,h,j;/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:["Select Currency"===i.placeholder?m(l.value):m(null),
+/* @__PURE__ */e.jsx(r.default,{...l,fullWidth:!0,dataPosition:i.position,dataName:`${i.fieldArrayName}.${i.name}`,placeholder:i.placeholder,label:i.label,value:(null==(d=l.value)?void 0:d.id)||(null==(n=l.value)?void 0:n.label)||l.value||(i.is_multiselect?[]:""),defaultValue:i.defaultValue||(i.is_multiselect?[]:""),required:"builder"!==i.formType&&i.required,size:i.size||"small",multiple:i.is_multiselect||!1,disabled:i.disabled,variant:"outlined",className:i.is_multiselect&&(null==(s=v(l.value))?void 0:s.length)?"MultiSelect":"",renderValue:l=>{var a;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(t.default,{selectedLabel:i.selectedLabel,data:v(l),placeholder:i.placeholder,onDelete:null==i?void 0:i.onChipRemove,disabled:i.disabled}):(null==(a=null==o?void 0:o.find(e=>{var a;return((null==(a=e.value)?void 0:a.id)||e.value)===l}))?void 0:a.label)||l||i.placeholder})},searchPlaceholder:`${b("common.search")} ${i.label}`,handleSearch:x,error:Boolean(null==(h=a.error)?void 0:h.message),helperText:(null==(j=a.error)?void 0:j.message)||"",onBlur:l.onBlur,input:(null==i?void 0:i.is_multiselect)||i.disabled||!(null==l?void 0:l.value)?void 0:/* @__PURE__ */e.jsx(u.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(c.default,{position:"end",children:l.value&&/* @__PURE__ */e.jsx(p.default,{"aria-label":"clear selection",onClick:()=>l.onChange(null),edge:"end",sx:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(f.default,{sx:{fontSize:"1rem"}})})})}),loading:null==i?void 0:i.is_loading,children:g({options:o,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:l.value,with_checkboxes:!0,field:i})}),i.is_multiselect&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(q,{data:l.value,options:o})]})}})});_.propTypes={name:i.default.string.isRequired,placeholder:i.default.string.isRequired,label:i.default.string.isRequired,size:i.default.string,options:i.default.arrayOf(i.default.shape({label:i.default.string,value:i.default.string})).isRequired,formControl:i.default.shape({register:i.default.func.isRequired,setValue:i.default.func}).isRequired,defaultValue:i.default.string,fieldArrayName:i.default.string,id:i.default.string,required:i.default.bool,is_multiselect:i.default.bool,position:i.default.number,formType:i.default.string,typeOfField:i.default.string,disabled:i.default.bool,onChipRemove:i.default.func,enable_footer:i.default.bool,footer_action:i.default.string,onFooterClick:i.default.any,is_loading:i.default.bool,selectedLabel:i.default.string},exports.default=_;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n\tOutlinedInput\n} from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport './element.scss';\nimport { Add, Close } from '@mui/icons-material';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield\n}: IMenuItems) => {\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value='' sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option, index) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={index}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(option.value) > -1)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => option.value === selectedItem)?.label ||\n\t\t\tselectedItem\n\t);\n\tconst fDisplayTitle = displayTitle.filter(Boolean)\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{fDisplayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst DynamicSelect =  React.memo((props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(null);\n\tconst { handleOptions } = props;\n\tuseEffect(() => {\n\t\tif (handleOptions) {\n\t\t\thandleOptions(selectedValue);\n\t\t}\n\t}, [handleOptions, selectedValue]);\n\tconst handleSearch = (search: string) => {\n\t\tif (props.options?.length && search) {\n\t\t\tconst searchedOptions = props.options.filter((opt) =>\n\t\t\t\tReact.isValidElement(opt.label)\n\t\t\t\t\t? opt?.searchLabel?.toLowerCase()?.includes(search.toLowerCase())\n\t\t\t\t\t: opt.label.toLowerCase().includes(search.toLowerCase())\n\t\t\t);\n\t\t\tsetOptions(searchedOptions);\n\t\t} else {\n\t\t\tsetOptions(props.options);\n\t\t}\n\t};\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\t\tconst { t } = useTranslation();\n\t\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<>\n\t\t\t\t\t{props.placeholder === 'Select Currency'\n\t\t\t\t\t\t? setSelectedValue(field.value)\n\t\t\t\t\t\t: setSelectedValue(null)}\n\t\t\t\t\t<Select\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t// onFocus={() => {\n\t\t\t\t\t\t// \tsetOptions(props.options);\n\t\t\t\t\t\t// }}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tdataPosition={props.position}\n\t\t\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\tlabel={props.label}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfield.value?.id || field.value?.label || field.value || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultValue={\n\t\t\t\t\t\t\tprops.defaultValue || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\t\t\tsize={props.size || 'small'}\n\t\t\t\t\t\tmultiple={props.is_multiselect || false}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tprops.is_multiselect && removeUndefine(field.value)?.length\n\t\t\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t\t\t(option.value?.id || option.value) === selected\n\t\t\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\t\t\thandleSearch={handleSearch}\n\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\tinput={\n\t\t\t\t\t\t\t!props?.is_multiselect && !props.disabled && field?.value ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t{field.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => field.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t\t\t{generateMenuItems({\n\t\t\t\t\t\t\toptions,\n\t\t\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\t\t\tvalues: field.value,\n\t\t\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\t\t\tfield: props\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select>\n\t\t\t\t\t{props.is_multiselect && Array.isArray(field?.value) && (\n\t\t\t\t\t\t<SelectedItems data={field.value} options={options} />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t/>\n\t);\n});\n\nDynamicSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string\n};\n\nexport default DynamicSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","forEach","option","index","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indexOf","label","Array","isArray","opt","pl","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","fDisplayTitle","map","selectedItem","_a","find","filter","alignItems","mt","slice","join","length","Chip","variant","MoreIcon","DynamicSelect","React","memo","props","setOptions","useState","selectedValue","setSelectedValue","handleOptions","useEffect","handleSearch","search","searchedOptions","isValidElement","_b","searchLabel","toLowerCase","includes","removeUndefine","selectOptions","handleSetOptions","useCallback","t","useTranslation","Controller","control","formControl","name","fieldArrayName","render","fieldState","Fragment","Select","fullWidth","dataPosition","position","dataName","id","is_multiselect","defaultValue","required","formType","size","_c","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","searchPlaceholder","error","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","register","func","setValue","bool","number","typeOfField","footer_action","any"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { Controller } from 'react-hook-form';\nimport {\n\tBox,\n\tDivider,\n\tIconButton,\n\tInputAdornment,\n\tMenuItem,\n\tMenuItemProps,\n\tOutlinedInput\n} from '@mui/material';\nimport PropTypes from 'prop-types';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport './element.scss';\nimport { Add, Close } from '@mui/icons-material';\nimport { useTranslation } from \"react-i18next\";\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: any[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n\tvalues: string | string[];\n\tfield: any;\n}\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n\tvalues,\n\tfield\n}: IMenuItems) => {\n\tconst items: React.ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value='' sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t<em>{placeholder}</em>\n\t\t\t\t</Typography>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\toptions?.forEach((option, index) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tkey={index}\n\t\t\t\tdisabled={Boolean(option.disabled)}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(option.value) > -1)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{option.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tvalue={opt.value}\n\t\t\t\t\t\tdisabled={Boolean(opt.disabled)}\n\t\t\t\t\t\tsx={{ pl: 5 }}\n\t\t\t\t\t\tkey={`${option.value}-${opt.value}`}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\tchecked={Boolean(values && values?.indexOf(opt.value) > -1)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t\t\t{opt.label}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\tif (field.enable_footer) {\n\t\titems.push(\n\t\t\t<Box>\n\t\t\t\t<Divider flexItem />\n\t\t\t\t<MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n\t\t\t\t\t<Add fontSize='small' />\n\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\n\t\t\t\t\t\tCreate New {field.label}\n\t\t\t\t\t</Typography>\n\t\t\t\t</MenuItem>\n\t\t\t</Box>\n\t\t);\n\t}\n\n\treturn items;\n};\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: any[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions?.find((option: any) => option.value === selectedItem)?.label ||\n\t\t\tselectedItem\n\t);\n\tconst fDisplayTitle = displayTitle.filter(Boolean)\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{fDisplayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst DynamicSelect =  React.memo((props: any) => {\n\tconst [options, setOptions] = useState([]);\n\tconst [selectedValue, setSelectedValue] = useState(null);\n\tconst { handleOptions } = props;\n\tuseEffect(() => {\n\t\tif (handleOptions) {\n\t\t\thandleOptions(selectedValue);\n\t\t}\n\t}, [handleOptions, selectedValue]);\n\tconst handleSearch = (search: string) => {\n\t\tif (props.options?.length && search) {\n\t\t\tconst searchedOptions = props.options.filter((opt) =>\n\t\t\t\tReact.isValidElement(opt.label)\n\t\t\t\t\t? opt?.searchLabel?.toLowerCase()?.includes(search.toLowerCase())\n\t\t\t\t\t: opt.label.toLowerCase().includes(search.toLowerCase())\n\t\t\t);\n\t\t\tsetOptions(searchedOptions);\n\t\t} else {\n\t\t\tsetOptions(props.options);\n\t\t}\n\t};\n\n\tconst removeUndefine = (selectOptions: any[]) => {\n\t\treturn selectOptions?.filter((option) => option);\n\t};\n\tconst handleSetOptions = useCallback(() => {\n\t\tsetOptions(props.options);\n\t}, [props.options]);\n\n\tuseEffect(() => {\n\t\thandleSetOptions();\n\t}, [handleSetOptions]);\n\t\tconst { t } = useTranslation();\n\t\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trender={({ field, fieldState }) => (\n\t\t\t\t<>\n\t\t\t\t\t{props.placeholder === 'Select Currency'\n\t\t\t\t\t\t? setSelectedValue(field.value)\n\t\t\t\t\t\t: setSelectedValue(null)}\n\t\t\t\t\t<Select\n\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t// onFocus={() => {\n\t\t\t\t\t\t// \tsetOptions(props.options);\n\t\t\t\t\t\t// }}\n\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\tdataPosition={props.position}\n\t\t\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\tlabel={props.label}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfield.value?.id || field.value?.label || field.value || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultValue={\n\t\t\t\t\t\t\tprops.defaultValue || (props.is_multiselect ? [] : '')\n\t\t\t\t\t\t}\n\t\t\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\t\t\tsize={props.size || 'small'}\n\t\t\t\t\t\tmultiple={props.is_multiselect || false}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tprops.is_multiselect && removeUndefine(field.value)?.length\n\t\t\t\t\t\t\t\t? 'MultiSelect'\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\trenderValue={(selected: string | string[]) => (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{Array.isArray(selected) ? (\n\t\t\t\t\t\t\t\t\t<ChipOrPlaceholder\n\t\t\t\t\t\t\t\t\t\tselectedLabel={props.selectedLabel}\n\t\t\t\t\t\t\t\t\t\tdata={removeUndefine(selected)}\n\t\t\t\t\t\t\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\t\t\t\t\t\t\tonDelete={props?.onChipRemove}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\toptions?.find(\n\t\t\t\t\t\t\t\t\t\t(option: any) =>\n\t\t\t\t\t\t\t\t\t\t\t(option.value?.id || option.value) === selected\n\t\t\t\t\t\t\t\t\t)?.label ||\n\t\t\t\t\t\t\t\t\tselected ||\n\t\t\t\t\t\t\t\t\tprops.placeholder\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tsearchPlaceholder={`${t('common.search')} ${props.label}`}\n\t\t\t\t\t\thandleSearch={handleSearch}\n\t\t\t\t\t\terror={Boolean(fieldState.error?.message)}\n\t\t\t\t\t\thelperText={fieldState.error?.message || ''}\n\t\t\t\t\t\tonBlur={field.onBlur}\n\t\t\t\t\t\tinput={\n\t\t\t\t\t\t\t!props?.is_multiselect && !props.disabled && field?.value ? (\n\t\t\t\t\t\t\t\t<OutlinedInput\n\t\t\t\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\t\t\t\tendAdornment={\n\t\t\t\t\t\t\t\t\t\t<InputAdornment position='end'>\n\t\t\t\t\t\t\t\t\t\t\t{field.value && (\n\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label='clear selection'\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => field.onChange(null)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsx={{ mr: 1.5 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='small'>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Close sx={{ fontSize: '1rem' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tloading={props?.is_loading}>\n\t\t\t\t\t\t{generateMenuItems({\n\t\t\t\t\t\t\toptions,\n\t\t\t\t\t\t\tmultiple: Boolean(props.is_multiselect),\n\t\t\t\t\t\t\tplaceholder: props.placeholder,\n\t\t\t\t\t\t\tvalues: field.value,\n\t\t\t\t\t\t\twith_checkboxes: true,\n\t\t\t\t\t\t\tfield: props\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Select>\n\t\t\t\t\t{props.is_multiselect && Array.isArray(field?.value) && (\n\t\t\t\t\t\t<SelectedItems data={field.value} options={options} />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t/>\n\t);\n});\n\nDynamicSelect.propTypes = {\n\tname: PropTypes.string.isRequired,\n\tplaceholder: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tsize: PropTypes.string,\n\toptions: PropTypes.arrayOf(\n\t\tPropTypes.shape({\n\t\t\tlabel: PropTypes.string,\n\t\t\tvalue: PropTypes.string\n\t\t})\n\t).isRequired,\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tdefaultValue: PropTypes.string,\n\tfieldArrayName: PropTypes.string,\n\tid: PropTypes.string,\n\trequired: PropTypes.bool,\n\tis_multiselect: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChipRemove: PropTypes.func,\n\tenable_footer: PropTypes.bool,\n\tfooter_action: PropTypes.string,\n\tonFooterClick: PropTypes.any,\n\tis_loading: PropTypes.bool,\n\tselectedLabel: PropTypes.string\n};\n\nexport default DynamicSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","forEach","option","index","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indexOf","label","Array","isArray","opt","pl","enable_footer","Divider","flexItem","onClick","onFooterClick","Add","fontSize","SelectedItems","data","fDisplayTitle","map","selectedItem","_a","find","filter","alignItems","mt","slice","join","length","Chip","variant","MoreIcon","DynamicSelect","React","memo","props","setOptions","useState","selectedValue","setSelectedValue","handleOptions","useEffect","handleSearch","search","searchedOptions","isValidElement","_b","searchLabel","toLowerCase","includes","removeUndefine","selectOptions","handleSetOptions","useCallback","t","useTranslation","Controller","control","formControl","name","fieldArrayName","render","fieldState","Fragment","Select","fullWidth","dataPosition","position","dataName","id","is_multiselect","defaultValue","required","formType","size","_c","renderValue","selected","ChipOrPlaceholder","selectedLabel","onDelete","onChipRemove","searchPlaceholder","error","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","IconButton","onChange","edge","mr","Close","loading","is_loading","propTypes","PropTypes","string","isRequired","arrayOf","shape","register","func","setValue","bool","number","typeOfField","footer_action","any"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/table/index.esm.js

@@ -1,9 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Add } from "@mui/icons-material";
 import Button from "../../../../button/button/index.esm.js";
 import MaterialTable from "../../../../material-table/material-table/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
-import { Box } from "@mui/material";
 /* empty css                        */
 import { parse, stringify } from "../../../../../node_modules/flatted/esm/index/index.esm.js";
 import React__default, { useCallback } from "react";
@@ -15,6 +13,8 @@ import _ from "lodash";
 import { getFileName, formatAmount } from "../../../../../utils/common/index.esm.js";
 import { useTranslation } from "react-i18next";
 import { formatLabel } from "../../../../../utils/format-text/index.esm.js";
+import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import Add from "../../../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const DynamicTable = React__default.memo(({
   columns,
   position,

package/dist/components/form-control/form-builder/form-builder-element/table/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/icons-material"),t=,/* empty css                               */a=,/* empty css                                               */l=,/* empty css                                       */i=require("@mui/material");;/* empty css                     */var n=,/* empty css                                                   */o=require("react"),s=,/* empty css                                  */u=,/* empty css                                     */d=,/* empty css                           */c=,/* empty css                                   */m=require("lodash"),x=,/* empty css                                 */b=require("react-i18next"),p=;/* empty css                                      */function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */f(o),y=/* @__PURE__ */f(m);const j=h.default.memo(({columns:m,position:f,label:h,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:B="",..._})=>{var F,T,D;const{t:I}=b.useTranslation(),{user:M}=s.useAuth(),P=B||(null==(F=null==M?void 0:M.currency_data)?void 0:F.symbol)||"",Y=(null==(T=null==M?void 0:M.currency_data)?void 0:T.number_format)||"",$=(null==(D=null==M?void 0:M.currency_data)?void 0:D.position)||"before",N=o.useCallback((e,r)=>{switch(e){case"Percentage":return`${r}%`;case"Fixed Amount":return`${P}${r}`;default:return r}},[P]),O=w instanceof Function,S=o.useCallback(r=>r.map(r=>({...r,header:I(r.header),Cell:({renderedCellValue:t,row:a})=>{var l,n,o;let s=t;switch(r.type){case"formattedString":s=p.formatLabel(t)||"-";break;case"date":s=u.formatDate(t,(null==(l=r.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":s=t?`${x.formatAmount(t,Y,$,P)}`:"-";break;case"stringOrArray":{const r=null==(o=null==(n=a.original)?void 0:n.promotion_map_data)?void 0:o.type;s=Array.isArray(t)?t.map(t=>t?/* @__PURE__ */e.jsx(d.default,{label:N(r,t)}):null):N(r,t);break}case"checkbox":s=/* @__PURE__ */e.jsx(c.default,{checked:Boolean(t),onClick:O?e=>w({value:e.target.checked,data:a.original,col:r,row:a,name:v,uRows:j}):void 0});break;case"array":s=Array.isArray(t)&&t.length?/* @__PURE__ */e.jsx(i.Box,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:t.map(t=>/* @__PURE__ */e.jsx(d.default,{type:"normal",label:y.default.get(t,null==r?void 0:r.valueGet,""),active:!0}))}):"-";break;case"file":s=x.getFileName(t)||"-"}return s}})),[P,N,B,j]);/* @__PURE__ */
-return e.jsxs(i.Box,{"data-position":f,children:[
-/* @__PURE__ */e.jsx(l.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":f,sx:{mb:.5},children:I(h)}),
-/* @__PURE__ */e.jsxs(i.Box,{children:[
-/* @__PURE__ */e.jsx(a.default,{columnOrder:["mrt-row-select"],rows:j,columns:S(n.parse(n.stringify(m))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,..._}),k&&!q&&/* @__PURE__ */e.jsxs(i.Box,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
-/* @__PURE__ */e.jsx(t.default,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(r.Add,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                               */a=,/* empty css                                               */r=;/* empty css                                       */;/* empty css                     */var l=,/* empty css                                                   */n=require("react"),i=,/* empty css                                  */o=,/* empty css                                     */s=,/* empty css                           */u=,/* empty css                                   */d=require("lodash"),c=,/* empty css                                 */m=require("react-i18next"),x=,/* empty css                                      */b=,/* empty css                                                       */f=;/* empty css                                                             */function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */p(n),y=/* @__PURE__ */p(d);const j=h.default.memo(({columns:d,position:p,label:h,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:_="",...B})=>{var F,T,D;const{t:I}=m.useTranslation(),{user:M}=i.useAuth(),P=_||(null==(F=null==M?void 0:M.currency_data)?void 0:F.symbol)||"",Y=(null==(T=null==M?void 0:M.currency_data)?void 0:T.number_format)||"",$=(null==(D=null==M?void 0:M.currency_data)?void 0:D.position)||"before",N=n.useCallback((e,t)=>{switch(e){case"Percentage":return`${t}%`;case"Fixed Amount":return`${P}${t}`;default:return t}},[P]),O=w instanceof Function,S=n.useCallback(t=>t.map(t=>({...t,header:I(t.header),Cell:({renderedCellValue:a,row:r})=>{var l,n,i;let d=a;switch(t.type){case"formattedString":d=x.formatLabel(a)||"-";break;case"date":d=o.formatDate(a,(null==(l=t.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":d=a?`${c.formatAmount(a,Y,$,P)}`:"-";break;case"stringOrArray":{const t=null==(i=null==(n=r.original)?void 0:n.promotion_map_data)?void 0:i.type;d=Array.isArray(a)?a.map(a=>a?/* @__PURE__ */e.jsx(s.default,{label:N(t,a)}):null):N(t,a);break}case"checkbox":d=/* @__PURE__ */e.jsx(u.default,{checked:Boolean(a),onClick:O?e=>w({value:e.target.checked,data:r.original,col:t,row:r,name:v,uRows:j}):void 0});break;case"array":d=Array.isArray(a)&&a.length?/* @__PURE__ */e.jsx(b.default,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:a.map(a=>/* @__PURE__ */e.jsx(s.default,{type:"normal",label:y.default.get(a,null==t?void 0:t.valueGet,""),active:!0}))}):"-";break;case"file":d=c.getFileName(a)||"-"}return d}})),[P,N,_,j]);/* @__PURE__ */
+return e.jsxs(b.default,{"data-position":p,children:[
+/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":p,sx:{mb:.5},children:I(h)}),
+/* @__PURE__ */e.jsxs(b.default,{children:[
+/* @__PURE__ */e.jsx(a.default,{columnOrder:["mrt-row-select"],rows:j,columns:S(l.parse(l.stringify(d))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,...B}),k&&!q&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
+/* @__PURE__ */e.jsx(t.default,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(f.default,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"m6BA4CA,MAAMA,EAAwCC,EAAAA,QAAMC,KAAK,EACxDC,UACAC,WACAC,QACAC,OAAO,GACPC,aACAC,OACAC,aAAY,EACZC,wBACAC,eACAC,2BACAC,oBACAC,iBAAiB,MACdC,gBAGH,MAAMC,EAAEA,GAAMC,oBACRC,KAAEA,GAASC,YACXC,EAAKN,IAAkB,OAAAO,EAAA,MAAAH,OAAA,EAAAA,EAAMI,wBAAeC,SAAU,GACtDC,GAAiB,OAAAC,EAAA,MAAAP,OAAA,EAAAA,EAAMI,oBAAN,EAAAG,EAAqBC,gBAAiB,GACvDC,GAAiB,OAAAC,EAAA,MAAAV,OAAA,EAAAA,EAAMI,oBAAN,EAAAM,EAAqBxB,WAAY,SAClDyB,EAA0BC,EAAAA,YAAY,CAACC,EAAcC,KAC1D,OAAQD,GACP,IAAK,aACJ,MAAO,GAAGC,KACX,IAAK,eACJ,MAAO,GAAGZ,IAAKY,IAEhB,QACC,OAAOA,IAEP,CAACZ,IAEEa,EAAoBpB,aAA6BqB,SAEjDC,EAAeL,EAAAA,YACnB3B,GACOA,EAAQiC,IAAKC,IAAA,IAChBA,EACHC,OAAQtB,EAAEqB,EAAOC,QACjBC,KAAM,EAAGC,oBAAmBC,oBAC3B,IAAIC,EAAIF,EACR,OAAQH,EAAON,MACd,IAAK,kBACJW,EAAIC,EAAAA,YAAYH,IAAsB,IACtC,MACD,IAAK,OACJE,EAAIE,EAAAA,WACHJ,GACA,OAAAnB,EAAAgB,EAAOQ,qBAAP,EAAAxB,EAAuByB,aAAc,eACjC,IACL,MACD,IAAK,WACJJ,EAAIF,EAAoB,GAAGO,eAAaP,EAAkBhB,EAAeG,EAAeP,KAAQ,IAChG,MACD,IAAK,gBAAiB,CACrB,MAAMW,EAAO,OAAAH,EAAA,OAAAH,EAAAgB,EAAIO,eAAJ,EAAAvB,EAAcwB,yBAAd,EAAArB,EAAkCG,KAC/CW,EAAIQ,MAAMC,QAAQX,GACfA,EAAkBJ,IAAKgB,GACxBA,iBAAMC,MAACC,EAAAA,SAAKjD,MAAOwB,EAAwBE,EAAMqB,KAAW,MAE3DvB,EAAwBE,EAAMS,GACjC,KACD,CACA,IAAK,WACJE,iBAAIW,EAAAA,IAACE,EAAAA,QAAA,CACHC,QAASC,QAAQjB,GACjBkB,QAASzB,EACL0B,GAAM9C,EAAkB,CACzBmB,MAAO2B,EAAEC,OAAOJ,QAChBK,KAAMpB,EAAIO,SACVc,IAAKzB,EACLI,MACAjC,OACAuD,MAAOzD,SAEP,IAGL,MAED,IAAK,QACJoC,EAAIQ,MAAMC,QAAQX,IAAsBA,EAAkBwB,sBACzDX,MAACY,EAAAA,IAAA,CAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,GAAKC,WAAY,SAAUC,SAAU,QACpEC,SAAA/B,EAAkBJ,IAAIoC,wBAAOlB,EAAAA,QAAA,CAAKvB,KAAK,SAAS1B,MAAOoE,UAAEC,IAAIF,EAAG,MAAAnC,OAAA,EAAAA,EAAQsC,SAAU,IAAKC,QAAM,OAE9F,IACF,MAED,IAAK,OACJlC,EAAImC,EAAAA,YAAYrC,IAAuB,IAKzC,OAAOE,MAKV,CAACtB,EAAIS,EAAyBf,EAAgBR;AAE/C,SACCwE,KAACb,EAAAA,IAAA,CAAI,gBAAe7D,EACnBmE,SAAA;eAAAlB,EAAAA,IAAC0B,EAAAA,WAAA,CACAhD,KAAK,KACLiD,OAAO,SACPC,MAAM,sBACN,gBAAe7E,EACf8D,GAAI,CAAEgB,GAAI,IACTX,WAAElE;sBAEH4D,EAAAA,IAAA,CACAM,SAAA;eAAAlB,EAAAA,IAAC8B,EAAAA,QAAA,CACAC,YAAa,CAAC,kBAEd9E,OACAH,QAASgC,EAAakD,EAAAA,MAAMC,EAAAA,UAAUnF,KACtCoF,WAAY,GACZC,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,eAAe,EACfC,sBAAsB,EACtBC,qBAAqB,EACrBjF,8BACIG,IAEJN,IAAcC,kBACdoE,EAAAA,KAACb,EAAAA,IAAA,CACAC,GAAI,CACHC,QAAS,OACT2B,MAAO,OACPC,eAAgB,gBAChBC,GAAI,GAELzB,SAAA;eAAAlB,EAAAA,IAAC4C,EAAAA,QAAA,CACAC,QAAQ,WACRxC,QAAS,IAAM,MAAAnD,OAAA,EAAAA,EAAaC,GAC5B2F,+BAAYC,EAAAA,IAAA,IACZC,UAAU,mBAAmB9B,SAAA,QAG7Bd,QAAQ,MAAA9C,OAAA,EAAAA,EAAcqD,SAAWrD"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"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"}