npm - @erpsquad/common - Versions diffs - 1.8.75 → 1.8.77 - Mend

@erpsquad/common 1.8.75 → 1.8.77

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

Files changed (3345) hide show

package/dist/components/form-control/form-builder/form-builder-element/dynamic-currency-input.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { default as PropTypes } from 'prop-types';
+declare const DynamicCurrency: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        formControl: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            register: PropTypes.Validator<(...args: any[]) => any>;
+            setValue: PropTypes.Requireable<(...args: any[]) => any>;
+            _formState: PropTypes.Validator<object>;
+        }>>>;
+        defaultValue: PropTypes.Requireable<string>;
+        name: PropTypes.Validator<string>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        fieldArrayName: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
+        is_multiline: PropTypes.Requireable<boolean>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        min_length: PropTypes.Requireable<number>;
+        max_length: PropTypes.Requireable<number>;
+        float_step: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<number>;
+        formType: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        InputProps: PropTypes.Requireable<object>;
+        placeholder: PropTypes.Requireable<string>;
+        currencyType: PropTypes.Requireable<string>;
+    };
+};
+export { DynamicCurrency };
+export default DynamicCurrency;

package/dist/components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js CHANGED Viewed

@@ -74,6 +74,7 @@ DynamicElementHOC.propTypes = {
   elementPerRow: PropTypes.number
 };
 export {
+  DynamicElementHOC,
   DynamicElementHOC as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-element-hoc.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Grid, Box } from \"@mui/material\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\nimport \"./element.scss\";\nimport images from \"../../../../assets/images\";\n\nconst DynamicElementHOC = (props: any) => {\n const [, ref] = useDrag({\n type: \"element\",\n item: { index: props.index },\n });\n const [, drop] = useDrop({\n accept: \"element\",\n hover: (draggedElement: any) => {\n const draggedIndex = draggedElement.index;\n const dropIndex = props.index;\n if (dropIndex === draggedIndex) {\n return;\n }\n\n props.swap(draggedIndex, dropIndex);\n },\n drop: () => {\n props.elementSwap();\n },\n });\n\n \n const activeClassName = `${\n props.activeIndex\n ? \"form-element-wrapper--Active\"\n : \"form-element-wrapper--Element\"\n }`;\n const defaultClassName = `${\n props?.children?.props?.typeOfField === \"custom\"\n ? \"\"\n : \"form-element-wrapper--Default\"\n }`;\n\n return (\n <Grid\n item\n xs={props?.element === \"table\" ? 12 : 12}\n className={`${activeClassName} ${defaultClassName}`}\n ref={(node) => drop(ref(node))}\n >\n <Box sx={{ width: \"100%\" }} onClick={props.onClick}>\n {props.children}\n </Box>\n <div className=\"form-element-wrapper--Actions\">\n <img\n src={images.duplicate}\n onClick={() => props.handleDuplicate(props.index)}\n />\n {props?.children?.props?.typeOfField === \"custom\" && (\n <CloseIcon\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\n onClick={() => {\n props.removeElement(props.index);\n props.setElementHoc();\n }}\n />\n )}\n </div>\n </Grid>\n );\n};\n\nDynamicElementHOC.propTypes = {\n removeElement: PropTypes.func.isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func,\n children: PropTypes.node.isRequired,\n swap: PropTypes.func,\n elementSwap: PropTypes.func,\n activeIndex: PropTypes.bool,\n handleDuplicate: PropTypes.func,\n setElementHoc: PropTypes.func,\n element: PropTypes.string,\n elementPerRow : PropTypes.number \n};\n\nexport default DynamicElementHOC;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;AAQA,MAAM,oBAAoB,CAAC,UAAe;;AACxC,QAAM,CAAA,EAAG,GAAG,IAAI,QAAQ;AAAA,IACtB,MAAM;AAAA,IACN,MAAM,EAAE,OAAO,MAAM,MAAA;AAAA,EAAM,CAC5B;AACD,QAAM,CAAA,EAAG,IAAI,IAAI,QAAQ;AAAA,IACvB,QAAQ;AAAA,IACR,OAAO,CAAC,mBAAwB;AAC9B,YAAM,eAAe,eAAe;AACpC,YAAM,YAAY,MAAM;AACxB,UAAI,cAAc,cAAc;AAC9B;AAAA,MACF;AAEA,YAAM,KAAK,cAAc,SAAS;AAAA,IACpC;AAAA,IACA,MAAM,MAAM;AACV,YAAM,YAAA;AAAA,IACR;AAAA,EAAA,CACD;AAGD,QAAM,kBAAkB,GACtB,MAAM,cACF,iCACA,+BACN;AACA,QAAM,mBAAmB,KACvB,0CAAO,aAAP,mBAAiB,UAAjB,mBAAwB,iBAAgB,WACpC,KACA,+BACN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,KAAI,+BAAO,aAAY,UAAU,KAAK;AAAA,MACtC,WAAW,GAAG,eAAe,IAAI,gBAAgB;AAAA,MACjD,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC;AAAA,MAE7B,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,OAAO,OAAA,GAAU,SAAS,MAAM,SACxC,UAAA,MAAM,SAAA,CACT;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,OAAO;AAAA,cACZ,SAAS,MAAM,MAAM,gBAAgB,MAAM,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,YAEjD,0CAAO,aAAP,mBAAiB,UAAjB,mBAAwB,iBAAgB,YACvC;AAAA,YAACA;AAAAA,YAAA;AAAA,cACC,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAA;AAAA,cAClC,SAAS,MAAM;AACb,sBAAM,cAAc,MAAM,KAAK;AAC/B,sBAAM,cAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,kBAAkB,YAAY;AAAA,EAC5B,eAAe,UAAU,KAAK;AAAA,EAC9B,OAAO,UAAU,OAAO;AAAA,EACxB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,KAAK;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,aAAa,UAAU;AAAA,EACvB,aAAa,UAAU;AAAA,EACvB,iBAAiB,UAAU;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,eAAgB,UAAU;AAC5B;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-element-hoc.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Grid, Box } from \"@mui/material\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\nimport \"./element.scss\";\nimport images from \"../../../../assets/images\";\n\nconst DynamicElementHOC = (props: any) => {\n const [, ref] = useDrag({\n type: \"element\",\n item: { index: props.index },\n });\n const [, drop] = useDrop({\n accept: \"element\",\n hover: (draggedElement: any) => {\n const draggedIndex = draggedElement.index;\n const dropIndex = props.index;\n if (dropIndex === draggedIndex) {\n return;\n }\n\n props.swap(draggedIndex, dropIndex);\n },\n drop: () => {\n props.elementSwap();\n },\n });\n\n \n const activeClassName = `${\n props.activeIndex\n ? \"form-element-wrapper--Active\"\n : \"form-element-wrapper--Element\"\n }`;\n const defaultClassName = `${\n props?.children?.props?.typeOfField === \"custom\"\n ? \"\"\n : \"form-element-wrapper--Default\"\n }`;\n\n return (\n <Grid\n item\n xs={props?.element === \"table\" ? 12 : 12}\n className={`${activeClassName} ${defaultClassName}`}\n ref={(node) => drop(ref(node))}\n >\n <Box sx={{ width: \"100%\" }} onClick={props.onClick}>\n {props.children}\n </Box>\n <div className=\"form-element-wrapper--Actions\">\n <img\n src={images.duplicate}\n onClick={() => props.handleDuplicate(props.index)}\n />\n {props?.children?.props?.typeOfField === \"custom\" && (\n <CloseIcon\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\n onClick={() => {\n props.removeElement(props.index);\n props.setElementHoc();\n }}\n />\n )}\n </div>\n </Grid>\n );\n};\n\nDynamicElementHOC.propTypes = {\n removeElement: PropTypes.func.isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func,\n children: PropTypes.node.isRequired,\n swap: PropTypes.func,\n elementSwap: PropTypes.func,\n activeIndex: PropTypes.bool,\n handleDuplicate: PropTypes.func,\n setElementHoc: PropTypes.func,\n element: PropTypes.string,\n elementPerRow : PropTypes.number \n};\n\nexport { DynamicElementHOC };\nexport default DynamicElementHOC;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;AAQA,MAAM,oBAAoB,CAAC,UAAe;;AACxC,QAAM,CAAA,EAAG,GAAG,IAAI,QAAQ;AAAA,IACtB,MAAM;AAAA,IACN,MAAM,EAAE,OAAO,MAAM,MAAA;AAAA,EAAM,CAC5B;AACD,QAAM,CAAA,EAAG,IAAI,IAAI,QAAQ;AAAA,IACvB,QAAQ;AAAA,IACR,OAAO,CAAC,mBAAwB;AAC9B,YAAM,eAAe,eAAe;AACpC,YAAM,YAAY,MAAM;AACxB,UAAI,cAAc,cAAc;AAC9B;AAAA,MACF;AAEA,YAAM,KAAK,cAAc,SAAS;AAAA,IACpC;AAAA,IACA,MAAM,MAAM;AACV,YAAM,YAAA;AAAA,IACR;AAAA,EAAA,CACD;AAGD,QAAM,kBAAkB,GACtB,MAAM,cACF,iCACA,+BACN;AACA,QAAM,mBAAmB,KACvB,0CAAO,aAAP,mBAAiB,UAAjB,mBAAwB,iBAAgB,WACpC,KACA,+BACN;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAI;AAAA,MACJ,KAAI,+BAAO,aAAY,UAAU,KAAK;AAAA,MACtC,WAAW,GAAG,eAAe,IAAI,gBAAgB;AAAA,MACjD,KAAK,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC;AAAA,MAE7B,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,IAAI,EAAE,OAAO,OAAA,GAAU,SAAS,MAAM,SACxC,UAAA,MAAM,SAAA,CACT;AAAA,QACA,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,OAAO;AAAA,cACZ,SAAS,MAAM,MAAM,gBAAgB,MAAM,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,YAEjD,0CAAO,aAAP,mBAAiB,UAAjB,mBAAwB,iBAAgB,YACvC;AAAA,YAACA;AAAAA,YAAA;AAAA,cACC,OAAO,EAAE,UAAU,QAAQ,OAAO,UAAA;AAAA,cAClC,SAAS,MAAM;AACb,sBAAM,cAAc,MAAM,KAAK;AAC/B,sBAAM,cAAA;AAAA,cACR;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,kBAAkB,YAAY;AAAA,EAC5B,eAAe,UAAU,KAAK;AAAA,EAC9B,OAAO,UAAU,OAAO;AAAA,EACxB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,KAAK;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,aAAa,UAAU;AAAA,EACvB,aAAa,UAAU;AAAA,EACvB,iBAAiB,UAAU;AAAA,EAC3B,eAAe,UAAU;AAAA,EACzB,SAAS,UAAU;AAAA,EACnB,eAAgB,UAAU;AAC5B;"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js CHANGED Viewed

