npm - @erpsquad/common - Versions diffs - 1.8.44 → 1.8.46 - Mend

@erpsquad/common 1.8.44 → 1.8.46

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 (1448) hide show

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

@@ -3,7 +3,7 @@ import React__default from "react";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 /* empty css                        */
-import UploadMedia from "../../../../upload-media/upload-media/index.esm.js";
+import { UploadMedia } from "../../../../upload-media/upload-media/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 const DynamicMedia = React__default.memo((props) => {
   return /* @__PURE__ */ jsx(
@@ -54,6 +54,7 @@ DynamicMedia.propTypes = {
   disabled: PropTypes.bool
 };
 export {
+  DynamicMedia,
   DynamicMedia as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-builder/form-builder-element/media/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/media.tsx"],"sourcesContent":["import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport UploadMedia from \"../../../upload-media/upload-media\";\nimport Typography from \"../../../typography/typography\";\n\nconst DynamicMedia = React.memo((props: any) => {\n\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <UploadMedia\n // {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n type={props.field_type}\n max_size={props?.max_size}\n disabled={props?.disabled}\n onChange={field?.onChange}\n name={props.name}\n value={field?.value \|\| props?.value}\n multiple={Boolean(props?.is_multiple)}\n />\n {error &&\n <Typography color=\"theme.error.600\" type=\"s5\">{error.message}</Typography>\n }\n </>\n )}\n />\n );\n});\n\nDynamicMedia.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiple: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n field_type: PropTypes.string,\n max_size: PropTypes.number,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport default DynamicMedia;\n"],"names":["React"],"mappings":";;;;;;;AAQA,MAAM,eAAeA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,EAAM,MACpC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,MAAM,MAAM;AAAA,YACZ,UAAU,+BAAO;AAAA,YACjB,UAAU,+BAAO;AAAA,YACjB,UAAU,+BAAO;AAAA,YACjB,MAAM,MAAM;AAAA,YACZ,QAAO,+BAAO,WAAS,+BAAO;AAAA,YAC9B,UAAU,QAAQ,+BAAO,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAErC,6BACE,YAAA,EAAW,OAAM,mBAAkB,MAAK,MAAM,gBAAM,QAAA,CAAQ;AAAA,MAAA,EAAA,CAEjE;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AACtB;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/media.tsx"],"sourcesContent":["import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport UploadMedia from \"../../../upload-media/upload-media\";\nimport Typography from \"../../../typography/typography\";\n\nconst DynamicMedia = React.memo((props: any) => {\n\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <UploadMedia\n // {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n type={props.field_type}\n max_size={props?.max_size}\n disabled={props?.disabled}\n onChange={field?.onChange}\n name={props.name}\n value={field?.value \|\| props?.value}\n multiple={Boolean(props?.is_multiple)}\n />\n {error &&\n <Typography color=\"theme.error.600\" type=\"s5\">{error.message}</Typography>\n }\n </>\n )}\n />\n );\n});\n\nDynamicMedia.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiple: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n field_type: PropTypes.string,\n max_size: PropTypes.number,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport { DynamicMedia };\nexport default DynamicMedia;\n"],"names":["React"],"mappings":";;;;;;;AAQA,MAAM,eAAeA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,EAAM,MACpC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,MAAM,MAAM;AAAA,YACZ,UAAU,+BAAO;AAAA,YACjB,UAAU,+BAAO;AAAA,YACjB,UAAU,+BAAO;AAAA,YACjB,MAAM,MAAM;AAAA,YACZ,QAAO,+BAAO,WAAS,+BAAO;AAAA,YAC9B,UAAU,QAAQ,+BAAO,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAErC,6BACE,YAAA,EAAW,OAAM,mBAAkB,MAAK,MAAM,gBAAM,QAAA,CAAQ;AAAA,MAAA,EAAA,CAEjE;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AACtB;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-hook-form"),a=;/* empty css                                                  */;/* empty css                     */var t=,/* empty css                                           */i=;/* empty css                                       */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=/* @__PURE__ */d(r).default.memo(r=>/* @__PURE__ */e.jsx(l.Controller,{control:r.formControl,name:`${r.fieldArrayName}.${r.name}`,render:({field:l,fieldState:{error:a}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(t.default,{dataPosition:r.position,dataName:`${r.fieldArrayName}.${r.name}`,label:r.label,required:"builder"!==r.formType&&r.required,type:r.field_type,max_size:null==r?void 0:r.max_size,disabled:null==r?void 0:r.disabled,onChange:null==l?void 0:l.onChange,name:r.name,value:(null==l?void 0:l.value)||(null==r?void 0:r.value),multiple:Boolean(null==r?void 0:r.is_multiple)}),a&&/* @__PURE__ */e.jsx(i.Typography,{color:"theme.error.600",type:"s5",children:a.message})]})}));u.propTypes={formControl:a.default.shape({register:a.default.func.isRequired,setValue:a.default.func}).isRequired,name:a.default.string.isRequired,label:a.default.string.isRequired,fieldArrayName:a.default.string,required:a.default.bool,is_multiple:a.default.bool,position:a.default.number,formType:a.default.string,placeholder:a.default.string,default_value:a.default.string,type:a.default.string,field_type:a.default.string,max_size:a.default.number,typeOfField:a.default.string,disabled:a.default.bool},exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-hook-form"),a=;/* empty css                                                  */;/* empty css                     */var i=,/* empty css                                           */t=;/* empty css                                       */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=/* @__PURE__ */d(r).default.memo(r=>/* @__PURE__ */e.jsx(l.Controller,{control:r.formControl,name:`${r.fieldArrayName}.${r.name}`,render:({field:l,fieldState:{error:a}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(i.UploadMedia,{dataPosition:r.position,dataName:`${r.fieldArrayName}.${r.name}`,label:r.label,required:"builder"!==r.formType&&r.required,type:r.field_type,max_size:null==r?void 0:r.max_size,disabled:null==r?void 0:r.disabled,onChange:null==l?void 0:l.onChange,name:r.name,value:(null==l?void 0:l.value)||(null==r?void 0:r.value),multiple:Boolean(null==r?void 0:r.is_multiple)}),a&&/* @__PURE__ */e.jsx(t.Typography,{color:"theme.error.600",type:"s5",children:a.message})]})}));u.propTypes={formControl:a.default.shape({register:a.default.func.isRequired,setValue:a.default.func}).isRequired,name:a.default.string.isRequired,label:a.default.string.isRequired,fieldArrayName:a.default.string,required:a.default.bool,is_multiple:a.default.bool,position:a.default.number,formType:a.default.string,placeholder:a.default.string,default_value:a.default.string,type:a.default.string,field_type:a.default.string,max_size:a.default.number,typeOfField:a.default.string,disabled:a.default.bool},exports.DynamicMedia=u,exports.default=u;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/media.tsx"],"sourcesContent":["import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport UploadMedia from \"../../../upload-media/upload-media\";\nimport Typography from \"../../../typography/typography\";\n\nconst DynamicMedia = React.memo((props: any) => {\n\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <UploadMedia\n // {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n type={props.field_type}\n max_size={props?.max_size}\n disabled={props?.disabled}\n onChange={field?.onChange}\n name={props.name}\n value={field?.value \|\| props?.value}\n multiple={Boolean(props?.is_multiple)}\n />\n {error &&\n <Typography color=\"theme.error.600\" type=\"s5\">{error.message}</Typography>\n }\n </>\n )}\n />\n );\n});\n\nDynamicMedia.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiple: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n field_type: PropTypes.string,\n max_size: PropTypes.number,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport default DynamicMedia;\n"],"names":["DynamicMedia","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","error","jsxs","Fragment","children","UploadMedia","dataPosition","position","dataName","label","required","formType","type","field_type","max_size","disabled","onChange","value","multiple","Boolean","is_multiple","Typography","color","message","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","placeholder","default_value","typeOfField"],"mappings":"8bAQA,MAAMA,sBAAeC,QAAMC,KAAMC,kBAG7BC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAOC,YAAcC,2BAC9BC,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAZ,EAAAA,IAACa,EAAAA,~~QAAA~~,CAECC,aAAcf,EAAMgB,SACpBC,SAAU,GAAGjB,EAAMM,kBAAkBN,EAAMK,OAC3Ca,MAAOlB,EAAMkB,MACbC,SAA6B,YAAnBnB,EAAMoB,UAAiCpB,EAAMmB,SACvDE,KAAMrB,EAAMsB,WACZC,SAAU,MAAAvB,OAAA,EAAAA,EAAOuB,SACjBC,SAAU,MAAAxB,OAAA,EAAAA,EAAOwB,SACjBC,SAAU,MAAAjB,OAAA,EAAAA,EAAOiB,SACjBpB,KAAML,EAAMK,KACZqB,OAAO,MAAAlB,OAAA,EAAAA,EAAOkB,SAAS,MAAA1B,OAAA,EAAAA,EAAO0B,OAC9BC,SAAUC,QAAQ,MAAA5B,OAAA,EAAAA,EAAO6B,eAE1BnB,wBACEoB,aAAA,CAAWC,MAAM,kBAAkBV,KAAK,KAAMR,WAAMmB,gBAQjEnC,EAAaoC,UAAY,CACvB7B,YAAa8B,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACHjC,KAAM6B,EAAAA,QAAUM,OAAOF,WACvBpB,MAAOgB,EAAAA,QAAUM,OAAOF,WACxBhC,eAAgB4B,EAAAA,QAAUM,OAC1BrB,SAAUe,EAAAA,QAAUO,KACpBZ,YAAaK,EAAAA,QAAUO,KACvBzB,SAAUkB,EAAAA,QAAUQ,OACpBtB,SAAUc,EAAAA,QAAUM,OACpBG,YAAaT,EAAAA,QAAUM,OACvBI,cAAeV,EAAAA,QAAUM,OACzBnB,KAAMa,EAAAA,QAAUM,OAChBlB,WAAYY,EAAAA,QAAUM,OACtBjB,SAAUW,EAAAA,QAAUQ,OACpBG,YAAaX,EAAAA,QAAUM,OACvBhB,SAAUU,EAAAA,QAAUO"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/media.tsx"],"sourcesContent":["import React from \"react\";\nimport { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport UploadMedia from \"../../../upload-media/upload-media\";\nimport Typography from \"../../../typography/typography\";\n\nconst DynamicMedia = React.memo((props: any) => {\n\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <UploadMedia\n // {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n type={props.field_type}\n max_size={props?.max_size}\n disabled={props?.disabled}\n onChange={field?.onChange}\n name={props.name}\n value={field?.value \|\| props?.value}\n multiple={Boolean(props?.is_multiple)}\n />\n {error &&\n <Typography color=\"theme.error.600\" type=\"s5\">{error.message}</Typography>\n }\n </>\n )}\n />\n );\n});\n\nDynamicMedia.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n is_multiple: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n field_type: PropTypes.string,\n max_size: PropTypes.number,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport { DynamicMedia };\nexport default DynamicMedia;\n"],"names":["DynamicMedia","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","error","jsxs","Fragment","children","UploadMedia","dataPosition","position","dataName","label","required","formType","type","field_type","max_size","disabled","onChange","value","multiple","Boolean","is_multiple","Typography","color","message","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","placeholder","default_value","typeOfField"],"mappings":"8bAQA,MAAMA,sBAAeC,QAAMC,KAAMC,kBAG7BC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAOC,YAAcC,2BAC9BC,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAZ,EAAAA,IAACa,EAAAA,YAAA,CAECC,aAAcf,EAAMgB,SACpBC,SAAU,GAAGjB,EAAMM,kBAAkBN,EAAMK,OAC3Ca,MAAOlB,EAAMkB,MACbC,SAA6B,YAAnBnB,EAAMoB,UAAiCpB,EAAMmB,SACvDE,KAAMrB,EAAMsB,WACZC,SAAU,MAAAvB,OAAA,EAAAA,EAAOuB,SACjBC,SAAU,MAAAxB,OAAA,EAAAA,EAAOwB,SACjBC,SAAU,MAAAjB,OAAA,EAAAA,EAAOiB,SACjBpB,KAAML,EAAMK,KACZqB,OAAO,MAAAlB,OAAA,EAAAA,EAAOkB,SAAS,MAAA1B,OAAA,EAAAA,EAAO0B,OAC9BC,SAAUC,QAAQ,MAAA5B,OAAA,EAAAA,EAAO6B,eAE1BnB,wBACEoB,aAAA,CAAWC,MAAM,kBAAkBV,KAAK,KAAMR,WAAMmB,gBAQjEnC,EAAaoC,UAAY,CACvB7B,YAAa8B,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACHjC,KAAM6B,EAAAA,QAAUM,OAAOF,WACvBpB,MAAOgB,EAAAA,QAAUM,OAAOF,WACxBhC,eAAgB4B,EAAAA,QAAUM,OAC1BrB,SAAUe,EAAAA,QAAUO,KACpBZ,YAAaK,EAAAA,QAAUO,KACvBzB,SAAUkB,EAAAA,QAAUQ,OACpBtB,SAAUc,EAAAA,QAAUM,OACpBG,YAAaT,EAAAA,QAAUM,OACvBI,cAAeV,EAAAA,QAAUM,OACzBnB,KAAMa,EAAAA,QAAUM,OAChBlB,WAAYY,EAAAA,QAAUM,OACtBjB,SAAUW,EAAAA,QAAUQ,OACpBG,YAAaX,EAAAA,QAAUM,OACvBhB,SAAUU,EAAAA,QAAUO"}

