@erpsquad/common 1.8.45 → 1.8.47

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

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

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

@@ -26,4 +26,5 @@ declare const DynamicInputSelect: {
         placeholder: PropTypes.Requireable<string>;
     };
 };
+export { DynamicInputSelect };
 export default DynamicInputSelect;

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\r\nimport { dynamicSelectAdd } from './select-configuration';\r\nimport {\r\n    Box,\r\n    CircularProgress,\r\n    Divider,\r\n    IconButton,\r\n    InputAdornment,\r\n    MenuItem,\r\n    MenuItemProps,\r\n    OutlinedInput,\r\n} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { debounce } from 'lodash';\r\nimport { sortBy } from \"lodash\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Add, Close } from '@mui/icons-material';\r\n\r\nimport Select from '../../../select/select';\r\nimport ChipOrPlaceholder from './chip-or-placeholder';\r\nimport Checkbox from '../../../checkbox/checkbox';\r\nimport Typography from '../../../typography/typography';\r\nimport Chip from '../../../chip/chip';\r\nimport { MoreIcon } from '../../../icons';\r\nimport { fetchApi } from '../../../../utils/api';\r\nimport { useLanguage } from '../../../../hooks/useLangauge';\r\nimport './element.scss';\r\n\r\n// Types\r\ninterface IOption {\r\n    id: string | number;\r\n    value: string | number;\r\n    label: string | React.ReactNode;\r\n    disabled?: boolean;\r\n    isGroup?: boolean;\r\n    options?: IOption[];\r\n    searchLabel?: string;\r\n}\r\n\r\n\r\n\r\ninterface IMenuItemsProps extends MenuItemProps {\r\n    options: IOption[];\r\n    multiple: boolean;\r\n    placeholder: string;\r\n    with_checkboxes: boolean;\r\n    values: string | string[];\r\n    field: IDynamicSearchSelectProps;\r\n    disabledIds: (string | number)[];\r\n    onChange: (value: string | string[]) => void;\r\n    handleChange?: (value: string | string[]) => void;\r\n    hasParent: boolean;\r\n    t: (key: string) => string;\r\n    onFooterClick?: () => void;\r\n}\r\n\r\ninterface IDynamicSearchSelectProps {\r\n    name: string;\r\n    placeholder: string;\r\n    label: string;\r\n    size?: 'small' | 'medium';\r\n    options: IOption[];\r\n    formControl: Control<any>;\r\n    defaultValue?: string | string[];\r\n    fieldArrayName: string;\r\n    id?: string;\r\n    required?: boolean;\r\n    is_multiselect?: boolean;\r\n    position?: number;\r\n    formType?: string;\r\n    typeOfField?: string;\r\n    disabled?: boolean;\r\n    onChipRemove?: (value: string) => void;\r\n    enable_footer?: boolean;\r\n    footer_action?: string;\r\n    onFooterClick?: () => void;\r\n    is_loading?: boolean;\r\n    selectedLabel?: string;\r\n    isInternal?: boolean;\r\n    disabledIds?: (string | number)[];\r\n    getSelectedData?: (data: IOption | IOption[] | null, name: string) => void;\r\n    attributes?: string[];\r\n    handleChange?: (value: string | string[]) => void;\r\n    hasParent?: boolean;\r\n    sortOrder?: string;\r\n    apiType?: string;\r\n    handleOptions?: (value: any) => void;\r\n    filterKey?: string;\r\n    customeFilter?: Record<string, any>;\r\n    refresh?: boolean;\r\n    addType?: string;\r\n}\r\n\r\ninterface IPaginationState {\r\n    page: number;\r\n    hasMore: boolean;\r\n    isLoadingMore: boolean;\r\n    total: number;\r\n}\r\n\r\n// Helper function to generate menu items\r\nconst generateMenuItems = ({\r\n    options,\r\n    multiple,\r\n    placeholder,\r\n    with_checkboxes,\r\n    values,\r\n    field,\r\n    disabledIds,\r\n    onChange,\r\n    handleChange,\r\n    hasParent,\r\n    t,\r\n    onFooterClick\r\n}: IMenuItemsProps): React.ReactElement[] => {\r\n    const itemDisabled = (id: string | number) => disabledIds?.includes(id);\r\n    const items: React.ReactElement[] = [];\r\n\r\n    if (!multiple) {\r\n        items.push(\r\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\r\n                <Typography type='s3' color='theme.secondary.1000'>\r\n                    <em>{t(placeholder)}</em>\r\n                </Typography>\r\n            </MenuItem>\r\n        );\r\n    }\r\n    const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\r\n\r\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n\r\n        const isParentSelected = valueArray.includes(parentValue);\r\n        const updatedValues = isParentSelected\r\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\r\n            : [...new Set([...valueArray, parentValue, ...childValues])];\r\n\r\n        onChange(updatedValues);\r\n        handleChange?.(updatedValues);\r\n    };\r\n\r\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n        return childValues.every((childValue) => valueArray.includes(childValue));\r\n    };\r\n\r\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n        return childValues.some((childValue) => valueArray.includes(childValue));\r\n    };\r\n\r\n    if (Array.isArray(options) && options.length > 0) {\r\n        options.forEach((option) => {\r\n            items.push(\r\n                <MenuItem\r\n                    value={option.value}\r\n                    key={option.value}\r\n                    disabled={Boolean(option.disabled) || itemDisabled(option.id || option.value)}\r\n                    className={option.isGroup ? 'select--MenuItemHeader' : ''}\r\n                >\r\n                    <Box sx={{ display: 'flex', gap: 1 }}>\r\n                        {multiple && with_checkboxes && (\r\n                            <Checkbox\r\n                                checked={\r\n                                    hasParent\r\n                                        ? isAllOptionsSelected(option.value, option.options || [])\r\n                                        : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\r\n                                }\r\n                                indeterminate={\r\n                                    hasParent && isSomeOptionsSelected(option.options || [])\r\n                                }\r\n                                onChange={() => hasParent ? handleParentChange(option.value, option.options || []) : handleChange?.(option.value)}\r\n                            />\r\n                        )}\r\n                        <Typography\r\n                            type='s3'\r\n                            color='theme.secondary.1000'\r\n                            onClick={() => handleChange?.(option.value)}\r\n                        >\r\n                            {option.label}\r\n                        </Typography>\r\n                    </Box>\r\n                </MenuItem>\r\n            );\r\n\r\n            if (option.isGroup && Array.isArray(option.options)) {\r\n                option.options.forEach((opt) => {\r\n                    items.push(\r\n                        <MenuItem\r\n                            value={opt.value}\r\n                            disabled={Boolean(opt.disabled) || itemDisabled(opt.id || opt.value)}\r\n                            sx={{ pl: 5 }}\r\n                            key={`${option.value}-${opt.value}`}\r\n                        >\r\n                            <Box sx={{ display: 'flex', gap: 1 }}>\r\n                                {multiple && with_checkboxes && (\r\n                                    <Checkbox\r\n                                        checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\r\n                                    />\r\n                                )}\r\n                                <Typography\r\n                                    type='s3'\r\n                                    color='theme.secondary.1000'\r\n                                    onClick={() => handleChange?.(String(opt.value))}\r\n                                >\r\n                                    {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\r\n                                </Typography>\r\n                            </Box>\r\n                        </MenuItem>\r\n                    );\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    if (field.enable_footer) {\r\n        items.push(\r\n            <Box key=\"footer\">\r\n                <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\r\n                <MenuItem sx={{ gap: 1 }} onClick={onFooterClick}>\r\n                    <Add fontSize='small' />\r\n                    <Typography type='s4' color='theme.secondary.1000'>\r\n                        Create New {field.label}\r\n                    </Typography>\r\n                </MenuItem>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    if (!items.length || (items.length == 1 && !multiple)) {\r\n        items.push(\r\n            <MenuItem disabled key=\"no-data\">\r\n                No data available\r\n            </MenuItem>\r\n        );\r\n    }\r\n\r\n    return items;\r\n};\r\n\r\n// Selected items component\r\nconst SelectedItems: React.FC<{\r\n    data: (string | number)[];\r\n    options: IOption[];\r\n}> = ({ data, options }) => {\r\n    const displayTitle = data.map(\r\n        (selectedItem) =>\r\n            options?.find((option) => option.value == selectedItem)?.label || ''\r\n    );\r\n    const filteredDisplayTitle = displayTitle.filter(Boolean);\r\n\r\n    return (\r\n        <Typography\r\n            type='s4'\r\n            color='inherit'\r\n            sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\r\n        >\r\n            {filteredDisplayTitle.slice(0, 4).join(', ')}\r\n            {data.length > 4 && (\r\n                <Chip variant='outlined' type='normal' label={<MoreIcon />} />\r\n            )}\r\n        </Typography>\r\n    );\r\n};\r\n\r\nconst Loading = () => (\r\n    <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\r\n)\r\n\r\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\r\n    const watchedValue = useWatch({\r\n        control: props.formControl,\r\n        name: `${props.fieldArrayName}.${props.name}`\r\n    });\r\n\r\n    const formContext = useFormContext();\r\n    const { setValue } = formContext || {};\r\n    const { t } = useTranslation();\r\n    const { isRtl } = useLanguage();\r\n    const selectRef = useRef<HTMLDivElement>(null);\r\n\r\n    // State management\r\n    const [options, setOptions] = useState<IOption[]>([]);\r\n    const [selectedValue, setSelectedValue] = useState<any>(null);\r\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\r\n    const [loading, setLoading] = useState<boolean>(false);\r\n    const [open, setOpen] = useState<boolean>(false);\r\n    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\r\n    const [prevFilter, setPrevFilter] = useState<any>(null);\r\n    const [initialLoading, setInitialLoading] = useState<boolean>(false);\r\n    const [searchQuery, setSearchQuery] = useState<string>(\"\");\r\n    const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\r\n    const [addConfig, setAddConfig] = useState<any>(null);\r\n\r\n    // Modal states\r\n    const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\r\n    const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\r\n\r\n\r\n    // Pagination state\r\n    const [pagination, setPagination] = useState<IPaginationState>({\r\n        page: 1,\r\n        hasMore: true,\r\n        isLoadingMore: false,\r\n        total: 0\r\n    });\r\n\r\n    // Props destructuring with defaults\r\n    const {\r\n        handleOptions,\r\n        isInternal = false,\r\n        disabledIds = [],\r\n        getSelectedData,\r\n        attributes = [],\r\n        filterKey = 'id',\r\n        customeFilter = {},\r\n        refresh,\r\n        handleChange,\r\n        hasParent = false,\r\n        sortOrder = 'id:-1',\r\n        apiType,\r\n        addType\r\n    } = props;\r\n\r\n    const limit = 25;\r\n\r\n    // Memoized values\r\n    const isInternalOptions = useMemo(() => {\r\n        return isInternal || !apiType;\r\n    }, [isInternal, apiType]);\r\n    //eslint-disable-next-line\r\n    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\r\n\r\n    // Local search function\r\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\r\n        if (!searchTerm) return props.options || [];\r\n\r\n        const lowercasedSearchTerm = searchTerm.toLowerCase();\r\n\r\n        const filteredOptions = hasParent\r\n            ? props.options?.reduce((acc: IOption[], opt) => {\r\n                const searchedOptions = opt.options?.filter((item) => {\r\n                    const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\r\n                    return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n                });\r\n\r\n                if (searchedOptions?.length) {\r\n                    acc.push({ ...opt, options: searchedOptions });\r\n                }\r\n\r\n                return acc;\r\n            }, []) || []\r\n            : props.options?.filter((opt) => {\r\n                const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\r\n                return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n            }) || [];\r\n        //eslint-disable-next-line\r\n        return sortBySelectedValues(filteredOptions, value);\r\n        //eslint-disable-next-line\r\n    }, [props.options, hasParent]);\r\n\r\n    // Get unique options\r\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\r\n        const uniqueOptions = [\r\n            ...new Map(data?.map(item => [item.value, item])).values()\r\n        ];\r\n        return uniqueOptions;\r\n    }, []);\r\n\r\n    // Sort by selected values\r\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\r\n        const selectedValues = Array.isArray(value) ? value : [value];\r\n        const sortedValue = sortBy(arrayToSort, (item) => {\r\n            const index = selectedValues.indexOf(item.id || item.value);\r\n            return index == -1 ? Infinity : index;\r\n        });\r\n        return sortedValue;\r\n    }, []);\r\n\r\n    // Filtered options with pagination support\r\n    const filteredOptions = useMemo(() => {\r\n        if (isInternalOptions) {\r\n            return searchOptionsLocally(searchQuery, watchedValue);\r\n        }\r\n        return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\r\n        //eslint-disable-next-line\r\n    }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\r\n\r\n    // API Functions\r\n    const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\r\n        if (!apiType) return [];\r\n\r\n        setLoading(true);\r\n        if (page > 1) {\r\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\r\n        }\r\n\r\n        try {\r\n            const { data = [], pagination = {} } = await fetchApi({\r\n                apiKey: apiType,\r\n                filters: {\r\n                    limit,\r\n                    skip: (page - 1) * limit,\r\n                    search: searchTerm,\r\n                    filters: flt,\r\n                    select: attributes,\r\n                    order: sortOrder\r\n                }\r\n            });\r\n\r\n            if (data && Array.isArray(data)) {\r\n                const newOptions = append ? [...options, ...data] : data;\r\n                updateOptions(newOptions, append);\r\n                handleSelectedValue(data);\r\n                // Update pagination\r\n                setPagination(prev => ({\r\n                    ...prev,\r\n                    page,\r\n                    hasMore: pagination?.totalCount > (page * limit),\r\n                    total: pagination?.totalCount,\r\n                    isLoadingMore: false\r\n                }));\r\n            }\r\n\r\n            return data || [];\r\n        } catch (error) {\r\n            console.error('Error fetching options:', error);\r\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\r\n            return [];\r\n        } finally {\r\n            setLoading(false);\r\n        }\r\n        //eslint-disable-next-line\r\n    }, [apiType, options, attributes, sortOrder, limit, cf]);\r\n\r\n    // Handle scroll pagination\r\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\r\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\r\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\r\n\r\n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\r\n            const nextPage = pagination.page + 1;\r\n            fetchOptions(searchQuery, cf, nextPage, true);\r\n        }\r\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\r\n\r\n    // Update options\r\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\r\n        const oldOptions = append ? options : selectedOptions;\r\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\r\n        setOptions(uniqueOptions);\r\n    }, [options, selectedOptions, getUniqueOptions]);\r\n\r\n    // Handle selected value\r\n    const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\r\n        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\r\n        const isInOptions = updateOptions?.filter((item) =>\r\n            Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey] || item.value || item.id) == filterValue\r\n        );\r\n\r\n        if (Array.isArray(isInOptions) && isInOptions.length > 0) {\r\n            getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\r\n            return true;\r\n        }\r\n        return false;\r\n    }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData]);\r\n\r\n    // Fetch options by ID\r\n    const fetchIdOptions = useCallback(async () => {\r\n        if (open) return;\r\n        if (await handleSelectedValue(filteredOptions)) return;\r\n\r\n        const condition = props.is_multiselect ?\r\n            Array.isArray(watchedValue) && watchedValue.length > 0 :\r\n            Boolean(watchedValue);\r\n\r\n        if (condition) {\r\n            setInitialLoading(true);\r\n            const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\r\n            setInitialLoading(false);\r\n\r\n            if (response.length == 0 && setValue && !isInternalOptions) {\r\n                // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\r\n            }\r\n        }\r\n        //eslint-disable-next-line\r\n    }, [open, watchedValue, JSON.stringify(cf)]);\r\n\r\n    // Initial fetch\r\n    const initialFetch = useCallback(async () => {\r\n        const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\r\n\r\n        if (condition) {\r\n            setPrevFilter(cf);\r\n            setOptions([]);\r\n            setIsAlreadyLoaded(false);\r\n            setPagination({\r\n                page: 1,\r\n                hasMore: true,\r\n                isLoadingMore: false,\r\n                total: 0\r\n            });\r\n        }\r\n\r\n        if (!isInternalOptions && !isAlreadyLoaded) {\r\n            await fetchOptions(searchQuery, cf, 1, false);\r\n            setIsAlreadyLoaded(true);\r\n        }\r\n        //eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [cf, isInternalOptions, isAlreadyLoaded]);\r\n\r\n    // Debounced search\r\n    const debouncedSearch = useMemo(\r\n        () => debounce(async (searchTerm: string) => {\r\n            if (loading) return;\r\n\r\n            if (!searchTerm && !isInternalOptions && searchInitiate) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                await fetchOptions('', cf, 1, false);\r\n            }\r\n            if (searchTerm.length > 1 && !isInternalOptions) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                await fetchOptions(searchTerm, cf, 1, false);\r\n            }\r\n        }, 700),\r\n        //eslint-disable-next-line\r\n        [isInternalOptions, searchInitiate, cf]\r\n    );\r\n\r\n    // Reset value function\r\n    const resetValue = useCallback((field: any) => {\r\n        field.onChange(props.is_multiselect ? [] : null);\r\n        if (getSelectedData) {\r\n            getSelectedData(null, props.name);\r\n        }\r\n    }, [props.is_multiselect, props.name, getSelectedData]);\r\n\r\n    // Handle close\r\n    const handleClose = useCallback(() => {\r\n        setOpen(false);\r\n        if (searchQuery.length > 0) {\r\n            setIsAlreadyLoaded(false);\r\n        }\r\n        setSearchInitiate(false);\r\n        setSearchQuery('');\r\n    }, [searchQuery]);\r\n\r\n    const handleModalOpen = useCallback(() => {\r\n        setIsModalOpen(true);\r\n    }, []);\r\n\r\n\r\n\r\n    // Handle modal save\r\n    const handleModalSave = useCallback(async (payload: any) => {\r\n        if (!addConfig || !addConfig.api) {\r\n            console.error('Add configuration is not properly set');\r\n            return;\r\n        }\r\n\r\n        setIsAddLoading(true);\r\n        try {\r\n            const result = await addConfig.api(payload);\r\n            console.log(\"result\",result);\r\n            setIsAddLoading(false);\r\n            setIsModalOpen(false);\r\n            if (!isInternalOptions) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                setIsAlreadyLoaded(false);\r\n                await fetchOptions('', cf, 1, false);\r\n            }\r\n            if (result && result.data) {\r\n                const newValue = props.is_multiselect\r\n                    ? [...(watchedValue || []), result.data.id]\r\n                    : result.data.id;\r\n    \r\n                if (setValue) {\r\n                    setValue(`${props.fieldArrayName}.${props.name}`, newValue);\r\n                }\r\n            }\r\n        } catch (error) {\r\n            console.log(\"error\",error);\r\n            setIsAddLoading(false);\r\n        }\r\n       \r\n\r\n    }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\r\n\r\n    // Effects\r\n    useEffect(() => {\r\n        if (handleOptions) {\r\n            handleOptions(selectedValue);\r\n        }\r\n    }, [handleOptions, selectedValue]);\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            initialFetch();\r\n        }\r\n    }, [open, initialFetch]);\r\n\r\n    useEffect(() => {\r\n        fetchIdOptions();\r\n    }, [fetchIdOptions]);\r\n\r\n    useEffect(() => {\r\n        if (refresh) {\r\n            setPagination({\r\n                page: 1,\r\n                hasMore: true,\r\n                isLoadingMore: false,\r\n                total: 0\r\n            });\r\n            fetchOptions('', cf, 1, false);\r\n        }\r\n    }, [refresh, fetchOptions, cf]);\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            debouncedSearch(searchQuery);\r\n        }\r\n        return () => debouncedSearch.cancel();\r\n    }, [searchQuery, open, debouncedSearch]);\r\n\r\n    useEffect(() => {\r\n        if (watchedValue && !open) {\r\n            const selectedData = options?.filter((item) =>\r\n                props.is_multiselect ?\r\n                    Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) :\r\n                    (item.id || item.value) == watchedValue\r\n            );\r\n            setSelectedOptions(selectedData || []);\r\n        }\r\n    }, [watchedValue, options, props.is_multiselect, open]);\r\n\r\n    const removeUndefined = useCallback((selectOptions: any[]) => {\r\n        return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        const config = dynamicSelectAdd(addType);\r\n        setAddConfig(config);\r\n    }, [addType])\r\n\r\n\r\n    return (\r\n        <Controller\r\n            control={props.formControl}\r\n            name={`${props.fieldArrayName}.${props.name}`}\r\n            render={({ field, fieldState }) => (\r\n                <>\r\n                    {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\r\n                    <Select\r\n                        {...field}\r\n                        ref={selectRef}\r\n                        open={open}\r\n                        onOpen={() => setOpen(true)}\r\n                        onClose={handleClose}\r\n                        fullWidth\r\n                        dataPosition={props.position}\r\n                        dataName={`${props.fieldArrayName}.${props.name}`}\r\n                        placeholder={props.placeholder}\r\n                        label={props.label}\r\n                        defaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\r\n                        searchValue={searchQuery}\r\n                        required={props.formType == 'builder' ? false : props.required}\r\n                        size={props.size || 'small'}\r\n                        multiple={props.is_multiselect || false}\r\n                        disabled={props.disabled}\r\n                        sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\r\n                        variant='outlined'\r\n                        value={\r\n                            initialLoading\r\n                                ? (props.is_multiselect ? [] : '')\r\n                                : (field.value?.id || field.value || (props.is_multiselect ? [] : ''))\r\n                        }\r\n                        className={\r\n                            props.is_multiselect && removeUndefined(field.value)?.length\r\n                                ? 'MultiSelect filter-select'\r\n                                : ''\r\n                        }\r\n                        MenuProps={{\r\n                            PaperProps: {\r\n                                onScroll: handleScroll,\r\n                                style: { maxHeight: 300 }\r\n                            }\r\n                        }}\r\n                        renderValue={(selected: any) => {\r\n                            if (Array.isArray(selected)) {\r\n                                return (\r\n                                    <ChipOrPlaceholder\r\n                                        selectedLabel={props.selectedLabel}\r\n                                        data={removeUndefined(selected)}\r\n                                        placeholder={(loading || props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\r\n                                        onDelete={props.onChipRemove}\r\n                                        disabled={props.disabled}\r\n                                        chipProps={{\r\n                                            sx: {\r\n                                                background: '#ebf9f2',\r\n                                                border: 0,\r\n                                                // borderRadius: '15px',\r\n                                                '& .MuiTypography-body1': {\r\n                                                    color: '#289b64',\r\n                                                    fontWeight: \"500\",\r\n                                                }\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                );\r\n                            } else {\r\n                                const selectedOption = filteredOptions.find(\r\n                                    (option) => (option.value?.id || option.value) == selected\r\n                                );\r\n                                return (loading || props.is_loading) ? <Loading /> : selectedOption?.label ||\r\n                                    (typeof props.label == 'string' ?\r\n                                        `${t('common.search')} ${props.label}` :\r\n                                        props.placeholder);\r\n                            }\r\n                        }}\r\n                        searchPlaceholder={`${t('common.search')} ${props.label}`}\r\n                        handleSearch={(text: string) => {\r\n                            setSearchQuery(text);\r\n                            setSearchInitiate(true);\r\n                        }}\r\n                        error={Boolean(fieldState.error?.message)}\r\n                        helperText={fieldState.error?.message || ''}\r\n                        onBlur={field.onBlur}\r\n                        input={\r\n                            <OutlinedInput\r\n                                label=''\r\n                                endAdornment={\r\n                                    <InputAdornment position='end'>\r\n                                        {(loading || props.is_loading) ? (\r\n                                            <CircularProgress\r\n                                                size={20}\r\n                                                sx={{ mr: 3, color: \"#4AC08C\" }}\r\n                                            />\r\n                                        ) : (\r\n                                            !props.disabled &&\r\n                                            (props.is_multiselect ?\r\n                                                (Array.isArray(field.value) && field.value.length > 0) :\r\n                                                Boolean(field.value)) && (\r\n                                                <IconButton\r\n                                                    aria-label='clear selection'\r\n                                                    onClick={() => resetValue(field)}\r\n                                                    edge='end'\r\n                                                    sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\r\n                                                    size='small'\r\n                                                >\r\n                                                    <Close sx={{ fontSize: '1rem' }} />\r\n                                                </IconButton>\r\n                                            )\r\n                                        )}\r\n                                    </InputAdornment>\r\n                                }\r\n                            />\r\n                        }\r\n                    >\r\n                        {generateMenuItems({\r\n                            options: filteredOptions,\r\n                            multiple: Boolean(props.is_multiselect),\r\n                            placeholder: props.placeholder,\r\n                            values: field.value,\r\n                            with_checkboxes: true,\r\n                            field: props,\r\n                            disabledIds,\r\n                            onChange: field.onChange,\r\n                            handleChange,\r\n                            hasParent,\r\n                            t,\r\n                            onFooterClick: () => {\r\n                                if (props?.onFooterClick) {\r\n                                    props?.onFooterClick();\r\n                                } else {\r\n                                    handleModalOpen();\r\n                                }\r\n                            }\r\n                        })}\r\n                        {pagination.isLoadingMore && (\r\n                            <MenuItem disabled>\r\n                                <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\r\n                                    <CircularProgress size={20} />\r\n                                </Box>\r\n                            </MenuItem>\r\n                        )}\r\n                    </Select>\r\n\r\n                    {/* Modal for adding new items */}\r\n                    {addConfig && addConfig.component && (\r\n                        <>\r\n                            {React.createElement(addConfig.component, {\r\n                                isOpen: isModalOpen,\r\n                                setIsOpen: setIsModalOpen,\r\n                                isLoading: isAddLoading,\r\n                                onSave: handleModalSave,\r\n                                modalProps: {\r\n                                    maxWidth: 'md',\r\n                                    fullWidth: true\r\n                                }\r\n                            })}\r\n                        </>\r\n                    )}\r\n\r\n                    {props.is_multiselect && Array.isArray(field.value) && (\r\n                        <SelectedItems\r\n                            data={field.value}\r\n                            options={filteredOptions}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n});\r\n\r\nDynamicSearchSelect.propTypes = {\r\n    name: PropTypes.string.isRequired,\r\n    placeholder: PropTypes.string.isRequired,\r\n    label: PropTypes.string.isRequired,\r\n    size: PropTypes.string,\r\n    options: PropTypes.arrayOf(\r\n        PropTypes.shape({\r\n            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n            value: PropTypes.any\r\n        })\r\n    ).isRequired,\r\n    formControl: PropTypes.object.isRequired,\r\n    defaultValue: PropTypes.any,\r\n    fieldArrayName: PropTypes.string.isRequired,\r\n    id: PropTypes.string,\r\n    required: PropTypes.bool,\r\n    is_multiselect: PropTypes.bool,\r\n    position: PropTypes.number,\r\n    formType: PropTypes.string,\r\n    typeOfField: PropTypes.string,\r\n    disabled: PropTypes.bool,\r\n    onChipRemove: PropTypes.func,\r\n    enable_footer: PropTypes.bool,\r\n    footer_action: PropTypes.string,\r\n    onFooterClick: PropTypes.func,\r\n    is_loading: PropTypes.bool,\r\n    selectedLabel: PropTypes.string,\r\n    isInternal: PropTypes.bool,\r\n    disabledIds: PropTypes.array,\r\n    getSelectedData: PropTypes.func,\r\n    attributes: PropTypes.array,\r\n    handleChange: PropTypes.func,\r\n    hasParent: PropTypes.bool,\r\n    sortOrder: PropTypes.string,\r\n    apiType: PropTypes.string,\r\n    handleOptions: PropTypes.func,\r\n    filterKey: PropTypes.string,\r\n    customeFilter: PropTypes.object,\r\n    refresh: PropTypes.bool,\r\n    addType: PropTypes.string\r\n};\r\n\r\nexport default DynamicSearchSelect;\r\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","onChange","handleChange","hasParent","t","onFooterClick","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","enable_footer","Divider","flexItem","mt","mb","Add","fontSize","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\r\nimport { dynamicSelectAdd } from './select-configuration';\r\nimport {\r\n    Box,\r\n    CircularProgress,\r\n    Divider,\r\n    IconButton,\r\n    InputAdornment,\r\n    MenuItem,\r\n    MenuItemProps,\r\n    OutlinedInput,\r\n} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { debounce } from 'lodash';\r\nimport { sortBy } from \"lodash\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Add, Close } from '@mui/icons-material';\r\n\r\nimport Select from '../../../select/select';\r\nimport ChipOrPlaceholder from './chip-or-placeholder';\r\nimport Checkbox from '../../../checkbox/checkbox';\r\nimport Typography from '../../../typography/typography';\r\nimport Chip from '../../../chip/chip';\r\nimport { MoreIcon } from '../../../icons';\r\nimport { fetchApi } from '../../../../utils/api';\r\nimport { useLanguage } from '../../../../hooks/useLangauge';\r\nimport './element.scss';\r\n\r\n// Types\r\ninterface IOption {\r\n    id: string | number;\r\n    value: string | number;\r\n    label: string | React.ReactNode;\r\n    disabled?: boolean;\r\n    isGroup?: boolean;\r\n    options?: IOption[];\r\n    searchLabel?: string;\r\n}\r\n\r\n\r\n\r\ninterface IMenuItemsProps extends MenuItemProps {\r\n    options: IOption[];\r\n    multiple: boolean;\r\n    placeholder: string;\r\n    with_checkboxes: boolean;\r\n    values: string | string[];\r\n    field: IDynamicSearchSelectProps;\r\n    disabledIds: (string | number)[];\r\n    onChange: (value: string | string[]) => void;\r\n    handleChange?: (value: string | string[]) => void;\r\n    hasParent: boolean;\r\n    t: (key: string) => string;\r\n    onFooterClick?: () => void;\r\n}\r\n\r\ninterface IDynamicSearchSelectProps {\r\n    name: string;\r\n    placeholder: string;\r\n    label: string;\r\n    size?: 'small' | 'medium';\r\n    options: IOption[];\r\n    formControl: Control<any>;\r\n    defaultValue?: string | string[];\r\n    fieldArrayName: string;\r\n    id?: string;\r\n    required?: boolean;\r\n    is_multiselect?: boolean;\r\n    position?: number;\r\n    formType?: string;\r\n    typeOfField?: string;\r\n    disabled?: boolean;\r\n    onChipRemove?: (value: string) => void;\r\n    enable_footer?: boolean;\r\n    footer_action?: string;\r\n    onFooterClick?: () => void;\r\n    is_loading?: boolean;\r\n    selectedLabel?: string;\r\n    isInternal?: boolean;\r\n    disabledIds?: (string | number)[];\r\n    getSelectedData?: (data: IOption | IOption[] | null, name: string) => void;\r\n    attributes?: string[];\r\n    handleChange?: (value: string | string[]) => void;\r\n    hasParent?: boolean;\r\n    sortOrder?: string;\r\n    apiType?: string;\r\n    handleOptions?: (value: any) => void;\r\n    filterKey?: string;\r\n    customeFilter?: Record<string, any>;\r\n    refresh?: boolean;\r\n    addType?: string;\r\n}\r\n\r\ninterface IPaginationState {\r\n    page: number;\r\n    hasMore: boolean;\r\n    isLoadingMore: boolean;\r\n    total: number;\r\n}\r\n\r\n// Helper function to generate menu items\r\nconst generateMenuItems = ({\r\n    options,\r\n    multiple,\r\n    placeholder,\r\n    with_checkboxes,\r\n    values,\r\n    field,\r\n    disabledIds,\r\n    onChange,\r\n    handleChange,\r\n    hasParent,\r\n    t,\r\n    onFooterClick\r\n}: IMenuItemsProps): React.ReactElement[] => {\r\n    const itemDisabled = (id: string | number) => disabledIds?.includes(id);\r\n    const items: React.ReactElement[] = [];\r\n\r\n    if (!multiple) {\r\n        items.push(\r\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\r\n                <Typography type='s3' color='theme.secondary.1000'>\r\n                    <em>{t(placeholder)}</em>\r\n                </Typography>\r\n            </MenuItem>\r\n        );\r\n    }\r\n    const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\r\n\r\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n\r\n        const isParentSelected = valueArray.includes(parentValue);\r\n        const updatedValues = isParentSelected\r\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\r\n            : [...new Set([...valueArray, parentValue, ...childValues])];\r\n\r\n        onChange(updatedValues);\r\n        handleChange?.(updatedValues);\r\n    };\r\n\r\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n        return childValues.every((childValue) => valueArray.includes(childValue));\r\n    };\r\n\r\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\r\n        const childValues = childOptions.map((child) => child.value);\r\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n        return childValues.some((childValue) => valueArray.includes(childValue));\r\n    };\r\n\r\n    if (Array.isArray(options) && options.length > 0) {\r\n        options.forEach((option) => {\r\n            items.push(\r\n                <MenuItem\r\n                    value={option.value}\r\n                    key={option.value}\r\n                    disabled={Boolean(option.disabled) || itemDisabled(option.id || option.value)}\r\n                    className={option.isGroup ? 'select--MenuItemHeader' : ''}\r\n                >\r\n                    <Box sx={{ display: 'flex', gap: 1 }}>\r\n                        {multiple && with_checkboxes && (\r\n                            <Checkbox\r\n                                checked={\r\n                                    hasParent\r\n                                        ? isAllOptionsSelected(option.value, option.options || [])\r\n                                        : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\r\n                                }\r\n                                indeterminate={\r\n                                    hasParent && isSomeOptionsSelected(option.options || [])\r\n                                }\r\n                                onChange={() => hasParent ? handleParentChange(option.value, option.options || []) : handleChange?.(option.value)}\r\n                            />\r\n                        )}\r\n                        <Typography\r\n                            type='s3'\r\n                            color='theme.secondary.1000'\r\n                            onClick={() => handleChange?.(option.value)}\r\n                        >\r\n                            {option.label}\r\n                        </Typography>\r\n                    </Box>\r\n                </MenuItem>\r\n            );\r\n\r\n            if (option.isGroup && Array.isArray(option.options)) {\r\n                option.options.forEach((opt) => {\r\n                    items.push(\r\n                        <MenuItem\r\n                            value={opt.value}\r\n                            disabled={Boolean(opt.disabled) || itemDisabled(opt.id || opt.value)}\r\n                            sx={{ pl: 5 }}\r\n                            key={`${option.value}-${opt.value}`}\r\n                        >\r\n                            <Box sx={{ display: 'flex', gap: 1 }}>\r\n                                {multiple && with_checkboxes && (\r\n                                    <Checkbox\r\n                                        checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\r\n                                    />\r\n                                )}\r\n                                <Typography\r\n                                    type='s3'\r\n                                    color='theme.secondary.1000'\r\n                                    onClick={() => handleChange?.(String(opt.value))}\r\n                                >\r\n                                    {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\r\n                                </Typography>\r\n                            </Box>\r\n                        </MenuItem>\r\n                    );\r\n                });\r\n            }\r\n        });\r\n    }\r\n\r\n    if (field.enable_footer) {\r\n        items.push(\r\n            <Box key=\"footer\">\r\n                <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\r\n                <MenuItem sx={{ gap: 1 }} onClick={onFooterClick}>\r\n                    <Add fontSize='small' />\r\n                    <Typography type='s4' color='theme.secondary.1000'>\r\n                        Create New {field.label}\r\n                    </Typography>\r\n                </MenuItem>\r\n            </Box>\r\n        );\r\n    }\r\n\r\n    if (!items.length || (items.length == 1 && !multiple)) {\r\n        items.push(\r\n            <MenuItem disabled key=\"no-data\">\r\n                No data available\r\n            </MenuItem>\r\n        );\r\n    }\r\n\r\n    return items;\r\n};\r\n\r\n// Selected items component\r\nconst SelectedItems: React.FC<{\r\n    data: (string | number)[];\r\n    options: IOption[];\r\n}> = ({ data, options }) => {\r\n    const displayTitle = data.map(\r\n        (selectedItem) =>\r\n            options?.find((option) => option.value == selectedItem)?.label || ''\r\n    );\r\n    const filteredDisplayTitle = displayTitle.filter(Boolean);\r\n\r\n    return (\r\n        <Typography\r\n            type='s4'\r\n            color='inherit'\r\n            sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\r\n        >\r\n            {filteredDisplayTitle.slice(0, 4).join(', ')}\r\n            {data.length > 4 && (\r\n                <Chip variant='outlined' type='normal' label={<MoreIcon />} />\r\n            )}\r\n        </Typography>\r\n    );\r\n};\r\n\r\nconst Loading = () => (\r\n    <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\r\n)\r\n\r\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\r\n    const watchedValue = useWatch({\r\n        control: props.formControl,\r\n        name: `${props.fieldArrayName}.${props.name}`\r\n    });\r\n\r\n    const formContext = useFormContext();\r\n    const { setValue } = formContext || {};\r\n    const { t } = useTranslation();\r\n    const { isRtl } = useLanguage();\r\n    const selectRef = useRef<HTMLDivElement>(null);\r\n\r\n    // State management\r\n    const [options, setOptions] = useState<IOption[]>([]);\r\n    const [selectedValue, setSelectedValue] = useState<any>(null);\r\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\r\n    const [loading, setLoading] = useState<boolean>(false);\r\n    const [open, setOpen] = useState<boolean>(false);\r\n    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\r\n    const [prevFilter, setPrevFilter] = useState<any>(null);\r\n    const [initialLoading, setInitialLoading] = useState<boolean>(false);\r\n    const [searchQuery, setSearchQuery] = useState<string>(\"\");\r\n    const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\r\n    const [addConfig, setAddConfig] = useState<any>(null);\r\n\r\n    // Modal states\r\n    const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\r\n    const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\r\n\r\n\r\n    // Pagination state\r\n    const [pagination, setPagination] = useState<IPaginationState>({\r\n        page: 1,\r\n        hasMore: true,\r\n        isLoadingMore: false,\r\n        total: 0\r\n    });\r\n\r\n    // Props destructuring with defaults\r\n    const {\r\n        handleOptions,\r\n        isInternal = false,\r\n        disabledIds = [],\r\n        getSelectedData,\r\n        attributes = [],\r\n        filterKey = 'id',\r\n        customeFilter = {},\r\n        refresh,\r\n        handleChange,\r\n        hasParent = false,\r\n        sortOrder = 'id:-1',\r\n        apiType,\r\n        addType\r\n    } = props;\r\n\r\n    const limit = 25;\r\n\r\n    // Memoized values\r\n    const isInternalOptions = useMemo(() => {\r\n        return isInternal || !apiType;\r\n    }, [isInternal, apiType]);\r\n    //eslint-disable-next-line\r\n    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\r\n\r\n    // Local search function\r\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\r\n        if (!searchTerm) return props.options || [];\r\n\r\n        const lowercasedSearchTerm = searchTerm.toLowerCase();\r\n\r\n        const filteredOptions = hasParent\r\n            ? props.options?.reduce((acc: IOption[], opt) => {\r\n                const searchedOptions = opt.options?.filter((item) => {\r\n                    const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\r\n                    return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n                });\r\n\r\n                if (searchedOptions?.length) {\r\n                    acc.push({ ...opt, options: searchedOptions });\r\n                }\r\n\r\n                return acc;\r\n            }, []) || []\r\n            : props.options?.filter((opt) => {\r\n                const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\r\n                return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n            }) || [];\r\n        //eslint-disable-next-line\r\n        return sortBySelectedValues(filteredOptions, value);\r\n        //eslint-disable-next-line\r\n    }, [props.options, hasParent]);\r\n\r\n    // Get unique options\r\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\r\n        const uniqueOptions = [\r\n            ...new Map(data?.map(item => [item.value, item])).values()\r\n        ];\r\n        return uniqueOptions;\r\n    }, []);\r\n\r\n    // Sort by selected values\r\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\r\n        const selectedValues = Array.isArray(value) ? value : [value];\r\n        const sortedValue = sortBy(arrayToSort, (item) => {\r\n            const index = selectedValues.indexOf(item.id || item.value);\r\n            return index == -1 ? Infinity : index;\r\n        });\r\n        return sortedValue;\r\n    }, []);\r\n\r\n    // Filtered options with pagination support\r\n    const filteredOptions = useMemo(() => {\r\n        if (isInternalOptions) {\r\n            return searchOptionsLocally(searchQuery, watchedValue);\r\n        }\r\n        return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\r\n        //eslint-disable-next-line\r\n    }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\r\n\r\n    // API Functions\r\n    const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\r\n        if (!apiType) return [];\r\n\r\n        setLoading(true);\r\n        if (page > 1) {\r\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\r\n        }\r\n\r\n        try {\r\n            const { data = [], pagination = {} } = await fetchApi({\r\n                apiKey: apiType,\r\n                filters: {\r\n                    limit,\r\n                    skip: (page - 1) * limit,\r\n                    search: searchTerm,\r\n                    filters: flt,\r\n                    select: attributes,\r\n                    order: sortOrder\r\n                }\r\n            });\r\n\r\n            if (data && Array.isArray(data)) {\r\n                const newOptions = append ? [...options, ...data] : data;\r\n                updateOptions(newOptions, append);\r\n                handleSelectedValue(data);\r\n                // Update pagination\r\n                setPagination(prev => ({\r\n                    ...prev,\r\n                    page,\r\n                    hasMore: pagination?.totalCount > (page * limit),\r\n                    total: pagination?.totalCount,\r\n                    isLoadingMore: false\r\n                }));\r\n            }\r\n\r\n            return data || [];\r\n        } catch (error) {\r\n            console.error('Error fetching options:', error);\r\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\r\n            return [];\r\n        } finally {\r\n            setLoading(false);\r\n        }\r\n        //eslint-disable-next-line\r\n    }, [apiType, options, attributes, sortOrder, limit, cf]);\r\n\r\n    // Handle scroll pagination\r\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\r\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\r\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\r\n\r\n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\r\n            const nextPage = pagination.page + 1;\r\n            fetchOptions(searchQuery, cf, nextPage, true);\r\n        }\r\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\r\n\r\n    // Update options\r\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\r\n        const oldOptions = append ? options : selectedOptions;\r\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\r\n        setOptions(uniqueOptions);\r\n    }, [options, selectedOptions, getUniqueOptions]);\r\n\r\n    // Handle selected value\r\n    const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\r\n        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\r\n        const isInOptions = updateOptions?.filter((item) =>\r\n            Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey] || item.value || item.id) == filterValue\r\n        );\r\n\r\n        if (Array.isArray(isInOptions) && isInOptions.length > 0) {\r\n            getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\r\n            return true;\r\n        }\r\n        return false;\r\n    }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData]);\r\n\r\n    // Fetch options by ID\r\n    const fetchIdOptions = useCallback(async () => {\r\n        if (open) return;\r\n        if (await handleSelectedValue(filteredOptions)) return;\r\n\r\n        const condition = props.is_multiselect ?\r\n            Array.isArray(watchedValue) && watchedValue.length > 0 :\r\n            Boolean(watchedValue);\r\n\r\n        if (condition) {\r\n            setInitialLoading(true);\r\n            const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\r\n            setInitialLoading(false);\r\n\r\n            if (response.length == 0 && setValue && !isInternalOptions) {\r\n                // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\r\n            }\r\n        }\r\n        //eslint-disable-next-line\r\n    }, [open, watchedValue, JSON.stringify(cf)]);\r\n\r\n    // Initial fetch\r\n    const initialFetch = useCallback(async () => {\r\n        const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\r\n\r\n        if (condition) {\r\n            setPrevFilter(cf);\r\n            setOptions([]);\r\n            setIsAlreadyLoaded(false);\r\n            setPagination({\r\n                page: 1,\r\n                hasMore: true,\r\n                isLoadingMore: false,\r\n                total: 0\r\n            });\r\n        }\r\n\r\n        if (!isInternalOptions && !isAlreadyLoaded) {\r\n            await fetchOptions(searchQuery, cf, 1, false);\r\n            setIsAlreadyLoaded(true);\r\n        }\r\n        //eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [cf, isInternalOptions, isAlreadyLoaded]);\r\n\r\n    // Debounced search\r\n    const debouncedSearch = useMemo(\r\n        () => debounce(async (searchTerm: string) => {\r\n            if (loading) return;\r\n\r\n            if (!searchTerm && !isInternalOptions && searchInitiate) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                await fetchOptions('', cf, 1, false);\r\n            }\r\n            if (searchTerm.length > 1 && !isInternalOptions) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                await fetchOptions(searchTerm, cf, 1, false);\r\n            }\r\n        }, 700),\r\n        //eslint-disable-next-line\r\n        [isInternalOptions, searchInitiate, cf]\r\n    );\r\n\r\n    // Reset value function\r\n    const resetValue = useCallback((field: any) => {\r\n        field.onChange(props.is_multiselect ? [] : null);\r\n        if (getSelectedData) {\r\n            getSelectedData(null, props.name);\r\n        }\r\n    }, [props.is_multiselect, props.name, getSelectedData]);\r\n\r\n    // Handle close\r\n    const handleClose = useCallback(() => {\r\n        setOpen(false);\r\n        if (searchQuery.length > 0) {\r\n            setIsAlreadyLoaded(false);\r\n        }\r\n        setSearchInitiate(false);\r\n        setSearchQuery('');\r\n    }, [searchQuery]);\r\n\r\n    const handleModalOpen = useCallback(() => {\r\n        setIsModalOpen(true);\r\n    }, []);\r\n\r\n\r\n\r\n    // Handle modal save\r\n    const handleModalSave = useCallback(async (payload: any) => {\r\n        if (!addConfig || !addConfig.api) {\r\n            console.error('Add configuration is not properly set');\r\n            return;\r\n        }\r\n\r\n        setIsAddLoading(true);\r\n        try {\r\n            const result = await addConfig.api(payload);\r\n            console.log(\"result\",result);\r\n            setIsAddLoading(false);\r\n            setIsModalOpen(false);\r\n            if (!isInternalOptions) {\r\n                setPagination({\r\n                    page: 1,\r\n                    hasMore: true,\r\n                    isLoadingMore: false,\r\n                    total: 0\r\n                });\r\n                setIsAlreadyLoaded(false);\r\n                await fetchOptions('', cf, 1, false);\r\n            }\r\n            if (result && result.data) {\r\n                const newValue = props.is_multiselect\r\n                    ? [...(watchedValue || []), result.data.id]\r\n                    : result.data.id;\r\n    \r\n                if (setValue) {\r\n                    setValue(`${props.fieldArrayName}.${props.name}`, newValue);\r\n                }\r\n            }\r\n        } catch (error) {\r\n            console.log(\"error\",error);\r\n            setIsAddLoading(false);\r\n        }\r\n       \r\n\r\n    }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\r\n\r\n    // Effects\r\n    useEffect(() => {\r\n        if (handleOptions) {\r\n            handleOptions(selectedValue);\r\n        }\r\n    }, [handleOptions, selectedValue]);\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            initialFetch();\r\n        }\r\n    }, [open, initialFetch]);\r\n\r\n    useEffect(() => {\r\n        fetchIdOptions();\r\n    }, [fetchIdOptions]);\r\n\r\n    useEffect(() => {\r\n        if (refresh) {\r\n            setPagination({\r\n                page: 1,\r\n                hasMore: true,\r\n                isLoadingMore: false,\r\n                total: 0\r\n            });\r\n            fetchOptions('', cf, 1, false);\r\n        }\r\n    }, [refresh, fetchOptions, cf]);\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            debouncedSearch(searchQuery);\r\n        }\r\n        return () => debouncedSearch.cancel();\r\n    }, [searchQuery, open, debouncedSearch]);\r\n\r\n    useEffect(() => {\r\n        if (watchedValue && !open) {\r\n            const selectedData = options?.filter((item) =>\r\n                props.is_multiselect ?\r\n                    Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) :\r\n                    (item.id || item.value) == watchedValue\r\n            );\r\n            setSelectedOptions(selectedData || []);\r\n        }\r\n    }, [watchedValue, options, props.is_multiselect, open]);\r\n\r\n    const removeUndefined = useCallback((selectOptions: any[]) => {\r\n        return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        const config = dynamicSelectAdd(addType);\r\n        setAddConfig(config);\r\n    }, [addType])\r\n\r\n\r\n    return (\r\n        <Controller\r\n            control={props.formControl}\r\n            name={`${props.fieldArrayName}.${props.name}`}\r\n            render={({ field, fieldState }) => (\r\n                <>\r\n                    {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\r\n                    <Select\r\n                        {...field}\r\n                        ref={selectRef}\r\n                        open={open}\r\n                        onOpen={() => setOpen(true)}\r\n                        onClose={handleClose}\r\n                        fullWidth\r\n                        dataPosition={props.position}\r\n                        dataName={`${props.fieldArrayName}.${props.name}`}\r\n                        placeholder={props.placeholder}\r\n                        label={props.label}\r\n                        defaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\r\n                        searchValue={searchQuery}\r\n                        required={props.formType == 'builder' ? false : props.required}\r\n                        size={props.size || 'small'}\r\n                        multiple={props.is_multiselect || false}\r\n                        disabled={props.disabled}\r\n                        sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\r\n                        variant='outlined'\r\n                        value={\r\n                            initialLoading\r\n                                ? (props.is_multiselect ? [] : '')\r\n                                : (field.value?.id || field.value || (props.is_multiselect ? [] : ''))\r\n                        }\r\n                        className={\r\n                            props.is_multiselect && removeUndefined(field.value)?.length\r\n                                ? 'MultiSelect filter-select'\r\n                                : ''\r\n                        }\r\n                        MenuProps={{\r\n                            PaperProps: {\r\n                                onScroll: handleScroll,\r\n                                style: { maxHeight: 300 }\r\n                            }\r\n                        }}\r\n                        renderValue={(selected: any) => {\r\n                            if (Array.isArray(selected)) {\r\n                                return (\r\n                                    <ChipOrPlaceholder\r\n                                        selectedLabel={props.selectedLabel}\r\n                                        data={removeUndefined(selected)}\r\n                                        placeholder={(loading || props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\r\n                                        onDelete={props.onChipRemove}\r\n                                        disabled={props.disabled}\r\n                                        chipProps={{\r\n                                            sx: {\r\n                                                background: '#ebf9f2',\r\n                                                border: 0,\r\n                                                // borderRadius: '15px',\r\n                                                '& .MuiTypography-body1': {\r\n                                                    color: '#289b64',\r\n                                                    fontWeight: \"500\",\r\n                                                }\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                );\r\n                            } else {\r\n                                const selectedOption = filteredOptions.find(\r\n                                    (option) => (option.value?.id || option.value) == selected\r\n                                );\r\n                                return (loading || props.is_loading) ? <Loading /> : selectedOption?.label ||\r\n                                    (typeof props.label == 'string' ?\r\n                                        `${t('common.search')} ${props.label}` :\r\n                                        props.placeholder);\r\n                            }\r\n                        }}\r\n                        searchPlaceholder={`${t('common.search')} ${props.label}`}\r\n                        handleSearch={(text: string) => {\r\n                            setSearchQuery(text);\r\n                            setSearchInitiate(true);\r\n                        }}\r\n                        error={Boolean(fieldState.error?.message)}\r\n                        helperText={fieldState.error?.message || ''}\r\n                        onBlur={field.onBlur}\r\n                        input={\r\n                            <OutlinedInput\r\n                                label=''\r\n                                endAdornment={\r\n                                    <InputAdornment position='end'>\r\n                                        {(loading || props.is_loading) ? (\r\n                                            <CircularProgress\r\n                                                size={20}\r\n                                                sx={{ mr: 3, color: \"#4AC08C\" }}\r\n                                            />\r\n                                        ) : (\r\n                                            !props.disabled &&\r\n                                            (props.is_multiselect ?\r\n                                                (Array.isArray(field.value) && field.value.length > 0) :\r\n                                                Boolean(field.value)) && (\r\n                                                <IconButton\r\n                                                    aria-label='clear selection'\r\n                                                    onClick={() => resetValue(field)}\r\n                                                    edge='end'\r\n                                                    sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\r\n                                                    size='small'\r\n                                                >\r\n                                                    <Close sx={{ fontSize: '1rem' }} />\r\n                                                </IconButton>\r\n                                            )\r\n                                        )}\r\n                                    </InputAdornment>\r\n                                }\r\n                            />\r\n                        }\r\n                    >\r\n                        {generateMenuItems({\r\n                            options: filteredOptions,\r\n                            multiple: Boolean(props.is_multiselect),\r\n                            placeholder: props.placeholder,\r\n                            values: field.value,\r\n                            with_checkboxes: true,\r\n                            field: props,\r\n                            disabledIds,\r\n                            onChange: field.onChange,\r\n                            handleChange,\r\n                            hasParent,\r\n                            t,\r\n                            onFooterClick: () => {\r\n                                if (props?.onFooterClick) {\r\n                                    props?.onFooterClick();\r\n                                } else {\r\n                                    handleModalOpen();\r\n                                }\r\n                            }\r\n                        })}\r\n                        {pagination.isLoadingMore && (\r\n                            <MenuItem disabled>\r\n                                <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\r\n                                    <CircularProgress size={20} />\r\n                                </Box>\r\n                            </MenuItem>\r\n                        )}\r\n                    </Select>\r\n\r\n                    {/* Modal for adding new items */}\r\n                    {addConfig && addConfig.component && (\r\n                        <>\r\n                            {React.createElement(addConfig.component, {\r\n                                isOpen: isModalOpen,\r\n                                setIsOpen: setIsModalOpen,\r\n                                isLoading: isAddLoading,\r\n                                onSave: handleModalSave,\r\n                                modalProps: {\r\n                                    maxWidth: 'md',\r\n                                    fullWidth: true\r\n                                }\r\n                            })}\r\n                        </>\r\n                    )}\r\n\r\n                    {props.is_multiselect && Array.isArray(field.value) && (\r\n                        <SelectedItems\r\n                            data={field.value}\r\n                            options={filteredOptions}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        />\r\n    );\r\n});\r\n\r\nDynamicSearchSelect.propTypes = {\r\n    name: PropTypes.string.isRequired,\r\n    placeholder: PropTypes.string.isRequired,\r\n    label: PropTypes.string.isRequired,\r\n    size: PropTypes.string,\r\n    options: PropTypes.arrayOf(\r\n        PropTypes.shape({\r\n            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n            value: PropTypes.any\r\n        })\r\n    ).isRequired,\r\n    formControl: PropTypes.object.isRequired,\r\n    defaultValue: PropTypes.any,\r\n    fieldArrayName: PropTypes.string.isRequired,\r\n    id: PropTypes.string,\r\n    required: PropTypes.bool,\r\n    is_multiselect: PropTypes.bool,\r\n    position: PropTypes.number,\r\n    formType: PropTypes.string,\r\n    typeOfField: PropTypes.string,\r\n    disabled: PropTypes.bool,\r\n    onChipRemove: PropTypes.func,\r\n    enable_footer: PropTypes.bool,\r\n    footer_action: PropTypes.string,\r\n    onFooterClick: PropTypes.func,\r\n    is_loading: PropTypes.bool,\r\n    selectedLabel: PropTypes.string,\r\n    isInternal: PropTypes.bool,\r\n    disabledIds: PropTypes.array,\r\n    getSelectedData: PropTypes.func,\r\n    attributes: PropTypes.array,\r\n    handleChange: PropTypes.func,\r\n    hasParent: PropTypes.bool,\r\n    sortOrder: PropTypes.string,\r\n    apiType: PropTypes.string,\r\n    handleOptions: PropTypes.func,\r\n    filterKey: PropTypes.string,\r\n    customeFilter: PropTypes.object,\r\n    refresh: PropTypes.bool,\r\n    addType: PropTypes.string\r\n};\r\n\r\nexport default DynamicSearchSelect;\r\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","onChange","handleChange","hasParent","t","onFooterClick","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","enable_footer","Divider","flexItem","mt","mb","Add","fontSize","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}

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

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import TextField from "../../../../text-field/text-field/index.esm.js";
-import Chip from "../../../../chip/chip/index.esm.js";
+import { TextField } from "../../../../text-field/text-field/index.esm.js";
+import { Chip } from "../../../../chip/chip/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 /* empty css                        */
 import Autocomplete from "../../../../../node_modules/@mui/material/Autocomplete/Autocomplete/index.esm.js";
