@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/form-control/form-builder/form-builder-element/dynamic-currency-input/index.esm.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import TextField from "../../../../text-field/text-field/index.esm.js";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import { InputAdornment } from "@mui/material";
+import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
 const DynamicCurrency = (props) => {
   return /* @__PURE__ */ jsx(
     Controller,

package/dist/components/form-control/form-builder/form-builder-element/dynamic-currency-input/index.js

@@ -1,3 +1,3 @@
-"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"),a=require("@mui/material");const i=l=>/* @__PURE__ */e.jsx(r.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:r,fieldState:i})=>{var u,n;/* @__PURE__ */
-return e.jsx(t.default,{...r,name:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,defaultValue:l.default_value.replace(/[^0-9]/g,""),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:"numeric",pattern:`${l.is_negative}`?"-?[0-9]*":"[0-9]*"},InputProps:{startAdornment:/* @__PURE__ */e.jsx(a.InputAdornment,{position:"start",sx:{display:"flex",alignItems:"center",justifyContent:"center",borderRight:"1px solid rgba(0, 0, 0, 0.23)",width:50,height:"100%",borderBottomLeftRadius:4,borderTopLeftRadius:4},children:null!==l.currencyType?l.currencyType:"-"})},error:Boolean(null==(u=i.error)?void 0:u.message),helperText:(null==(n=i.error)?void 0:n.message)||"",onBlur:r.onBlur,onChange:e=>{const t=e.target.value.replace(/[^0-9]/g,"");r.onChange(t)}})}});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,currencyType:l.default.string},exports.default=i;
+"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"),a=require("../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");const n=l=>/* @__PURE__ */e.jsx(r.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:r,fieldState:n})=>{var u,i;/* @__PURE__ */
+return e.jsx(t.default,{...r,name:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,defaultValue:l.default_value.replace(/[^0-9]/g,""),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:"numeric",pattern:`${l.is_negative}`?"-?[0-9]*":"[0-9]*"},InputProps:{startAdornment:/* @__PURE__ */e.jsx(a.default,{position:"start",sx:{display:"flex",alignItems:"center",justifyContent:"center",borderRight:"1px solid rgba(0, 0, 0, 0.23)",width:50,height:"100%",borderBottomLeftRadius:4,borderTopLeftRadius:4},children:null!==l.currencyType?l.currencyType:"-"})},error:Boolean(null==(u=n.error)?void 0:u.message),helperText:(null==(i=n.error)?void 0:i.message)||"",onBlur:r.onBlur,onChange:e=>{const t=e.target.value.replace(/[^0-9]/g,"");r.onChange(t)}})}});n.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,currencyType:l.default.string},exports.default=n;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-currency-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-currency-input.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment } from \"@mui/material\";\nconst DynamicCurrency = (props: any) => {\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                    defaultValue={props.default_value.replace(/[^0-9]/g, \"\")}\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: 'numeric',\n                        pattern : `${props.is_negative}` ? '-?[0-9]*' : '[0-9]*' , \n                        \n                    }}\n                    InputProps={{\n                        startAdornment: (\n                            <InputAdornment\n                                position=\"start\"\n                                sx={{\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                    borderRight: '1px solid rgba(0, 0, 0, 0.23)',\n                                    width: 50,\n                                    height: '100%',\n                                    borderBottomLeftRadius: 4, \n                                    borderTopLeftRadius: 4,\n                                }}\n                            >\n                                {(props.currencyType !== null ? props.currencyType  :  \"-\")}\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                    const numericValue = e.target.value.replace(/[^0-9]/g , \"\");\n                    field.onChange(numericValue)\n                 }}\n                />\n            )}\n        />\n    )\n}\nDynamicCurrency.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    currencyType :PropTypes.string ,\n \n}\nexport default DynamicCurrency;\n\n\n\n"],"names":["DynamicCurrency","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","fullWidth","label","defaultValue","default_value","replace","placeholder","multiline","is_multiline","disabled","required","is_required","inputProps","step","float_step","min","min_length","max","max_length","inputMode","pattern","is_negative","InputProps","startAdornment","InputAdornment","position","sx","display","alignItems","justifyContent","borderRight","width","height","borderBottomLeftRadius","borderTopLeftRadius","children","currencyType","error","Boolean","_a","message","helperText","_b","onBlur","onChange","e","numericValue","target","value","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node","bool","number","formType"],"mappings":"0RAIA,MAAMA,EAAmBC,kBAEjBC,EAAAA,IAACC,EAAAA,WAAA,CACGC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAOC;AACdR,OAAAA,EAAAA,IAACS,EAAAA,QAAA,IACOF,EACJH,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCM,WAAS,EACTC,MAAOZ,EAAMY,MACbC,aAAcb,EAAMc,cAAcC,QAAQ,UAAW,IACrDC,YAAahB,EAAMgB,YACnBC,UAAWjB,EAAMkB,eAAgB,EACjCC,SAAUnB,EAAMmB,SAChBC,SAAUpB,EAAMqB,YAChBC,WAAY,CACRC,YAAMvB,WAAOwB,aAAc,IAC3BC,IAAMzB,EAAM0B,YAAe,EAC3BC,IAAM3B,EAAM4B,YAAc,IAC1BC,UAAW,UACXC,QAAU,GAAG9B,EAAM+B,cAAgB,WAAa,UAGpDC,WAAY,CACRC,8BACIhC,EAAAA,IAACiC,EAAAA,eAAA,CACGC,SAAS,QACTC,GAAI,CACAC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,YAAa,gCACbC,MAAO,GACPC,OAAQ,OACRC,uBAAwB,EACxBC,oBAAqB,GAGvBC,SAAuB,OAAvB7C,EAAM8C,aAAwB9C,EAAM8C,aAAiB,OAMnEC,MAAOC,QAAQ,OAAAC,EAAAxC,EAAWsC,gBAAOG,SACjCC,YAAY,OAAAC,EAAA3C,EAAWsC,YAAX,EAAAK,EAAkBF,UAAW,GACzCG,OAAU7C,EAAM6C,OACnBC,SAAYC,IACT,MAAMC,EAAeD,EAAEE,OAAOC,MAAM3C,QAAQ,UAAY,IACxDP,EAAM8C,SAASE,SAOnCzD,EAAgB4D,UAAY,CACxBvD,YAAawD,EAAAA,QAAUC,MAAM,CACzBC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC9BA,WACHnD,aAAc+C,EAAAA,QAAUQ,OACxB/D,KAAMuD,EAAAA,QAAUQ,OAAOJ,WACvBpD,MAAOgD,EAAAA,QAAUS,KAAKL,WACtB1D,eAAgBsD,EAAAA,QAAUQ,OAC1BhD,SAAUwC,EAAAA,QAAUU,KACpBpD,aAAc0C,EAAAA,QAAUU,KACxB7C,IAAKmC,EAAAA,QAAUW,OACf5C,IAAKiC,EAAAA,QAAUW,OACf7C,WAAYkC,EAAAA,QAAUW,OACtB3C,WAAYgC,EAAAA,QAAUW,OACtB/C,WAAYoC,EAAAA,QAAUQ,OACtBjC,SAAUyB,EAAAA,QAAUW,OACpBC,SAAUZ,EAAAA,QAAUQ,OACpBjD,SAAUyC,EAAAA,QAAUU,KACpBtC,WAAY4B,EAAAA,QAAUO,OACtBnD,YAAc4C,EAAAA,QAAUQ,OACxBtB,aAAcc,EAAAA,QAAUQ"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-currency-input.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport TextField from \"../../../text-field/text-field\";\nimport PropTypes from \"prop-types\"\nimport { InputAdornment } from \"@mui/material\";\nconst DynamicCurrency = (props: any) => {\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                    defaultValue={props.default_value.replace(/[^0-9]/g, \"\")}\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: 'numeric',\n                        pattern : `${props.is_negative}` ? '-?[0-9]*' : '[0-9]*' , \n                        \n                    }}\n                    InputProps={{\n                        startAdornment: (\n                            <InputAdornment\n                                position=\"start\"\n                                sx={{\n                                    display: 'flex',\n                                    alignItems: 'center',\n                                    justifyContent: 'center',\n                                    borderRight: '1px solid rgba(0, 0, 0, 0.23)',\n                                    width: 50,\n                                    height: '100%',\n                                    borderBottomLeftRadius: 4, \n                                    borderTopLeftRadius: 4,\n                                }}\n                            >\n                                {(props.currencyType !== null ? props.currencyType  :  \"-\")}\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                    const numericValue = e.target.value.replace(/[^0-9]/g , \"\");\n                    field.onChange(numericValue)\n                 }}\n                />\n            )}\n        />\n    )\n}\nDynamicCurrency.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    currencyType :PropTypes.string ,\n \n}\nexport default DynamicCurrency;\n\n\n\n"],"names":["DynamicCurrency","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","fullWidth","label","defaultValue","default_value","replace","placeholder","multiline","is_multiline","disabled","required","is_required","inputProps","step","float_step","min","min_length","max","max_length","inputMode","pattern","is_negative","InputProps","startAdornment","InputAdornment","position","sx","display","alignItems","justifyContent","borderRight","width","height","borderBottomLeftRadius","borderTopLeftRadius","children","currencyType","error","Boolean","_a","message","helperText","_b","onBlur","onChange","e","numericValue","target","value","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node","bool","number","formType"],"mappings":"6VAIA,MAAMA,EAAmBC,kBAEjBC,EAAAA,IAACC,EAAAA,WAAA,CACGC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAOC;AACdR,OAAAA,EAAAA,IAACS,EAAAA,QAAA,IACOF,EACJH,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCM,WAAS,EACTC,MAAOZ,EAAMY,MACbC,aAAcb,EAAMc,cAAcC,QAAQ,UAAW,IACrDC,YAAahB,EAAMgB,YACnBC,UAAWjB,EAAMkB,eAAgB,EACjCC,SAAUnB,EAAMmB,SAChBC,SAAUpB,EAAMqB,YAChBC,WAAY,CACRC,YAAMvB,WAAOwB,aAAc,IAC3BC,IAAMzB,EAAM0B,YAAe,EAC3BC,IAAM3B,EAAM4B,YAAc,IAC1BC,UAAW,UACXC,QAAU,GAAG9B,EAAM+B,cAAgB,WAAa,UAGpDC,WAAY,CACRC,8BACIhC,EAAAA,IAACiC,EAAAA,QAAA,CACGC,SAAS,QACTC,GAAI,CACAC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,YAAa,gCACbC,MAAO,GACPC,OAAQ,OACRC,uBAAwB,EACxBC,oBAAqB,GAGvBC,SAAuB,OAAvB7C,EAAM8C,aAAwB9C,EAAM8C,aAAiB,OAMnEC,MAAOC,QAAQ,OAAAC,EAAAxC,EAAWsC,gBAAOG,SACjCC,YAAY,OAAAC,EAAA3C,EAAWsC,YAAX,EAAAK,EAAkBF,UAAW,GACzCG,OAAU7C,EAAM6C,OACnBC,SAAYC,IACT,MAAMC,EAAeD,EAAEE,OAAOC,MAAM3C,QAAQ,UAAY,IACxDP,EAAM8C,SAASE,SAOnCzD,EAAgB4D,UAAY,CACxBvD,YAAawD,EAAAA,QAAUC,MAAM,CACzBC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC9BA,WACHnD,aAAc+C,EAAAA,QAAUQ,OACxB/D,KAAMuD,EAAAA,QAAUQ,OAAOJ,WACvBpD,MAAOgD,EAAAA,QAAUS,KAAKL,WACtB1D,eAAgBsD,EAAAA,QAAUQ,OAC1BhD,SAAUwC,EAAAA,QAAUU,KACpBpD,aAAc0C,EAAAA,QAAUU,KACxB7C,IAAKmC,EAAAA,QAAUW,OACf5C,IAAKiC,EAAAA,QAAUW,OACf7C,WAAYkC,EAAAA,QAAUW,OACtB3C,WAAYgC,EAAAA,QAAUW,OACtB/C,WAAYoC,EAAAA,QAAUQ,OACtBjC,SAAUyB,EAAAA,QAAUW,OACpBC,SAAUZ,EAAAA,QAAUQ,OACpBjD,SAAUyC,EAAAA,QAAUU,KACpBtC,WAAY4B,EAAAA,QAAUO,OACtBnD,YAAc4C,EAAAA,QAAUQ,OACxBtB,aAAcc,EAAAA,QAAUQ"}

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