@@ -2,5 +2,5 @@
 return e.jsxs(t.default,{item:!0,xs:(null==l||l.element,12),className:`${p} ${f}`,ref:e=>c(m(e)),children:[
 /* @__PURE__ */e.jsx(d.default,{sx:{width:"100%"},onClick:l.onClick,children:l.children}),
 /* @__PURE__ */e.jsxs("div",{className:"form-element-wrapper--Actions",children:[
-/* @__PURE__ */e.jsx("img",{src:r.images.duplicate,onClick:()=>l.handleDuplicate(l.index)}),"custom"===(null==(a=null==(o=null==l?void 0:l.children)?void 0:o.props)?void 0:a.typeOfField)&&/* @__PURE__ */e.jsx(n.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{l.removeElement(l.index),l.setElementHoc()}})]})]})};u.propTypes={removeElement:l.default.func.isRequired,index:l.default.number.isRequired,onClick:l.default.func,children:l.default.node.isRequired,swap:l.default.func,elementSwap:l.default.func,activeIndex:l.default.bool,handleDuplicate:l.default.func,setElementHoc:l.default.func,element:l.default.string,elementPerRow:l.default.number},exports.default=u;
+/* @__PURE__ */e.jsx("img",{src:r.images.duplicate,onClick:()=>l.handleDuplicate(l.index)}),"custom"===(null==(a=null==(o=null==l?void 0:l.children)?void 0:o.props)?void 0:a.typeOfField)&&/* @__PURE__ */e.jsx(n.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{l.removeElement(l.index),l.setElementHoc()}})]})]})};u.propTypes={removeElement:l.default.func.isRequired,index:l.default.number.isRequired,onClick:l.default.func,children:l.default.node.isRequired,swap:l.default.func,elementSwap:l.default.func,activeIndex:l.default.bool,handleDuplicate:l.default.func,setElementHoc:l.default.func,element:l.default.string,elementPerRow:l.default.number},exports.DynamicElementHOC=u,exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-element-hoc/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-element-hoc.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Grid, Box } from \"@mui/material\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\nimport \"./element.scss\";\nimport images from \"../../../../assets/images\";\n\nconst DynamicElementHOC = (props: any) => {\n const [, ref] = useDrag({\n type: \"element\",\n item: { index: props.index },\n });\n const [, drop] = useDrop({\n accept: \"element\",\n hover: (draggedElement: any) => {\n const draggedIndex = draggedElement.index;\n const dropIndex = props.index;\n if (dropIndex === draggedIndex) {\n return;\n }\n\n props.swap(draggedIndex, dropIndex);\n },\n drop: () => {\n props.elementSwap();\n },\n });\n\n \n const activeClassName = `${\n props.activeIndex\n ? \"form-element-wrapper--Active\"\n : \"form-element-wrapper--Element\"\n }`;\n const defaultClassName = `${\n props?.children?.props?.typeOfField === \"custom\"\n ? \"\"\n : \"form-element-wrapper--Default\"\n }`;\n\n return (\n <Grid\n item\n xs={props?.element === \"table\" ? 12 : 12}\n className={`${activeClassName} ${defaultClassName}`}\n ref={(node) => drop(ref(node))}\n >\n <Box sx={{ width: \"100%\" }} onClick={props.onClick}>\n {props.children}\n </Box>\n <div className=\"form-element-wrapper--Actions\">\n <img\n src={images.duplicate}\n onClick={() => props.handleDuplicate(props.index)}\n />\n {props?.children?.props?.typeOfField === \"custom\" && (\n <CloseIcon\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\n onClick={() => {\n props.removeElement(props.index);\n props.setElementHoc();\n }}\n />\n )}\n </div>\n </Grid>\n );\n};\n\nDynamicElementHOC.propTypes = {\n removeElement: PropTypes.func.isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func,\n children: PropTypes.node.isRequired,\n swap: PropTypes.func,\n elementSwap: PropTypes.func,\n activeIndex: PropTypes.bool,\n handleDuplicate: PropTypes.func,\n setElementHoc: PropTypes.func,\n element: PropTypes.string,\n elementPerRow : PropTypes.number \n};\n\nexport default DynamicElementHOC;\n"],"names":["DynamicElementHOC","props","ref","useDrag","type","item","index","drop","useDrop","accept","hover","draggedElement","draggedIndex","dropIndex","swap","elementSwap","activeClassName","activeIndex","defaultClassName","_b","_a","children","typeOfField","jsxs","Grid","xs","element","className","node","jsx","Box","sx","width","onClick","src","images","duplicate","handleDuplicate","_d","_c","CloseIcon","style","fontSize","color","removeElement","setElementHoc","propTypes","PropTypes","func","isRequired","number","bool","string","elementPerRow"],"mappings":"mfAQA,MAAMA,EAAqBC,gBACzB,MAAM,CAAGC,GAAOC,UAAQ,CACtBC,KAAM,UACNC,KAAM,CAAEC,MAAOL,EAAMK,UAEjB,CAAGC,GAAQC,UAAQ,CACvBC,OAAQ,UACRC,MAAQC,IACN,MAAMC,EAAeD,EAAeL,MAC9BO,EAAYZ,EAAMK,MACpBO,IAAcD,GAIlBX,EAAMa,KAAKF,EAAcC,IAE3BN,KAAM,KACJN,EAAMc,iBAKJC,EACJf,EAAMgB,YACF,+BACA,gCAEAC,EACoC,YAAxC,OAAAC,EAAA,OAAAC,EAAA,MAAAnB,OAAA,EAAAA,EAAOoB,eAAP,EAAAD,EAAiBnB,YAAjB,EAAAkB,EAAwBG,aACpB,GACA;AAGN,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACCnB,MAAI,EACJoB,IAAI,MAAAxB,GAAAA,EAAOyB,QAAsB,IACjCC,UAAW,GAAGX,KAAmBE,IACjChB,IAAM0B,GAASrB,EAAKL,EAAI0B,IAExBP,SAAA;iBAAAQ,IAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEC,MAAO,QAAUC,QAAShC,EAAMgC,QACxCZ,SAAApB,EAAMoB;iBAETE,KAAC,MAAA,CAAII,UAAU,gCACbN,SAAA;eAAAQ,EAAAA,IAAC,MAAA,CACCK,IAAKC,EAAAA,OAAOC,UACZH,QAAS,IAAMhC,EAAMoC,gBAAgBpC,EAAMK,SAEJ,YAAxC,OAAAgC,EAAA,0BAAOjB,eAAP,EAAAkB,EAAiBtC,YAAjB,EAAAqC,EAAwBhB,6BACvBO,EAAAA,IAACW,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,MAAO,WAClCV,QAAS,KACPhC,EAAM2C,cAAc3C,EAAMK,OAC1BL,EAAM4C,0BASpB7C,EAAkB8C,UAAY,CAC5BF,cAAeG,EAAAA,QAAUC,KAAKC,WAC9B3C,MAAOyC,EAAAA,QAAUG,OAAOD,WACxBhB,QAASc,EAAAA,QAAUC,KACnB3B,SAAU0B,EAAAA,QAAUnB,KAAKqB,WACzBnC,KAAMiC,EAAAA,QAAUC,KAChBjC,YAAagC,EAAAA,QAAUC,KACvB/B,YAAa8B,EAAAA,QAAUI,KACvBd,gBAAiBU,EAAAA,QAAUC,KAC3BH,cAAeE,EAAAA,QAAUC,KACzBtB,QAASqB,EAAAA,QAAUK,OACnBC,cAAgBN,EAAAA,QAAUG"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-element-hoc.tsx"],"sourcesContent":["import PropTypes from \"prop-types\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport { Grid, Box } from \"@mui/material\";\nimport { useDrag, useDrop } from \"react-dnd\";\n\nimport \"./element.scss\";\nimport images from \"../../../../assets/images\";\n\nconst DynamicElementHOC = (props: any) => {\n const [, ref] = useDrag({\n type: \"element\",\n item: { index: props.index },\n });\n const [, drop] = useDrop({\n accept: \"element\",\n hover: (draggedElement: any) => {\n const draggedIndex = draggedElement.index;\n const dropIndex = props.index;\n if (dropIndex === draggedIndex) {\n return;\n }\n\n props.swap(draggedIndex, dropIndex);\n },\n drop: () => {\n props.elementSwap();\n },\n });\n\n \n const activeClassName = `${\n props.activeIndex\n ? \"form-element-wrapper--Active\"\n : \"form-element-wrapper--Element\"\n }`;\n const defaultClassName = `${\n props?.children?.props?.typeOfField === \"custom\"\n ? \"\"\n : \"form-element-wrapper--Default\"\n }`;\n\n return (\n <Grid\n item\n xs={props?.element === \"table\" ? 12 : 12}\n className={`${activeClassName} ${defaultClassName}`}\n ref={(node) => drop(ref(node))}\n >\n <Box sx={{ width: \"100%\" }} onClick={props.onClick}>\n {props.children}\n </Box>\n <div className=\"form-element-wrapper--Actions\">\n <img\n src={images.duplicate}\n onClick={() => props.handleDuplicate(props.index)}\n />\n {props?.children?.props?.typeOfField === \"custom\" && (\n <CloseIcon\n style={{ fontSize: \"1rem\", color: \"#656669\" }}\n onClick={() => {\n props.removeElement(props.index);\n props.setElementHoc();\n }}\n />\n )}\n </div>\n </Grid>\n );\n};\n\nDynamicElementHOC.propTypes = {\n removeElement: PropTypes.func.isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func,\n children: PropTypes.node.isRequired,\n swap: PropTypes.func,\n elementSwap: PropTypes.func,\n activeIndex: PropTypes.bool,\n handleDuplicate: PropTypes.func,\n setElementHoc: PropTypes.func,\n element: PropTypes.string,\n elementPerRow : PropTypes.number \n};\n\nexport { DynamicElementHOC };\nexport default DynamicElementHOC;\n"],"names":["DynamicElementHOC","props","ref","useDrag","type","item","index","drop","useDrop","accept","hover","draggedElement","draggedIndex","dropIndex","swap","elementSwap","activeClassName","activeIndex","defaultClassName","_b","_a","children","typeOfField","jsxs","Grid","xs","element","className","node","jsx","Box","sx","width","onClick","src","images","duplicate","handleDuplicate","_d","_c","CloseIcon","style","fontSize","color","removeElement","setElementHoc","propTypes","PropTypes","func","isRequired","number","bool","string","elementPerRow"],"mappings":"mfAQA,MAAMA,EAAqBC,gBACzB,MAAM,CAAGC,GAAOC,UAAQ,CACtBC,KAAM,UACNC,KAAM,CAAEC,MAAOL,EAAMK,UAEjB,CAAGC,GAAQC,UAAQ,CACvBC,OAAQ,UACRC,MAAQC,IACN,MAAMC,EAAeD,EAAeL,MAC9BO,EAAYZ,EAAMK,MACpBO,IAAcD,GAIlBX,EAAMa,KAAKF,EAAcC,IAE3BN,KAAM,KACJN,EAAMc,iBAKJC,EACJf,EAAMgB,YACF,+BACA,gCAEAC,EACoC,YAAxC,OAAAC,EAAA,OAAAC,EAAA,MAAAnB,OAAA,EAAAA,EAAOoB,eAAP,EAAAD,EAAiBnB,YAAjB,EAAAkB,EAAwBG,aACpB,GACA;AAGN,OACEC,EAAAA,KAACC,EAAAA,QAAA,CACCnB,MAAI,EACJoB,IAAI,MAAAxB,GAAAA,EAAOyB,QAAsB,IACjCC,UAAW,GAAGX,KAAmBE,IACjChB,IAAM0B,GAASrB,EAAKL,EAAI0B,IAExBP,SAAA;iBAAAQ,IAACC,EAAAA,QAAA,CAAIC,GAAI,CAAEC,MAAO,QAAUC,QAAShC,EAAMgC,QACxCZ,SAAApB,EAAMoB;iBAETE,KAAC,MAAA,CAAII,UAAU,gCACbN,SAAA;eAAAQ,EAAAA,IAAC,MAAA,CACCK,IAAKC,EAAAA,OAAOC,UACZH,QAAS,IAAMhC,EAAMoC,gBAAgBpC,EAAMK,SAEJ,YAAxC,OAAAgC,EAAA,0BAAOjB,eAAP,EAAAkB,EAAiBtC,YAAjB,EAAAqC,EAAwBhB,6BACvBO,EAAAA,IAACW,EAAAA,QAAA,CACCC,MAAO,CAAEC,SAAU,OAAQC,MAAO,WAClCV,QAAS,KACPhC,EAAM2C,cAAc3C,EAAMK,OAC1BL,EAAM4C,0BASpB7C,EAAkB8C,UAAY,CAC5BF,cAAeG,EAAAA,QAAUC,KAAKC,WAC9B3C,MAAOyC,EAAAA,QAAUG,OAAOD,WACxBhB,QAASc,EAAAA,QAAUC,KACnB3B,SAAU0B,EAAAA,QAAUnB,KAAKqB,WACzBnC,KAAMiC,EAAAA,QAAUC,KAChBjC,YAAagC,EAAAA,QAAUC,KACvB/B,YAAa8B,EAAAA,QAAUI,KACvBd,gBAAiBU,EAAAA,QAAUC,KAC3BH,cAAeE,EAAAA,QAAUC,KACzBtB,QAASqB,EAAAA,QAAUK,OACnBC,cAAgBN,EAAAA,QAAUG"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-element-hoc.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { default as PropTypes } from 'prop-types';
+declare const DynamicElementHOC: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        removeElement: PropTypes.Validator<(...args: any[]) => any>;
+        index: PropTypes.Validator<number>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        swap: PropTypes.Requireable<(...args: any[]) => any>;
+        elementSwap: PropTypes.Requireable<(...args: any[]) => any>;
+        activeIndex: PropTypes.Requireable<boolean>;
+        handleDuplicate: PropTypes.Requireable<(...args: any[]) => any>;
+        setElementHoc: PropTypes.Requireable<(...args: any[]) => any>;
+        element: PropTypes.Requireable<string>;
+        elementPerRow: PropTypes.Requireable<number>;
+    };
+};
+export { DynamicElementHOC };
+export default DynamicElementHOC;