package/dist/components/form-control/form-builder/form-builder-element/media.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
 declare const DynamicMedia: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+export { DynamicMedia };
 export default DynamicMedia;

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 /* empty css                        */
-import PhoneInput from "../../../../phone-input/phone-input/index.esm.js";
+import { PhoneInput } from "../../../../phone-input/phone-input/index.esm.js";
 import { memo } from "react";
 const DynamicPhone = memo((props) => {
   return /* @__PURE__ */ jsx(
@@ -52,6 +52,7 @@ DynamicPhone.propTypes = {
   setCountryCodeField: PropTypes.func
 };
 export {
+  DynamicPhone,
   DynamicPhone as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/form-control/form-builder/form-builder-element/phone/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/phone.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport PhoneInput from \"../../../phone-input/phone-input\";\nimport { memo } from \"react\";\n\nconst DynamicPhone = memo((props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field,fieldState }) => (\n <PhoneInput\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n placeholder={props.placeholder}\n default_value={props.default_value}\n onChange={(val) => field.onChange(val)}\n error={Boolean(fieldState.error?.message)}\n disabled={props.disabled}\n helperText={fieldState.error?.message \|\| \"\"}\n setCountryCodeField={props.setCountryCodeField}\n />\n )}\n />\n );\n});\n\nDynamicPhone.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n setCountryCodeField: PropTypes.func,\n};\n\nexport default DynamicPhone;\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,eAAe,KAAK,CAAC,UAAe;AACxC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAM,iBAAW;;AAC1B;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,aAAa,MAAM;AAAA,YACnB,eAAe,MAAM;AAAA,YACrB,UAAU,CAAC,QAAQ,MAAM,SAAS,GAAG;AAAA,YACrC,OAAO,SAAQ,gBAAW,UAAX,mBAAkB,OAAO;AAAA,YACxC,UAAU,MAAM;AAAA,YAChB,cAAY,gBAAW,UAAX,mBAAkB,YAAW;AAAA,YACzC,qBAAqB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,IAC7B;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,qBAAqB,UAAU;AACjC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/phone.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport PhoneInput from \"../../../phone-input/phone-input\";\nimport { memo } from \"react\";\n\nconst DynamicPhone = memo((props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field,fieldState }) => (\n <PhoneInput\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n placeholder={props.placeholder}\n default_value={props.default_value}\n onChange={(val) => field.onChange(val)}\n error={Boolean(fieldState.error?.message)}\n disabled={props.disabled}\n helperText={fieldState.error?.message \|\| \"\"}\n setCountryCodeField={props.setCountryCodeField}\n />\n )}\n />\n );\n});\n\nDynamicPhone.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n setCountryCodeField: PropTypes.func,\n};\n\nexport { DynamicPhone };\nexport default DynamicPhone;\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,eAAe,KAAK,CAAC,UAAe;AACxC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,OAAM,iBAAW;;AAC1B;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,aAAa,MAAM;AAAA,YACnB,eAAe,MAAM;AAAA,YACrB,UAAU,CAAC,QAAQ,MAAM,SAAS,GAAG;AAAA,YACrC,OAAO,SAAQ,gBAAW,UAAX,mBAAkB,OAAO;AAAA,YACxC,UAAU,MAAM;AAAA,YAChB,cAAY,gBAAW,UAAX,mBAAkB,YAAW;AAAA,YACzC,qBAAqB,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,IAC7B;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,MAAM,UAAU;AAAA,EAChB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,qBAAqB,UAAU;AACjC;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),l=;/* empty css                                                  */;/* empty css                     */var t=;/* empty css                                         */const a=require("react").memo(l=>/* @__PURE__ */e.jsx(r.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:r,fieldState:a})=>{var d,i;/* @__PURE__ */
-return e.jsx(t.default,{...r,dataPosition:l.position,dataName:`${l.fieldArrayName}.${l.name}`,label:l.label,required:"builder"!==l.formType&&l.required,placeholder:l.placeholder,default_value:l.default_value,onChange:e=>r.onChange(e),error:Boolean(null==(d=a.error)?void 0:d.message),disabled:l.disabled,helperText:(null==(i=a.error)?void 0:i.message)||"",setCountryCodeField:l.setCountryCodeField})}}));a.propTypes={formControl:l.default.shape({register:l.default.func.isRequired,setValue:l.default.func}).isRequired,name:l.default.string.isRequired,label:l.default.string.isRequired,fieldArrayName:l.default.string,required:l.default.bool,position:l.default.number,formType:l.default.string,placeholder:l.default.string,default_value:l.default.string,type:l.default.string,typeOfField:l.default.string,disabled:l.default.bool,setCountryCodeField:l.default.func},exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),t=;/* empty css                                                  */;/* empty css                     */var l=;/* empty css                                         */const a=require("react").memo(t=>/* @__PURE__ */e.jsx(r.Controller,{control:t.formControl,name:`${t.fieldArrayName}.${t.name}`,render:({field:r,fieldState:a})=>{var d,o;/* @__PURE__ */
+return e.jsx(l.PhoneInput,{...r,dataPosition:t.position,dataName:`${t.fieldArrayName}.${t.name}`,label:t.label,required:"builder"!==t.formType&&t.required,placeholder:t.placeholder,default_value:t.default_value,onChange:e=>r.onChange(e),error:Boolean(null==(d=a.error)?void 0:d.message),disabled:t.disabled,helperText:(null==(o=a.error)?void 0:o.message)||"",setCountryCodeField:t.setCountryCodeField})}}));a.propTypes={formControl:t.default.shape({register:t.default.func.isRequired,setValue:t.default.func}).isRequired,name:t.default.string.isRequired,label:t.default.string.isRequired,fieldArrayName:t.default.string,required:t.default.bool,position:t.default.number,formType:t.default.string,placeholder:t.default.string,default_value:t.default.string,type:t.default.string,typeOfField:t.default.string,disabled:t.default.bool,setCountryCodeField:t.default.func},exports.DynamicPhone=a,exports.default=a;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/phone.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport PhoneInput from \"../../../phone-input/phone-input\";\nimport { memo } from \"react\";\n\nconst DynamicPhone = memo((props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field,fieldState }) => (\n <PhoneInput\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n placeholder={props.placeholder}\n default_value={props.default_value}\n onChange={(val) => field.onChange(val)}\n error={Boolean(fieldState.error?.message)}\n disabled={props.disabled}\n helperText={fieldState.error?.message \|\| \"\"}\n setCountryCodeField={props.setCountryCodeField}\n />\n )}\n />\n );\n});\n\nDynamicPhone.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n setCountryCodeField: PropTypes.func,\n};\n\nexport default DynamicPhone;\n"],"names":["DynamicPhone","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","PhoneInput","dataPosition","position","dataName","label","required","formType","placeholder","default_value","onChange","val","error","Boolean","_a","message","disabled","helperText","_b","setCountryCodeField","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","type","typeOfField"],"mappings":"ySAOA,MAAMA,mBAAeC,KAAMC,kBAEvBC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAMC;AACfR,OAAAA,EAAAA,IAACS,EAAAA,~~QAAA~~,IACKF,EACJG,aAAcX,EAAMY,SACpBC,SAAU,GAAGb,EAAMM,kBAAkBN,EAAMK,OAC3CS,MAAOd,EAAMc,MACbC,SAA6B,YAAnBf,EAAMgB,UAAiChB,EAAMe,SACvDE,YAAajB,EAAMiB,YACnBC,cAAelB,EAAMkB,cACrBC,SAAWC,GAAQZ,EAAMW,SAASC,GAClCC,MAAOC,QAAQ,OAAAC,EAAAd,EAAWY,gBAAOG,SACjCC,SAAUzB,EAAMyB,SAChBC,YAAY,OAAAC,EAAAlB,EAAWY,YAAX,EAAAM,EAAkBH,UAAW,GACzCI,oBAAqB5B,EAAM4B,0BAOrC9B,EAAa+B,UAAY,CACvBzB,YAAa0B,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACH7B,KAAMyB,EAAAA,QAAUM,OAAOF,WACvBpB,MAAOgB,EAAAA,QAAUM,OAAOF,WACxB5B,eAAgBwB,EAAAA,QAAUM,OAC1BrB,SAAUe,EAAAA,QAAUO,KACpBzB,SAAUkB,EAAAA,QAAUQ,OACpBtB,SAAUc,EAAAA,QAAUM,OACpBnB,YAAaa,EAAAA,QAAUM,OACvBlB,cAAeY,EAAAA,QAAUM,OACzBG,KAAMT,EAAAA,QAAUM,OAChBI,YAAaV,EAAAA,QAAUM,OACvBX,SAAUK,EAAAA,QAAUO,KACpBT,oBAAqBE,EAAAA,QAAUG"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/phone.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport PhoneInput from \"../../../phone-input/phone-input\";\nimport { memo } from \"react\";\n\nconst DynamicPhone = memo((props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field,fieldState }) => (\n <PhoneInput\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n required={props.formType === \"builder\" ? false : props.required}\n placeholder={props.placeholder}\n default_value={props.default_value}\n onChange={(val) => field.onChange(val)}\n error={Boolean(fieldState.error?.message)}\n disabled={props.disabled}\n helperText={fieldState.error?.message \|\| \"\"}\n setCountryCodeField={props.setCountryCodeField}\n />\n )}\n />\n );\n});\n\nDynamicPhone.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n required: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n placeholder: PropTypes.string,\n default_value: PropTypes.string,\n type: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n setCountryCodeField: PropTypes.func,\n};\n\nexport { DynamicPhone };\nexport default DynamicPhone;\n"],"names":["DynamicPhone","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","PhoneInput","dataPosition","position","dataName","label","required","formType","placeholder","default_value","onChange","val","error","Boolean","_a","message","disabled","helperText","_b","setCountryCodeField","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","type","typeOfField"],"mappings":"ySAOA,MAAMA,mBAAeC,KAAMC,kBAEvBC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,QAAMC;AACfR,OAAAA,EAAAA,IAACS,EAAAA,WAAA,IACKF,EACJG,aAAcX,EAAMY,SACpBC,SAAU,GAAGb,EAAMM,kBAAkBN,EAAMK,OAC3CS,MAAOd,EAAMc,MACbC,SAA6B,YAAnBf,EAAMgB,UAAiChB,EAAMe,SACvDE,YAAajB,EAAMiB,YACnBC,cAAelB,EAAMkB,cACrBC,SAAWC,GAAQZ,EAAMW,SAASC,GAClCC,MAAOC,QAAQ,OAAAC,EAAAd,EAAWY,gBAAOG,SACjCC,SAAUzB,EAAMyB,SAChBC,YAAY,OAAAC,EAAAlB,EAAWY,YAAX,EAAAM,EAAkBH,UAAW,GACzCI,oBAAqB5B,EAAM4B,0BAOrC9B,EAAa+B,UAAY,CACvBzB,YAAa0B,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACH7B,KAAMyB,EAAAA,QAAUM,OAAOF,WACvBpB,MAAOgB,EAAAA,QAAUM,OAAOF,WACxB5B,eAAgBwB,EAAAA,QAAUM,OAC1BrB,SAAUe,EAAAA,QAAUO,KACpBzB,SAAUkB,EAAAA,QAAUQ,OACpBtB,SAAUc,EAAAA,QAAUM,OACpBnB,YAAaa,EAAAA,QAAUM,OACvBlB,cAAeY,EAAAA,QAAUM,OACzBG,KAAMT,EAAAA,QAAUM,OAChBI,YAAaV,EAAAA,QAAUM,OACvBX,SAAUK,EAAAA,QAAUO,KACpBT,oBAAqBE,EAAAA,QAAUG"}