@@ -1,10 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import CloseIcon from "@mui/icons-material/Close";
-import { Grid, Box } from "@mui/material";
+import default_1 from "../../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { useDrag, useDrop } from "react-dnd";
 /* empty css                        */
 import { images } from "../../../../../images/index.esm.js";
+import Grid from "../../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
+import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const DynamicElementHOC = (props) => {
   var _a, _b, _c, _d;
   const [, ref] = useDrag({
@@ -45,7 +46,7 @@ const DynamicElementHOC = (props) => {
             }
           ),
           ((_d = (_c = props == null ? void 0 : props.children) == null ? void 0 : _c.props) == null ? void 0 : _d.typeOfField) === "custom" && /* @__PURE__ */ jsx(
-            CloseIcon,
+            default_1,
             {
               style: { fontSize: "1rem", color: "#656669" },
               onClick: () => {

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

@@ -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":[],"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,YAAC;AAAA,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;"}
+{"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;"}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                                                  */n=require("@mui/icons-material/Close"),t=require("@mui/material"),r=require("react-dnd");;/* empty css                     */var i=;/* empty css                           */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */d(n);const s=l=>{var n,d,s,o;const[,a]=r.useDrag({type:"element",item:{index:l.index}}),[,c]=r.useDrop({accept:"element",hover:e=>{const n=e.index,t=l.index;t!==n&&l.swap(n,t)},drop:()=>{l.elementSwap()}}),m=l.activeIndex?"form-element-wrapper--Active":"form-element-wrapper--Element",p="custom"===(null==(d=null==(n=null==l?void 0:l.children)?void 0:n.props)?void 0:d.typeOfField)?"":"form-element-wrapper--Default";/* @__PURE__ */
-return e.jsxs(t.Grid,{item:!0,xs:(null==l||l.element,12),className:`${m} ${p}`,ref:e=>c(a(e)),children:[
-/* @__PURE__ */e.jsx(t.Box,{sx:{width:"100%"},onClick:l.onClick,children:l.children}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                                                  */n=,/* empty css                                                           */i=require("react-dnd");;/* empty css                     */var r=,/* empty css                           */t=,/* empty css                                                         */d=;/* empty css                                                       */const u=l=>{var u,s,o,a;const[,m]=i.useDrag({type:"element",item:{index:l.index}}),[,c]=i.useDrop({accept:"element",hover:e=>{const n=e.index,i=l.index;i!==n&&l.swap(n,i)},drop:()=>{l.elementSwap()}}),p=l.activeIndex?"form-element-wrapper--Active":"form-element-wrapper--Element",f="custom"===(null==(s=null==(u=null==l?void 0:l.children)?void 0:u.props)?void 0:s.typeOfField)?"":"form-element-wrapper--Default";/* @__PURE__ */
+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:i.images.duplicate,onClick:()=>l.handleDuplicate(l.index)}),"custom"===(null==(o=null==(s=null==l?void 0:l.children)?void 0:s.props)?void 0:o.typeOfField)&&/* @__PURE__ */e.jsx(u.default,{style:{fontSize:"1rem",color:"#656669"},onClick:()=>{l.removeElement(l.index),l.setElementHoc()}})]})]})};s.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=s;
+/* @__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;
 //# sourceMappingURL=index.js.map

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

@@ -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":"ybAQA,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,KAAA,CACCnB,MAAI,EACJoB,IAAI,MAAAxB,GAAAA,EAAOyB,QAAsB,IACjCC,UAAW,GAAGX,KAAmBE,IACjChB,IAAM0B,GAASrB,EAAKL,EAAI0B,IAExBP,SAAA;iBAAAQ,IAACC,EAAAA,IAAA,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"}
+{"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"}

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

@@ -2,9 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import TextField from "../../../../text-field/text-field/index.esm.js";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import { InputAdornment, Select, MenuItem } from "@mui/material";
 import { useState } from "react";
-import KeyboardArrowDownOutlinedIcon from "@mui/icons-material/KeyboardArrowDownOutlined";
+import default_1 from "../../../../../node_modules/@mui/icons-material/KeyboardArrowDownOutlined/index.esm.js";
+import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import Select from "../../../../../node_modules/@mui/material/Select/Select/index.esm.js";
+import MenuItem from "../../../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 const DynamicInputSelect = (props) => {
   const [defaultOption, setSelectOption] = useState(props.options[0].value);
   const handleOptionChange = (event) => {
@@ -83,7 +85,7 @@ const DynamicInputSelect = (props) => {
                       },
                       variant: "standard",
                       disableUnderline: true,
-                      IconComponent: KeyboardArrowDownOutlinedIcon,
+                      IconComponent: default_1,
                       children: (_a = props.options) == null ? void 0 : _a.map((item, index) => /* @__PURE__ */ jsx(
                         MenuItem,
                         {

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

@@ -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":[],"mappings":"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"}
+{"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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"}

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

@@ -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"),o=require("../../../../../node_modules/prop-types/index/index.js"),l=require("@mui/material"),a=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */n(require("@mui/icons-material/KeyboardArrowDownOutlined"));const i=o=>{const[n,i]=a.useState(o.options[0].value),d=e=>{i(e.target.value)};/* @__PURE__ */
-return e.jsx(r.Controller,{control:o.formControl,name:`${o.fieldArrayName}.${o.name}`,render:({field:r,fieldState:a})=>{var i,s,f;/* @__PURE__ */
-return e.jsx(t.default,{...r,name:`${o.fieldArrayName}.${o.name}`,fullWidth:!0,label:o.label,placeholder:o.placeholder,multiline:o.is_multiline||!1,disabled:o.disabled,required:o.is_required,inputProps:{step:(null==o?void 0:o.float_step)||"0",min:o.min_length||0,max:o.max_length||1e3,inputMode:"string"},InputProps:{endAdornment:/* @__PURE__ */e.jsx(l.InputAdornment,{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(l.Select,{value:n,onChange:d,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:u.default,children:null==(i=o.options)?void 0:i.map((r,t)=>/* @__PURE__ */e.jsx(l.MenuItem,{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==(s=a.error)?void 0:s.message),helperText:(null==(f=a.error)?void 0:f.message)||"",onBlur:r.onBlur,onChange:e=>{r.onChange(e.target.value)}})}})};i.propTypes={formControl:o.default.shape({register:o.default.func.isRequired,setValue:o.default.func,_formState:o.default.object.isRequired}).isRequired,defaultValue:o.default.string,name:o.default.string.isRequired,label:o.default.node.isRequired,fieldArrayName:o.default.string,required:o.default.bool,is_multiline:o.default.bool,min:o.default.number,max:o.default.number,min_length:o.default.number,max_length:o.default.number,float_step:o.default.string,position:o.default.number,formType:o.default.string,disabled:o.default.bool,InputProps:o.default.object,placeholder:o.default.string},exports.default=i;
+"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__ */
+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;
 //# sourceMappingURL=index.js.map

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

@@ -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":"scAMA,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,eAAA,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,OAAA,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,SAAA,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"}
+{"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"}

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

@@ -2,11 +2,9 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import { useWatch, useFormContext, Controller } from "react-hook-form";
 import { dynamicSelectAdd } from "../select-configuration/index.esm.js";
-import { MenuItem, Box, CircularProgress, OutlinedInput, InputAdornment, IconButton, Divider } from "@mui/material";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 import { sortBy, debounce } from "lodash";
 import { useTranslation } from "react-i18next";
-import { Close, Add } from "@mui/icons-material";
 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";
@@ -15,6 +13,15 @@ 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                        */
+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 CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
+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 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,