package/dist/components/form-control/form-builder/form-builder-element/dynamic-input-select/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import TextField from "../../../../text-field/text-field/index.esm.js";
+import { TextField } from "../../../../text-field/text-field/index.esm.js";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 import { useState } from "react";
 import default_1 from "../../../../../node_modules/@mui/icons-material/KeyboardArrowDownOutlined/index.esm.js";
@@ -149,6 +149,7 @@ DynamicInputSelect.propTypes = {
   placeholder: PropTypes.string
 };
 export {
+  DynamicInputSelect,
   DynamicInputSelect as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-input-select/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-input-select.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment, Select, MenuItem } from \"@mui/material\";\nimport { useState } from \"react\";\nimport KeyboardArrowDownOutlinedIcon from '@mui/icons-material/KeyboardArrowDownOutlined';\nconst DynamicInputSelect = (props: any) => {\n const [defaultOption, setSelectOption] = useState(props.options[0].value); //need to be update \n const handleOptionChange = (event: any) => {\n setSelectOption(event.target.value);\n };\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n name={`${props.fieldArrayName}.${props.name}`}\n fullWidth\n label={props.label}\n placeholder={props.placeholder}\n multiline={props.is_multiline \|\| false}\n disabled={props.disabled}\n required={props.is_required}\n inputProps={{\n step: props?.float_step \|\| \"0\",\n min: props.min_length \|\| 0,\n max: props.max_length \|\| 1000,\n inputMode: 'string',\n\n\n }}\n InputProps={{\n endAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderLeft: '1px solid rgba(0, 0, 0, 0.23)',\n padding: 1,\n height: '100%',\n borderBottomLeftRadius: 4,\n borderTopLeftRadius: 4,\n backgroundColor: 'rgba(245 , 245 , 245 )',\n margin: 0,\n boxSizing: 'border-box',\n borderRadius: 0,\n\n }}\n\n >\n <Select\n value={defaultOption}\n onChange={handleOptionChange}\n sx={{\n height: '100%',\n '&:focus': {\n backgroundColor: 'rgba(245 , 245 , 245 )' , // Prevent background color change on focus\n },\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&:active': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on active\n },\n '&.Mui-focused': {\n backgroundColor: '#fff', // Override the focus background color\n },\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: '#fff', // Prevent border color change on focus\n },\n }}\n variant=\"standard\"\n disableUnderline\n\n IconComponent={KeyboardArrowDownOutlinedIcon}\n\n >\n {props.options?.map((item: any, index: any) => (\n <MenuItem\n key={index}\n value={item.value}\n sx={{\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&.Mui-selected': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection\n },\n '&.Mui-selected:hover': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection hover\n },\n }}\n >\n {item.label}\n </MenuItem>\n ))}\n </Select>\n\n </InputAdornment>\n )\n\n }}\n\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| \"\"}\n onBlur={field.onBlur}\n onChange={(e: any) => {\n field.onChange(e.target.value)\n }}\n />\n )}\n />\n )\n}\nDynamicInputSelect.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired\n }).isRequired,\n defaultValue: PropTypes.string,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiline: PropTypes.bool,\n min: PropTypes.number,\n max: PropTypes.number,\n min_length: PropTypes.number,\n max_length: PropTypes.number,\n float_step: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n disabled: PropTypes.bool,\n InputProps: PropTypes.object,\n placeholder: PropTypes.string,\n\n\n}\nexport default DynamicInputSelect;\n"],"names":["KeyboardArrowDownOutlinedIcon"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-input-select.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment, Select, MenuItem } from \"@mui/material\";\nimport { useState } from \"react\";\nimport KeyboardArrowDownOutlinedIcon from '@mui/icons-material/KeyboardArrowDownOutlined';\nconst DynamicInputSelect = (props: any) => {\n const [defaultOption, setSelectOption] = useState(props.options[0].value); //need to be update \n const handleOptionChange = (event: any) => {\n setSelectOption(event.target.value);\n };\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n name={`${props.fieldArrayName}.${props.name}`}\n fullWidth\n label={props.label}\n placeholder={props.placeholder}\n multiline={props.is_multiline \|\| false}\n disabled={props.disabled}\n required={props.is_required}\n inputProps={{\n step: props?.float_step \|\| \"0\",\n min: props.min_length \|\| 0,\n max: props.max_length \|\| 1000,\n inputMode: 'string',\n\n\n }}\n InputProps={{\n endAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderLeft: '1px solid rgba(0, 0, 0, 0.23)',\n padding: 1,\n height: '100%',\n borderBottomLeftRadius: 4,\n borderTopLeftRadius: 4,\n backgroundColor: 'rgba(245 , 245 , 245 )',\n margin: 0,\n boxSizing: 'border-box',\n borderRadius: 0,\n\n }}\n\n >\n <Select\n value={defaultOption}\n onChange={handleOptionChange}\n sx={{\n height: '100%',\n '&:focus': {\n backgroundColor: 'rgba(245 , 245 , 245 )' , // Prevent background color change on focus\n },\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&:active': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on active\n },\n '&.Mui-focused': {\n backgroundColor: '#fff', // Override the focus background color\n },\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: '#fff', // Prevent border color change on focus\n },\n }}\n variant=\"standard\"\n disableUnderline\n\n IconComponent={KeyboardArrowDownOutlinedIcon}\n\n >\n {props.options?.map((item: any, index: any) => (\n <MenuItem\n key={index}\n value={item.value}\n sx={{\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&.Mui-selected': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection\n },\n '&.Mui-selected:hover': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection hover\n },\n }}\n >\n {item.label}\n </MenuItem>\n ))}\n </Select>\n\n </InputAdornment>\n )\n\n }}\n\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| \"\"}\n onBlur={field.onBlur}\n onChange={(e: any) => {\n field.onChange(e.target.value)\n }}\n />\n )}\n />\n )\n}\nDynamicInputSelect.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired\n }).isRequired,\n defaultValue: PropTypes.string,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiline: PropTypes.bool,\n min: PropTypes.number,\n max: PropTypes.number,\n min_length: PropTypes.number,\n max_length: PropTypes.number,\n float_step: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n disabled: PropTypes.bool,\n InputProps: PropTypes.object,\n placeholder: PropTypes.string,\n\n\n}\nexport { DynamicInputSelect };\nexport default DynamicInputSelect;\n"],"names":["KeyboardArrowDownOutlinedIcon"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-input-select/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),t=require("../../../../text-field/text-field/index.js"),l=require("../../../../../node_modules/prop-types/index/index.js"),o=require("react"),a=require("../../../../../node_modules/@mui/icons-material/KeyboardArrowDownOutlined/index.js"),n=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),d=require("../../../../../node_modules/@mui/material/Select/Select/index.js"),u=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");const i=l=>{const[i,s]=o.useState(l.options[0].value),f=e=>{s(e.target.value)};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),t=require("../../../../text-field/text-field/index.js"),l=require("../../../../../node_modules/prop-types/index/index.js"),o=require("react"),n=require("../../../../../node_modules/@mui/icons-material/KeyboardArrowDownOutlined/index.js"),a=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),d=require("../../../../../node_modules/@mui/material/Select/Select/index.js"),u=require("../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.js");const i=l=>{const[i,s]=o.useState(l.options[0].value),f=e=>{s(e.target.value)};/* @__PURE__ */
 return e.jsx(r.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:r,fieldState:o})=>{var s,m,b;/* @__PURE__ */
-return e.jsx(t.default,{...r,name:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,placeholder:l.placeholder,multiline:l.is_multiline||!1,disabled:l.disabled,required:l.is_required,inputProps:{step:(null==l?void 0:l.float_step)||"0",min:l.min_length||0,max:l.max_length||1e3,inputMode:"string"},InputProps:{endAdornment:/* @__PURE__ */e.jsx(n.default,{position:"start",sx:{display:"flex",alignItems:"center",justifyContent:"center",borderLeft:"1px solid rgba(0, 0, 0, 0.23)",padding:1,height:"100%",borderBottomLeftRadius:4,borderTopLeftRadius:4,backgroundColor:"rgba(245 , 245 , 245 )",margin:0,boxSizing:"border-box",borderRadius:0},children:/* @__PURE__ */e.jsx(d.default,{value:i,onChange:f,sx:{height:"100%","&:focus":{backgroundColor:"rgba(245 , 245 , 245 )"},"&:hover":{backgroundColor:"rgba(245 , 245 , 245 )"},"&:active":{backgroundColor:"rgba(245 , 245 , 245)"},"&.Mui-focused":{backgroundColor:"#fff"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#fff"}},variant:"standard",disableUnderline:!0,IconComponent:a.default,children:null==(s=l.options)?void 0:s.map((r,t)=>/* @__PURE__ */e.jsx(u.default,{value:r.value,sx:{"&:hover":{backgroundColor:"rgba(245 , 245 , 245 )"},"&.Mui-selected":{backgroundColor:"rgba(245 , 245 , 245)"},"&.Mui-selected:hover":{backgroundColor:"rgba(245 , 245 , 245)"}},children:r.label},t))})})},error:Boolean(null==(m=o.error)?void 0:m.message),helperText:(null==(b=o.error)?void 0:b.message)||"",onBlur:r.onBlur,onChange:e=>{r.onChange(e.target.value)}})}})};i.propTypes={formControl:l.default.shape({register:l.default.func.isRequired,setValue:l.default.func,_formState:l.default.object.isRequired}).isRequired,defaultValue:l.default.string,name:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string,required:l.default.bool,is_multiline:l.default.bool,min:l.default.number,max:l.default.number,min_length:l.default.number,max_length:l.default.number,float_step:l.default.string,position:l.default.number,formType:l.default.string,disabled:l.default.bool,InputProps:l.default.object,placeholder:l.default.string},exports.default=i;
+return e.jsx(t.TextField,{...r,name:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,placeholder:l.placeholder,multiline:l.is_multiline||!1,disabled:l.disabled,required:l.is_required,inputProps:{step:(null==l?void 0:l.float_step)||"0",min:l.min_length||0,max:l.max_length||1e3,inputMode:"string"},InputProps:{endAdornment:/* @__PURE__ */e.jsx(a.default,{position:"start",sx:{display:"flex",alignItems:"center",justifyContent:"center",borderLeft:"1px solid rgba(0, 0, 0, 0.23)",padding:1,height:"100%",borderBottomLeftRadius:4,borderTopLeftRadius:4,backgroundColor:"rgba(245 , 245 , 245 )",margin:0,boxSizing:"border-box",borderRadius:0},children:/* @__PURE__ */e.jsx(d.default,{value:i,onChange:f,sx:{height:"100%","&:focus":{backgroundColor:"rgba(245 , 245 , 245 )"},"&:hover":{backgroundColor:"rgba(245 , 245 , 245 )"},"&:active":{backgroundColor:"rgba(245 , 245 , 245)"},"&.Mui-focused":{backgroundColor:"#fff"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#fff"}},variant:"standard",disableUnderline:!0,IconComponent:n.default,children:null==(s=l.options)?void 0:s.map((r,t)=>/* @__PURE__ */e.jsx(u.default,{value:r.value,sx:{"&:hover":{backgroundColor:"rgba(245 , 245 , 245 )"},"&.Mui-selected":{backgroundColor:"rgba(245 , 245 , 245)"},"&.Mui-selected:hover":{backgroundColor:"rgba(245 , 245 , 245)"}},children:r.label},t))})})},error:Boolean(null==(m=o.error)?void 0:m.message),helperText:(null==(b=o.error)?void 0:b.message)||"",onBlur:r.onBlur,onChange:e=>{r.onChange(e.target.value)}})}})};i.propTypes={formControl:l.default.shape({register:l.default.func.isRequired,setValue:l.default.func,_formState:l.default.object.isRequired}).isRequired,defaultValue:l.default.string,name:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string,required:l.default.bool,is_multiline:l.default.bool,min:l.default.number,max:l.default.number,min_length:l.default.number,max_length:l.default.number,float_step:l.default.string,position:l.default.number,formType:l.default.string,disabled:l.default.bool,InputProps:l.default.object,placeholder:l.default.string},exports.DynamicInputSelect=i,exports.default=i;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-input-select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-input-select.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment, Select, MenuItem } from \"@mui/material\";\nimport { useState } from \"react\";\nimport KeyboardArrowDownOutlinedIcon from '@mui/icons-material/KeyboardArrowDownOutlined';\nconst DynamicInputSelect = (props: any) => {\n const [defaultOption, setSelectOption] = useState(props.options[0].value); //need to be update \n const handleOptionChange = (event: any) => {\n setSelectOption(event.target.value);\n };\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n name={`${props.fieldArrayName}.${props.name}`}\n fullWidth\n label={props.label}\n placeholder={props.placeholder}\n multiline={props.is_multiline \|\| false}\n disabled={props.disabled}\n required={props.is_required}\n inputProps={{\n step: props?.float_step \|\| \"0\",\n min: props.min_length \|\| 0,\n max: props.max_length \|\| 1000,\n inputMode: 'string',\n\n\n }}\n InputProps={{\n endAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderLeft: '1px solid rgba(0, 0, 0, 0.23)',\n padding: 1,\n height: '100%',\n borderBottomLeftRadius: 4,\n borderTopLeftRadius: 4,\n backgroundColor: 'rgba(245 , 245 , 245 )',\n margin: 0,\n boxSizing: 'border-box',\n borderRadius: 0,\n\n }}\n\n >\n <Select\n value={defaultOption}\n onChange={handleOptionChange}\n sx={{\n height: '100%',\n '&:focus': {\n backgroundColor: 'rgba(245 , 245 , 245 )' , // Prevent background color change on focus\n },\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&:active': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on active\n },\n '&.Mui-focused': {\n backgroundColor: '#fff', // Override the focus background color\n },\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: '#fff', // Prevent border color change on focus\n },\n }}\n variant=\"standard\"\n disableUnderline\n\n IconComponent={KeyboardArrowDownOutlinedIcon}\n\n >\n {props.options?.map((item: any, index: any) => (\n <MenuItem\n key={index}\n value={item.value}\n sx={{\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&.Mui-selected': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection\n },\n '&.Mui-selected:hover': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection hover\n },\n }}\n >\n {item.label}\n </MenuItem>\n ))}\n </Select>\n\n </InputAdornment>\n )\n\n }}\n\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| \"\"}\n onBlur={field.onBlur}\n onChange={(e: any) => {\n field.onChange(e.target.value)\n }}\n />\n )}\n />\n )\n}\nDynamicInputSelect.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired\n }).isRequired,\n defaultValue: PropTypes.string,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiline: PropTypes.bool,\n min: PropTypes.number,\n max: PropTypes.number,\n min_length: PropTypes.number,\n max_length: PropTypes.number,\n float_step: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n disabled: PropTypes.bool,\n InputProps: PropTypes.object,\n placeholder: PropTypes.string,\n\n\n}\nexport default DynamicInputSelect;\n"],"names":["DynamicInputSelect","props","defaultOption","setSelectOption","useState","options","value","handleOptionChange","event","target","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","fullWidth","label","placeholder","multiline","is_multiline","disabled","required","is_required","inputProps","step","float_step","min","min_length","max","max_length","inputMode","InputProps","endAdornment","InputAdornment","position","sx","display","alignItems","justifyContent","borderLeft","padding","height","borderBottomLeftRadius","borderTopLeftRadius","backgroundColor","margin","boxSizing","borderRadius","children","Select","onChange","borderColor","variant","disableUnderline","IconComponent","KeyboardArrowDownOutlinedIcon","_a","map","item","index","MenuItem","error","Boolean","_b","message","helperText","_c","onBlur","e","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","defaultValue","string","node","bool","number","formType"],"mappings":"gnBAMA,MAAMA,EAAsBC,IACxB,MAAOC,EAAeC,GAAmBC,EAAAA,SAASH,EAAMI,QAAQ,GAAGC,OAC7DC,EAAsBC,IACxBL,EAAgBK,EAAMC,OAAOH;AAEjC,OACII,EAAAA,IAACC,EAAAA,WAAA,CACGC,QAASX,EAAMY,YACfC,KAAM,GAAGb,EAAMc,kBAAkBd,EAAMa,OACvCE,OAAQ,EAAGC,QAAOC;AACdR,OAAAA,EAAAA,IAACS,EAAAA,QAAA,IACOF,EACJH,KAAM,GAAGb,EAAMc,kBAAkBd,EAAMa,OACvCM,WAAS,EACTC,MAAOpB,EAAMoB,MACbC,YAAarB,EAAMqB,YACnBC,UAAWtB,EAAMuB,eAAgB,EACjCC,SAAUxB,EAAMwB,SAChBC,SAAUzB,EAAM0B,YAChBC,WAAY,CACRC,YAAM5B,WAAO6B,aAAc,IAC3BC,IAAK9B,EAAM+B,YAAc,EACzBC,IAAKhC,EAAMiC,YAAc,IACzBC,UAAW,UAIfC,WAAY,CACRC,4BACI3B,EAAAA,IAAC4B,EAAAA,QAAA,CACGC,SAAS,QACTC,GAAI,CACAC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAY,gCACZC,QAAS,EACTC,OAAQ,OACRC,uBAAwB,EACxBC,oBAAqB,EACrBC,gBAAiB,yBACjBC,OAAQ,EACRC,UAAW,aACXC,aAAc,GAKlBC,wBAAA3C,EAAAA,IAAC4C,EAAAA,QAAA,CACGhD,MAAOJ,EACPqD,SAAUhD,EACViC,GAAI,CACAM,OAAQ,OACR,UAAW,CACPG,gBAAiB,0BAErB,UAAW,CACPA,gBAAiB,0BAErB,WAAY,CACRA,gBAAiB,yBAErB,gBAAiB,CACbA,gBAAiB,QAErB,iDAAkD,CAC9CO,YAAa,SAGrBC,QAAQ,WACRC,kBAAgB,EAEhBC,cAAeC,EAAAA,QAGdP,SAAA,OAAAQ,IAAMxD,cAAN,EAAAwD,EAAeC,IAAI,CAACC,EAAWC,mBAC5BtD,EAAAA,IAACuD,EAAAA,QAAA,CAEG3D,MAAOyD,EAAKzD,MACZkC,GAAI,CACA,UAAW,CACPS,gBAAiB,0BAErB,iBAAkB,CACdA,gBAAiB,yBAErB,uBAAwB,CACpBA,gBAAiB,0BAIxBI,SAAAU,EAAK1C,OAdD2C,SAwB7BE,MAAOC,QAAQ,OAAAC,EAAAlD,EAAWgD,gBAAOG,SACjCC,YAAY,OAAAC,EAAArD,EAAWgD,YAAX,EAAAK,EAAkBF,UAAW,GACzCG,OAAQvD,EAAMuD,OACdjB,SAAWkB,IACPxD,EAAMsC,SAASkB,EAAEhE,OAAOH,cAOhDN,EAAmB0E,UAAY,CAC3B7D,YAAa8D,EAAAA,QAAUC,MAAM,CACzBC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC9BA,WACHI,aAAcR,EAAAA,QAAUS,OACxBtE,KAAM6D,EAAAA,QAAUS,OAAOL,WACvB1D,MAAOsD,EAAAA,QAAUU,KAAKN,WACtBhE,eAAgB4D,EAAAA,QAAUS,OAC1B1D,SAAUiD,EAAAA,QAAUW,KACpB9D,aAAcmD,EAAAA,QAAUW,KACxBvD,IAAK4C,EAAAA,QAAUY,OACftD,IAAK0C,EAAAA,QAAUY,OACfvD,WAAY2C,EAAAA,QAAUY,OACtBrD,WAAYyC,EAAAA,QAAUY,OACtBzD,WAAY6C,EAAAA,QAAUS,OACtB7C,SAAUoC,EAAAA,QAAUY,OACpBC,SAAUb,EAAAA,QAAUS,OACpB3D,SAAUkD,EAAAA,QAAUW,KACpBlD,WAAYuC,EAAAA,QAAUO,OACtB5D,YAAaqD,EAAAA,QAAUS"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-input-select.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment, Select, MenuItem } from \"@mui/material\";\nimport { useState } from \"react\";\nimport KeyboardArrowDownOutlinedIcon from '@mui/icons-material/KeyboardArrowDownOutlined';\nconst DynamicInputSelect = (props: any) => {\n const [defaultOption, setSelectOption] = useState(props.options[0].value); //need to be update \n const handleOptionChange = (event: any) => {\n setSelectOption(event.target.value);\n };\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <TextField\n {...field}\n name={`${props.fieldArrayName}.${props.name}`}\n fullWidth\n label={props.label}\n placeholder={props.placeholder}\n multiline={props.is_multiline \|\| false}\n disabled={props.disabled}\n required={props.is_required}\n inputProps={{\n step: props?.float_step \|\| \"0\",\n min: props.min_length \|\| 0,\n max: props.max_length \|\| 1000,\n inputMode: 'string',\n\n\n }}\n InputProps={{\n endAdornment: (\n <InputAdornment\n position=\"start\"\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderLeft: '1px solid rgba(0, 0, 0, 0.23)',\n padding: 1,\n height: '100%',\n borderBottomLeftRadius: 4,\n borderTopLeftRadius: 4,\n backgroundColor: 'rgba(245 , 245 , 245 )',\n margin: 0,\n boxSizing: 'border-box',\n borderRadius: 0,\n\n }}\n\n >\n <Select\n value={defaultOption}\n onChange={handleOptionChange}\n sx={{\n height: '100%',\n '&:focus': {\n backgroundColor: 'rgba(245 , 245 , 245 )' , // Prevent background color change on focus\n },\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&:active': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on active\n },\n '&.Mui-focused': {\n backgroundColor: '#fff', // Override the focus background color\n },\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: '#fff', // Prevent border color change on focus\n },\n }}\n variant=\"standard\"\n disableUnderline\n\n IconComponent={KeyboardArrowDownOutlinedIcon}\n\n >\n {props.options?.map((item: any, index: any) => (\n <MenuItem\n key={index}\n value={item.value}\n sx={{\n '&:hover': {\n backgroundColor: 'rgba(245 , 245 , 245 )', // Prevent background color change on hover\n },\n '&.Mui-selected': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection\n },\n '&.Mui-selected:hover': {\n backgroundColor: 'rgba(245 , 245 , 245)', // Prevent background color change on selection hover\n },\n }}\n >\n {item.label}\n </MenuItem>\n ))}\n </Select>\n\n </InputAdornment>\n )\n\n }}\n\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| \"\"}\n onBlur={field.onBlur}\n onChange={(e: any) => {\n field.onChange(e.target.value)\n }}\n />\n )}\n />\n )\n}\nDynamicInputSelect.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired\n }).isRequired,\n defaultValue: PropTypes.string,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiline: PropTypes.bool,\n min: PropTypes.number,\n max: PropTypes.number,\n min_length: PropTypes.number,\n max_length: PropTypes.number,\n float_step: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n disabled: PropTypes.bool,\n InputProps: PropTypes.object,\n placeholder: PropTypes.string,\n\n\n}\nexport { DynamicInputSelect };\nexport default DynamicInputSelect;\n"],"names":["DynamicInputSelect","props","defaultOption","setSelectOption","useState","options","value","handleOptionChange","event","target","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","fullWidth","label","placeholder","multiline","is_multiline","disabled","required","is_required","inputProps","step","float_step","min","min_length","max","max_length","inputMode","InputProps","endAdornment","InputAdornment","position","sx","display","alignItems","justifyContent","borderLeft","padding","height","borderBottomLeftRadius","borderTopLeftRadius","backgroundColor","margin","boxSizing","borderRadius","children","Select","onChange","borderColor","variant","disableUnderline","IconComponent","KeyboardArrowDownOutlinedIcon","_a","map","item","index","MenuItem","error","Boolean","_b","message","helperText","_c","onBlur","e","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","defaultValue","string","node","bool","number","formType"],"mappings":"gnBAMA,MAAMA,EAAsBC,IACxB,MAAOC,EAAeC,GAAmBC,EAAAA,SAASH,EAAMI,QAAQ,GAAGC,OAC7DC,EAAsBC,IACxBL,EAAgBK,EAAMC,OAAOH;AAEjC,OACII,EAAAA,IAACC,EAAAA,WAAA,CACGC,QAASX,EAAMY,YACfC,KAAM,GAAGb,EAAMc,kBAAkBd,EAAMa,OACvCE,OAAQ,EAAGC,QAAOC;AACdR,OAAAA,EAAAA,IAACS,EAAAA,UAAA,IACOF,EACJH,KAAM,GAAGb,EAAMc,kBAAkBd,EAAMa,OACvCM,WAAS,EACTC,MAAOpB,EAAMoB,MACbC,YAAarB,EAAMqB,YACnBC,UAAWtB,EAAMuB,eAAgB,EACjCC,SAAUxB,EAAMwB,SAChBC,SAAUzB,EAAM0B,YAChBC,WAAY,CACRC,YAAM5B,WAAO6B,aAAc,IAC3BC,IAAK9B,EAAM+B,YAAc,EACzBC,IAAKhC,EAAMiC,YAAc,IACzBC,UAAW,UAIfC,WAAY,CACRC,4BACI3B,EAAAA,IAAC4B,EAAAA,QAAA,CACGC,SAAS,QACTC,GAAI,CACAC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAY,gCACZC,QAAS,EACTC,OAAQ,OACRC,uBAAwB,EACxBC,oBAAqB,EACrBC,gBAAiB,yBACjBC,OAAQ,EACRC,UAAW,aACXC,aAAc,GAKlBC,wBAAA3C,EAAAA,IAAC4C,EAAAA,QAAA,CACGhD,MAAOJ,EACPqD,SAAUhD,EACViC,GAAI,CACAM,OAAQ,OACR,UAAW,CACPG,gBAAiB,0BAErB,UAAW,CACPA,gBAAiB,0BAErB,WAAY,CACRA,gBAAiB,yBAErB,gBAAiB,CACbA,gBAAiB,QAErB,iDAAkD,CAC9CO,YAAa,SAGrBC,QAAQ,WACRC,kBAAgB,EAEhBC,cAAeC,EAAAA,QAGdP,SAAA,OAAAQ,IAAMxD,cAAN,EAAAwD,EAAeC,IAAI,CAACC,EAAWC,mBAC5BtD,EAAAA,IAACuD,EAAAA,QAAA,CAEG3D,MAAOyD,EAAKzD,MACZkC,GAAI,CACA,UAAW,CACPS,gBAAiB,0BAErB,iBAAkB,CACdA,gBAAiB,yBAErB,uBAAwB,CACpBA,gBAAiB,0BAIxBI,SAAAU,EAAK1C,OAdD2C,SAwB7BE,MAAOC,QAAQ,OAAAC,EAAAlD,EAAWgD,gBAAOG,SACjCC,YAAY,OAAAC,EAAArD,EAAWgD,YAAX,EAAAK,EAAkBF,UAAW,GACzCG,OAAQvD,EAAMuD,OACdjB,SAAWkB,IACPxD,EAAMsC,SAASkB,EAAEhE,OAAOH,cAOhDN,EAAmB0E,UAAY,CAC3B7D,YAAa8D,EAAAA,QAAUC,MAAM,CACzBC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC9BA,WACHI,aAAcR,EAAAA,QAAUS,OACxBtE,KAAM6D,EAAAA,QAAUS,OAAOL,WACvB1D,MAAOsD,EAAAA,QAAUU,KAAKN,WACtBhE,eAAgB4D,EAAAA,QAAUS,OAC1B1D,SAAUiD,EAAAA,QAAUW,KACpB9D,aAAcmD,EAAAA,QAAUW,KACxBvD,IAAK4C,EAAAA,QAAUY,OACftD,IAAK0C,EAAAA,QAAUY,OACfvD,WAAY2C,EAAAA,QAAUY,OACtBrD,WAAYyC,EAAAA,QAAUY,OACtBzD,WAAY6C,EAAAA,QAAUS,OACtB7C,SAAUoC,EAAAA,QAAUY,OACpBC,SAAUb,EAAAA,QAAUS,OACpB3D,SAAUkD,EAAAA,QAAUW,KACpBlD,WAAYuC,EAAAA,QAAUO,OACtB5D,YAAaqD,EAAAA,QAAUS"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-input-select.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { default as PropTypes } from 'prop-types';
+declare const DynamicInputSelect: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        formControl: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            register: PropTypes.Validator<(...args: any[]) => any>;
+            setValue: PropTypes.Requireable<(...args: any[]) => any>;
+            _formState: PropTypes.Validator<object>;
+        }>>>;
+        defaultValue: PropTypes.Requireable<string>;
+        name: PropTypes.Validator<string>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        fieldArrayName: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
+        is_multiline: PropTypes.Requireable<boolean>;
+        min: PropTypes.Requireable<number>;
+        max: PropTypes.Requireable<number>;
+        min_length: PropTypes.Requireable<number>;
+        max_length: PropTypes.Requireable<number>;
+        float_step: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<number>;
+        formType: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        InputProps: PropTypes.Requireable<object>;
+        placeholder: PropTypes.Requireable<string>;
+    };
+};
+export { DynamicInputSelect };
+export default DynamicInputSelect;

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

@@ -5,11 +5,11 @@ import { dynamicSelectAdd } from "../select-configuration/index.esm.js";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 import { sortBy, debounce } from "lodash";
 import { useTranslation } from "react-i18next";
-import Select from "../../../../select/select/index.esm.js";
+import { Select } from "../../../../select/select/index.esm.js";
 import ChipOrPlaceholder from "../chip-or-placeholder/index.esm.js";
-import Checkbox from "../../../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
-import Chip from "../../../../chip/chip/index.esm.js";
+import { Chip } from "../../../../chip/chip/index.esm.js";
 import { fetchApi } from "../../../../../utils/api/index.esm.js";
 import { useLanguage } from "../../../../../hooks/useLangauge/index.esm.js";
 /* empty css                        */

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

@@ -1,16 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("react-hook-form"),t=,/* empty css                             */i=,/* empty css                                                  */r=require("lodash"),s=require("react-i18next"),n=,/* empty css                               */o=,/* empty css                            */u=,/* empty css                                   */d=,/* empty css                                       */c=,/* empty css                           */f=,/* empty css                              */m=;/* empty css                                      */;/* empty css                     */var p=,/* empty css                                                       */h=,/* empty css                                                               */y=,/* empty css                                                                 */g=,/* empty css                                                             */v=,/* empty css                                                                                 */x=,/* empty css                                                                           */b=,/* empty css                                                                             */j=,/* empty css                                                                     */C=,/* empty css                                                               */A=;/* empty css                            */function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var M=/* @__PURE__ */_(l);const S=({options:l,multiple:a,placeholder:t,with_checkboxes:i,values:r,disabledIds:s,onChange:n,handleChange:o,hasParent:c,t:f})=>{const m=e=>null==s?void 0:s.includes(e),h=[];a||h.push(
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("react-hook-form"),t=,/* empty css                             */i=,/* empty css                                                  */r=require("lodash"),s=require("react-i18next"),n=,/* empty css                               */o=,/* empty css                            */u=,/* empty css                                   */d=,/* empty css                                       */c=,/* empty css                           */f=,/* empty css                              */m=;/* empty css                                      */;/* empty css                     */var p=,/* empty css                                                       */h=,/* empty css                                                               */y=,/* empty css                                                                 */g=,/* empty css                                                             */v=,/* empty css                                                                                 */x=,/* empty css                                                                           */b=,/* empty css                                                                             */j=,/* empty css                                                                     */C=,/* empty css                                                               */A=;/* empty css                            */function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var S=/* @__PURE__ */_(l);const k=({options:l,multiple:a,placeholder:t,with_checkboxes:i,values:r,disabledIds:s,onChange:n,handleChange:o,hasParent:c,t:f})=>{const m=e=>null==s?void 0:s.includes(e),h=[];a||h.push(
 /* @__PURE__ */e.jsx(y.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:f(t)})})},"placeholder"));const g=Array.isArray(r)&&(null==r?void 0:r.length)>0?null==r?void 0:r.filter(e=>e):r,v=(e,l)=>{const a=l.map(e=>e.value),t=Array.isArray(g)?g:[g];return a.every(e=>t.includes(e))},x=e=>{const l=e.map(e=>e.value),a=Array.isArray(g)?g:[g];return l.some(e=>a.includes(e))};return Array.isArray(l)&&l.length>0&&l.forEach(l=>{h.push(
-/* @__PURE__ */e.jsx(y.default,{value:l.value,disabled:Boolean(l.disabled)||m(l.id||l.value),className:l.isGroup?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",gap:1},children:[a&&i&&/* @__PURE__ */e.jsx(u.default,{checked:c?v(l.value,l.options||[]):Boolean(Array.isArray(g)?g.includes(l.value):g==l.value),indeterminate:c&&x(l.options||[]),onChange:()=>c?((e,l)=>{const a=l.map(e=>e.value),t=Array.isArray(g)?g:[g],i=t.includes(e)?t.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...t,e,...a])];n(i),null==o||o(i)})(l.value,l.options||[]):null==o?void 0:o(l.value)}),
+/* @__PURE__ */e.jsx(y.default,{value:l.value,disabled:Boolean(l.disabled)||m(l.id||l.value),className:l.isGroup?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",gap:1},children:[a&&i&&/* @__PURE__ */e.jsx(u.Checkbox,{checked:c?v(l.value,l.options||[]):Boolean(Array.isArray(g)?g.includes(l.value):g==l.value),indeterminate:c&&x(l.options||[]),onChange:()=>c?((e,l)=>{const a=l.map(e=>e.value),t=Array.isArray(g)?g:[g],i=t.includes(e)?t.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...t,e,...a])];n(i),null==o||o(i)})(l.value,l.options||[]):null==o?void 0:o(l.value)}),
 /* @__PURE__ */e.jsx(d.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==o?void 0:o(l.value),children:l.label})]})},l.value)),l.isGroup&&Array.isArray(l.options)&&l.options.forEach(t=>{h.push(
-/* @__PURE__ */e.jsx(y.default,{value:t.value,disabled:Boolean(t.disabled)||m(t.id||t.value),sx:{pl:5},children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",gap:1},children:[a&&i&&/* @__PURE__ */e.jsx(u.default,{checked:Boolean(Array.isArray(r)&&r.includes(t.value))}),
+/* @__PURE__ */e.jsx(y.default,{value:t.value,disabled:Boolean(t.disabled)||m(t.id||t.value),sx:{pl:5},children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",gap:1},children:[a&&i&&/* @__PURE__ */e.jsx(u.Checkbox,{checked:Boolean(Array.isArray(r)&&r.includes(t.value))}),
 /* @__PURE__ */e.jsx(d.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==o?void 0:o(String(t.value)),children:"Payment Entries"==t.label?"Payment and Collection Entries":t.label||t.value})]})},`${l.value}-${t.value}`))})}),h.length&&(1!=h.length||a)||h.push(
-/* @__PURE__ */e.jsx(y.default,{disabled:!0,children:"No data available"},"no-data")),h},q=({data:l,options:a})=>{const t=l.map(e=>{var l;return(null==(l=null==a?void 0:a.find(l=>l.value==e))?void 0:l.label)||""}).filter(Boolean);/* @__PURE__ */
-return e.jsxs(d.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[t.slice(0,4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(c.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(A.MoreIcon,{})})]})},k=()=>/* @__PURE__ */e.jsx(d.Typography,{fontStyle:"italic",color:"inherit",type:"s3",children:"Loading..."}),L=M.default.memo(i=>{const u=a.useWatch({control:i.formControl,name:`${i.fieldArrayName}.${i.name}`}),c=a.useFormContext(),{setValue:A}=c||{},{t:_}=s.useTranslation(),{isRtl:L}=m.useLanguage(),I=l.useRef(null),[T,O]=l.useState([]),[P,w]=l.useState(null),[B,$]=l.useState([]),[E,N]=l.useState(!1),[R,z]=l.useState(!1),[F,V]=l.useState(!1),[D,W]=l.useState(null),[H,J]=l.useState(!1),[K,G]=l.useState(""),[Q,U]=l.useState(!1),[X,Y]=l.useState(null),[Z,ee]=l.useState(!1),[le,ae]=l.useState(!1),[te,ie]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{handleOptions:re,isInternal:se=!1,disabledIds:ne=[],getSelectedData:oe,attributes:ue=[],filterKey:de="id",customeFilter:ce={},refresh:fe,handleChange:me,hasParent:pe=!1,sortOrder:he="id:-1",apiType:ye,addType:ge}=i,ve=l.useMemo(()=>se||!ye,[se,ye]),xe=l.useMemo(()=>ce,[JSON.stringify(ce)]),be=l.useCallback((e,l)=>{var a,t;if(!e)return i.options||[];const r=e.toLowerCase(),s=pe?(null==(a=i.options)?void 0:a.reduce((e,l)=>{var a;const t=null==(a=l.options)?void 0:a.filter(e=>{const l=M.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(r)});return(null==t?void 0:t.length)&&e.push({...l,options:t}),e},[]))||[]:(null==(t=i.options)?void 0:t.filter(e=>{const l=M.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(r)}))||[];return Ce(s,l)},[i.options,pe]),je=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),Ce=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1==l?1/0:l})},[]),Ae=l.useMemo(()=>ve?be(K,u):Ce(je([...T,...B]),u),[T,B,ve,i.options,u,K,be,Ce,je]),_e=l.useCallback(async(e="",l=xe,a=1,t=!1)=>{if(!ye)return[];N(!0),a>1&&ie(e=>({...e,isLoadingMore:!0}));try{const{data:i=[],pagination:r={}}=await f.fetchApi({apiKey:ye,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:ue,order:he}});if(i&&Array.isArray(i)){const e=t?[...T,...i]:i;Se(e,t),qe(i),ie(e=>({...e,page:a,hasMore:(null==r?void 0:r.totalCount)>25*a,total:null==r?void 0:r.totalCount,isLoadingMore:!1}))}return i||[]}catch(i){return ie(e=>({...e,isLoadingMore:!1})),[]}finally{N(!1)}},[ye,T,ue,he,25,xe]),Me=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:t}=e.currentTarget;if(a-l<=t+10&&te.hasMore&&!te.isLoadingMore&&!ve){const e=te.page+1;_e(K,xe,e,!0)}},[te.hasMore,te.isLoadingMore,te.page,ve,K,xe,_e]),Se=l.useCallback((e,l=!1)=>{const a=je([...l?T:B,...e]);O(a)},[T,B,je]),qe=l.useCallback(async e=>{const l=i.is_multiselect?u:[u],a=null==e?void 0:e.filter(e=>Array.isArray(l)?l.includes(e.id||e.value):(e[de]||e.value||e.id)==l);return!!(Array.isArray(a)&&a.length>0)&&(null==oe||oe(i.is_multiselect?a:a[0],i.name),!0)},[i.is_multiselect,i.name,u,de,oe,Ae]),ke=l.useCallback(async()=>{await qe(Ae)||R||(i.is_multiselect?Array.isArray(u)&&u.length>0:Boolean(u))&&(J(!0),await _e("",{...xe,"&id.in":u},1,!1),J(!1))},[R,u,JSON.stringify(xe)]),Le=l.useCallback(async()=>{JSON.stringify(xe)!==JSON.stringify(D)&&(W(xe),O([]),V(!1),ie({page:1,hasMore:!0,isLoadingMore:!1,total:0})),ve||F||(await _e(K,xe,1,!1),V(!0))},[xe,ve,F]),Ie=l.useMemo(()=>r.debounce(async e=>{E||(e||ve||!Q||(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await _e("",xe,1,!1)),e.length>1&&!ve&&(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await _e(e,xe,1,!1)))},700),[ve,Q,xe]),Te=l.useCallback(e=>{e.onChange(i.is_multiselect?[]:null),oe&&oe(null,i.name)},[i.is_multiselect,i.name,oe]),Oe=l.useCallback(()=>{z(!1),K.length>0&&V(!1),U(!1),G("")},[K]),Pe=l.useCallback(()=>{ee(!0)},[]),we=l.useCallback(async e=>{if(X&&X.api){ae(!0);try{const l=await X.api(e);if(ae(!1),ee(!1),ve||(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),V(!1),await _e("",xe,1,!1)),l&&l.data){const e=i.is_multiselect?[...u||[],l.data.id]:l.data.id;A&&A(`${i.fieldArrayName}.${i.name}`,e)}}catch(l){ae(!1)}}},[X,ve,_e,xe,i.is_multiselect,i.fieldArrayName,i.name,u,A]);l.useEffect(()=>{re&&re(P)},[re,P]),l.useEffect(()=>{R&&Le()},[R,Le]),l.useEffect(()=>{ke()},[ke]),l.useEffect(()=>{fe&&(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),_e("",xe,1,!1))},[fe,_e,xe]),l.useEffect(()=>(R&&Ie(K),()=>Ie.cancel()),[K,R,Ie]),l.useEffect(()=>{if(u&&!R){const e=null==T?void 0:T.filter(e=>i.is_multiselect?Array.isArray(u)&&u.includes(e.id||e.value):(e.id||e.value)==u);$(e||[])}},[u,T,i.is_multiselect,R]);const Be=l.useCallback(e=>Array.isArray(e)?e.filter(Boolean):[],[]);return l.useEffect(()=>{if(!ge)return;const e=t.dynamicSelectAdd(ge);Y(e)},[ge]),l.useEffect(()=>{qe(Ae)},[qe]),/* @__PURE__ */e.jsx(a.Controller,{control:i.formControl,name:`${i.fieldArrayName}.${i.name}`,render:({field:l,fieldState:a})=>{var t,r,s,u,c;/* @__PURE__ */
+/* @__PURE__ */e.jsx(y.default,{disabled:!0,children:"No data available"},"no-data")),h},M=({data:l,options:a})=>{const t=l.map(e=>{var l;return(null==(l=null==a?void 0:a.find(l=>l.value==e))?void 0:l.label)||""}).filter(Boolean);/* @__PURE__ */
+return e.jsxs(d.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[t.slice(0,4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(c.Chip,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(A.MoreIcon,{})})]})},q=()=>/* @__PURE__ */e.jsx(d.Typography,{fontStyle:"italic",color:"inherit",type:"s3",children:"Loading..."}),L=S.default.memo(i=>{const u=a.useWatch({control:i.formControl,name:`${i.fieldArrayName}.${i.name}`}),c=a.useFormContext(),{setValue:A}=c||{},{t:_}=s.useTranslation(),{isRtl:L}=m.useLanguage(),I=l.useRef(null),[T,O]=l.useState([]),[P,w]=l.useState(null),[B,$]=l.useState([]),[E,N]=l.useState(!1),[R,z]=l.useState(!1),[F,V]=l.useState(!1),[D,W]=l.useState(null),[H,J]=l.useState(!1),[K,G]=l.useState(""),[Q,U]=l.useState(!1),[X,Y]=l.useState(null),[Z,ee]=l.useState(!1),[le,ae]=l.useState(!1),[te,ie]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{handleOptions:re,isInternal:se=!1,disabledIds:ne=[],getSelectedData:oe,attributes:ue=[],filterKey:de="id",customeFilter:ce={},refresh:fe,handleChange:me,hasParent:pe=!1,sortOrder:he="id:-1",apiType:ye,addType:ge}=i,ve=l.useMemo(()=>se||!ye,[se,ye]),xe=l.useMemo(()=>ce,[JSON.stringify(ce)]),be=l.useCallback((e,l)=>{var a,t;if(!e)return i.options||[];const r=e.toLowerCase(),s=pe?(null==(a=i.options)?void 0:a.reduce((e,l)=>{var a;const t=null==(a=l.options)?void 0:a.filter(e=>{const l=S.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(r)});return(null==t?void 0:t.length)&&e.push({...l,options:t}),e},[]))||[]:(null==(t=i.options)?void 0:t.filter(e=>{const l=S.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(r)}))||[];return Ce(s,l)},[i.options,pe]),je=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),Ce=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1==l?1/0:l})},[]),Ae=l.useMemo(()=>ve?be(K,u):Ce(je([...T,...B]),u),[T,B,ve,i.options,u,K,be,Ce,je]),_e=l.useCallback(async(e="",l=xe,a=1,t=!1)=>{if(!ye)return[];N(!0),a>1&&ie(e=>({...e,isLoadingMore:!0}));try{const{data:i=[],pagination:r={}}=await f.fetchApi({apiKey:ye,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:ue,order:he}});if(i&&Array.isArray(i)){const e=t?[...T,...i]:i;ke(e,t),Me(i),ie(e=>({...e,page:a,hasMore:(null==r?void 0:r.totalCount)>25*a,total:null==r?void 0:r.totalCount,isLoadingMore:!1}))}return i||[]}catch(i){return ie(e=>({...e,isLoadingMore:!1})),[]}finally{N(!1)}},[ye,T,ue,he,25,xe]),Se=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:t}=e.currentTarget;if(a-l<=t+10&&te.hasMore&&!te.isLoadingMore&&!ve){const e=te.page+1;_e(K,xe,e,!0)}},[te.hasMore,te.isLoadingMore,te.page,ve,K,xe,_e]),ke=l.useCallback((e,l=!1)=>{const a=je([...l?T:B,...e]);O(a)},[T,B,je]),Me=l.useCallback(async e=>{const l=i.is_multiselect?u:[u],a=null==e?void 0:e.filter(e=>Array.isArray(l)?l.includes(e.id||e.value):(e[de]||e.value||e.id)==l);return!!(Array.isArray(a)&&a.length>0)&&(null==oe||oe(i.is_multiselect?a:a[0],i.name),!0)},[i.is_multiselect,i.name,u,de,oe,Ae]),qe=l.useCallback(async()=>{await Me(Ae)||R||(i.is_multiselect?Array.isArray(u)&&u.length>0:Boolean(u))&&(J(!0),await _e("",{...xe,"&id.in":u},1,!1),J(!1))},[R,u,JSON.stringify(xe)]),Le=l.useCallback(async()=>{JSON.stringify(xe)!==JSON.stringify(D)&&(W(xe),O([]),V(!1),ie({page:1,hasMore:!0,isLoadingMore:!1,total:0})),ve||F||(await _e(K,xe,1,!1),V(!0))},[xe,ve,F]),Ie=l.useMemo(()=>r.debounce(async e=>{E||(e||ve||!Q||(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await _e("",xe,1,!1)),e.length>1&&!ve&&(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await _e(e,xe,1,!1)))},700),[ve,Q,xe]),Te=l.useCallback(e=>{e.onChange(i.is_multiselect?[]:null),oe&&oe(null,i.name)},[i.is_multiselect,i.name,oe]),Oe=l.useCallback(()=>{z(!1),K.length>0&&V(!1),U(!1),G("")},[K]),Pe=l.useCallback(()=>{ee(!0)},[]),we=l.useCallback(async e=>{if(X&&X.api){ae(!0);try{const l=await X.api(e);if(ae(!1),ee(!1),ve||(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),V(!1),await _e("",xe,1,!1)),l&&l.data){const e=i.is_multiselect?[...u||[],l.data.id]:l.data.id;A&&A(`${i.fieldArrayName}.${i.name}`,e)}}catch(l){ae(!1)}}},[X,ve,_e,xe,i.is_multiselect,i.fieldArrayName,i.name,u,A]);l.useEffect(()=>{re&&re(P)},[re,P]),l.useEffect(()=>{R&&Le()},[R,Le]),l.useEffect(()=>{qe()},[qe]),l.useEffect(()=>{fe&&(ie({page:1,hasMore:!0,isLoadingMore:!1,total:0}),_e("",xe,1,!1))},[fe,_e,xe]),l.useEffect(()=>(R&&Ie(K),()=>Ie.cancel()),[K,R,Ie]),l.useEffect(()=>{if(u&&!R){const e=null==T?void 0:T.filter(e=>i.is_multiselect?Array.isArray(u)&&u.includes(e.id||e.value):(e.id||e.value)==u);$(e||[])}},[u,T,i.is_multiselect,R]);const Be=l.useCallback(e=>Array.isArray(e)?e.filter(Boolean):[],[]);return l.useEffect(()=>{if(!ge)return;const e=t.dynamicSelectAdd(ge);Y(e)},[ge]),l.useEffect(()=>{Me(Ae)},[Me]),/* @__PURE__ */e.jsx(a.Controller,{control:i.formControl,name:`${i.fieldArrayName}.${i.name}`,render:({field:l,fieldState:a})=>{var t,r,s,u,c;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:["Select Currency"==i.placeholder&&w(l.value),
-/* @__PURE__ */e.jsxs(n.default,{...l,ref:I,open:R,onOpen:()=>z(!0),onClose:Oe,fullWidth:!0,dataPosition:i.position,dataName:`${i.fieldArrayName}.${i.name}`,placeholder:i.placeholder,label:i.label,defaultValue:i.defaultValue||(i.is_multiselect?[]:""),searchValue:K,required:"builder"!=i.formType&&i.required,size:i.size||"small",multiple:i.is_multiselect||!1,disabled:i.disabled,sx:i.is_multiselect&&(null==(t=null==l?void 0:l.value)?void 0:t.length)?{"& .MuiSelect-select":{padding:"5.5px !important"}}:{},variant:"outlined",value:H?i.is_multiselect?[]:"":(null==(r=l.value)?void 0:r.id)||l.value||(i.is_multiselect?[]:""),className:i.is_multiselect&&(null==(s=Be(l.value))?void 0:s.length)?"MultiSelect filter-select":"",MenuProps:{PaperProps:{onScroll:Me,style:{maxHeight:300}}},renderValue:l=>{if(Array.isArray(l))/* @__PURE__ */
-return e.jsx(o.default,{selectedLabel:i.selectedLabel,data:Be(l),placeholder:E||i.is_loading?/* @__PURE__ */e.jsx(k,{}):`${_("common.search")} ${i.label}`,onDelete:i.onChipRemove,disabled:i.disabled,chipProps:{sx:{background:"#ebf9f2",border:0,"& .MuiTypography-body1":{color:"#289b64",fontWeight:"500"}}}});{const a=null==Ae?void 0:Ae.find(e=>{var a;return((null==(a=e.value)?void 0:a.id)||e.value)==l});return E||i.is_loading?/* @__PURE__ */e.jsx(k,{}):(null==a?void 0:a.label)||("string"==typeof i.label?`${_("common.search")} ${i.label}`:i.placeholder)}},searchPlaceholder:`${_("common.search")} ${i.label}`,handleSearch:e=>{G(e),U(!0)},error:Boolean(null==(u=a.error)?void 0:u.message),helperText:(null==(c=a.error)?void 0:c.message)||"",onBlur:l.onBlur,input:/* @__PURE__ */e.jsx(x.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(b.default,{position:"end",children:E||i.is_loading?/* @__PURE__ */e.jsx(v.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):!i.disabled&&(i.is_multiselect?Array.isArray(l.value)&&l.value.length>0:Boolean(l.value))&&/* @__PURE__ */e.jsx(j.default,{"aria-label":"clear selection",onClick:()=>Te(l),edge:"end",sx:L?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(C.default,{sx:{fontSize:"1rem"}})})})}),children:[S({options:Ae,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:l.value,with_checkboxes:!0,disabledIds:ne,onChange:l.onChange,handleChange:me,hasParent:pe,t:_}),(null==i?void 0:i.enable_footer)&&/* @__PURE__ */e.jsxs(p.default,{sx:{position:"sticky",bottom:0,background:"#fff",zIndex:1},children:[
+/* @__PURE__ */e.jsxs(n.Select,{...l,ref:I,open:R,onOpen:()=>z(!0),onClose:Oe,fullWidth:!0,dataPosition:i.position,dataName:`${i.fieldArrayName}.${i.name}`,placeholder:i.placeholder,label:i.label,defaultValue:i.defaultValue||(i.is_multiselect?[]:""),searchValue:K,required:"builder"!=i.formType&&i.required,size:i.size||"small",multiple:i.is_multiselect||!1,disabled:i.disabled,sx:i.is_multiselect&&(null==(t=null==l?void 0:l.value)?void 0:t.length)?{"& .MuiSelect-select":{padding:"5.5px !important"}}:{},variant:"outlined",value:H?i.is_multiselect?[]:"":(null==(r=l.value)?void 0:r.id)||l.value||(i.is_multiselect?[]:""),className:i.is_multiselect&&(null==(s=Be(l.value))?void 0:s.length)?"MultiSelect filter-select":"",MenuProps:{PaperProps:{onScroll:Se,style:{maxHeight:300}}},renderValue:l=>{if(Array.isArray(l))/* @__PURE__ */
+return e.jsx(o.default,{selectedLabel:i.selectedLabel,data:Be(l),placeholder:E||i.is_loading?/* @__PURE__ */e.jsx(q,{}):`${_("common.search")} ${i.label}`,onDelete:i.onChipRemove,disabled:i.disabled,chipProps:{sx:{background:"#ebf9f2",border:0,"& .MuiTypography-body1":{color:"#289b64",fontWeight:"500"}}}});{const a=null==Ae?void 0:Ae.find(e=>{var a;return((null==(a=e.value)?void 0:a.id)||e.value)==l});return E||i.is_loading?/* @__PURE__ */e.jsx(q,{}):(null==a?void 0:a.label)||("string"==typeof i.label?`${_("common.search")} ${i.label}`:i.placeholder)}},searchPlaceholder:`${_("common.search")} ${i.label}`,handleSearch:e=>{G(e),U(!0)},error:Boolean(null==(u=a.error)?void 0:u.message),helperText:(null==(c=a.error)?void 0:c.message)||"",onBlur:l.onBlur,input:/* @__PURE__ */e.jsx(x.default,{label:"",endAdornment:/* @__PURE__ */e.jsx(b.default,{position:"end",children:E||i.is_loading?/* @__PURE__ */e.jsx(v.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):!i.disabled&&(i.is_multiselect?Array.isArray(l.value)&&l.value.length>0:Boolean(l.value))&&/* @__PURE__ */e.jsx(j.default,{"aria-label":"clear selection",onClick:()=>Te(l),edge:"end",sx:L?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(C.default,{sx:{fontSize:"1rem"}})})})}),children:[k({options:Ae,multiple:Boolean(i.is_multiselect),placeholder:i.placeholder,values:l.value,with_checkboxes:!0,disabledIds:ne,onChange:l.onChange,handleChange:me,hasParent:pe,t:_}),(null==i?void 0:i.enable_footer)&&/* @__PURE__ */e.jsxs(p.default,{sx:{position:"sticky",bottom:0,background:"#fff",zIndex:1},children:[
 /* @__PURE__ */e.jsx(h.default,{flexItem:!0,sx:{mt:"0.25rem !important",mb:"0.25rem !important"}}),
 /* @__PURE__ */e.jsxs(y.default,{sx:{gap:1},onClick:()=>{(null==i?void 0:i.onFooterClick)?null==i||i.onFooterClick():Pe()},children:[
 /* @__PURE__ */e.jsx(g.default,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(d.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",i.label]})]})]},"footer"),te.isLoadingMore&&/* @__PURE__ */e.jsx(y.default,{disabled:!0,children:/* @__PURE__ */e.jsx(p.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(v.default,{size:20})})})]}),X&&X.component&&/* @__PURE__ */e.jsx(e.Fragment,{children:M.default.createElement(X.component,{isOpen:Z,setIsOpen:ee,isLoading:le,onSave:we,modalProps:{maxWidth:"md",fullWidth:!0},...null==i?void 0:i.modalComponentProps})}),i.is_multiselect&&Array.isArray(l.value)&&/* @__PURE__ */e.jsx(q,{data:l.value,options:Ae})]})}})});L.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.oneOfType([i.default.string,i.default.node]),value:i.default.any})).isRequired,formControl:i.default.object.isRequired,defaultValue:i.default.any,fieldArrayName:i.default.string.isRequired,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.func,is_loading:i.default.bool,selectedLabel:i.default.string,isInternal:i.default.bool,disabledIds:i.default.array,getSelectedData:i.default.func,attributes:i.default.array,handleChange:i.default.func,hasParent:i.default.bool,sortOrder:i.default.string,apiType:i.default.string,handleOptions:i.default.func,filterKey:i.default.string,customeFilter:i.default.object,refresh:i.default.bool,addType:i.default.string,modalComponentProps:i.default.object},exports.default=L;
+/* @__PURE__ */e.jsxs(d.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",i.label]})]})]},"footer"),te.isLoadingMore&&/* @__PURE__ */e.jsx(y.default,{disabled:!0,children:/* @__PURE__ */e.jsx(p.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(v.default,{size:20})})})]}),X&&X.component&&/* @__PURE__ */e.jsx(e.Fragment,{children:S.default.createElement(X.component,{isOpen:Z,setIsOpen:ee,isLoading:le,onSave:we,modalProps:{maxWidth:"md",fullWidth:!0},...null==i?void 0:i.modalComponentProps})}),i.is_multiselect&&Array.isArray(l.value)&&/* @__PURE__ */e.jsx(M,{data:l.value,options:Ae})]})}})});L.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.oneOfType([i.default.string,i.default.node]),value:i.default.any})).isRequired,formControl:i.default.object.isRequired,defaultValue:i.default.any,fieldArrayName:i.default.string.isRequired,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.func,is_loading:i.default.bool,selectedLabel:i.default.string,isInternal:i.default.bool,disabledIds:i.default.array,getSelectedData:i.default.func,attributes:i.default.array,handleChange:i.default.func,hasParent:i.default.bool,sortOrder:i.default.string,apiType:i.default.string,handleOptions:i.default.func,filterKey:i.default.string,customeFilter:i.default.object,refresh:i.default.bool,addType:i.default.string,modalComponentProps:i.default.object},exports.default=L;
 //# sourceMappingURL=index.js.map