package/dist/components/form-control/form-builder/form-builder-element/phone.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 declare const DynamicPhone: import('react').MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+export { DynamicPhone };
 export default DynamicPhone;

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

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { Controller } from "react-hook-form";
 import { Typography } from "../../../../typography/typography/index.esm.js";
-import Radio from "../../../../radio/radio/index.esm.js";
+import { Radio } from "../../../../radio/radio/index.esm.js";
 import RadioGroup from "../../../../../node_modules/@mui/material/RadioGroup/RadioGroup/index.esm.js";
 import styled from "../../../../../node_modules/@mui/material/styles/styled/index.esm.js";
 import FormControlLabel from "../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";

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

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

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

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

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

@@ -4,7 +4,7 @@ import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js
 import { Typography } from "../../../../typography/typography/index.esm.js";
 import { images } from "../../../../../images/index.esm.js";
 import React__default from "react";
-import Button from "../../../../button/button/index.esm.js";
+import { Button } from "../../../../button/button/index.esm.js";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Add/index.esm.js";
 import Grid from "../../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
@@ -112,6 +112,7 @@ DynamicSectionHOC.propTypes = {
   isFormSwitcher: PropTypes.bool
 };
 export {
+  DynamicSectionHOC,
   DynamicSectionHOC as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

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

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

package/dist/components/form-control/form-builder/form-builder-element/section.d.ts CHANGED Viewed

@@ -18,4 +18,5 @@ declare const DynamicSectionHOC: {
         isFormSwitcher: PropTypes.Requireable<boolean>;
     };
 };
+export { DynamicSectionHOC };
 export default DynamicSectionHOC;

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

@@ -2,11 +2,11 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useCallback } from "react";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-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";
 /* empty css                        */
 import { useTranslation } from "react-i18next";
 import OutlinedInput from "../../../../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
@@ -266,6 +266,7 @@ DynamicSelect.propTypes = {
   selectedLabel: PropTypes.string
 };
 export {
+  DynamicSelect,
   DynamicSelect as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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