@erpsquad/common 1.8.45 → 1.8.47

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import Button from "../../../../button/button/index.esm.js";
+import { Button } from "../../../../button/button/index.esm.js";
 import { MaterialTable } from "../../../../material-table/material-table/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 /* empty css                        */
@@ -7,8 +7,8 @@ import { parse, stringify } from "../../../../../node_modules/flatted/esm/index/
 import React__default, { useCallback } from "react";
 import { useAuth } from "../../../../../hooks/useAuth/index.esm.js";
 import { formatDate } from "../../../../../utils/dateFormat/index.esm.js";
-import Chip from "../../../../chip/chip/index.esm.js";
-import Checkbox from "../../../../checkbox/checkbox/index.esm.js";
+import { Chip } from "../../../../chip/chip/index.esm.js";
+import { Checkbox } from "../../../../checkbox/checkbox/index.esm.js";
 import _ from "lodash";
 import { getFileName, formatAmount } from "../../../../../utils/common/index.esm.js";
 import { useTranslation } from "react-i18next";

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=,/* empty css                               */t=,/* empty css                                               */r=;/* empty css                                       */;/* empty css                     */var l=,/* empty css                                                   */i=require("react"),n=,/* empty css                                  */o=,/* empty css                                     */s=,/* empty css                           */u=,/* empty css                                   */d=require("lodash"),c=,/* empty css                                 */m=require("react-i18next"),x=,/* empty css                                      */b=,/* empty css                                                       */f=;/* empty css                                                             */function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */p(i),y=/* @__PURE__ */p(d);const j=h.default.memo(({columns:d,position:p,label:h,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:_="",...B})=>{var T,F,M;const{t:D}=m.useTranslation(),{user:I}=n.useAuth(),P=_||(null==(T=null==I?void 0:I.currency_data)?void 0:T.symbol)||"",Y=(null==(F=null==I?void 0:I.currency_data)?void 0:F.number_format)||"",$=(null==(M=null==I?void 0:I.currency_data)?void 0:M.position)||"before",N=i.useCallback((e,a)=>{switch(e){case"Percentage":return`${a}%`;case"Fixed Amount":return`${P}${a}`;default:return a}},[P]),O=w instanceof Function,S=i.useCallback(a=>a.map(a=>({...a,header:D(a.header),Cell:({renderedCellValue:t,row:r})=>{var l,i,n;let d=t;switch(a.type){case"formattedString":d=x.formatLabel(t)||"-";break;case"date":d=o.formatDate(t,(null==(l=a.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":d=t?`${c.formatAmount(t,Y,$,P)}`:"-";break;case"stringOrArray":{const a=null==(n=null==(i=r.original)?void 0:i.promotion_map_data)?void 0:n.type;d=Array.isArray(t)?t.map(t=>t?/* @__PURE__ */e.jsx(s.default,{label:N(a,t)}):null):N(a,t);break}case"checkbox":d=/* @__PURE__ */e.jsx(u.default,{checked:Boolean(t),onClick:O?e=>w({value:e.target.checked,data:r.original,col:a,row:r,name:v,uRows:j}):void 0});break;case"array":d=Array.isArray(t)&&t.length?/* @__PURE__ */e.jsx(b.default,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:t.map(t=>/* @__PURE__ */e.jsx(s.default,{type:"normal",label:y.default.get(t,null==a?void 0:a.valueGet,""),active:!0}))}):"-";break;case"file":d=c.getFileName(t)||"-"}return d}})),[P,N,_,j]);/* @__PURE__ */
-return e.jsxs(b.default,{"data-position":p,children:[
-/* @__PURE__ */e.jsx(r.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":p,sx:{mb:.5},children:D(h)}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                               */r=,/* empty css                                               */a=;/* empty css                                       */;/* empty css                     */var l=,/* empty css                                                   */i=require("react"),n=,/* empty css                                  */o=,/* empty css                                     */s=,/* empty css                           */u=,/* empty css                                   */d=require("lodash"),c=,/* empty css                                 */m=require("react-i18next"),x=,/* empty css                                      */b=,/* empty css                                                       */p=;/* empty css                                                             */function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=/* @__PURE__ */h(i),y=/* @__PURE__ */h(d);const j=f.default.memo(({columns:d,position:h,label:f,rows:j=[],onAddClick:g,name:v,is_button:k=!0,disableTableAddButton:q,otherButtons:A,defaultActionColumnItems:C,onTableCellChange:w,currencySymbol:_="",...B})=>{var T,F,M;const{t:D}=m.useTranslation(),{user:I}=n.useAuth(),P=_||(null==(T=null==I?void 0:I.currency_data)?void 0:T.symbol)||"",Y=(null==(F=null==I?void 0:I.currency_data)?void 0:F.number_format)||"",$=(null==(M=null==I?void 0:I.currency_data)?void 0:M.position)||"before",N=i.useCallback((e,t)=>{switch(e){case"Percentage":return`${t}%`;case"Fixed Amount":return`${P}${t}`;default:return t}},[P]),O=w instanceof Function,S=i.useCallback(t=>t.map(t=>({...t,header:D(t.header),Cell:({renderedCellValue:r,row:a})=>{var l,i,n;let d=r;switch(t.type){case"formattedString":d=x.formatLabel(r)||"-";break;case"date":d=o.formatDate(r,(null==(l=t.editProperties)?void 0:l.dateFormat)||"DD-MM-YYYY")||"-";break;case"currency":d=r?`${c.formatAmount(r,Y,$,P)}`:"-";break;case"stringOrArray":{const t=null==(n=null==(i=a.original)?void 0:i.promotion_map_data)?void 0:n.type;d=Array.isArray(r)?r.map(r=>r?/* @__PURE__ */e.jsx(s.Chip,{label:N(t,r)}):null):N(t,r);break}case"checkbox":d=/* @__PURE__ */e.jsx(u.Checkbox,{checked:Boolean(r),onClick:O?e=>w({value:e.target.checked,data:a.original,col:t,row:a,name:v,uRows:j}):void 0});break;case"array":d=Array.isArray(r)&&r.length?/* @__PURE__ */e.jsx(b.default,{sx:{display:"flex",gap:.5,alignItems:"center",flexWrap:"wrap"},children:r.map(r=>/* @__PURE__ */e.jsx(s.Chip,{type:"normal",label:y.default.get(r,null==t?void 0:t.valueGet,""),active:!0}))}):"-";break;case"file":d=c.getFileName(r)||"-"}return d}})),[P,N,_,j]);/* @__PURE__ */
+return e.jsxs(b.default,{"data-position":h,children:[
+/* @__PURE__ */e.jsx(a.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800","data-position":h,sx:{mb:.5},children:D(f)}),
 /* @__PURE__ */e.jsxs(b.default,{children:[
-/* @__PURE__ */e.jsx(t.MaterialTable,{columnOrder:["mrt-row-select"],rows:j,columns:S(l.parse(l.stringify(d))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,...B}),k&&!q&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
-/* @__PURE__ */e.jsx(a.default,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(f.default,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
+/* @__PURE__ */e.jsx(r.MaterialTable,{columnOrder:["mrt-row-select"],rows:j,columns:S(l.parse(l.stringify(d))),totalPages:20,paginationModel:{pageNo:1,limit:10},enableEditing:!1,enableColumnDragging:!1,enableBottomToolbar:!1,defaultActionColumnItems:C,...B}),k&&!q&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",width:"100%",justifyContent:"space-between",mt:1},children:[
+/* @__PURE__ */e.jsx(t.Button,{variant:"outlined",onClick:()=>null==g?void 0:g(v),startIcon:/* @__PURE__ */e.jsx(p.default,{}),className:"table--AddButton",children:"Add"}),Boolean(null==A?void 0:A.length)&&A]})]})]})});exports.default=j;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/table.tsx"],"sourcesContent":["// import { MRT_ColumnDef, MRT_RowData } from 'material-react-table';\nimport { Add } from '@mui/icons-material';\nimport Button from '../../../button/button';\nimport MaterialTable, { MaterialTableColumnProps } from '../../../material-table/material-table';\nimport Typography from '../../../typography/typography';\nimport { Box } from '@mui/material';\nimport './element.scss';\nimport { parse, stringify } from 'flatted';\nimport React, { useCallback } from 'react';\nimport { useAuth } from '../../../../hooks/useAuth';\nimport { formatDate } from '../../../../utils/dateFormat';\nimport Chip from '../../../chip/chip';\nimport Checkbox from '../../../checkbox/checkbox';\nimport { MRT_Row } from 'material-react-table';\nimport _ from 'lodash';\nimport { formatAmount, getFileName } from \"../../../../utils/common\";\nimport { useTranslation } from 'react-i18next';\nimport { formatLabel } from '../../../../utils/format-text';\nexport interface ICellChangeParam {\n\tvalue: any,\n\tdata: any,\n\tcol: MaterialTableColumnProps,\n\trow: MRT_Row<any>,\n\tname: string,\n\tuRows: any[]\n}\n\ninterface IDynamicTable {\n\tcolumns: any[];\n\trows?: any[];\n\tposition: number;\n\tlabel: string;\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tonAddClick?: (name?: string) => void;\n\tname?: string;\n\tis_button?: boolean;\n\tdisableTableAddButton?: boolean;\n\totherButtons?: React.ReactNode[];\n\tdefaultActionColumnItems?: React.ReactElement[];\n\tonTableCellChange: ({ value, data, col, row }:ICellChangeParam) => void;\n\tcurrencySymbol?: string;\n}\n\nconst DynamicTable: React.FC<IDynamicTable> = React.memo(({\n\tcolumns,\n\tposition,\n\tlabel,\n\trows = [],\n\tonAddClick,\n\tname,\n\tis_button = true,\n\tdisableTableAddButton,\n\totherButtons,\n\tdefaultActionColumnItems,\n\tonTableCellChange,\n\tcurrencySymbol = '',\n\t...rest\n\t// disabled\n}) => {\n\tconst { t } = useTranslation();\n\tconst { user } = useAuth();\n\tconst cs = currencySymbol || user?.currency_data?.symbol || '';\n\tconst currencyFormat = user?.currency_data?.number_format || '';\n\tconst symbolPosition = user?.currency_data?.position || 'before';\n\tconst takeCurencyOrPercentage = useCallback((type: string, value: any) => {\n\t\tswitch (type) {\n\t\t\tcase 'Percentage':\n\t\t\t\treturn `${value}%`;\n\t\t\tcase 'Fixed Amount':\n\t\t\t\treturn `${cs}${value}`;\n\n\t\t\tdefault:\n\t\t\t\treturn value;\n\t\t}\n\t}, [cs]);\n\n\tconst isCellChangeAFunc = onTableCellChange instanceof Function\n\n\tconst tableColumns = useCallback(\n\t\t(columns: MaterialTableColumnProps[]) => {\n\t\t\treturn columns.map((column) => ({\n\t\t\t\t...column,\n\t\t\t\theader: t(column.header),\n\t\t\t\tCell: ({ renderedCellValue, row }: any) => {\n\t\t\t\t\tlet v = renderedCellValue;\n\t\t\t\t\tswitch (column.type) {\n\t\t\t\t\t\tcase 'formattedString':\n\t\t\t\t\t\t\tv = formatLabel(renderedCellValue) || '-';\t\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tv = formatDate(\n\t\t\t\t\t\t\t\trenderedCellValue,\n\t\t\t\t\t\t\t\tcolumn.editProperties?.dateFormat || 'DD-MM-YYYY'\n\t\t\t\t\t\t\t) || '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'currency':\n\t\t\t\t\t\t\tv = renderedCellValue ? `${formatAmount(renderedCellValue,currencyFormat,symbolPosition,cs)}` : '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase 'stringOrArray': {\n\t\t\t\t\t\t\tconst type = row.original?.promotion_map_data?.type;\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue)\n\t\t\t\t\t\t\t\t? renderedCellValue.map((rcv) => (\n\t\t\t\t\t\t\t\t\trcv ? <Chip label={takeCurencyOrPercentage(type, rcv)} /> : null\n\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t: takeCurencyOrPercentage(type, renderedCellValue);\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"checkbox\": {\n\t\t\t\t\t\t\tv = <Checkbox \n\t\t\t\t\t\t\t\t\tchecked={Boolean(renderedCellValue)} \n\t\t\t\t\t\t\t\t\tonClick={isCellChangeAFunc \n\t\t\t\t\t\t\t\t\t\t? (e) => onTableCellChange({\n\t\t\t\t\t\t\t\t\t\t\t\tvalue: e.target.checked,\n\t\t\t\t\t\t\t\t\t\t\t\tdata: row.original,\n\t\t\t\t\t\t\t\t\t\t\t\tcol: column,\n\t\t\t\t\t\t\t\t\t\t\t\trow: row,\n\t\t\t\t\t\t\t\t\t\t\t\tname: name,\n\t\t\t\t\t\t\t\t\t\t\t\tuRows: rows\n\t\t\t\t\t\t\t\t\t\t\t}) \n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"array\": {\n\t\t\t\t\t\t\tv = Array.isArray(renderedCellValue) && renderedCellValue.length ?\n\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 0.5, alignItems: 'center', flexWrap: 'wrap'}}>\n\t\t\t\t\t\t\t\t\t{renderedCellValue.map(r => (<Chip type='normal' label={_.get(r, column?.valueGet, '')} active/> ))}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t: '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcase \"file\": {\n\t\t\t\t\t\t\tv = getFileName(renderedCellValue) ||  '-';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\treturn v;\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[cs, takeCurencyOrPercentage, currencySymbol, rows]\n\t);\n\treturn (\n\t\t<Box data-position={position}>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{t(label)}\n\t\t\t</Typography>\n\t\t\t<Box /* sx={disabled ? { pointerEvents: 'none' } : {}} */>\n\t\t\t\t<MaterialTable\n\t\t\t\t\tcolumnOrder={['mrt-row-select']}\n\t\t\t\t\t// rows={parse(stringify(rows))}\n\t\t\t\t\trows={rows}\n\t\t\t\t\tcolumns={tableColumns(parse(stringify(columns)))}\n\t\t\t\t\ttotalPages={20}\n\t\t\t\t\tpaginationModel={{ pageNo: 1, limit: 10 }}\n\t\t\t\t\tenableEditing={false}\n\t\t\t\t\tenableColumnDragging={false}\n\t\t\t\t\tenableBottomToolbar={false}\n\t\t\t\t\tdefaultActionColumnItems={defaultActionColumnItems}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t\t{is_button && !disableTableAddButton && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\tmt: 1\n\t\t\t\t\t\t}}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant='outlined'\n\t\t\t\t\t\t\tonClick={() => onAddClick?.(name)}\n\t\t\t\t\t\t\tstartIcon={<Add />}\n\t\t\t\t\t\t\tclassName='table--AddButton'>\n\t\t\t\t\t\t\tAdd\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{Boolean(otherButtons?.length) && otherButtons}\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n});\n\nexport default DynamicTable;\n"],"names":["DynamicTable","React","memo","columns","position","label","rows","onAddClick","name","is_button","disableTableAddButton","otherButtons","defaultActionColumnItems","onTableCellChange","currencySymbol","rest","t","useTranslation","user","useAuth","cs","_a","currency_data","symbol","currencyFormat","_b","number_format","symbolPosition","_c","takeCurencyOrPercentage","useCallback","type","value","isCellChangeAFunc","Function","tableColumns","map","column","header","Cell","renderedCellValue","row","v","formatLabel","formatDate","editProperties","dateFormat","formatAmount","original","promotion_map_data","Array","isArray","rcv","jsx","Chip","Checkbox","checked","Boolean","onClick","e","target","data","col","uRows","length","Box","sx","display","gap","alignItems","flexWrap","children","r","_","get","valueGet","active","getFileName","jsxs","Typography","weight","color","mb","MaterialTable","columnOrder","parse","stringify","totalPages","paginationModel","pageNo","limit","enableEditing","enableColumnDragging","enableBottomToolbar","width","justifyContent","mt","Button","variant","startIcon","Add","className"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 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 { TextField } from "../../../../text-field/text-field/index.esm.js";
 /* empty css                        */
 import React__default from "react";
 import InputAdornment from "../../../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
@@ -95,6 +95,7 @@ DynamicInput.defaultProps = {
   }
 };
 export {
+  DynamicInput,
   DynamicInput as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/text.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport TextField from \"../../../text-field/text-field\";\n\nimport \"./element.scss\";\nimport { IconButton, InputAdornment } from \"@mui/material\";\nimport React from \"react\";\n\nconst DynamicInput = React.memo((props: any) => {\n\n  return (\n    <Controller\n      control={props.formControl}\n      name={`${props.fieldArrayName}.${props.name}`}\n      // defaultValue={props.defaultValue || \"\"}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...field}\n          dataPosition={props.position}\n          dataName={`${props.fieldArrayName}.${props.name}`}\n          fullWidth\n          label={props.label}\n          defaultValue={\n            props.type === \"number\" ||\n              props.type === \"currency\" ||\n              props.type === \"geoLocation\"\n              ? typeof props.defaultValue === 'string' ? props.defaultValue.replace(/[^0-9]/g, \"\") : props.defaultValue\n              : props.defaultValue || \"\"\n          }\n          // value={props.formType === \"builder\" ? props.defaultValue : \"\"}\n          placeholder={props.placeholder}\n          // onChange={(e) => {\n          //   field.onChange(e);\n          //   props.formControl.fieldArrayDirty[props.fieldArrayName] = true;\n          // }}\n          type={\n            props.type === \"currency\" ||\n              props.type === \"geoLocation\" ||\n              props.type === \"relation\"\n              ? \"text\"\n              : props.type || \"text\"\n          }\n           value={\n            props.type === \"number\" && typeof field.value === 'number' \n              ? props?.shouldApplyPrecission === false ? field.value : field.value.toFixed(2)\n              : field.value || \"\"\n          }\n          multiline={props.is_multiline || false}\n          minRows={4}\n          required={props.formType === \"builder\" ? false : props.required}\n          // onChange={(e) => {\n          //   return;\n          // }}\n          InputProps={{\n            // inputMode: 'numeric',\n            // pattern: '[0-9]*',\n            minLength: props.min || 1,\n            // maxLength: props.max || 255,\n            // step: props?.float_step || \"0\",\n            endAdornment: props.endIcon ? (\n              <InputAdornment position=\"end\">\n                <IconButton edge=\"end\" onClick={props?.onIconClick}>\n                  {props.endIcon}\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            ...props.InputProps,\n          }}\n          inputProps={{\n            step: props?.float_step || 'any',\n            min: props.min_length || undefined,\n            // max: props.max_length,\n          }}\n          disabled={props.disabled}\n          hidden={props.hidden}\n          error={Boolean(fieldState.error?.message)}\n          helperText={fieldState.error?.message || \"\"}\n          onBlur={(e:any)=>{\n            field.onBlur(e)\n            if (props.onBlur && typeof props.onBlur === 'function') {\n             props.onBlur(e)\n            }\n          }}\n        />\n      )}\n    />\n  );\n});\n\nDynamicInput.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  placeholder: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n  defaultValue: PropTypes.string,\n  type: 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  typeOfField: PropTypes.string,\n  endIcon: PropTypes.node,\n  onIconClick: PropTypes.func,\n  onBlur: PropTypes.func, // This should be optional\n  hidden: PropTypes.bool,\n  InputProps: PropTypes.object,\n  shouldApplyPrecission: PropTypes.bool\n};\nDynamicInput.defaultProps = {\n  onBlur: () => {}\n};\n\n\n\n\nexport default DynamicInput;"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,eAAeA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAE3C,QAAQ,CAAC,EAAE,OAAO,iBAAW;;AAC3B;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,WAAS;AAAA,YACT,OAAO,MAAM;AAAA,YACb,cACE,MAAM,SAAS,YACb,MAAM,SAAS,cACf,MAAM,SAAS,gBACb,OAAO,MAAM,iBAAiB,WAAW,MAAM,aAAa,QAAQ,WAAW,EAAE,IAAI,MAAM,eAC3F,MAAM,gBAAgB;AAAA,YAG5B,aAAa,MAAM;AAAA,YAKnB,MACE,MAAM,SAAS,cACb,MAAM,SAAS,iBACf,MAAM,SAAS,aACb,SACA,MAAM,QAAQ;AAAA,YAEnB,OACC,MAAM,SAAS,YAAY,OAAO,MAAM,UAAU,YAC9C,+BAAO,2BAA0B,QAAQ,MAAM,QAAQ,MAAM,MAAM,QAAQ,CAAC,IAC5E,MAAM,SAAS;AAAA,YAErB,WAAW,MAAM,gBAAgB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YAIvD,YAAY;AAAA;AAAA;AAAA,cAGV,WAAW,MAAM,OAAO;AAAA;AAAA;AAAA,cAGxB,cAAc,MAAM,UAClB,oBAAC,gBAAA,EAAe,UAAS,OACvB,UAAA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,+BAAO,aACpC,UAAA,MAAM,QAAA,CACT,GACF,IACE;AAAA,cACJ,GAAG,MAAM;AAAA,YAAA;AAAA,YAEX,YAAY;AAAA,cACV,OAAM,+BAAO,eAAc;AAAA,cAC3B,KAAK,MAAM,cAAc;AAAA;AAAA,YAAA;AAAA,YAG3B,UAAU,MAAM;AAAA,YAChB,QAAQ,MAAM;AAAA,YACd,OAAO,SAAQ,gBAAW,UAAX,mBAAkB,OAAO;AAAA,YACxC,cAAY,gBAAW,UAAX,mBAAkB,YAAW;AAAA,YACzC,QAAQ,CAAC,MAAQ;AACf,oBAAM,OAAO,CAAC;AACd,kBAAI,MAAM,UAAU,OAAO,MAAM,WAAW,YAAY;AACvD,sBAAM,OAAO,CAAC;AAAA,cACf;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,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,aAAa,UAAU,OAAO;AAAA,EAC9B,OAAO,UAAU,KAAK;AAAA,EACtB,gBAAgB,UAAU;AAAA,EAC1B,cAAc,UAAU;AAAA,EACxB,MAAM,UAAU;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,KAAK,UAAU;AAAA,EACf,KAAK,UAAU;AAAA,EACf,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,aAAa,UAAU;AAAA,EACvB,QAAQ,UAAU;AAAA;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,YAAY,UAAU;AAAA,EACtB,uBAAuB,UAAU;AACnC;AACA,aAAa,eAAe;AAAA,EAC1B,QAAQ,MAAM;AAAA,EAAC;AACjB;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/text.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport TextField from \"../../../text-field/text-field\";\n\nimport \"./element.scss\";\nimport { IconButton, InputAdornment } from \"@mui/material\";\nimport React from \"react\";\n\nconst DynamicInput = React.memo((props: any) => {\n\n  return (\n    <Controller\n      control={props.formControl}\n      name={`${props.fieldArrayName}.${props.name}`}\n      // defaultValue={props.defaultValue || \"\"}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...field}\n          dataPosition={props.position}\n          dataName={`${props.fieldArrayName}.${props.name}`}\n          fullWidth\n          label={props.label}\n          defaultValue={\n            props.type === \"number\" ||\n              props.type === \"currency\" ||\n              props.type === \"geoLocation\"\n              ? typeof props.defaultValue === 'string' ? props.defaultValue.replace(/[^0-9]/g, \"\") : props.defaultValue\n              : props.defaultValue || \"\"\n          }\n          // value={props.formType === \"builder\" ? props.defaultValue : \"\"}\n          placeholder={props.placeholder}\n          // onChange={(e) => {\n          //   field.onChange(e);\n          //   props.formControl.fieldArrayDirty[props.fieldArrayName] = true;\n          // }}\n          type={\n            props.type === \"currency\" ||\n              props.type === \"geoLocation\" ||\n              props.type === \"relation\"\n              ? \"text\"\n              : props.type || \"text\"\n          }\n           value={\n            props.type === \"number\" && typeof field.value === 'number' \n              ? props?.shouldApplyPrecission === false ? field.value : field.value.toFixed(2)\n              : field.value || \"\"\n          }\n          multiline={props.is_multiline || false}\n          minRows={4}\n          required={props.formType === \"builder\" ? false : props.required}\n          // onChange={(e) => {\n          //   return;\n          // }}\n          InputProps={{\n            // inputMode: 'numeric',\n            // pattern: '[0-9]*',\n            minLength: props.min || 1,\n            // maxLength: props.max || 255,\n            // step: props?.float_step || \"0\",\n            endAdornment: props.endIcon ? (\n              <InputAdornment position=\"end\">\n                <IconButton edge=\"end\" onClick={props?.onIconClick}>\n                  {props.endIcon}\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            ...props.InputProps,\n          }}\n          inputProps={{\n            step: props?.float_step || 'any',\n            min: props.min_length || undefined,\n            // max: props.max_length,\n          }}\n          disabled={props.disabled}\n          hidden={props.hidden}\n          error={Boolean(fieldState.error?.message)}\n          helperText={fieldState.error?.message || \"\"}\n          onBlur={(e:any)=>{\n            field.onBlur(e)\n            if (props.onBlur && typeof props.onBlur === 'function') {\n             props.onBlur(e)\n            }\n          }}\n        />\n      )}\n    />\n  );\n});\n\nDynamicInput.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  placeholder: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n  defaultValue: PropTypes.string,\n  type: 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  typeOfField: PropTypes.string,\n  endIcon: PropTypes.node,\n  onIconClick: PropTypes.func,\n  onBlur: PropTypes.func, // This should be optional\n  hidden: PropTypes.bool,\n  InputProps: PropTypes.object,\n  shouldApplyPrecission: PropTypes.bool\n};\nDynamicInput.defaultProps = {\n  onBlur: () => {}\n};\n\n\n\n\nexport { DynamicInput };\nexport default DynamicInput;"],"names":["React"],"mappings":";;;;;;;;AASA,MAAM,eAAeA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAE3C,QAAQ,CAAC,EAAE,OAAO,iBAAW;;AAC3B;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,WAAS;AAAA,YACT,OAAO,MAAM;AAAA,YACb,cACE,MAAM,SAAS,YACb,MAAM,SAAS,cACf,MAAM,SAAS,gBACb,OAAO,MAAM,iBAAiB,WAAW,MAAM,aAAa,QAAQ,WAAW,EAAE,IAAI,MAAM,eAC3F,MAAM,gBAAgB;AAAA,YAG5B,aAAa,MAAM;AAAA,YAKnB,MACE,MAAM,SAAS,cACb,MAAM,SAAS,iBACf,MAAM,SAAS,aACb,SACA,MAAM,QAAQ;AAAA,YAEnB,OACC,MAAM,SAAS,YAAY,OAAO,MAAM,UAAU,YAC9C,+BAAO,2BAA0B,QAAQ,MAAM,QAAQ,MAAM,MAAM,QAAQ,CAAC,IAC5E,MAAM,SAAS;AAAA,YAErB,WAAW,MAAM,gBAAgB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YAIvD,YAAY;AAAA;AAAA;AAAA,cAGV,WAAW,MAAM,OAAO;AAAA;AAAA;AAAA,cAGxB,cAAc,MAAM,UAClB,oBAAC,gBAAA,EAAe,UAAS,OACvB,UAAA,oBAAC,YAAA,EAAW,MAAK,OAAM,SAAS,+BAAO,aACpC,UAAA,MAAM,QAAA,CACT,GACF,IACE;AAAA,cACJ,GAAG,MAAM;AAAA,YAAA;AAAA,YAEX,YAAY;AAAA,cACV,OAAM,+BAAO,eAAc;AAAA,cAC3B,KAAK,MAAM,cAAc;AAAA;AAAA,YAAA;AAAA,YAG3B,UAAU,MAAM;AAAA,YAChB,QAAQ,MAAM;AAAA,YACd,OAAO,SAAQ,gBAAW,UAAX,mBAAkB,OAAO;AAAA,YACxC,cAAY,gBAAW,UAAX,mBAAkB,YAAW;AAAA,YACzC,QAAQ,CAAC,MAAQ;AACf,oBAAM,OAAO,CAAC;AACd,kBAAI,MAAM,UAAU,OAAO,MAAM,WAAW,YAAY;AACvD,sBAAM,OAAO,CAAC;AAAA,cACf;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA;AAAA,IACF;AAAA,EAAA;AAIR,CAAC;AAED,aAAa,YAAY;AAAA,EACvB,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,aAAa,UAAU,OAAO;AAAA,EAC9B,OAAO,UAAU,KAAK;AAAA,EACtB,gBAAgB,UAAU;AAAA,EAC1B,cAAc,UAAU;AAAA,EACxB,MAAM,UAAU;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,KAAK,UAAU;AAAA,EACf,KAAK,UAAU;AAAA,EACf,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EACtB,YAAY,UAAU;AAAA,EACtB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,aAAa,UAAU;AAAA,EACvB,QAAQ,UAAU;AAAA;AAAA,EAClB,QAAQ,UAAU;AAAA,EAClB,YAAY,UAAU;AAAA,EACtB,uBAAuB,UAAU;AACnC;AACA,aAAa,eAAe;AAAA,EAC1B,QAAQ,MAAM;AAAA,EAAC;AACjB;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-hook-form"),l=,/* empty css                                                  */n=;/* empty css                                       */;/* empty css                     */var r=require("react"),u=,/* empty css                                                                             */d=;/* empty css                                                                     */function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=/* @__PURE__ */o(r).default.memo(l=>/* @__PURE__ */e.jsx(t.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:t,fieldState:r})=>{var o,i;/* @__PURE__ */
-return e.jsx(n.default,{...t,dataPosition:l.position,dataName:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,defaultValue:"number"===l.type||"currency"===l.type||"geoLocation"===l.type?"string"==typeof l.defaultValue?l.defaultValue.replace(/[^0-9]/g,""):l.defaultValue:l.defaultValue||"",placeholder:l.placeholder,type:"currency"===l.type||"geoLocation"===l.type||"relation"===l.type?"text":l.type||"text",value:"number"===l.type&&"number"==typeof t.value?!1===(null==l?void 0:l.shouldApplyPrecission)?t.value:t.value.toFixed(2):t.value||"",multiline:l.is_multiline||!1,minRows:4,required:"builder"!==l.formType&&l.required,InputProps:{minLength:l.min||1,endAdornment:l.endIcon?/* @__PURE__ */e.jsx(u.default,{position:"end",children:/* @__PURE__ */e.jsx(d.default,{edge:"end",onClick:null==l?void 0:l.onIconClick,children:l.endIcon})}):void 0,...l.InputProps},inputProps:{step:(null==l?void 0:l.float_step)||"any",min:l.min_length||void 0},disabled:l.disabled,hidden:l.hidden,error:Boolean(null==(o=r.error)?void 0:o.message),helperText:(null==(i=r.error)?void 0:i.message)||"",onBlur:e=>{t.onBlur(e),l.onBlur&&"function"==typeof l.onBlur&&l.onBlur(e)}})}}));i.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,placeholder:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string,defaultValue:l.default.string,type:l.default.string,required:l.default.bool,is_multiline:l.default.bool,min:l.default.number,max:l.default.number,min_length:l.default.number,max_length:l.default.number,float_step:l.default.string,position:l.default.number,formType:l.default.string,disabled:l.default.bool,typeOfField:l.default.string,endIcon:l.default.node,onIconClick:l.default.func,onBlur:l.default.func,hidden:l.default.bool,InputProps:l.default.object,shouldApplyPrecission:l.default.bool},i.defaultProps={onBlur:()=>{}},exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react-hook-form"),l=,/* empty css                                                  */n=;/* empty css                                       */;/* empty css                     */var r=require("react"),u=,/* empty css                                                                             */o=;/* empty css                                                                     */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=/* @__PURE__ */d(r).default.memo(l=>/* @__PURE__ */e.jsx(t.Controller,{control:l.formControl,name:`${l.fieldArrayName}.${l.name}`,render:({field:t,fieldState:r})=>{var d,i;/* @__PURE__ */
+return e.jsx(n.TextField,{...t,dataPosition:l.position,dataName:`${l.fieldArrayName}.${l.name}`,fullWidth:!0,label:l.label,defaultValue:"number"===l.type||"currency"===l.type||"geoLocation"===l.type?"string"==typeof l.defaultValue?l.defaultValue.replace(/[^0-9]/g,""):l.defaultValue:l.defaultValue||"",placeholder:l.placeholder,type:"currency"===l.type||"geoLocation"===l.type||"relation"===l.type?"text":l.type||"text",value:"number"===l.type&&"number"==typeof t.value?!1===(null==l?void 0:l.shouldApplyPrecission)?t.value:t.value.toFixed(2):t.value||"",multiline:l.is_multiline||!1,minRows:4,required:"builder"!==l.formType&&l.required,InputProps:{minLength:l.min||1,endAdornment:l.endIcon?/* @__PURE__ */e.jsx(u.default,{position:"end",children:/* @__PURE__ */e.jsx(o.default,{edge:"end",onClick:null==l?void 0:l.onIconClick,children:l.endIcon})}):void 0,...l.InputProps},inputProps:{step:(null==l?void 0:l.float_step)||"any",min:l.min_length||void 0},disabled:l.disabled,hidden:l.hidden,error:Boolean(null==(d=r.error)?void 0:d.message),helperText:(null==(i=r.error)?void 0:i.message)||"",onBlur:e=>{t.onBlur(e),l.onBlur&&"function"==typeof l.onBlur&&l.onBlur(e)}})}}));i.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,placeholder:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string,defaultValue:l.default.string,type:l.default.string,required:l.default.bool,is_multiline:l.default.bool,min:l.default.number,max:l.default.number,min_length:l.default.number,max_length:l.default.number,float_step:l.default.string,position:l.default.number,formType:l.default.string,disabled:l.default.bool,typeOfField:l.default.string,endIcon:l.default.node,onIconClick:l.default.func,onBlur:l.default.func,hidden:l.default.bool,InputProps:l.default.object,shouldApplyPrecission:l.default.bool},i.defaultProps={onBlur:()=>{}},exports.DynamicInput=i,exports.default=i;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/text.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport TextField from \"../../../text-field/text-field\";\n\nimport \"./element.scss\";\nimport { IconButton, InputAdornment } from \"@mui/material\";\nimport React from \"react\";\n\nconst DynamicInput = React.memo((props: any) => {\n\n  return (\n    <Controller\n      control={props.formControl}\n      name={`${props.fieldArrayName}.${props.name}`}\n      // defaultValue={props.defaultValue || \"\"}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...field}\n          dataPosition={props.position}\n          dataName={`${props.fieldArrayName}.${props.name}`}\n          fullWidth\n          label={props.label}\n          defaultValue={\n            props.type === \"number\" ||\n              props.type === \"currency\" ||\n              props.type === \"geoLocation\"\n              ? typeof props.defaultValue === 'string' ? props.defaultValue.replace(/[^0-9]/g, \"\") : props.defaultValue\n              : props.defaultValue || \"\"\n          }\n          // value={props.formType === \"builder\" ? props.defaultValue : \"\"}\n          placeholder={props.placeholder}\n          // onChange={(e) => {\n          //   field.onChange(e);\n          //   props.formControl.fieldArrayDirty[props.fieldArrayName] = true;\n          // }}\n          type={\n            props.type === \"currency\" ||\n              props.type === \"geoLocation\" ||\n              props.type === \"relation\"\n              ? \"text\"\n              : props.type || \"text\"\n          }\n           value={\n            props.type === \"number\" && typeof field.value === 'number' \n              ? props?.shouldApplyPrecission === false ? field.value : field.value.toFixed(2)\n              : field.value || \"\"\n          }\n          multiline={props.is_multiline || false}\n          minRows={4}\n          required={props.formType === \"builder\" ? false : props.required}\n          // onChange={(e) => {\n          //   return;\n          // }}\n          InputProps={{\n            // inputMode: 'numeric',\n            // pattern: '[0-9]*',\n            minLength: props.min || 1,\n            // maxLength: props.max || 255,\n            // step: props?.float_step || \"0\",\n            endAdornment: props.endIcon ? (\n              <InputAdornment position=\"end\">\n                <IconButton edge=\"end\" onClick={props?.onIconClick}>\n                  {props.endIcon}\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            ...props.InputProps,\n          }}\n          inputProps={{\n            step: props?.float_step || 'any',\n            min: props.min_length || undefined,\n            // max: props.max_length,\n          }}\n          disabled={props.disabled}\n          hidden={props.hidden}\n          error={Boolean(fieldState.error?.message)}\n          helperText={fieldState.error?.message || \"\"}\n          onBlur={(e:any)=>{\n            field.onBlur(e)\n            if (props.onBlur && typeof props.onBlur === 'function') {\n             props.onBlur(e)\n            }\n          }}\n        />\n      )}\n    />\n  );\n});\n\nDynamicInput.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  placeholder: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n  defaultValue: PropTypes.string,\n  type: 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  typeOfField: PropTypes.string,\n  endIcon: PropTypes.node,\n  onIconClick: PropTypes.func,\n  onBlur: PropTypes.func, // This should be optional\n  hidden: PropTypes.bool,\n  InputProps: PropTypes.object,\n  shouldApplyPrecission: PropTypes.bool\n};\nDynamicInput.defaultProps = {\n  onBlur: () => {}\n};\n\n\n\n\nexport default DynamicInput;"],"names":["DynamicInput","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","dataPosition","position","dataName","fullWidth","label","defaultValue","type","replace","placeholder","value","shouldApplyPrecission","toFixed","multiline","is_multiline","minRows","required","formType","InputProps","minLength","min","endAdornment","endIcon","InputAdornment","children","IconButton","edge","onClick","onIconClick","inputProps","step","float_step","min_length","disabled","hidden","error","Boolean","_a","message","helperText","_b","onBlur","e","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node","bool","number","max","max_length","typeOfField","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/text.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport TextField from \"../../../text-field/text-field\";\n\nimport \"./element.scss\";\nimport { IconButton, InputAdornment } from \"@mui/material\";\nimport React from \"react\";\n\nconst DynamicInput = React.memo((props: any) => {\n\n  return (\n    <Controller\n      control={props.formControl}\n      name={`${props.fieldArrayName}.${props.name}`}\n      // defaultValue={props.defaultValue || \"\"}\n      render={({ field, fieldState }) => (\n        <TextField\n          {...field}\n          dataPosition={props.position}\n          dataName={`${props.fieldArrayName}.${props.name}`}\n          fullWidth\n          label={props.label}\n          defaultValue={\n            props.type === \"number\" ||\n              props.type === \"currency\" ||\n              props.type === \"geoLocation\"\n              ? typeof props.defaultValue === 'string' ? props.defaultValue.replace(/[^0-9]/g, \"\") : props.defaultValue\n              : props.defaultValue || \"\"\n          }\n          // value={props.formType === \"builder\" ? props.defaultValue : \"\"}\n          placeholder={props.placeholder}\n          // onChange={(e) => {\n          //   field.onChange(e);\n          //   props.formControl.fieldArrayDirty[props.fieldArrayName] = true;\n          // }}\n          type={\n            props.type === \"currency\" ||\n              props.type === \"geoLocation\" ||\n              props.type === \"relation\"\n              ? \"text\"\n              : props.type || \"text\"\n          }\n           value={\n            props.type === \"number\" && typeof field.value === 'number' \n              ? props?.shouldApplyPrecission === false ? field.value : field.value.toFixed(2)\n              : field.value || \"\"\n          }\n          multiline={props.is_multiline || false}\n          minRows={4}\n          required={props.formType === \"builder\" ? false : props.required}\n          // onChange={(e) => {\n          //   return;\n          // }}\n          InputProps={{\n            // inputMode: 'numeric',\n            // pattern: '[0-9]*',\n            minLength: props.min || 1,\n            // maxLength: props.max || 255,\n            // step: props?.float_step || \"0\",\n            endAdornment: props.endIcon ? (\n              <InputAdornment position=\"end\">\n                <IconButton edge=\"end\" onClick={props?.onIconClick}>\n                  {props.endIcon}\n                </IconButton>\n              </InputAdornment>\n            ) : undefined,\n            ...props.InputProps,\n          }}\n          inputProps={{\n            step: props?.float_step || 'any',\n            min: props.min_length || undefined,\n            // max: props.max_length,\n          }}\n          disabled={props.disabled}\n          hidden={props.hidden}\n          error={Boolean(fieldState.error?.message)}\n          helperText={fieldState.error?.message || \"\"}\n          onBlur={(e:any)=>{\n            field.onBlur(e)\n            if (props.onBlur && typeof props.onBlur === 'function') {\n             props.onBlur(e)\n            }\n          }}\n        />\n      )}\n    />\n  );\n});\n\nDynamicInput.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  placeholder: PropTypes.string.isRequired,\n  label: PropTypes.node.isRequired,\n  fieldArrayName: PropTypes.string,\n  defaultValue: PropTypes.string,\n  type: 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  typeOfField: PropTypes.string,\n  endIcon: PropTypes.node,\n  onIconClick: PropTypes.func,\n  onBlur: PropTypes.func, // This should be optional\n  hidden: PropTypes.bool,\n  InputProps: PropTypes.object,\n  shouldApplyPrecission: PropTypes.bool\n};\nDynamicInput.defaultProps = {\n  onBlur: () => {}\n};\n\n\n\n\nexport { DynamicInput };\nexport default DynamicInput;"],"names":["DynamicInput","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","fieldState","TextField","dataPosition","position","dataName","fullWidth","label","defaultValue","type","replace","placeholder","value","shouldApplyPrecission","toFixed","multiline","is_multiline","minRows","required","formType","InputProps","minLength","min","endAdornment","endIcon","InputAdornment","children","IconButton","edge","onClick","onIconClick","inputProps","step","float_step","min_length","disabled","hidden","error","Boolean","_a","message","helperText","_b","onBlur","e","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node","bool","number","max","max_length","typeOfField","defaultProps"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/text.d.ts

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

package/dist/components/form-control/form-builder/form-builder-element/time/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 TimePicker from "../../../../time-picker/time-picker/index.esm.js";
+import { TimePicker } from "../../../../time-picker/time-picker/index.esm.js";
 import React__default from "react";
 const DynamicTime = React__default.memo((props) => {
   return /* @__PURE__ */ jsx(
@@ -64,6 +64,7 @@ DynamicTime.propTypes = {
   rest: PropTypes.object
 };
 export {
+  DynamicTime,
   DynamicTime as default
 };
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/time.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport PropTypes from 'prop-types';\n\nimport './element.scss';\nimport TimePicker from '../../../time-picker/time-picker';\nimport React from 'react';\n\nconst DynamicTime = React.memo((props: any) => {\n\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trules={{\n\t\t\t\trequired: `${props.label || props.name} is required`,\n\t\t\t\tvalidate: (value) => {\n\t\t\t\t\tif (value === null || value === '' || typeof value === 'undefined') {\n\t\t\t\t\t\treturn `${props.label || props.name} is required`;\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn(\n\t\t\t\t<TimePicker\n\t\t\t\t{...field}\n\t\t\t\tonChange={(e) => {\n\t\t\t\t\tfield.onChange(e);\n\t\t\t\t\t// field?.onChange(e);\n\t\t\t\t\t// typeof props.onChange === 'function' && props.onChange(e);\n\t\t\t\t}}\n\t\t\t\tvalue={field.value ? field.value : null}\n\t\t\t\tdataPosition={props.position}\n\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\tlabel={props.label}\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\tis24hrFormat={props.options === '24hr'}\n\t\t\t\tdisabled={props.disabled}\n\t\t\t\thelperText={fieldState.error?.message}\n\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t{...(props?.rest || {})}\n\t\t\t\t/>\n\t\t\t)}}\n\t\t\t/>\n\n\t);\n});\n\nDynamicTime.propTypes = {\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tname: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tfieldArrayName: PropTypes.string,\n\trequired: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\toption: PropTypes.string,\n\tplaceholder: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChange: PropTypes.func,\n\trest: PropTypes.object,\n};\n\nexport default DynamicTime;\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,cAAcA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,OAAO;AAAA,QACN,UAAU,GAAG,MAAM,SAAS,MAAM,IAAI;AAAA,QACtC,UAAU,CAAC,UAAU;AACpB,cAAI,UAAU,QAAQ,UAAU,MAAM,OAAO,UAAU,aAAa;AACnE,mBAAO,GAAG,MAAM,SAAS,MAAM,IAAI;AAAA,UACpC;AACA,iBAAO;AAAA,QACP;AAAA,MAAA;AAAA,MAEF,QAAQ,CAAC,EAAE,OAAO,iBAAiB;;AAClC,eACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAG;AAAA,YACJ,UAAU,CAAC,MAAM;AAChB,oBAAM,SAAS,CAAC;AAAA,YAGjB;AAAA,YACA,OAAO,MAAM,QAAQ,MAAM,QAAQ;AAAA,YACnC,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,aAAa,MAAM;AAAA,YACnB,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,cAAc,MAAM,YAAY;AAAA,YAChC,UAAU,MAAM;AAAA,YAChB,aAAY,gBAAW,UAAX,mBAAkB;AAAA,YAC9B,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC9B,IAAI,+BAAO,SAAQ,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA;AAIJ,CAAC;AAED,YAAY,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACpB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AACjB;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/time.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport PropTypes from 'prop-types';\n\nimport './element.scss';\nimport TimePicker from '../../../time-picker/time-picker';\nimport React from 'react';\n\nconst DynamicTime = React.memo((props: any) => {\n\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trules={{\n\t\t\t\trequired: `${props.label || props.name} is required`,\n\t\t\t\tvalidate: (value) => {\n\t\t\t\t\tif (value === null || value === '' || typeof value === 'undefined') {\n\t\t\t\t\t\treturn `${props.label || props.name} is required`;\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn(\n\t\t\t\t<TimePicker\n\t\t\t\t{...field}\n\t\t\t\tonChange={(e) => {\n\t\t\t\t\tfield.onChange(e);\n\t\t\t\t\t// field?.onChange(e);\n\t\t\t\t\t// typeof props.onChange === 'function' && props.onChange(e);\n\t\t\t\t}}\n\t\t\t\tvalue={field.value ? field.value : null}\n\t\t\t\tdataPosition={props.position}\n\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\tlabel={props.label}\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\tis24hrFormat={props.options === '24hr'}\n\t\t\t\tdisabled={props.disabled}\n\t\t\t\thelperText={fieldState.error?.message}\n\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t{...(props?.rest || {})}\n\t\t\t\t/>\n\t\t\t)}}\n\t\t\t/>\n\n\t);\n});\n\nDynamicTime.propTypes = {\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tname: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tfieldArrayName: PropTypes.string,\n\trequired: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\toption: PropTypes.string,\n\tplaceholder: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChange: PropTypes.func,\n\trest: PropTypes.object,\n};\n\nexport { DynamicTime };\nexport default DynamicTime;\n"],"names":["React"],"mappings":";;;;;;AAOA,MAAM,cAAcA,eAAM,KAAK,CAAC,UAAe;AAE9C,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,OAAO;AAAA,QACN,UAAU,GAAG,MAAM,SAAS,MAAM,IAAI;AAAA,QACtC,UAAU,CAAC,UAAU;AACpB,cAAI,UAAU,QAAQ,UAAU,MAAM,OAAO,UAAU,aAAa;AACnE,mBAAO,GAAG,MAAM,SAAS,MAAM,IAAI;AAAA,UACpC;AACA,iBAAO;AAAA,QACP;AAAA,MAAA;AAAA,MAEF,QAAQ,CAAC,EAAE,OAAO,iBAAiB;;AAClC,eACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAG;AAAA,YACJ,UAAU,CAAC,MAAM;AAChB,oBAAM,SAAS,CAAC;AAAA,YAGjB;AAAA,YACA,OAAO,MAAM,QAAQ,MAAM,QAAQ;AAAA,YACnC,cAAc,MAAM;AAAA,YACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,YAC/C,OAAO,MAAM;AAAA,YACb,aAAa,MAAM;AAAA,YACnB,UAAU,MAAM,aAAa,YAAY,QAAQ,MAAM;AAAA,YACvD,cAAc,MAAM,YAAY;AAAA,YAChC,UAAU,MAAM;AAAA,YAChB,aAAY,gBAAW,UAAX,mBAAkB;AAAA,YAC9B,OAAO,QAAQ,WAAW,KAAK;AAAA,YAC9B,IAAI,+BAAO,SAAQ,CAAA;AAAA,UAAC;AAAA,QAAA;AAAA,MAErB;AAAA,IAAA;AAAA,EAAA;AAIJ,CAAC;AAED,YAAY,YAAY;AAAA,EACvB,aAAa,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACpB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AACjB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/time.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport PropTypes from 'prop-types';\n\nimport './element.scss';\nimport TimePicker from '../../../time-picker/time-picker';\nimport React from 'react';\n\nconst DynamicTime = React.memo((props: any) => {\n\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trules={{\n\t\t\t\trequired: `${props.label || props.name} is required`,\n\t\t\t\tvalidate: (value) => {\n\t\t\t\t\tif (value === null || value === '' || typeof value === 'undefined') {\n\t\t\t\t\t\treturn `${props.label || props.name} is required`;\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn(\n\t\t\t\t<TimePicker\n\t\t\t\t{...field}\n\t\t\t\tonChange={(e) => {\n\t\t\t\t\tfield.onChange(e);\n\t\t\t\t\t// field?.onChange(e);\n\t\t\t\t\t// typeof props.onChange === 'function' && props.onChange(e);\n\t\t\t\t}}\n\t\t\t\tvalue={field.value ? field.value : null}\n\t\t\t\tdataPosition={props.position}\n\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\tlabel={props.label}\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\tis24hrFormat={props.options === '24hr'}\n\t\t\t\tdisabled={props.disabled}\n\t\t\t\thelperText={fieldState.error?.message}\n\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t{...(props?.rest || {})}\n\t\t\t\t/>\n\t\t\t)}}\n\t\t\t/>\n\n\t);\n});\n\nDynamicTime.propTypes = {\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tname: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tfieldArrayName: PropTypes.string,\n\trequired: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\toption: PropTypes.string,\n\tplaceholder: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChange: PropTypes.func,\n\trest: PropTypes.object,\n};\n\nexport default DynamicTime;\n"],"names":["DynamicTime","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","rules","required","label","validate","value","render","field","fieldState","TimePicker","onChange","e","dataPosition","position","dataName","placeholder","formType","is24hrFormat","options","disabled","helperText","_a","error","message","Boolean","rest","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","option","typeOfField","object"],"mappings":"iXAOA,MAAMA,qCAAcC,QAAMC,KAAMC,kBAG9BC,EAAAA,IAACC,EAAAA,WAAA,CACAC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,MAAO,CACNC,SAAU,GAAGR,EAAMS,OAAST,EAAMK,mBAClCK,SAAWC,GACI,OAAVA,GAA4B,KAAVA,QAAiC,IAAVA,GACrC,GAAGX,EAAMS,OAAST,EAAMK,oBAKlCO,OAAQ,EAAGC,QAAOC;AACjB,OACAb,EAAAA,IAACc,EAAAA,QAAA,IACGF,EACJG,SAAWC,IACVJ,EAAMG,SAASC,IAIhBN,MAAOE,EAAMF,MAAQE,EAAMF,MAAQ,KACnCO,aAAclB,EAAMmB,SACpBC,SAAU,GAAGpB,EAAMM,kBAAkBN,EAAMK,OAC3CI,MAAOT,EAAMS,MACbY,YAAarB,EAAMqB,YACnBb,SAA6B,YAAnBR,EAAMsB,UAAiCtB,EAAMQ,SACvDe,aAAgC,SAAlBvB,EAAMwB,QACpBC,SAAUzB,EAAMyB,SAChBC,WAAY,OAAAC,EAAAb,EAAWc,YAAX,EAAAD,EAAkBE,QAC9BD,MAAOE,QAAQhB,EAAWc,WACrB,MAAA5B,OAAA,EAAAA,EAAO+B,OAAQ,CAAA,QAQxBlC,EAAYmC,UAAY,CACvB5B,YAAa6B,EAAAA,QAAUC,MAAM,CAC5BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OAClBC,WACHhC,KAAM4B,EAAAA,QAAUM,OAAOF,WACvB5B,MAAOwB,EAAAA,QAAUM,OAAOF,WACxB/B,eAAgB2B,EAAAA,QAAUM,OAC1B/B,SAAUyB,EAAAA,QAAUO,KACpBrB,SAAUc,EAAAA,QAAUQ,OACpBnB,SAAUW,EAAAA,QAAUM,OACpBG,OAAQT,EAAAA,QAAUM,OAClBlB,YAAaY,EAAAA,QAAUM,OACvBI,YAAaV,EAAAA,QAAUM,OACvBd,SAAUQ,EAAAA,QAAUO,KACpBxB,SAAUiB,EAAAA,QAAUG,KACpBL,KAAME,EAAAA,QAAUW"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/time.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport PropTypes from 'prop-types';\n\nimport './element.scss';\nimport TimePicker from '../../../time-picker/time-picker';\nimport React from 'react';\n\nconst DynamicTime = React.memo((props: any) => {\n\n\treturn (\n\t\t<Controller\n\t\t\tcontrol={props.formControl}\n\t\t\tname={`${props.fieldArrayName}.${props.name}`}\n\t\t\trules={{\n\t\t\t\trequired: `${props.label || props.name} is required`,\n\t\t\t\tvalidate: (value) => {\n\t\t\t\t\tif (value === null || value === '' || typeof value === 'undefined') {\n\t\t\t\t\t\treturn `${props.label || props.name} is required`;\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t\t},\n\t\t\t}}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\treturn(\n\t\t\t\t<TimePicker\n\t\t\t\t{...field}\n\t\t\t\tonChange={(e) => {\n\t\t\t\t\tfield.onChange(e);\n\t\t\t\t\t// field?.onChange(e);\n\t\t\t\t\t// typeof props.onChange === 'function' && props.onChange(e);\n\t\t\t\t}}\n\t\t\t\tvalue={field.value ? field.value : null}\n\t\t\t\tdataPosition={props.position}\n\t\t\t\tdataName={`${props.fieldArrayName}.${props.name}`}\n\t\t\t\tlabel={props.label}\n\t\t\t\tplaceholder={props.placeholder}\n\t\t\t\trequired={props.formType === 'builder' ? false : props.required}\n\t\t\t\tis24hrFormat={props.options === '24hr'}\n\t\t\t\tdisabled={props.disabled}\n\t\t\t\thelperText={fieldState.error?.message}\n\t\t\t\terror={Boolean(fieldState.error)}\n\t\t\t\t{...(props?.rest || {})}\n\t\t\t\t/>\n\t\t\t)}}\n\t\t\t/>\n\n\t);\n});\n\nDynamicTime.propTypes = {\n\tformControl: PropTypes.shape({\n\t\tregister: PropTypes.func.isRequired,\n\t\tsetValue: PropTypes.func\n\t}).isRequired,\n\tname: PropTypes.string.isRequired,\n\tlabel: PropTypes.string.isRequired,\n\tfieldArrayName: PropTypes.string,\n\trequired: PropTypes.bool,\n\tposition: PropTypes.number,\n\tformType: PropTypes.string,\n\toption: PropTypes.string,\n\tplaceholder: PropTypes.string,\n\ttypeOfField: PropTypes.string,\n\tdisabled: PropTypes.bool,\n\tonChange: PropTypes.func,\n\trest: PropTypes.object,\n};\n\nexport { DynamicTime };\nexport default DynamicTime;\n"],"names":["DynamicTime","React","memo","props","jsx","Controller","control","formControl","name","fieldArrayName","rules","required","label","validate","value","render","field","fieldState","TimePicker","onChange","e","dataPosition","position","dataName","placeholder","formType","is24hrFormat","options","disabled","helperText","_a","error","message","Boolean","rest","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","bool","number","option","typeOfField","object"],"mappings":"iXAOA,MAAMA,qCAAcC,QAAMC,KAAMC,kBAG9BC,EAAAA,IAACC,EAAAA,WAAA,CACAC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,MAAO,CACNC,SAAU,GAAGR,EAAMS,OAAST,EAAMK,mBAClCK,SAAWC,GACI,OAAVA,GAA4B,KAAVA,QAAiC,IAAVA,GACrC,GAAGX,EAAMS,OAAST,EAAMK,oBAKlCO,OAAQ,EAAGC,QAAOC;AACjB,OACAb,EAAAA,IAACc,EAAAA,WAAA,IACGF,EACJG,SAAWC,IACVJ,EAAMG,SAASC,IAIhBN,MAAOE,EAAMF,MAAQE,EAAMF,MAAQ,KACnCO,aAAclB,EAAMmB,SACpBC,SAAU,GAAGpB,EAAMM,kBAAkBN,EAAMK,OAC3CI,MAAOT,EAAMS,MACbY,YAAarB,EAAMqB,YACnBb,SAA6B,YAAnBR,EAAMsB,UAAiCtB,EAAMQ,SACvDe,aAAgC,SAAlBvB,EAAMwB,QACpBC,SAAUzB,EAAMyB,SAChBC,WAAY,OAAAC,EAAAb,EAAWc,YAAX,EAAAD,EAAkBE,QAC9BD,MAAOE,QAAQhB,EAAWc,WACrB,MAAA5B,OAAA,EAAAA,EAAO+B,OAAQ,CAAA,QAQxBlC,EAAYmC,UAAY,CACvB5B,YAAa6B,EAAAA,QAAUC,MAAM,CAC5BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OAClBC,WACHhC,KAAM4B,EAAAA,QAAUM,OAAOF,WACvB5B,MAAOwB,EAAAA,QAAUM,OAAOF,WACxB/B,eAAgB2B,EAAAA,QAAUM,OAC1B/B,SAAUyB,EAAAA,QAAUO,KACpBrB,SAAUc,EAAAA,QAAUQ,OACpBnB,SAAUW,EAAAA,QAAUM,OACpBG,OAAQT,EAAAA,QAAUM,OAClBlB,YAAaY,EAAAA,QAAUM,OACvBI,YAAaV,EAAAA,QAAUM,OACvBd,SAAUQ,EAAAA,QAAUO,KACpBxB,SAAUiB,EAAAA,QAAUG,KACpBL,KAAME,EAAAA,QAAUW"}

package/dist/components/form-control/form-builder/form-builder-element/time.d.ts

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

package/dist/components/form-control/form-parser/data/index.esm.js

@@ -75,6 +75,7 @@ const FormData = [
   }
 ];
 export {
+  FormData,
   FormData as default
 };
 //# sourceMappingURL=index.esm.js.map