@@ -83,6 +83,7 @@ DynamicTagsInput.propTypes = {
   fieldArrayName: PropTypes.string
 };
 export {
+  DynamicTagsInput,
   DynamicTagsInput as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n  formControl: Control<TFieldValues>;\n  name: string;\n  fieldArrayName?: string;\n  label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n  formControl,\n  name,\n  fieldArrayName = '',\n  label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n  // Local state for managing the input value\n  const [inputValue, setInputValue] = useState<string>('');\n\n  return (\n    <Controller\n      control={formControl}\n      name={`${fieldArrayName}.${name}`}\n      render={({ field: { value = '', onChange } }) => {\n        const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n          if (event.key === 'Tab') {\n            // Get the trimmed input value\n            const trimmedInputValue = inputValue.trim();\n            \n            // Check if input is not empty and not already a tag\n            if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n              event.preventDefault(); // Prevent default tab action\n\n              // Add new tag\n              const newTags = [...tags, trimmedInputValue];\n              const newValueString = newTags.join(', ');\n              onChange(newValueString);\n              setInputValue(''); // Clear the input field\n            }\n          }\n        };\n\n        return (\n          <Autocomplete\n            clearIcon={false}\n            options={[]}\n            freeSolo\n            multiple\n            fullWidth\n            value={tags}\n            onChange={(event: React.ChangeEvent<unknown>, newValue: string[] | null) => {\n              const newValueString = newValue?.join(', ') || '';\n              onChange(newValueString);\n            }}\n            renderTags={(value: string[], renderTagProps) =>\n              value.map((option, index) => (\n                <Chip\n                  key={index}\n                  // deleteIcon={<Close fontSize='large' />}\n                  // variant='outlined'\n                  type='normal'\n                  label={\n                    <Typography color='theme.secondary.1000' type='s4'>\n                      {option}\n                    </Typography>\n                  }\n                  {...renderTagProps({ index })}\n                />\n              ))\n            }\n            renderInput={(params) => (\n              <TextField\n                label={label}\n                type=\"text\"\n                {...params}\n                value={inputValue}\n                onChange={(event:any) => setInputValue(event.target.value)}\n                onKeyDown={handleKeyDown}\n              />\n            )}\n          />\n        );\n      }}\n    />\n  );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n  formControl: PropTypes.shape({\n    register: PropTypes.func.isRequired,\n    setValue: PropTypes.func,\n    _formState: PropTypes.object.isRequired,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n};\n\nexport default DynamicTagsInput;\n\n"],"names":["value"],"mappings":";;;;;;;;;AAmBA,MAAM,mBAAmB,CAAmC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAA2C;AAEzC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,EAAE;AAEvD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAM,GAAG,cAAc,IAAI,IAAI;AAAA,MAC/B,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,IAAI,SAAA,QAAiB;AAC/C,cAAM,OAAO,QAAQ,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,QAAgB,IAAI,KAAA,CAAM,IAAI,CAAA;AAEzE,cAAM,gBAAgB,CAAC,UAAiD;AACtE,cAAI,MAAM,QAAQ,OAAO;AAEvB,kBAAM,oBAAoB,WAAW,KAAA;AAGrC,gBAAI,qBAAqB,CAAC,KAAK,SAAS,iBAAiB,GAAG;AAC1D,oBAAM,eAAA;AAGN,oBAAM,UAAU,CAAC,GAAG,MAAM,iBAAiB;AAC3C,oBAAM,iBAAiB,QAAQ,KAAK,IAAI;AACxC,uBAAS,cAAc;AACvB,4BAAc,EAAE;AAAA,YAClB;AAAA,UACF;AAAA,QACF;AAEA,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS,CAAA;AAAA,YACT,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,WAAS;AAAA,YACT,OAAO;AAAA,YACP,UAAU,CAAC,OAAmC,aAA8B;AAC1E,oBAAM,kBAAiB,qCAAU,KAAK,UAAS;AAC/C,uBAAS,cAAc;AAAA,YACzB;AAAA,YACA,YAAY,CAACA,QAAiB,mBAC5BA,OAAM,IAAI,CAAC,QAAQ,UACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAIC,MAAK;AAAA,gBACL,OACE,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAC3C,UAAA,QACH;AAAA,gBAED,GAAG,eAAe,EAAE,MAAA,CAAO;AAAA,cAAA;AAAA,cATvB;AAAA,YAAA,CAWR;AAAA,YAEH,aAAa,CAAC,WACZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACJ,GAAG;AAAA,gBACJ,OAAO;AAAA,gBACP,UAAU,CAAC,UAAc,cAAc,MAAM,OAAO,KAAK;AAAA,gBACzD,WAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MAIR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,iBAAiB,YAAY;AAAA,EAC3B,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,IACpB,YAAY,UAAU,OAAO;AAAA,EAAA,CAC9B,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,KAAK;AAAA,EACtB,gBAAgB,UAAU;AAC5B;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n  formControl: Control<TFieldValues>;\n  name: string;\n  fieldArrayName?: string;\n  label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n  formControl,\n  name,\n  fieldArrayName = '',\n  label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n  // Local state for managing the input value\n  const [inputValue, setInputValue] = useState<string>('');\n\n  return (\n    <Controller\n      control={formControl}\n      name={`${fieldArrayName}.${name}`}\n      render={({ field: { value = '', onChange } }) => {\n        const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n          if (event.key === 'Tab') {\n            // Get the trimmed input value\n            const trimmedInputValue = inputValue.trim();\n            \n            // Check if input is not empty and not already a tag\n            if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n              event.preventDefault(); // Prevent default tab action\n\n              // Add new tag\n              const newTags = [...tags, trimmedInputValue];\n              const newValueString = newTags.join(', ');\n              onChange(newValueString);\n              setInputValue(''); // Clear the input field\n            }\n          }\n        };\n\n        return (\n          <Autocomplete\n            clearIcon={false}\n            options={[]}\n            freeSolo\n            multiple\n            fullWidth\n            value={tags}\n            onChange={(event: React.ChangeEvent<unknown>, newValue: string[] | null) => {\n              const newValueString = newValue?.join(', ') || '';\n              onChange(newValueString);\n            }}\n            renderTags={(value: string[], renderTagProps) =>\n              value.map((option, index) => (\n                <Chip\n                  key={index}\n                  // deleteIcon={<Close fontSize='large' />}\n                  // variant='outlined'\n                  type='normal'\n                  label={\n                    <Typography color='theme.secondary.1000' type='s4'>\n                      {option}\n                    </Typography>\n                  }\n                  {...renderTagProps({ index })}\n                />\n              ))\n            }\n            renderInput={(params) => (\n              <TextField\n                label={label}\n                type=\"text\"\n                {...params}\n                value={inputValue}\n                onChange={(event:any) => setInputValue(event.target.value)}\n                onKeyDown={handleKeyDown}\n              />\n            )}\n          />\n        );\n      }}\n    />\n  );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n  formControl: PropTypes.shape({\n    register: PropTypes.func.isRequired,\n    setValue: PropTypes.func,\n    _formState: PropTypes.object.isRequired,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n};\n\nexport { DynamicTagsInput };\nexport default DynamicTagsInput;\n\n"],"names":["value"],"mappings":";;;;;;;;;AAmBA,MAAM,mBAAmB,CAAmC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AACF,MAA2C;AAEzC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAiB,EAAE;AAEvD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,MAAM,GAAG,cAAc,IAAI,IAAI;AAAA,MAC/B,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,IAAI,SAAA,QAAiB;AAC/C,cAAM,OAAO,QAAQ,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,QAAgB,IAAI,KAAA,CAAM,IAAI,CAAA;AAEzE,cAAM,gBAAgB,CAAC,UAAiD;AACtE,cAAI,MAAM,QAAQ,OAAO;AAEvB,kBAAM,oBAAoB,WAAW,KAAA;AAGrC,gBAAI,qBAAqB,CAAC,KAAK,SAAS,iBAAiB,GAAG;AAC1D,oBAAM,eAAA;AAGN,oBAAM,UAAU,CAAC,GAAG,MAAM,iBAAiB;AAC3C,oBAAM,iBAAiB,QAAQ,KAAK,IAAI;AACxC,uBAAS,cAAc;AACvB,4BAAc,EAAE;AAAA,YAClB;AAAA,UACF;AAAA,QACF;AAEA,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,SAAS,CAAA;AAAA,YACT,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,WAAS;AAAA,YACT,OAAO;AAAA,YACP,UAAU,CAAC,OAAmC,aAA8B;AAC1E,oBAAM,kBAAiB,qCAAU,KAAK,UAAS;AAC/C,uBAAS,cAAc;AAAA,YACzB;AAAA,YACA,YAAY,CAACA,QAAiB,mBAC5BA,OAAM,IAAI,CAAC,QAAQ,UACjB;AAAA,cAAC;AAAA,cAAA;AAAA,gBAIC,MAAK;AAAA,gBACL,OACE,oBAAC,YAAA,EAAW,OAAM,wBAAuB,MAAK,MAC3C,UAAA,QACH;AAAA,gBAED,GAAG,eAAe,EAAE,MAAA,CAAO;AAAA,cAAA;AAAA,cATvB;AAAA,YAAA,CAWR;AAAA,YAEH,aAAa,CAAC,WACZ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACJ,GAAG;AAAA,gBACJ,OAAO;AAAA,gBACP,UAAU,CAAC,UAAc,cAAc,MAAM,OAAO,KAAK;AAAA,gBACzD,WAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,MAIR;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,iBAAiB,YAAY;AAAA,EAC3B,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,IACpB,YAAY,UAAU,OAAO;AAAA,EAAA,CAC9B,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,KAAK;AAAA,EACtB,gBAAgB,UAAU;AAC5B;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),l=,/* empty css                                                  */o=,/* empty css                                       */i=,/* empty css                           */n=;/* empty css                                       */;/* empty css                     */var a=;/* empty css                                                                         */const u=({formControl:l,name:u,fieldArrayName:s="",label:d})=>{const[p,f]=r.useState("");/* @__PURE__ */
-return e.jsx(t.Controller,{control:l,name:`${s}.${u}`,render:({field:{value:r="",onChange:t}})=>{const l=r?r.split(",").map(e=>e.trim()):[],u=e=>{if("Tab"===e.key){const r=p.trim();if(r&&!l.includes(r)){e.preventDefault();const o=[...l,r].join(", ");t(o),f("")}}};/* @__PURE__ */
-return e.jsx(a.default,{clearIcon:!1,options:[],freeSolo:!0,multiple:!0,fullWidth:!0,value:l,onChange:(e,r)=>{const l=(null==r?void 0:r.join(", "))||"";t(l)},renderTags:(r,t)=>r.map((r,l)=>/* @__PURE__ */e.jsx(i.default,{type:"normal",label:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:r}),...t({index:l})},l)),renderInput:r=>/* @__PURE__ */e.jsx(o.default,{label:d,type:"text",...r,value:p,onChange:e=>f(e.target.value),onKeyDown:u})})}})};u.propTypes={formControl:l.default.shape({register:l.default.func.isRequired,setValue:l.default.func,_formState:l.default.object.isRequired}).isRequired,name:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string},exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),i=,/* empty css                                                  */n=,/* empty css                                       */o=,/* empty css                           */l=;/* empty css                                       */;/* empty css                     */var a=;/* empty css                                                                         */const s=({formControl:i,name:s,fieldArrayName:u="",label:d})=>{const[p,c]=r.useState("");/* @__PURE__ */
+return e.jsx(t.Controller,{control:i,name:`${u}.${s}`,render:({field:{value:r="",onChange:t}})=>{const i=r?r.split(",").map(e=>e.trim()):[],s=e=>{if("Tab"===e.key){const r=p.trim();if(r&&!i.includes(r)){e.preventDefault();const n=[...i,r].join(", ");t(n),c("")}}};/* @__PURE__ */
+return e.jsx(a.default,{clearIcon:!1,options:[],freeSolo:!0,multiple:!0,fullWidth:!0,value:i,onChange:(e,r)=>{const i=(null==r?void 0:r.join(", "))||"";t(i)},renderTags:(r,t)=>r.map((r,i)=>/* @__PURE__ */e.jsx(o.Chip,{type:"normal",label:/* @__PURE__ */e.jsx(l.Typography,{color:"theme.secondary.1000",type:"s4",children:r}),...t({index:i})},i)),renderInput:r=>/* @__PURE__ */e.jsx(n.TextField,{label:d,type:"text",...r,value:p,onChange:e=>c(e.target.value),onKeyDown:s})})}})};s.propTypes={formControl:i.default.shape({register:i.default.func.isRequired,setValue:i.default.func,_formState:i.default.object.isRequired}).isRequired,name:i.default.string.isRequired,label:i.default.node.isRequired,fieldArrayName:i.default.string},exports.DynamicTagsInput=s,exports.default=s;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n  formControl: Control<TFieldValues>;\n  name: string;\n  fieldArrayName?: string;\n  label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n  formControl,\n  name,\n  fieldArrayName = '',\n  label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n  // Local state for managing the input value\n  const [inputValue, setInputValue] = useState<string>('');\n\n  return (\n    <Controller\n      control={formControl}\n      name={`${fieldArrayName}.${name}`}\n      render={({ field: { value = '', onChange } }) => {\n        const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n          if (event.key === 'Tab') {\n            // Get the trimmed input value\n            const trimmedInputValue = inputValue.trim();\n            \n            // Check if input is not empty and not already a tag\n            if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n              event.preventDefault(); // Prevent default tab action\n\n              // Add new tag\n              const newTags = [...tags, trimmedInputValue];\n              const newValueString = newTags.join(', ');\n              onChange(newValueString);\n              setInputValue(''); // Clear the input field\n            }\n          }\n        };\n\n        return (\n          <Autocomplete\n            clearIcon={false}\n            options={[]}\n            freeSolo\n            multiple\n            fullWidth\n            value={tags}\n            onChange={(event: React.ChangeEvent<unknown>, newValue: string[] | null) => {\n              const newValueString = newValue?.join(', ') || '';\n              onChange(newValueString);\n            }}\n            renderTags={(value: string[], renderTagProps) =>\n              value.map((option, index) => (\n                <Chip\n                  key={index}\n                  // deleteIcon={<Close fontSize='large' />}\n                  // variant='outlined'\n                  type='normal'\n                  label={\n                    <Typography color='theme.secondary.1000' type='s4'>\n                      {option}\n                    </Typography>\n                  }\n                  {...renderTagProps({ index })}\n                />\n              ))\n            }\n            renderInput={(params) => (\n              <TextField\n                label={label}\n                type=\"text\"\n                {...params}\n                value={inputValue}\n                onChange={(event:any) => setInputValue(event.target.value)}\n                onKeyDown={handleKeyDown}\n              />\n            )}\n          />\n        );\n      }}\n    />\n  );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n  formControl: PropTypes.shape({\n    register: PropTypes.func.isRequired,\n    setValue: PropTypes.func,\n    _formState: PropTypes.object.isRequired,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n};\n\nexport default DynamicTagsInput;\n\n"],"names":["DynamicTagsInput","formControl","name","fieldArrayName","label","inputValue","setInputValue","useState","jsx","Controller","control","render","field","value","onChange","tags","split","map","tag","trim","handleKeyDown","event","key","trimmedInputValue","includes","preventDefault","newValueString","join","Autocomplete","clearIcon","options","freeSolo","multiple","fullWidth","newValue","renderTags","renderTagProps","option","index","Chip","type","Typography","color","children","renderInput","params","TextField","target","onKeyDown","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node"],"mappings":"wfAmBA,MAAMA,EAAmB,EACvBC,cACAC,OACAC,iBAAiB,GACjBC,YAGA,MAAOC,EAAYC,GAAiBC,EAAAA,SAAiB;AAErD,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAAST,EACTC,KAAM,GAAGC,KAAkBD,IAC3BS,OAAQ,EAAGC,OAASC,QAAQ,GAAIC,gBAC9B,MAAMC,EAAOF,EAAQA,EAAMG,MAAM,KAAKC,IAAKC,GAAgBA,EAAIC,QAAU,GAEnEC,EAAiBC,IACrB,GAAkB,QAAdA,EAAMC,IAAe,CAEvB,MAAMC,EAAoBlB,EAAWc,OAGrC,GAAII,IAAsBR,EAAKS,SAASD,GAAoB,CAC1DF,EAAMI,iBAGN,MACMC,EADU,IAAIX,EAAMQ,GACKI,KAAK,MACpCb,EAASY,GACTpB,EAAc,GAChB,CACF;AAGF,OACEE,EAAAA,IAACoB,EAAAA,QAAA,CACCC,WAAW,EACXC,QAAS,GACTC,UAAQ,EACRC,UAAQ,EACRC,WAAS,EACTpB,MAAOE,EACPD,SAAU,CAACO,EAAmCa,KAC5C,MAAMR,GAAiB,MAAAQ,OAAA,EAAAA,EAAUP,KAAK,QAAS,GAC/Cb,EAASY,IAEXS,WAAY,CAACtB,EAAiBuB,IAC5BvB,EAAMI,IAAI,CAACoB,EAAQC,mBACjB9B,EAAAA,IAAC+B,EAAAA,QAAA,CAICC,KAAK,SACLpC,qBACEI,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBF,KAAK,KAC3CG,SAAAN,OAGDD,EAAe,CAAEE,MAAAA,KAThBA,IAaXM,YAAcC,kBACZrC,EAAAA,IAACsC,EAAAA,QAAA,CACC1C,QACAoC,KAAK,UACDK,EACJhC,MAAOR,EACPS,SAAWO,GAAcf,EAAce,EAAM0B,OAAOlC,OACpDmC,UAAW5B,UAW3BpB,EAAiBiD,UAAY,CAC3BhD,YAAaiD,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC5BA,WACHpD,KAAMgD,EAAAA,QAAUQ,OAAOJ,WACvBlD,MAAO8C,EAAAA,QAAUS,KAAKL,WACtBnD,eAAgB+C,EAAAA,QAAUQ"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n  formControl: Control<TFieldValues>;\n  name: string;\n  fieldArrayName?: string;\n  label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n  formControl,\n  name,\n  fieldArrayName = '',\n  label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n  // Local state for managing the input value\n  const [inputValue, setInputValue] = useState<string>('');\n\n  return (\n    <Controller\n      control={formControl}\n      name={`${fieldArrayName}.${name}`}\n      render={({ field: { value = '', onChange } }) => {\n        const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n          if (event.key === 'Tab') {\n            // Get the trimmed input value\n            const trimmedInputValue = inputValue.trim();\n            \n            // Check if input is not empty and not already a tag\n            if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n              event.preventDefault(); // Prevent default tab action\n\n              // Add new tag\n              const newTags = [...tags, trimmedInputValue];\n              const newValueString = newTags.join(', ');\n              onChange(newValueString);\n              setInputValue(''); // Clear the input field\n            }\n          }\n        };\n\n        return (\n          <Autocomplete\n            clearIcon={false}\n            options={[]}\n            freeSolo\n            multiple\n            fullWidth\n            value={tags}\n            onChange={(event: React.ChangeEvent<unknown>, newValue: string[] | null) => {\n              const newValueString = newValue?.join(', ') || '';\n              onChange(newValueString);\n            }}\n            renderTags={(value: string[], renderTagProps) =>\n              value.map((option, index) => (\n                <Chip\n                  key={index}\n                  // deleteIcon={<Close fontSize='large' />}\n                  // variant='outlined'\n                  type='normal'\n                  label={\n                    <Typography color='theme.secondary.1000' type='s4'>\n                      {option}\n                    </Typography>\n                  }\n                  {...renderTagProps({ index })}\n                />\n              ))\n            }\n            renderInput={(params) => (\n              <TextField\n                label={label}\n                type=\"text\"\n                {...params}\n                value={inputValue}\n                onChange={(event:any) => setInputValue(event.target.value)}\n                onKeyDown={handleKeyDown}\n              />\n            )}\n          />\n        );\n      }}\n    />\n  );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n  formControl: PropTypes.shape({\n    register: PropTypes.func.isRequired,\n    setValue: PropTypes.func,\n    _formState: PropTypes.object.isRequired,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n};\n\nexport { DynamicTagsInput };\nexport default DynamicTagsInput;\n\n"],"names":["DynamicTagsInput","formControl","name","fieldArrayName","label","inputValue","setInputValue","useState","jsx","Controller","control","render","field","value","onChange","tags","split","map","tag","trim","handleKeyDown","event","key","trimmedInputValue","includes","preventDefault","newValueString","join","Autocomplete","clearIcon","options","freeSolo","multiple","fullWidth","newValue","renderTags","renderTagProps","option","index","Chip","type","Typography","color","children","renderInput","params","TextField","target","onKeyDown","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node"],"mappings":"wfAmBA,MAAMA,EAAmB,EACvBC,cACAC,OACAC,iBAAiB,GACjBC,YAGA,MAAOC,EAAYC,GAAiBC,EAAAA,SAAiB;AAErD,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAAST,EACTC,KAAM,GAAGC,KAAkBD,IAC3BS,OAAQ,EAAGC,OAASC,QAAQ,GAAIC,gBAC9B,MAAMC,EAAOF,EAAQA,EAAMG,MAAM,KAAKC,IAAKC,GAAgBA,EAAIC,QAAU,GAEnEC,EAAiBC,IACrB,GAAkB,QAAdA,EAAMC,IAAe,CAEvB,MAAMC,EAAoBlB,EAAWc,OAGrC,GAAII,IAAsBR,EAAKS,SAASD,GAAoB,CAC1DF,EAAMI,iBAGN,MACMC,EADU,IAAIX,EAAMQ,GACKI,KAAK,MACpCb,EAASY,GACTpB,EAAc,GAChB,CACF;AAGF,OACEE,EAAAA,IAACoB,EAAAA,QAAA,CACCC,WAAW,EACXC,QAAS,GACTC,UAAQ,EACRC,UAAQ,EACRC,WAAS,EACTpB,MAAOE,EACPD,SAAU,CAACO,EAAmCa,KAC5C,MAAMR,GAAiB,MAAAQ,OAAA,EAAAA,EAAUP,KAAK,QAAS,GAC/Cb,EAASY,IAEXS,WAAY,CAACtB,EAAiBuB,IAC5BvB,EAAMI,IAAI,CAACoB,EAAQC,mBACjB9B,EAAAA,IAAC+B,EAAAA,KAAA,CAICC,KAAK,SACLpC,qBACEI,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBF,KAAK,KAC3CG,SAAAN,OAGDD,EAAe,CAAEE,MAAAA,KAThBA,IAaXM,YAAcC,kBACZrC,EAAAA,IAACsC,EAAAA,UAAA,CACC1C,QACAoC,KAAK,UACDK,EACJhC,MAAOR,EACPS,SAAWO,GAAcf,EAAce,EAAM0B,OAAOlC,OACpDmC,UAAW5B,UAW3BpB,EAAiBiD,UAAY,CAC3BhD,YAAaiD,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC5BA,WACHpD,KAAMgD,EAAAA,QAAUQ,OAAOJ,WACvBlD,MAAO8C,EAAAA,QAAUS,KAAKL,WACtBnD,eAAgB+C,EAAAA,QAAUQ"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-tags-input.d.ts

@@ -21,4 +21,5 @@ declare const DynamicTagsInput: {
         fieldArrayName: PropTypes.Requireable<string>;
     };
 };
+export { DynamicTagsInput };
 export default DynamicTagsInput;

package/dist/components/form-control/form-builder/form-builder-element/info/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 InfoCard from "../../../../info-card/info-card/index.esm.js";
+import { InfoCard } from "../../../../info-card/info-card/index.esm.js";
 const DynamicInfo = (props) => {
   return /* @__PURE__ */ jsx(
     Controller,
@@ -37,6 +37,7 @@ DynamicInfo.propTypes = {
   disabled: PropTypes.bool
 };
 export {
+  DynamicInfo,
   DynamicInfo as default
 };
 //# sourceMappingURL=index.esm.js.map