@erpsquad/common 1.8.75 → 1.8.77

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.esm.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import Modal from "../../../../../modal/modal/index.esm.js";
+import { Modal } from "../../../../../modal/modal/index.esm.js";
 import { Typography } from "../../../../../typography/typography/index.esm.js";
-import DynamicInput from "../../text/index.esm.js";
-import Button from "../../../../../button/button/index.esm.js";
-import ModalLoader from "../../../../../loaders/modal-loader/index.esm.js";
-import Toast from "../../../../../toast/toast/index.esm.js";
+import { DynamicInput } from "../../text/index.esm.js";
+import { Button } from "../../../../../button/button/index.esm.js";
+import { ModalLoader } from "../../../../../loaders/modal-loader/index.esm.js";
+import { Toast } from "../../../../../toast/toast/index.esm.js";
 import { useTranslation } from "react-i18next";
 import default_1 from "../../../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { useForm } from "react-hook-form";

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),a=,/* empty css                                */i=,/* empty css                                          */t=,/* empty css                */l=,/* empty css                                  */n=,/* empty css                                         */r=,/* empty css                                */d=require("react-i18next"),s=,/* empty css                                                              */u=require("react-hook-form"),c=require("yup"),m=;/* empty css                                                                     */;/* empty css                                */var x=,/* empty css                          */p=,/* empty css                                                                          */j=,/* empty css                                                                        */f=,/* empty css                                                                              */h=,/* empty css                                                            */y=,/* empty css                                                                              */_=;/* empty css                                                          */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}}),o.default=e,o}var q=/* @__PURE__ */g(c);const b=q.object().shape({location_data:q.object().shape({name:q.string().required("Name is required")})});exports.default=({isOpen:c,setIsOpen:g,modalProps:q,onSave:v,isLoading:C})=>{const{t:D}=d.useTranslation(),[A,M]=o.useState(null),{control:O,handleSubmit:N,reset:S}=u.useForm({mode:"all",resolver:m.yupResolver(b)}),k=()=>{S({location_data:void 0}),g()},B=async e=>{v(null==e?void 0:e.location_data)};/* @__PURE__ */
-return e.jsxs(a.default,{open:c,onClose:k,maxWidth:"sm",fullWidth:!0,...q,children:[
-/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("form",{onSubmit:N(B),children:[C&&/* @__PURE__ */e.jsx(n.default,{}),
-/* @__PURE__ */e.jsxs(p.default,{className:"brandAddModal--DialogTitle",children:[
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:D("inventory.item.locationModal.title")}),
-/* @__PURE__ */e.jsx(j.default,{onClick:k,children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(f.default,{className:"brandAddModal--DialogContents",children:/* @__PURE__ */e.jsxs(h.default,{container:!0,rowGap:1.5,columnSpacing:3,pt:3,children:[
-/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.default,{type:"text",formControl:O,label:D("inventory.item.locationModal.location_name_label"),name:"name",fieldArrayName:"location_data",placeholder:D("inventory.item.locationModal.location_name_placeholder"),required:!0})}),
-/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.default,{type:"text",formControl:O,label:D("inventory.item.locationModal.location_code_label"),name:"short_name",fieldArrayName:"location_data",placeholder:D("inventory.item.locationModal.location_code_placeholder"),required:!0})}),
-/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(x.default,{label:D("accounting.authorize_commission.fields.company_label"),name:"company_id",placeholder:D("accounting.authorize_commission.fields.company_placeholder"),fieldArrayName:"location_data",formControl:O,apiType:"company",getSelectedData:e=>{},required:!0})})]})}),
-/* @__PURE__ */e.jsxs(y.default,{className:"brandAddModal--DialogAction",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),a=,/* empty css                                */i=,/* empty css                                          */t=,/* empty css                */n=,/* empty css                                  */l=,/* empty css                                         */r=,/* empty css                                */d=require("react-i18next"),s=,/* empty css                                                              */c=require("react-hook-form"),u=require("yup"),m=;/* empty css                                                                     */;/* empty css                                */var p=,/* empty css                          */x=,/* empty css                                                                          */j=,/* empty css                                                                        */h=,/* empty css                                                                              */y=,/* empty css                                                            */f=,/* empty css                                                                              */_=;/* empty css                                                          */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}}),o.default=e,o}var q=/* @__PURE__ */g(u);const b=q.object().shape({location_data:q.object().shape({name:q.string().required("Name is required")})});exports.default=({isOpen:u,setIsOpen:g,modalProps:q,onSave:v,isLoading:D})=>{const{t:C}=d.useTranslation(),[M,A]=o.useState(null),{control:O,handleSubmit:B,reset:N}=c.useForm({mode:"all",resolver:m.yupResolver(b)}),S=()=>{N({location_data:void 0}),g()},T=async e=>{v(null==e?void 0:e.location_data)};/* @__PURE__ */
+return e.jsxs(a.Modal,{open:u,onClose:S,maxWidth:"sm",fullWidth:!0,...q,children:[
+/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("form",{onSubmit:B(T),children:[D&&/* @__PURE__ */e.jsx(l.ModalLoader,{}),
+/* @__PURE__ */e.jsxs(x.default,{className:"brandAddModal--DialogTitle",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:C("inventory.item.locationModal.title")}),
+/* @__PURE__ */e.jsx(j.default,{onClick:S,children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(h.default,{className:"brandAddModal--DialogContents",children:/* @__PURE__ */e.jsxs(y.default,{container:!0,rowGap:1.5,columnSpacing:3,pt:3,children:[
+/* @__PURE__ */e.jsx(y.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.DynamicInput,{type:"text",formControl:O,label:C("inventory.item.locationModal.location_name_label"),name:"name",fieldArrayName:"location_data",placeholder:C("inventory.item.locationModal.location_name_placeholder"),required:!0})}),
+/* @__PURE__ */e.jsx(y.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.DynamicInput,{type:"text",formControl:O,label:C("inventory.item.locationModal.location_code_label"),name:"short_name",fieldArrayName:"location_data",placeholder:C("inventory.item.locationModal.location_code_placeholder"),required:!0})}),
+/* @__PURE__ */e.jsx(y.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(p.default,{label:C("accounting.authorize_commission.fields.company_label"),name:"company_id",placeholder:C("accounting.authorize_commission.fields.company_placeholder"),fieldArrayName:"location_data",formControl:O,apiType:"company",getSelectedData:e=>{},required:!0})})]})}),
+/* @__PURE__ */e.jsxs(f.default,{className:"brandAddModal--DialogAction",children:[
 /* @__PURE__ */e.jsx("span",{}),
 /* @__PURE__ */e.jsxs(_.default,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(l.default,{className:"brandAddModal--DialogAction--WhiteBtn",onClick:k,children:D("common.cancel")}),
-/* @__PURE__ */e.jsx(l.default,{type:"button",onClick:N(B),children:D("common.save")})]})]})]})}),
-/* @__PURE__ */e.jsx(r.default,{open:Boolean(A),type:null==A?void 0:A.type,message:null==A?void 0:A.message,handleClose:()=>M(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})};
+/* @__PURE__ */e.jsx(n.Button,{className:"brandAddModal--DialogAction--WhiteBtn",onClick:S,children:C("common.cancel")}),
+/* @__PURE__ */e.jsx(n.Button,{type:"button",onClick:B(T),children:C("common.save")})]})]})]})}),
+/* @__PURE__ */e.jsx(r.Toast,{open:Boolean(M),type:null==M?void 0:M.type,message:null==M?void 0:M.message,handleClose:()=>A(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n    Box,\n    DialogActions,\n    DialogContent,\n    DialogProps,\n    DialogTitle,\n    Grid,\n    IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n    isOpen: boolean;\n    setIsOpen: () => void;\n    modalProps?: DialogProps;\n    onSave: (data: string) => void;\n    isLoading?: boolean;\n}\n\ninterface IFormValues {\n    location_data: {\n        name: string;\n    };\n}\n\ninterface IToast {\n    type: 'normal' | 'alert';\n    message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n    location_data: Yup.object().shape({\n        name: Yup.string().required('Name is required')\n    })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n    isOpen,\n    setIsOpen,\n    modalProps,\n    onSave,\n    isLoading\n}) => {\n    const { t } = useTranslation();\n    const [toast, setToast] = useState<IToast | null>(null);\n    const { control, handleSubmit, reset } = useForm<any>({\n        mode: 'all',\n        resolver: yupResolver(validationSchema)\n    });\n    const handleModalClose = () => {\n        reset({ location_data: undefined });\n        setIsOpen();\n    };\n\n    const onSubmit = async (values: IFormValues) => {\n        // handleModalClose();\n        onSave(values?.location_data)\n    };\n\n    return (\n        <Modal\n            open={isOpen}\n            onClose={handleModalClose}\n            maxWidth='sm'\n            fullWidth\n            {...modalProps}>\n                <>\n               \n            <form onSubmit={handleSubmit(onSubmit)}>\n            {isLoading && (\n                            <ModalLoader />\n                )}\n                <DialogTitle className='brandAddModal--DialogTitle'>\n                    <Typography type='s3' color='inherit' weight='medium'>\n                        {t(\"inventory.item.locationModal.title\")}\n                    </Typography>\n                    <IconButton onClick={handleModalClose}>\n                        <Close fontSize='small' />\n                    </IconButton>\n                </DialogTitle>\n                <DialogContent className='brandAddModal--DialogContents'>\n                    \n                        <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n                            <Grid item sm={6}>\n                                <DynamicInput\n                                    type='text'\n                                    formControl={control}\n                                    label={t(\"inventory.item.locationModal.location_name_label\")}\n                                    name='name'\n                                    fieldArrayName='location_data'\n                                    placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n                                    required\n                                />\n                            </Grid>\n                            <Grid item sm={6}>\n                                <DynamicInput\n                                    type='text'\n                                    formControl={control}\n                                    label={t(\"inventory.item.locationModal.location_code_label\")}\n                                    name='short_name'\n                                    fieldArrayName='location_data'\n                                    placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n                                    required\n                                />\n                            </Grid>\n                            <Grid item sm={6}>\n                                <DynamicSearchSelect\n                                    label={t(\n                                        \"accounting.authorize_commission.fields.company_label\"\n                                    )}\n                                    name=\"company_id\"\n                                    placeholder={t(\n                                        \"accounting.authorize_commission.fields.company_placeholder\"\n                                    )}\n                                    fieldArrayName='location_data'\n                                    formControl={control}\n                                    apiType='company'\n                                    getSelectedData={(data: any) =>\n                                        // setSelectedData(name, data)\n                                        console.log(\"data\", data)\n                                    }\n                                    required={true}\n                                />\n                            </Grid>\n                        </Grid>\n                    \n                </DialogContent>\n                <DialogActions className='brandAddModal--DialogAction'>\n                    <span></span>\n                    <Box display='flex' gap={1.5}>\n                        <Button\n                            className='brandAddModal--DialogAction--WhiteBtn'\n                            onClick={handleModalClose}>\n                            {t(\"common.cancel\")}\n                        </Button>\n                        <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n                    </Box>\n                </DialogActions>\n            </form>\n            </>\n            <Toast\n                open={Boolean(toast)}\n                type={toast?.type}\n                message={toast?.message}\n                handleClose={() => setToast(null)}\n                anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n            />\n        </Modal>\n    );\n};\n\nexport default LocationAddModal;\n"],"names":["validationSchema","Yup","object","shape","location_data","name","string","required","isOpen","setIsOpen","modalProps","onSave","isLoading","t","useTranslation","toast","setToast","useState","control","handleSubmit","reset","useForm","mode","resolver","yupResolver","handleModalClose","onSubmit","async","values","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","jsx","Fragment","ModalLoader","DialogTitle","className","Typography","type","color","weight","IconButton","onClick","Close","fontSize","DialogContent","Grid","container","rowGap","columnSpacing","pt","item","sm","DynamicInput","formControl","label","fieldArrayName","placeholder","DynamicSearchSelect","apiType","getSelectedData","data","DialogActions","Box","display","gap","Button","Toast","Boolean","message","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"ukDA+CA,MAAMA,EAAmBC,EAAIC,SAASC,MAAM,CACxCC,cAAeH,EAAIC,SAASC,MAAM,CAC9BE,KAAMJ,EAAIK,SAASC,SAAS,wCAImB,EACnDC,SACAC,YACAC,aACAC,SACAC,gBAEA,MAAMC,EAAEA,GAAMC,oBACPC,EAAOC,GAAYC,EAAAA,SAAwB,OAC5CC,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAa,CAClDC,KAAM,MACNC,SAAUC,EAAAA,YAAYxB,KAEpByB,EAAmB,KACrBL,EAAM,CAAEhB,mBAAe,IACvBK,KAGEiB,EAAWC,MAAOC,IAEpBjB,QAAOiB,WAAQxB;AAGnB,OACIyB,EAAAA,KAACC,EAAAA,QAAA,CACGC,KAAMvB,EACNwB,QAASP,EACTQ,SAAS,KACTC,WAAS,KACLxB,EACAyB,SAAA;eAAAC,EAAAA,IAAAC,EAAAA,SAAA,CAEJF,wBAAAN,OAAC,OAAA,CAAKH,SAAUP,EAAaO,GAC5BS,SAAA,CAAAvB,wBACgB0B,EAAAA,QAAA;iBAEbT,KAACU,EAAAA,QAAA,CAAYC,UAAU,6BACnBL,SAAA;eAAAC,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SACxCT,SAAAtB,EAAE;iBAEPuB,IAACS,EAAAA,SAAWC,QAASrB,EACjBU,8BAACY,UAAA,CAAMC,SAAS;eAGxBZ,EAAAA,IAACa,EAAAA,QAAA,CAAcT,UAAU,gCAEjBL,wBAAAN,EAAAA,KAACqB,UAAA,CAAKC,WAAS,EAACC,OAAQ,IAAKC,cAAe,EAAGC,GAAI,EAC/CnB,SAAA;eAAAC,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,OACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,aACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAAC0B,EAAAA,QAAA,CACGH,MAAO9C,EACH,wDAEJR,KAAK,aACLwD,YAAahD,EACT,8DAEJ+C,eAAe,gBACfF,YAAaxC,EACb6C,QAAQ,UACRC,gBAAkBC,MAIlB1D,UAAU;iBAM9BsB,KAACqC,EAAAA,QAAA,CAAc1B,UAAU,8BACrBL,SAAA;eAAAC,EAAAA,IAAC,OAAA;eACDP,EAAAA,KAACsC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACrBlC,SAAA;eAAAC,EAAAA,IAACkC,EAAAA,QAAA,CACG9B,UAAU,wCACVM,QAASrB,EACRU,WAAE;eAEPC,EAAAA,IAACkC,EAAAA,QAAA,CAAO5B,KAAK,SAASI,QAAS3B,EAAaO,GAAYS,SAAAtB,EAAE;eAKtEuB,EAAAA,IAACmC,EAAAA,QAAA,CACGxC,KAAMyC,QAAQzD,GACd2B,KAAM3B,MAAAA,OAAAA,EAAAA,EAAO2B,KACb+B,QAAS1D,MAAAA,OAAAA,EAAAA,EAAO0D,QAChBC,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n    Box,\n    DialogActions,\n    DialogContent,\n    DialogProps,\n    DialogTitle,\n    Grid,\n    IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport * as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n    isOpen: boolean;\n    setIsOpen: () => void;\n    modalProps?: DialogProps;\n    onSave: (data: string) => void;\n    isLoading?: boolean;\n}\n\ninterface IFormValues {\n    location_data: {\n        name: string;\n    };\n}\n\ninterface IToast {\n    type: 'normal' | 'alert';\n    message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n    location_data: Yup.object().shape({\n        name: Yup.string().required('Name is required')\n    })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n    isOpen,\n    setIsOpen,\n    modalProps,\n    onSave,\n    isLoading\n}) => {\n    const { t } = useTranslation();\n    const [toast, setToast] = useState<IToast | null>(null);\n    const { control, handleSubmit, reset } = useForm<any>({\n        mode: 'all',\n        resolver: yupResolver(validationSchema)\n    });\n    const handleModalClose = () => {\n        reset({ location_data: undefined });\n        setIsOpen();\n    };\n\n    const onSubmit = async (values: IFormValues) => {\n        // handleModalClose();\n        onSave(values?.location_data)\n    };\n\n    return (\n        <Modal\n            open={isOpen}\n            onClose={handleModalClose}\n            maxWidth='sm'\n            fullWidth\n            {...modalProps}>\n                <>\n               \n            <form onSubmit={handleSubmit(onSubmit)}>\n            {isLoading && (\n                            <ModalLoader />\n                )}\n                <DialogTitle className='brandAddModal--DialogTitle'>\n                    <Typography type='s3' color='inherit' weight='medium'>\n                        {t(\"inventory.item.locationModal.title\")}\n                    </Typography>\n                    <IconButton onClick={handleModalClose}>\n                        <Close fontSize='small' />\n                    </IconButton>\n                </DialogTitle>\n                <DialogContent className='brandAddModal--DialogContents'>\n                    \n                        <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n                            <Grid item sm={6}>\n                                <DynamicInput\n                                    type='text'\n                                    formControl={control}\n                                    label={t(\"inventory.item.locationModal.location_name_label\")}\n                                    name='name'\n                                    fieldArrayName='location_data'\n                                    placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n                                    required\n                                />\n                            </Grid>\n                            <Grid item sm={6}>\n                                <DynamicInput\n                                    type='text'\n                                    formControl={control}\n                                    label={t(\"inventory.item.locationModal.location_code_label\")}\n                                    name='short_name'\n                                    fieldArrayName='location_data'\n                                    placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n                                    required\n                                />\n                            </Grid>\n                            <Grid item sm={6}>\n                                <DynamicSearchSelect\n                                    label={t(\n                                        \"accounting.authorize_commission.fields.company_label\"\n                                    )}\n                                    name=\"company_id\"\n                                    placeholder={t(\n                                        \"accounting.authorize_commission.fields.company_placeholder\"\n                                    )}\n                                    fieldArrayName='location_data'\n                                    formControl={control}\n                                    apiType='company'\n                                    getSelectedData={(data: any) =>\n                                        // setSelectedData(name, data)\n                                        console.log(\"data\", data)\n                                    }\n                                    required={true}\n                                />\n                            </Grid>\n                        </Grid>\n                    \n                </DialogContent>\n                <DialogActions className='brandAddModal--DialogAction'>\n                    <span></span>\n                    <Box display='flex' gap={1.5}>\n                        <Button\n                            className='brandAddModal--DialogAction--WhiteBtn'\n                            onClick={handleModalClose}>\n                            {t(\"common.cancel\")}\n                        </Button>\n                        <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n                    </Box>\n                </DialogActions>\n            </form>\n            </>\n            <Toast\n                open={Boolean(toast)}\n                type={toast?.type}\n                message={toast?.message}\n                handleClose={() => setToast(null)}\n                anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n            />\n        </Modal>\n    );\n};\n\nexport default LocationAddModal;\n"],"names":["validationSchema","Yup","object","shape","location_data","name","string","required","isOpen","setIsOpen","modalProps","onSave","isLoading","t","useTranslation","toast","setToast","useState","control","handleSubmit","reset","useForm","mode","resolver","yupResolver","handleModalClose","onSubmit","async","values","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","jsx","Fragment","ModalLoader","DialogTitle","className","Typography","type","color","weight","IconButton","onClick","Close","fontSize","DialogContent","Grid","container","rowGap","columnSpacing","pt","item","sm","DynamicInput","formControl","label","fieldArrayName","placeholder","DynamicSearchSelect","apiType","getSelectedData","data","DialogActions","Box","display","gap","Button","Toast","Boolean","message","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"ukDA+CA,MAAMA,EAAmBC,EAAIC,SAASC,MAAM,CACxCC,cAAeH,EAAIC,SAASC,MAAM,CAC9BE,KAAMJ,EAAIK,SAASC,SAAS,wCAImB,EACnDC,SACAC,YACAC,aACAC,SACAC,gBAEA,MAAMC,EAAEA,GAAMC,oBACPC,EAAOC,GAAYC,EAAAA,SAAwB,OAC5CC,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAa,CAClDC,KAAM,MACNC,SAAUC,EAAAA,YAAYxB,KAEpByB,EAAmB,KACrBL,EAAM,CAAEhB,mBAAe,IACvBK,KAGEiB,EAAWC,MAAOC,IAEpBjB,QAAOiB,WAAQxB;AAGnB,OACIyB,EAAAA,KAACC,EAAAA,MAAA,CACGC,KAAMvB,EACNwB,QAASP,EACTQ,SAAS,KACTC,WAAS,KACLxB,EACAyB,SAAA;eAAAC,EAAAA,IAAAC,EAAAA,SAAA,CAEJF,wBAAAN,OAAC,OAAA,CAAKH,SAAUP,EAAaO,GAC5BS,SAAA,CAAAvB,wBACgB0B,EAAAA,YAAA;iBAEbT,KAACU,EAAAA,QAAA,CAAYC,UAAU,6BACnBL,SAAA;eAAAC,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SACxCT,SAAAtB,EAAE;iBAEPuB,IAACS,EAAAA,SAAWC,QAASrB,EACjBU,8BAACY,UAAA,CAAMC,SAAS;eAGxBZ,EAAAA,IAACa,EAAAA,QAAA,CAAcT,UAAU,gCAEjBL,wBAAAN,EAAAA,KAACqB,UAAA,CAAKC,WAAS,EAACC,OAAQ,IAAKC,cAAe,EAAGC,GAAI,EAC/CnB,SAAA;eAAAC,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,aAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,OACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,aAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,aACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAAC0B,EAAAA,QAAA,CACGH,MAAO9C,EACH,wDAEJR,KAAK,aACLwD,YAAahD,EACT,8DAEJ+C,eAAe,gBACfF,YAAaxC,EACb6C,QAAQ,UACRC,gBAAkBC,MAIlB1D,UAAU;iBAM9BsB,KAACqC,EAAAA,QAAA,CAAc1B,UAAU,8BACrBL,SAAA;eAAAC,EAAAA,IAAC,OAAA;eACDP,EAAAA,KAACsC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACrBlC,SAAA;eAAAC,EAAAA,IAACkC,EAAAA,OAAA,CACG9B,UAAU,wCACVM,QAASrB,EACRU,WAAE;eAEPC,EAAAA,IAACkC,EAAAA,OAAA,CAAO5B,KAAK,SAASI,QAAS3B,EAAaO,GAAYS,SAAAtB,EAAE;eAKtEuB,EAAAA,IAACmC,EAAAA,MAAA,CACGxC,KAAMyC,QAAQzD,GACd2B,KAAM3B,MAAAA,OAAAA,EAAAA,EAAO2B,KACb+B,QAAS1D,MAAAA,OAAAA,EAAAA,EAAO0D,QAChBC,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU"}

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.d.ts

@@ -0,0 +1,11 @@
+import { DialogProps } from '@mui/material';
+
+interface BrandAddModalProps {
+    isOpen: boolean;
+    setIsOpen: () => void;
+    modalProps?: DialogProps;
+    onSave: (data: string) => void;
+    isLoading?: boolean;
+}
+declare const LocationAddModal: React.FC<BrandAddModalProps>;
+export default LocationAddModal;

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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare const DynamicMedia: React.NamedExoticComponent<any>;
+export { DynamicMedia };
+export default DynamicMedia;

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

@@ -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

@@ -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;"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -0,0 +1,4 @@
+
+declare const DynamicPhone: import('react').NamedExoticComponent<any>;
+export { DynamicPhone };
+export default DynamicPhone;

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

@@ -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

@@ -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

@@ -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"}
+{"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/radio-button.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Control } from 'react-hook-form';
+
+interface IDynamicRadioButton {
+    formControl: Control<any>;
+    fieldArrayName: string;
+    name: string;
+    label: string;
+    titlePosition?: string;
+    position: number;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    disabled?: boolean;
+    typeOfField?: string;
+    display?: 'row' | 'column';
+    title?: string;
+    bordered?: boolean;
+    defaultValue?: string;
+}
+declare const DynamicRadioButton: React.FC<IDynamicRadioButton>;
+export default DynamicRadioButton;

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

@@ -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

@@ -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":";;;;;;;;;;;;AAUA,MAAM,oBAAoB,CAAC,UAAe;;AACxC,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AAEvE,QAAM,oBAAoB,CAAC,UAA+C;AACxE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,MAAM,YAAY,eAAe,MAAM,SAAS,KAAK;AAAA,MAGvD,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAY;AAAA,cACZ,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,IAAI,EAAE,QAAQ,WAAW,GAAI,GAAC,WAAM,UAAN,mBAAa,UAAS,EAAE,WAAW,SAAA,IAAa,CAAA,EAAC;AAAA,cAC/E,SAAS,MAAM;AAAA,cACf,iBAAe,MAAM;AAAA,cACrB,aAAW,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,cAE/C,gBAAM,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEjB,OAAA,EACC,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,mBAChD,UAAA,oBAAC,OAAA,EAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM,QAAQ,QAAQ;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM,YAAY,IAAI;AAAA,gBAE/B,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAM;AACb,8BAAM,gBAAA;AACN,oCAAY,IAAI;AAAA,sBAClB;AAAA,sBACD,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGA,CAAC,MAAM,kBACN;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,IAAI,EAAE,OAAO,UAAA;AAAA,sBACb,SAAS,MAAM;AACb,8BAAM,cAAA;AACN,oCAAY,IAAI;AAAA,sBAClB;AAAA,sBACD,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GACT,MAAM,cAAc,wBAAwB,sBAC9C;AAAA,YAKA,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAK,WAAS,MAAC,IAAI,EAAE,IAAI,EAAA,GACvB,UAAA,MAAM,SAAA,CACT;AAAA,cACC,CAAC,MAAM,iBACN;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,OAAO,EAAE,OAAO,WAAW,cAAc,WAAA;AAAA,kBACzC,+BAAYC,WAAA,EAAQ;AAAA,kBACpB,iBAAe,MAAM;AAAA,kBACrB,aAAW,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,kBAChD,SAAS,MAAM;AAAA,kBAChB,UAAA;AAAA,gBAAA;AAAA,cAAA,IAGC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,kBAAkB,YAAY;AAAA,EAC5B,OAAO,UAAU,OAAO;AAAA,EACxB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,KAAK;AAAA,EACzB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU,KAAK;AAAA,EAC9B,iBAAiB,UAAU;AAAA,EAC3B,aAAa,UAAU;AAAA,EACvB,iBAAiB,UAAU;AAAA,EAC3B,gBAAgB,UAAU;AAAA,EAC1B,gBAAgB,UAAU;AAC5B;"}
+{"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":";;;;;;;;;;;;AAUA,MAAM,oBAAoB,CAAC,UAAe;;AACxC,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AAEvE,QAAM,oBAAoB,CAAC,UAA+C;AACxE,gBAAY,MAAM,aAAa;AAAA,EACjC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WACE,MAAM,YAAY,eAAe,MAAM,SAAS,KAAK;AAAA,MAGvD,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,YAAY;AAAA,cACZ,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,IAAI,EAAE,QAAQ,WAAW,GAAI,GAAC,WAAM,UAAN,mBAAa,UAAS,EAAE,WAAW,SAAA,IAAa,CAAA,EAAC;AAAA,cAC/E,SAAS,MAAM;AAAA,cACf,iBAAe,MAAM;AAAA,cACrB,aAAW,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,cAE/C,gBAAM,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEjB,OAAA,EACC,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,SAAQ,SAAS,mBAChD,UAAA,oBAAC,OAAA,EAAI,KAAK,OAAO,MAAM,KAAI,aAAY,GACzC;AAAA,YACA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAM,QAAQ,QAAQ;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM,YAAY,IAAI;AAAA,gBAE/B,UAAA;AAAA,kBAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,SAAS,MAAM;AACb,8BAAM,gBAAA;AACN,oCAAY,IAAI;AAAA,sBAClB;AAAA,sBACD,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGA,CAAC,MAAM,kBACN;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,IAAI,EAAE,OAAO,UAAA;AAAA,sBACb,SAAS,MAAM;AACb,8BAAM,cAAA;AACN,oCAAY,IAAI;AAAA,sBAClB;AAAA,sBACD,UAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,GACT,MAAM,cAAc,wBAAwB,sBAC9C;AAAA,YAKA,UAAA;AAAA,cAAA,oBAAC,MAAA,EAAK,WAAS,MAAC,IAAI,EAAE,IAAI,EAAA,GACvB,UAAA,MAAM,SAAA,CACT;AAAA,cACC,CAAC,MAAM,iBACN;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,OAAO,EAAE,OAAO,WAAW,cAAc,WAAA;AAAA,kBACzC,+BAAYC,WAAA,EAAQ;AAAA,kBACpB,iBAAe,MAAM;AAAA,kBACrB,aAAW,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,kBAChD,SAAS,MAAM;AAAA,kBAChB,UAAA;AAAA,gBAAA;AAAA,cAAA,IAGC;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,kBAAkB,YAAY;AAAA,EAC5B,OAAO,UAAU,OAAO;AAAA,EACxB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU,KAAK;AAAA,EACzB,OAAO,UAAU;AAAA,EACjB,UAAU,UAAU;AAAA,EACpB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA,EACrB,eAAe,UAAU,KAAK;AAAA,EAC9B,iBAAiB,UAAU;AAAA,EAC3B,aAAa,UAAU;AAAA,EACvB,iBAAiB,UAAU;AAAA,EAC3B,gBAAgB,UAAU;AAAA,EAC1B,gBAAgB,UAAU;AAC5B;"}

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

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=;/* empty css                                                  */;/* 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

@@ -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"}
+{"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

@@ -0,0 +1,22 @@
+import { default as PropTypes } from 'prop-types';
+
+declare const DynamicSectionHOC: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        index: PropTypes.Validator<number>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        label: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<number>;
+        fieldArrayName: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        removeSection: PropTypes.Validator<(...args: any[]) => any>;
+        handleAccordion: PropTypes.Requireable<(...args: any[]) => any>;
+        activeIndex: PropTypes.Requireable<boolean>;
+        handleAddButton: PropTypes.Requireable<(...args: any[]) => any>;
+        remove_section: PropTypes.Requireable<boolean>;
+        isFormSwitcher: PropTypes.Requireable<boolean>;
+    };
+};
+export { DynamicSectionHOC };
+export default DynamicSectionHOC;

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

@@ -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