npm - @erpsquad/common - Versions diffs - 1.8.75 → 1.8.77 - Mend

@erpsquad/common 1.8.75 → 1.8.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3345) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\nimport { dynamicSelectAdd } from './select-configuration';\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n MenuItemProps,\n OutlinedInput,\n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport { debounce } from 'lodash';\nimport { sortBy } from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport { Add, Close } from '@mui/icons-material';\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 { fetchApi } from '../../../../utils/api';\nimport { useLanguage } from '../../../../hooks/useLangauge';\nimport './element.scss';\n\n// Types\ninterface IOption {\n id: string \| number;\n value: string \| number;\n label: string \| React.ReactNode;\n disabled?: boolean;\n isGroup?: boolean;\n options?: IOption[];\n searchLabel?: string;\n}\n\n\n\ninterface IMenuItemsProps extends MenuItemProps {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: IDynamicSearchSelectProps;\n disabledIds: (string \| number)[];\n onChange: (value: string \| string[]) => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent: boolean;\n t: (key: string) => string;\n // onFooterClick?: () => void;\n}\n\ninterface IDynamicSearchSelectProps {\n name: string;\n placeholder: string;\n label: string;\n size?: 'small' \| 'medium';\n options: IOption[];\n formControl: Control<any>;\n defaultValue?: string \| string[];\n fieldArrayName: string;\n id?: string;\n required?: boolean;\n is_multiselect?: boolean;\n position?: number;\n formType?: string;\n typeOfField?: string;\n disabled?: boolean;\n onChipRemove?: (value: string) => void;\n enable_footer?: boolean;\n footer_action?: string;\n onFooterClick?: () => void;\n is_loading?: boolean;\n selectedLabel?: string;\n isInternal?: boolean;\n disabledIds?: (string \| number)[];\n getSelectedData?: (data: IOption \| IOption[] \| null, name: string) => void;\n attributes?: string[];\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n sortOrder?: string;\n apiType?: string;\n handleOptions?: (value: any) => void;\n filterKey?: string;\n customeFilter?: Record<string, any>;\n refresh?: boolean;\n addType?: string;\n}\n\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\n// Helper function to generate menu items\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n // field,\n disabledIds,\n onChange,\n handleChange,\n hasParent,\n t,\n // onFooterClick\n}: IMenuItemsProps): React.ReactElement[] => {\n const itemDisabled = (id: string \| number) => disabledIds?.includes(id);\n const items: React.ReactElement[] = [];\n\n if (!multiple) {\n items.push(\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n <Typography type='s3' color='theme.secondary.1000'>\n <em>{t(placeholder)}</em>\n </Typography>\n </MenuItem>\n );\n }\n const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n\n const isParentSelected = valueArray.includes(parentValue);\n const updatedValues = isParentSelected\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...new Set([...valueArray, parentValue, ...childValues])];\n\n onChange(updatedValues);\n handleChange?.(updatedValues);\n };\n\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.every((childValue) => valueArray.includes(childValue));\n };\n\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.some((childValue) => valueArray.includes(childValue));\n };\n\n if (Array.isArray(options) && options.length > 0) {\n options.forEach((option) => {\n items.push(\n <MenuItem\n value={option.value}\n key={option.value}\n disabled={Boolean(option.disabled) \|\| itemDisabled(option.id \|\| option.value)}\n className={option.isGroup ? 'select--MenuItemHeader' : ''}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={\n hasParent\n ? isAllOptionsSelected(option.value, option.options \|\| [])\n : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() => hasParent ? handleParentChange(option.value, option.options \|\| []) : handleChange?.(option.value)}\n />\n )}\n <Typography\n type='s3'\n color='theme.secondary.1000'\n onClick={() => handleChange?.(option.value)}\n >\n {option.label}\n </Typography>\n </Box>\n </MenuItem>\n );\n\n if (option.isGroup && Array.isArray(option.options)) {\n option.options.forEach((opt) => {\n items.push(\n <MenuItem\n value={opt.value}\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.id \|\| opt.value)}\n sx={{ pl: 5 }}\n key={`${option.value}-${opt.value}`}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\n />\n )}\n <Typography\n type='s3'\n color='theme.secondary.1000'\n onClick={() => handleChange?.(String(opt.value))}\n >\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\n </Typography>\n </Box>\n </MenuItem>\n );\n });\n }\n });\n }\n\n // if (field.enable_footer) {\n\n // }\n\n if (!items.length \|\| (items.length == 1 && !multiple)) {\n items.push(\n <MenuItem disabled key=\"no-data\">\n No data available\n </MenuItem>\n );\n }\n\n return items;\n};\n\n// Selected items component\nconst SelectedItems: React.FC<{\n data: (string \| number)[];\n options: IOption[];\n}> = ({ data, options }) => {\n const displayTitle = data.map(\n (selectedItem) =>\n options?.find((option) => option.value == selectedItem)?.label \|\| ''\n );\n const filteredDisplayTitle = displayTitle.filter(Boolean);\n\n return (\n <Typography\n type='s4'\n color='inherit'\n sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\n >\n {filteredDisplayTitle.slice(0, 4).join(', ')}\n {data.length > 4 && (\n <Chip variant='outlined' type='normal' label={<MoreIcon />} />\n )}\n </Typography>\n );\n};\n\nconst Loading = () => (\n <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\n)\n\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\n const watchedValue = useWatch({\n control: props.formControl,\n name: `${props.fieldArrayName}.${props.name}`\n });\n\n const formContext = useFormContext();\n const { setValue } = formContext \|\| {};\n const { t } = useTranslation();\n const { isRtl } = useLanguage();\n const selectRef = useRef<HTMLDivElement>(null);\n\n // State management\n const [options, setOptions] = useState<IOption[]>([]);\n const [selectedValue, setSelectedValue] = useState<any>(null);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [loading, setLoading] = useState<boolean>(false);\n const [open, setOpen] = useState<boolean>(false);\n const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const [initialLoading, setInitialLoading] = useState<boolean>(false);\n const [searchQuery, setSearchQuery] = useState<string>(\"\");\n const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\n const [addConfig, setAddConfig] = useState<any>(null);\n\n // Modal states\n const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\n const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\n\n\n // Pagination state\n const [pagination, setPagination] = useState<IPaginationState>({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n\n // Props destructuring with defaults\n const {\n handleOptions,\n isInternal = false,\n disabledIds = [],\n getSelectedData,\n attributes = [],\n filterKey = 'id',\n customeFilter = {},\n refresh,\n handleChange,\n hasParent = false,\n sortOrder = 'id:-1',\n apiType,\n addType\n } = props;\n\n const limit = 25;\n\n // Memoized values\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| !apiType;\n }, [isInternal, apiType]);\n //eslint-disable-next-line\n const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\n\n // Local search function\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return props.options \|\| [];\n\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n const filteredOptions = hasParent\n ? props.options?.reduce((acc: IOption[], opt) => {\n const searchedOptions = opt.options?.filter((item) => {\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n });\n\n if (searchedOptions?.length) {\n acc.push({ ...opt, options: searchedOptions });\n }\n\n return acc;\n }, []) \|\| []\n : props.options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n //eslint-disable-next-line\n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line\n }, [props.options, hasParent]);\n\n // Get unique options\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n const uniqueOptions = [\n ...new Map(data?.map(item => [item.value, item])).values()\n ];\n return uniqueOptions;\n }, []);\n\n // Sort by selected values\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n const selectedValues = Array.isArray(value) ? value : [value];\n const sortedValue = sortBy(arrayToSort, (item) => {\n const index = selectedValues.indexOf(item.id \|\| item.value);\n return index == -1 ? Infinity : index;\n });\n return sortedValue;\n }, []);\n\n // Filtered options with pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, watchedValue);\n }\n return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\n //eslint-disable-next-line\n }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n // API Functions\n const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\n if (!apiType) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n const { data = [], pagination = {} } = await fetchApi({\n apiKey: apiType,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters: flt,\n select: attributes,\n order: sortOrder\n }\n });\n\n if (data && Array.isArray(data)) {\n const newOptions = append ? [...options, ...data] : data;\n updateOptions(newOptions, append);\n handleSelectedValue(data);\n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: pagination?.totalCount > (page * limit),\n total: pagination?.totalCount,\n isLoadingMore: false\n }));\n }\n\n return data \|\| [];\n } catch (error) {\n console.error('Error fetching options:', error);\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\n return [];\n } finally {\n setLoading(false);\n }\n //eslint-disable-next-line\n }, [apiType, options, attributes, sortOrder, limit, cf]);\n\n // Handle scroll pagination\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n\n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n const nextPage = pagination.page + 1;\n fetchOptions(searchQuery, cf, nextPage, true);\n }\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\n\n // Update options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? options : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [options, selectedOptions, getUniqueOptions]);\n\n // Handle selected value\n const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\n const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\n const isInOptions = updateOptions?.filter((item) =>\n Array.isArray(filterValue) ? filterValue.includes(item.id \|\| item.value) : (item[filterKey] \|\| item.value \|\| item.id) == filterValue\n );\n\n if (Array.isArray(isInOptions) && isInOptions.length > 0) {\n getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\n return true;\n }\n return false;\n //eslint-disable-next-line\n }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData, filteredOptions]);\n\n // Fetch options by ID\n const fetchIdOptions = useCallback(async () => {\n if (await handleSelectedValue(filteredOptions)) return;\n if (open) return;\n const condition = props.is_multiselect ?\n Array.isArray(watchedValue) && watchedValue.length > 0 :\n Boolean(watchedValue);\n\n if (condition) {\n setInitialLoading(true);\n const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\n setInitialLoading(false);\n\n if (response.length == 0 && setValue && !isInternalOptions) {\n // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\n }\n }\n //eslint-disable-next-line\n }, [open, watchedValue, JSON.stringify(cf)]);\n\n // Initial fetch\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\n\n if (condition) {\n setPrevFilter(cf);\n setOptions([]);\n setIsAlreadyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlreadyLoaded) {\n await fetchOptions(searchQuery, cf, 1, false);\n setIsAlreadyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cf, isInternalOptions, isAlreadyLoaded]);\n\n // Debounced search\n const debouncedSearch = useMemo(\n () => debounce(async (searchTerm: string) => {\n if (loading) return;\n\n if (!searchTerm && !isInternalOptions && searchInitiate) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions('', cf, 1, false);\n }\n if (searchTerm.length > 1 && !isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions(searchTerm, cf, 1, false);\n }\n }, 700),\n //eslint-disable-next-line\n [isInternalOptions, searchInitiate, cf]\n );\n\n // Reset value function\n const resetValue = useCallback((field: any) => {\n field.onChange(props.is_multiselect ? [] : null);\n if (getSelectedData) {\n getSelectedData(null, props.name);\n }\n }, [props.is_multiselect, props.name, getSelectedData]);\n\n // Handle close\n const handleClose = useCallback(() => {\n setOpen(false);\n if (searchQuery.length > 0) {\n setIsAlreadyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }, [searchQuery]);\n\n const handleModalOpen = useCallback(() => {\n setIsModalOpen(true);\n }, []);\n\n\n\n // Handle modal save\n const handleModalSave = useCallback(async (payload: any) => {\n if (!addConfig \|\| !addConfig.api) {\n console.error('Add configuration is not properly set');\n return;\n }\n\n setIsAddLoading(true);\n try {\n const result = await addConfig.api(payload);\n setIsAddLoading(false);\n setIsModalOpen(false);\n if (!isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n setIsAlreadyLoaded(false);\n await fetchOptions('', cf, 1, false);\n }\n if (result && result.data) {\n const newValue = props.is_multiselect\n ? [...(watchedValue \|\| []), result.data.id]\n : result.data.id;\n\n if (setValue) {\n setValue(`${props.fieldArrayName}.${props.name}`, newValue);\n }\n }\n } catch (error) {\n console.log(\"error\", error);\n setIsAddLoading(false);\n }\n\n\n }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\n\n // Effects\n useEffect(() => {\n if (handleOptions) {\n handleOptions(selectedValue);\n }\n }, [handleOptions, selectedValue]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (refresh) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n fetchOptions('', cf, 1, false);\n }\n }, [refresh, fetchOptions, cf]);\n\n useEffect(() => {\n if (open) {\n debouncedSearch(searchQuery);\n }\n return () => debouncedSearch.cancel();\n }, [searchQuery, open, debouncedSearch]);\n\n useEffect(() => {\n if (watchedValue && !open) {\n const selectedData = options?.filter((item) =>\n props.is_multiselect ?\n Array.isArray(watchedValue) && watchedValue.includes(item.id \|\| item.value) :\n (item.id \|\| item.value) == watchedValue\n );\n setSelectedOptions(selectedData \|\| []);\n }\n }, [watchedValue, options, props.is_multiselect, open]);\n\n const removeUndefined = useCallback((selectOptions: any[]) => {\n return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\n }, []);\n\n useEffect(() => {\n if (!addType) return;\n const config = dynamicSelectAdd(addType);\n setAddConfig(config);\n }, [addType])\n\n useEffect(() => {\n handleSelectedValue(filteredOptions)\n }, [handleSelectedValue])\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <>\n {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\n <Select\n {...field}\n ref={selectRef}\n open={open}\n onOpen={() => setOpen(true)}\n onClose={handleClose}\n fullWidth\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n placeholder={props.placeholder}\n label={props.label}\n defaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n searchValue={searchQuery}\n required={props.formType == 'builder' ? false : props.required}\n size={props.size \|\| 'small'}\n multiple={props.is_multiselect \|\| false}\n disabled={props.disabled}\n sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\n variant='outlined'\n value={\n initialLoading\n ? (props.is_multiselect ? [] : '')\n : (field.value?.id \|\| field.value \|\| (props.is_multiselect ? [] : ''))\n }\n className={\n props.is_multiselect && removeUndefined(field.value)?.length\n ? 'MultiSelect filter-select'\n : ''\n }\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 300 }\n }\n }}\n\n renderValue={(selected: any) => {\n if (Array.isArray(selected)) {\n return (\n <ChipOrPlaceholder\n selectedLabel={props.selectedLabel}\n data={removeUndefined(selected)}\n placeholder={(loading \|\| props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\n onDelete={props.onChipRemove}\n disabled={props.disabled}\n chipProps={{\n sx: {\n background: '#ebf9f2',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: '#289b64',\n fontWeight: \"500\",\n }\n }\n }}\n />\n );\n } else {\n const selectedOption = filteredOptions?.find(\n (option) => (option.value?.id \|\| option.value) == selected\n );\n return (loading \|\| props.is_loading) ? <Loading /> : selectedOption?.label \|\|\n (typeof props.label == 'string' ?\n `${t('common.search')} ${props.label}` :\n props.placeholder);\n }\n }}\n searchPlaceholder={`${t('common.search')} ${props.label}`}\n handleSearch={(text: string) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| ''}\n onBlur={field.onBlur}\n input={\n <OutlinedInput\n label=''\n endAdornment={\n <InputAdornment position='end'>\n {(loading \|\| props.is_loading) ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n !props.disabled &&\n (props.is_multiselect ?\n (Array.isArray(field.value) && field.value.length > 0) :\n Boolean(field.value)) && (\n <IconButton\n aria-label='clear selection'\n onClick={() => resetValue(field)}\n edge='end'\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size='small'\n >\n <Close sx={{ fontSize: '1rem' }} />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n }\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(props.is_multiselect),\n placeholder: props.placeholder,\n values: field.value,\n with_checkboxes: true,\n field: props,\n disabledIds,\n onChange: field.onChange,\n handleChange,\n hasParent,\n t,\n // onFooterClick: () => {\n // if (props?.onFooterClick) {\n // props?.onFooterClick();\n // } else {\n // handleModalOpen();\n // }\n // }\n })}\n {props?.enable_footer &&\n <Box key=\"footer\" sx={{ position: 'sticky', bottom: 0, background: '#fff', zIndex: 1 }}>\n <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\n <MenuItem sx={{ gap: 1 }} onClick={\n () => {\n if (props?.onFooterClick) {\n props?.onFooterClick();\n } else {\n handleModalOpen();\n }\n }\n\n }>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {props.label}\n </Typography>\n </MenuItem>\n </Box>}\n {pagination.isLoadingMore && (\n <MenuItem disabled>\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n <CircularProgress size={20} />\n </Box>\n </MenuItem>\n )}\n </Select>\n\n {/* Modal for adding new items */}\n {addConfig && addConfig.component && (\n <>\n {React.createElement(addConfig.component, {\n isOpen: isModalOpen,\n setIsOpen: setIsModalOpen,\n isLoading: isAddLoading,\n onSave: handleModalSave,\n modalProps: {\n maxWidth: 'md',\n fullWidth: true\n },\n ...props?.modalComponentProps\n })}\n </>\n )}\n\n {props.is_multiselect && Array.isArray(field.value) && (\n <SelectedItems\n data={field.value}\n options={filteredOptions}\n />\n )}\n </>\n )}\n />\n );\n});\n\nDynamicSearchSelect.propTypes = {\n name: PropTypes.string.isRequired,\n placeholder: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n size: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n value: PropTypes.any\n })\n ).isRequired,\n formControl: PropTypes.object.isRequired,\n defaultValue: PropTypes.any,\n fieldArrayName: PropTypes.string.isRequired,\n id: PropTypes.string,\n required: PropTypes.bool,\n is_multiselect: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n onChipRemove: PropTypes.func,\n enable_footer: PropTypes.bool,\n footer_action: PropTypes.string,\n onFooterClick: PropTypes.func,\n is_loading: PropTypes.bool,\n selectedLabel: PropTypes.string,\n isInternal: PropTypes.bool,\n disabledIds: PropTypes.array,\n getSelectedData: PropTypes.func,\n attributes: PropTypes.array,\n handleChange: PropTypes.func,\n hasParent: PropTypes.bool,\n sortOrder: PropTypes.string,\n apiType: PropTypes.string,\n handleOptions: PropTypes.func,\n filterKey: PropTypes.string,\n customeFilter: PropTypes.object,\n refresh: PropTypes.bool,\n addType: PropTypes.string,\n modalComponentProps: PropTypes.object\n};\n\nexport default DynamicSearchSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","disabledIds","onChange","handleChange","hasParent","t","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","mt","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","field","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","fontSize","enable_footer","bottom","zIndex","Divider","flexItem","mb","onFooterClick","Add","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","modalComponentProps","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"mkDAsGA,MAAMA,EAAoB,EACtBC,UACAC,WACAC,cACAC,kBACAC,SAEAC,cACAC,WACAC,eACAC,YACAC,QAGA,MAAMC,EAAgBC,GAAwB,MAAAN,OAAA,EAAAA,EAAaO,SAASD,GAC9DE,EAA8B,GAE/BZ,GACDY,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAACC,MAAM,GAAqBC,GAAI,CAAEC,QAAS,eAAgBC,OAAQ,eAAgBC,EAAG,eAAgBC,EAAG,gBACvHC,wBAAAT,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACxBH,0BAAAT,IAAC,KAAA,CAAIS,SAAAf,EAAEP,QAFiB,gBAOxC,MAAM0B,EAAkBC,MAAMC,QAAQ1B,KAAW,MAAAA,OAAA,EAAAA,EAAQ2B,QAAS,EAAK,MAAA3B,OAAA,EAAAA,EAAQ4B,OAAQd,GAAUA,GAASd,EAepG6B,EAAuB,CAACC,EAAqBC,KAC/C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOQ,EAAYI,MAAOC,GAAeF,EAAW3B,SAAS6B,KAG3DC,EAAyBP,IAC3B,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOQ,EAAYO,KAAMF,GAAeF,EAAW3B,SAAS6B,KA+EhE,OA5EIZ,MAAMC,QAAQ9B,IAAYA,EAAQ+B,OAAS,GAC3C/B,EAAQ4C,QAASC,IACbhC,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO2B,EAAO3B,MAEdD,SAAU6B,QAAQD,EAAO5B,WAAaP,EAAamC,EAAOlC,IAAMkC,EAAO3B,OACvE6B,UAAWF,EAAOG,QAAU,yBAA2B,GAEvDxB,wBAAAyB,EAAAA,KAACC,WAAI/B,GAAI,CAAEgC,QAAS,OAAQC,IAAK,GAC5B5B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACsC,EAAAA,QAAA,CACGC,QACI9C,EACMyB,EAAqBY,EAAO3B,MAAO2B,EAAO7C,SAAW,IACrD8C,QAAQjB,MAAMC,QAAQF,GAAkBA,EAAehB,SAASiC,EAAO3B,OAASU,GAAkBiB,EAAO3B,OAEnHqC,cACI/C,GAAakC,EAAsBG,EAAO7C,SAAW,IAEzDM,SAAU,IAAME,EA7CjB,EAAC0B,EAAqBC,KAC7C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GAG/D4B,EADmBjB,EAAW3B,SAASsB,GAEvCK,EAAWP,OAAQd,GAAUA,IAAUgB,IAAgBE,EAAYxB,SAASM,IAC5E,mBAAI,IAAIuC,IAAI,IAAIlB,EAAYL,KAAgBE,KAElD9B,EAASkD,GACT,MAAAjD,GAAAA,EAAeiD,IAmCqCE,CAAmBb,EAAO3B,MAAO2B,EAAO7C,SAAW,IAAM,MAAAO,OAAA,EAAAA,EAAesC,EAAO3B;eAGnHH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNgC,QAAS,IAAM,MAAApD,OAAA,EAAAA,EAAesC,EAAO3B,OAEpCM,SAAAqB,EAAOe,YAvBXf,EAAO3B,QA6BhB2B,EAAOG,SAAWnB,MAAMC,QAAQe,EAAO7C,UACvC6C,EAAO7C,QAAQ4C,QAASiB,IACpBhD,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO2C,EAAI3C,MACXD,SAAU6B,QAAQe,EAAI5C,WAAaP,EAAamD,EAAIlD,IAAMkD,EAAI3C,OAC9DC,GAAI,CAAE2C,GAAI,GAGVtC,wBAAAyB,EAAAA,KAACC,WAAI/B,GAAI,CAAEgC,QAAS,OAAQC,IAAK,GAC5B5B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACsC,EAAAA,QAAA,CACGC,QAASR,QAAQjB,MAAMC,QAAQ1B,IAAWA,EAAOQ,SAASiD,EAAI3C;eAGtEH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNgC,QAAS,IAAM,MAAApD,OAAA,EAAAA,EAAewD,OAAOF,EAAI3C,QAExCM,SAAa,qBAAToC,MAA6B,iCAAmCC,EAAID,OAASC,EAAI3C,YAbzF,GAAG2B,EAAO3B,SAAS2C,EAAI3C,cA2B/CL,EAAMkB,SAA2B,GAAhBlB,EAAMkB,QAAgB9B,IACxCY,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAAeO,8BAAV,YAMxBX,GAILmD,EAGD,EAAGC,OAAMjE,cACV,MAIMkE,EAJeD,EAAK5B,IACrB8B,UACG,OAAA,OAAAC,EAAA,MAAApE,OAAA,EAAAA,EAASqE,KAAMxB,GAAWA,EAAO3B,OAASiD,aAAeP,QAAS,KAEhC5B,OAAOc;AAEjD,OACIG,EAAAA,KAACxB,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,UACNR,GAAI,CAAEgC,QAAS,OAAQC,IAAK,EAAGkB,WAAY,SAAUC,GAAI,IAExD/C,SAAA,CAAA0C,EAAqBM,MAAM,EAAG,GAAGC,KAAK,MACtCR,EAAKlC,OAAS,kBACXhB,EAAAA,IAAC2D,EAAAA,QAAA,CAAKC,QAAQ,WAAWjD,KAAK,SAASkC,uBAAO7C,IAAC6D,EAAAA,SAAA,CAAA,SAMzDC,EAAU,mBACZ9D,EAAAA,IAACU,aAAA,CAAWqD,UAAU,SAASnD,MAAM,UAAUD,KAAK,KAAKF,SAAA,eAGvDuD,EAA2DC,EAAAA,QAAMC,KAAMC,IACzE,MAAMC,EAAeC,EAAAA,SAAS,CAC1BC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,SAGrCE,EAAcC,EAAAA,kBACdC,SAAEA,GAAaF,GAAe,CAAA,GAC9BhF,EAAEA,GAAMmF,oBACRC,MAAEA,GAAUC,gBACZC,EAAYC,EAAAA,OAAuB,OAGlChG,EAASiG,GAAcC,EAAAA,SAAoB,KAC3CC,EAAeC,GAAoBF,EAAAA,SAAc,OACjDG,EAAiBC,GAAsBJ,EAAAA,SAAoB,KAC3DK,EAASC,GAAcN,EAAAA,UAAkB,IACzCO,EAAMC,GAAWR,EAAAA,UAAkB,IACnCS,EAAiBC,GAAsBV,EAAAA,UAAkB,IACzDW,EAAYC,GAAiBZ,EAAAA,SAAc,OAC3Ca,EAAgBC,GAAqBd,EAAAA,UAAkB,IACvDe,EAAaC,GAAkBhB,EAAAA,SAAiB,KAChDiB,EAAgBC,GAAqBlB,EAAAA,UAAkB,IACvDmB,EAAWC,GAAgBpB,EAAAA,SAAc,OAGzCqB,EAAaC,IAAkBtB,EAAAA,UAAkB,IACjDuB,GAAcC,IAAmBxB,EAAAA,UAAkB,IAInDyB,GAAYC,IAAiB1B,WAA2B,CAC3D2B,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAILC,cACFA,GAAAC,WACAA,IAAa,EAAA7H,YACbA,GAAc,GAAA8H,gBACdA,GAAAC,WACAA,GAAa,GAAAC,UACbA,GAAY,KAAAC,cACZA,GAAgB,CAAA,EAAAC,QAChBA,GAAAhI,aACAA,GAAAC,UACAA,IAAY,EAAAgI,UACZA,GAAY,QAAAC,QACZA,GAAAC,QACAA,IACAxD,EAKEyD,GAAoBC,EAAAA,QAAQ,IACvBV,KAAeO,GACvB,CAACP,GAAYO,KAEVI,GAAKD,EAAAA,QAAQ,IAAMN,GAAe,CAACQ,KAAKC,UAAUT,MAGlDU,GAAuBC,EAAAA,YAAY,CAACC,EAAoBhI,aAC1D,IAAKgI,EAAY,OAAOhE,EAAMlF,SAAW,GAEzC,MAAMmJ,EAAuBD,EAAWE,cAElCC,EAAkB7I,IAClB,OAAA4D,EAAAc,EAAMlF,kBAASsJ,OAAO,CAACC,EAAgB1F,WACrC,MAAM2F,EAAkB,OAAApF,EAAAP,EAAI7D,gBAAJoE,EAAapC,OAAQyH,IACzC,MAAM7F,EAAQoB,EAAAA,QAAM0E,eAAeD,EAAK7F,OAAS6F,EAAKE,YAAc5F,OAAO0F,EAAK7F,OAChF,OAAO,MAAAA,OAAA,EAAAA,EAAOwF,cAAcxI,SAASuI,KAOzC,aAJIK,WAAiBzH,SACjBwH,EAAIzI,KAAK,IAAK+C,EAAK7D,QAASwJ,IAGzBD,GACR,MAAO,IACR,OAAAK,IAAM5J,cAAN,EAAA4J,EAAe5H,OAAQ6B,IACrB,MAAMD,EAAQoB,EAAAA,QAAM0E,eAAe7F,EAAID,OAASC,EAAI8F,YAAc5F,OAAOF,EAAID,OAC7E,OAAO,MAAAA,OAAA,EAAAA,EAAOwF,cAAcxI,SAASuI,OACnC,GAEV,OAAOU,GAAqBR,EAAiBnI,IAE9C,CAACgE,EAAMlF,QAASQ,KAGbsJ,GAAmBb,cAAahF,GACZ,IACf,IAAI8F,IAAI,MAAA9F,OAAA,EAAAA,EAAM5B,IAAIoH,GAAQ,CAACA,EAAKvI,MAAOuI,KAAQrJ,UAGvD,IAGGyJ,GAAuBZ,EAAAA,YAAY,CAACe,EAAwB9I,KAC9D,MAAMU,EAAiBC,MAAMC,QAAQZ,GAASA,EAAQ,CAACA,GAKvD,OAJoB+I,EAAAA,OAAOD,EAAcP,IACrC,MAAMS,EAAQtI,EAAeuI,QAAQV,EAAK9I,IAAM8I,EAAKvI,OACrD,UAAOgJ,EAAcE,IAAWF,KAGrC,IAGGb,GAAkBT,EAAAA,QAAQ,IACxBD,GACOK,GAAqB/B,EAAa9B,GAEtC0E,GAAqBC,GAAiB,IAAI9J,KAAYqG,IAAmBlB,GAEjF,CAACnF,EAASqG,EAAiBsC,GAAmBzD,EAAMlF,QAASmF,EAAc8B,EAAa+B,GAAsBa,GAAsBC,KAGjIO,GAAepB,EAAAA,YAAYqB,MAAOpB,EAAa,GAAIqB,EAAM1B,GAAIhB,EAAO,EAAG2C,GAAS,KAClF,IAAK/B,GAAS,MAAO,GAErBjC,GAAW,GACPqB,EAAO,GACPD,WAA4B6C,EAAM1C,eAAe,KAGrD,IACI,MAAM9D,KAAEA,EAAO,GAAI0D,WAAAA,EAAa,CAAA,SAAa+C,WAAS,CAClDC,OAAQlC,GACRmC,QAAS,CACLC,MA7EF,GA8EEC,KA9EF,IA8ESjD,EAAO,GACdkD,OAAQ7B,EACR0B,QAASL,EACTS,OAAQ5C,GACR6C,MAAOzC,MAIf,GAAIvE,GAAQpC,MAAMC,QAAQmC,GAAO,CAC7B,MAAMiH,EAAaV,EAAS,IAAIxK,KAAYiE,GAAQA,EACpDkH,GAAcD,EAAYV,GAC1BY,GAAoBnH,GAEpB2D,GAAc6C,IAAA,IACPA,EACH5C,OACAC,SAASH,MAAAA,OAAAA,EAAAA,EAAY0D,YA9FvB,GA8FqCxD,EACnCG,MAAOL,MAAAA,OAAAA,EAAAA,EAAY0D,WACnBtD,eAAe,IAEvB,CAEA,OAAO9D,GAAQ,EACnB,OAASqH,GAGL,OADA1D,WAA4B6C,EAAM1C,eAAe,KAC1C,EACX,CAAA,QACIvB,GAAW,EACf,GAED,CAACiC,GAASzI,EAASoI,GAAYI,GA7GpB,GA6GsCK,KAG9C0C,GAAetC,cAAauC,IAC9B,MAAMC,UAAEA,EAAAC,aAAWA,EAAAC,aAAcA,GAAiBH,EAAMI,cAGxD,GAFiBF,EAAeD,GAAaE,EAAe,IAE5ChE,GAAWG,UAAYH,GAAWI,gBAAkBY,GAAmB,CACnF,MAAMkD,EAAWlE,GAAWE,KAAO,EACnCwC,GAAapD,EAAa4B,GAAIgD,GAAU,EAC5C,GACD,CAAClE,GAAWG,QAASH,GAAWI,cAAeJ,GAAWE,KAAMc,GAAmB1B,EAAa4B,GAAIwB,KAGjGc,GAAgBlC,EAAAA,YAAY,CAACiC,EAAuBV,GAAS,KAC/D,MACMsB,EAAgBhC,GAAiB,IADpBU,EAASxK,EAAUqG,KACoB6E,IAC1DjF,EAAW6F,IACZ,CAAC9L,EAASqG,EAAiByD,KAGxBsB,GAAsBnC,cAAYqB,MAAOa,IAC3C,MAAMY,EAAc7G,EAAM8G,eAAiB7G,EAAe,CAACA,GACrD8G,EAAcd,MAAAA,OAAAA,EAAAA,EAAenJ,OAAQyH,GACvC5H,MAAMC,QAAQiK,GAAeA,EAAYnL,SAAS6I,EAAK9I,IAAM8I,EAAKvI,QAAUuI,EAAKpB,KAAcoB,EAAKvI,OAASuI,EAAK9I,KAAOoL,GAG7H,SAAIlK,MAAMC,QAAQmK,IAAgBA,EAAYlK,OAAS,KACnD,MAAAoG,IAAAA,GAAkBjD,EAAM8G,eAAiBC,EAAcA,EAAY,GAAI/G,EAAMK,OACtE,IAIZ,CAACL,EAAM8G,eAAgB9G,EAAMK,KAAMJ,EAAckD,GAAWF,GAAiBkB,KAG1E6C,GAAiBjD,EAAAA,YAAYqB,gBACrBc,GAAoB/B,KAC1B5C,IACcvB,EAAM8G,eACpBnK,MAAMC,QAAQqD,IAAiBA,EAAapD,OAAS,EACrDe,QAAQqC,MAGR6B,GAAkB,SACKqD,GAAa,GAAI,IAAKxB,GAAI,SAAU1D,GAAgB,GAAG,GAC9E6B,GAAkB,KAOvB,CAACP,EAAMtB,EAAc2D,KAAKC,UAAUF,MAGjCsD,GAAelD,EAAAA,YAAYqB,UACXxB,KAAKC,UAAUF,MAAQC,KAAKC,UAAUlC,KAGpDC,EAAc+B,IACd5C,EAAW,IACXW,GAAmB,GACnBgB,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAIVW,IAAsBhC,UACjB0D,GAAapD,EAAa4B,GAAI,GAAG,GACvCjC,GAAmB,KAGxB,CAACiC,GAAIF,GAAmBhC,IAGrByF,GAAkBxD,EAAAA,QACpB,IAAMyD,EAAAA,SAAS/B,MAAOpB,IACd3C,IAEC2C,GAAeP,KAAqBxB,IACrCS,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELqC,GAAa,GAAIxB,GAAI,GAAG,IAE9BK,EAAWnH,OAAS,IAAM4G,KAC1Bf,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELqC,GAAanB,EAAYL,GAAI,GAAG,MAE3C,KAEH,CAACF,GAAmBxB,EAAgB0B,KAIlCyD,GAAarD,cAAasD,IAC5BA,EAAMjM,SAAS4E,EAAM8G,eAAiB,GAAK,MACvC7D,IACAA,GAAgB,KAAMjD,EAAMK,OAEjC,CAACL,EAAM8G,eAAgB9G,EAAMK,KAAM4C,KAGhCqE,GAAcvD,EAAAA,YAAY,KAC5BvC,GAAQ,GACJO,EAAYlF,OAAS,GACrB6E,GAAmB,GAEvBQ,GAAkB,GAClBF,EAAe,KAChB,CAACD,IAEEwF,GAAkBxD,EAAAA,YAAY,KAChCzB,IAAe,IAChB,IAKGkF,GAAkBzD,cAAYqB,MAAOqC,IACvC,GAAKtF,GAAcA,EAAUuF,IAA7B,CAKAlF,IAAgB,GAChB,IACI,MAAMmF,QAAexF,EAAUuF,IAAID,GAanC,GAZAjF,IAAgB,GAChBF,IAAe,GACVmB,KACDf,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,IAEXpB,GAAmB,SACbyD,GAAa,GAAIxB,GAAI,GAAG,IAE9BgE,GAAUA,EAAO5I,KAAM,CACvB,MAAM6I,EAAW5H,EAAM8G,eACjB,IAAK7G,GAAgB,GAAK0H,EAAO5I,KAAKtD,IACtCkM,EAAO5I,KAAKtD,GAEdgF,GACAA,EAAS,GAAGT,EAAMM,kBAAkBN,EAAMK,OAAQuH,EAE1D,CACJ,OAASxB,GAEL5D,IAAgB,EACpB,CA7BA,GAgCD,CAACL,EAAWsB,GAAmB0B,GAAcxB,GAAI3D,EAAM8G,eAAgB9G,EAAMM,eAAgBN,EAAMK,KAAMJ,EAAcQ,IAG1HoH,EAAAA,UAAU,KACF9E,IACAA,GAAc9B,IAEnB,CAAC8B,GAAe9B,IAEnB4G,EAAAA,UAAU,KACFtG,GACA0F,MAEL,CAAC1F,EAAM0F,KAEVY,EAAAA,UAAU,KACNb,MACD,CAACA,KAEJa,EAAAA,UAAU,KACFxE,KACAX,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,IAEXqC,GAAa,GAAIxB,GAAI,GAAG,KAE7B,CAACN,GAAS8B,GAAcxB,KAE3BkE,EAAAA,UAAU,KACFtG,GACA2F,GAAgBnF,GAEb,IAAMmF,GAAgBY,UAC9B,CAAC/F,EAAaR,EAAM2F,KAEvBW,EAAAA,UAAU,KACN,GAAI5H,IAAiBsB,EAAM,CACvB,MAAMwG,EAAe,MAAAjN,OAAA,EAAAA,EAASgC,OAAQyH,GAClCvE,EAAM8G,eACFnK,MAAMC,QAAQqD,IAAiBA,EAAavE,SAAS6I,EAAK9I,IAAM8I,EAAKvI,QACpEuI,EAAK9I,IAAM8I,EAAKvI,QAAUiE,GAEnCmB,EAAmB2G,GAAgB,GACvC,GACD,CAAC9H,EAAcnF,EAASkF,EAAM8G,eAAgBvF,IAEjD,MAAMyG,GAAkBjE,cAAakE,GAC1BtL,MAAMC,QAAQqL,GAAiBA,EAAcnL,OAAOc,SAAW,GACvE,IAWH,OATAiK,EAAAA,UAAU,KACN,IAAKrE,GAAS,OACd,MAAM0E,EAASC,EAAAA,iBAAiB3E,IAChCpB,EAAa8F,IACd,CAAC1E,KAEJqE,EAAAA,UAAU,KACN3B,GAAoB/B,KACrB,CAAC+B,oBAEArK,EAAAA,IAACuM,EAAAA,WAAA,CACGjI,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCgI,OAAQ,EAAGhB,QAAOiB;AACdvK,OAAAA,OAAAwK,EAAAA,SAAA,CACKjM,SAAA,CAAqB,mBAArB0D,EAAMhF,aAAoCkG,EAAiBmG,EAAMrL;eAClE+B,EAAAA,KAACyK,EAAAA,QAAA,IACOnB,EACJoB,IAAK5H,EACLU,OACAmH,OAAQ,IAAMlH,GAAQ,GACtBmH,QAASrB,GACTsB,WAAS,EACTC,aAAc7I,EAAM8I,SACpBC,SAAU,GAAG/I,EAAMM,kBAAkBN,EAAMK,OAC3CrF,YAAagF,EAAMhF,YACnB0D,MAAOsB,EAAMtB,MACbsK,aAAchJ,EAAMgJ,eAAiBhJ,EAAM8G,eAAiB,GAAK,IACjEmC,YAAalH,EACbmH,SAA4B,WAAlBlJ,EAAMmJ,UAAgCnJ,EAAMkJ,SACtDE,KAAMpJ,EAAMoJ,MAAQ,QACpBrO,SAAUiF,EAAM8G,iBAAkB,EAClC/K,SAAUiE,EAAMjE,SAChBE,GAAK+D,EAAM8G,iBAAkB,OAAA5H,EAAA,MAAAmI,OAAA,EAAAA,EAAOrL,YAAP,EAAAkD,EAAcrC,QAAU,CAAE,sBAAuB,CAAEwM,QAAS,qBAAyB,CAAA,EAClH5J,QAAQ,WACRzD,MACI6F,EACO7B,EAAM8G,eAAiB,GAAK,IAC5B,OAAApC,EAAA2C,EAAMrL,YAAN,EAAA0I,EAAajJ,KAAM4L,EAAMrL,QAAUgE,EAAM8G,eAAiB,GAAK,IAE1EjJ,UACImC,EAAM8G,iBAAkB,OAAAwC,EAAAtB,GAAgBX,EAAMrL,aAAtB,EAAAsN,EAA8BzM,QAChD,4BACA,GAEV0M,UAAW,CACPC,WAAY,CACRC,SAAUpD,GACVqD,MAAO,CAAEC,UAAW,OAI5BC,YAAcC,IACV,GAAIlN,MAAMC,QAAQiN;AACd,OACIhO,EAAAA,IAACiO,EAAAA,QAAA,CACGC,cAAe/J,EAAM+J,cACrBhL,KAAMiJ,GAAgB6B,GACtB7O,YAAcqG,GAAWrB,EAAMgK,0BAAcnO,EAAAA,IAAC8D,EAAA,CAAA,GAAa,GAAGpE,EAAE,oBAAoByE,EAAMtB,QAC1FuL,SAAUjK,EAAMkK,aAChBnO,SAAUiE,EAAMjE,SAChBoO,UAAW,CACPlO,GAAI,CACAmO,WAAY,UACZC,OAAQ,EAER,yBAA0B,CACtB5N,MAAO,UACP6N,WAAY,WAM7B,CACH,MAAMC,EAAiB,MAAApG,QAAA,EAAAA,GAAiBhF,KACnCxB,UAAY,QAAA,OAAAuB,EAAAvB,EAAO3B,cAAPkD,EAAczD,KAAMkC,EAAO3B,QAAU6N,IAEtD,OAAQxI,GAAWrB,EAAMgK,0BAAcnO,EAAAA,IAAC8D,OAAa,MAAA4K,OAAA,EAAAA,EAAgB7L,SAC1C,iBAAfsB,EAAMtB,MACV,GAAGnD,EAAE,oBAAoByE,EAAMtB,QAC/BsB,EAAMhF,YAClB,GAEJwP,kBAAmB,GAAGjP,EAAE,oBAAoByE,EAAMtB,QAClD+L,aAAeC,IACX1I,EAAe0I,GACfxI,GAAkB,IAEtBkE,MAAOxI,QAAQ,OAAA+M,EAAArC,EAAWlC,gBAAOwE,SACjCC,YAAY,OAAAC,EAAAxC,EAAWlC,YAAX,EAAA0E,EAAkBF,UAAW,GACzCG,OAAQ1D,EAAM0D,OACdC,qBACInP,EAAAA,IAACoP,EAAAA,QAAA,CACGvM,MAAM,GACNwM,4BACIrP,EAAAA,IAACsP,EAAAA,QAAA,CAAerC,SAAS,MACnBxM,SAAA+E,GAAWrB,EAAMgK,0BACfnO,EAAAA,IAACuP,EAAAA,QAAA,CACGhC,KAAM,GACNnN,GAAI,CAAEoP,GAAI,EAAG5O,MAAO,cAGvBuD,EAAMjE,WACNiE,EAAM8G,eACFnK,MAAMC,QAAQyK,EAAMrL,QAAUqL,EAAMrL,MAAMa,OAAS,EACpDe,QAAQyJ,EAAMrL,wBACdH,EAAAA,IAACyP,EAAAA,QAAA,CACG,aAAW,kBACX7M,QAAS,IAAM2I,GAAWC,GAC1BkE,KAAK,MACLtP,GAAI0E,EAAQ,CAAE6K,GAAI,KAAQ,CAAEH,GAAI,KAChCjC,KAAK,QAEL9M,8BAACmP,UAAA,CAAMxP,GAAI,CAAEyP,SAAU,gBASlDpP,SAAA,CAAAzB,EAAkB,CACfC,QAASqJ,GACTpJ,SAAU6C,QAAQoC,EAAM8G,gBACxB9L,YAAagF,EAAMhF,YACnBE,OAAQmM,EAAMrL,MACdf,iBAAiB,EAEjBE,eACAC,SAAUiM,EAAMjM,SAChBC,gBACAC,aACAC,aASHyE,WAAO2L,+BACJ5N,EAAAA,KAACC,EAAAA,QAAA,CAAiB/B,GAAI,CAAE6M,SAAU,SAAU8C,OAAQ,EAAGxB,WAAY,OAAQyB,OAAQ,GAC/EvP,SAAA;eAAAT,EAAAA,IAACiQ,EAAAA,QAAA,CAAQC,UAAQ,EAAC9P,GAAI,CAAEoD,GAAI,qBAAsB2M,GAAI;eACtDjO,EAAAA,KAACjC,EAAAA,SAASG,GAAI,CAAEiC,IAAK,GAAKO,QACtB,YACQuB,WAAOiM,eACP,MAAAjM,GAAAA,EAAOiM,gBAEP1E,MAKRjL,SAAA;iBAAAT,IAACqQ,EAAAA,QAAA,CAAIR,SAAS;eACd3N,EAAAA,KAACxB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBH,SAAA,CAAA,cACnC0D,EAAMtB,cAdrB,UAkBZ+D,GAAWI,8BACRhH,MAACC,EAAAA,QAAA,CAASC,UAAQ,EACdO,0BAAAT,IAACmC,EAAAA,QAAA,CAAI/B,GAAI,CAAEgC,QAAS,OAAQkO,eAAgB,SAAUC,MAAO,QACzD9P,8BAAC8O,EAAAA,QAAA,CAAiBhC,KAAM,YAOvCjH,GAAaA,EAAUkK,4CAEf/P,SAAAwD,UAAMwM,cAAcnK,EAAUkK,UAAW,CACtCE,OAAQlK,EACRmK,UAAWlK,GACXmK,UAAWlK,GACXmK,OAAQlF,GACRmF,WAAY,CACRC,SAAU,KACVhE,WAAW,MAEZ,MAAA5I,OAAA,EAAAA,EAAO6M,wBAKrB7M,EAAM8G,gBAAkBnK,MAAMC,QAAQyK,EAAMrL,uBACzCH,EAAAA,IAACiD,EAAA,CACGC,KAAMsI,EAAMrL,MACZlB,QAASqJ,aASrCtE,EAAoBiN,UAAY,CAC5BzM,KAAM0M,EAAAA,QAAUC,OAAOC,WACvBjS,YAAa+R,EAAAA,QAAUC,OAAOC,WAC9BvO,MAAOqO,EAAAA,QAAUC,OAAOC,WACxB7D,KAAM2D,EAAAA,QAAUC,OAChBlS,QAASiS,EAAAA,QAAUG,QACfH,EAAAA,QAAUI,MAAM,CACZzO,MAAOqO,EAAAA,QAAUK,UAAU,CAACL,EAAAA,QAAUC,OAAQD,EAAAA,QAAUM,OACxDrR,MAAO+Q,EAAAA,QAAUO,OAEvBL,WACF7M,YAAa2M,EAAAA,QAAUQ,OAAON,WAC9BjE,aAAc+D,EAAAA,QAAUO,IACxBhN,eAAgByM,EAAAA,QAAUC,OAAOC,WACjCxR,GAAIsR,EAAAA,QAAUC,OACd9D,SAAU6D,EAAAA,QAAUS,KACpB1G,eAAgBiG,EAAAA,QAAUS,KAC1B1E,SAAUiE,EAAAA,QAAUU,OACpBtE,SAAU4D,EAAAA,QAAUC,OACpBU,YAAaX,EAAAA,QAAUC,OACvBjR,SAAUgR,EAAAA,QAAUS,KACpBtD,aAAc6C,EAAAA,QAAUY,KACxBhC,cAAeoB,EAAAA,QAAUS,KACzBI,cAAeb,EAAAA,QAAUC,OACzBf,cAAec,EAAAA,QAAUY,KACzB3D,WAAY+C,EAAAA,QAAUS,KACtBzD,cAAegD,EAAAA,QAAUC,OACzBhK,WAAY+J,EAAAA,QAAUS,KACtBrS,YAAa4R,EAAAA,QAAUc,MACvB5K,gBAAiB8J,EAAAA,QAAUY,KAC3BzK,WAAY6J,EAAAA,QAAUc,MACtBxS,aAAc0R,EAAAA,QAAUY,KACxBrS,UAAWyR,EAAAA,QAAUS,KACrBlK,UAAWyJ,EAAAA,QAAUC,OACrBzJ,QAASwJ,EAAAA,QAAUC,OACnBjK,cAAegK,EAAAA,QAAUY,KACzBxK,UAAW4J,EAAAA,QAAUC,OACrB5J,cAAe2J,EAAAA,QAAUQ,OACzBlK,QAAS0J,EAAAA,QAAUS,KACnBhK,QAASuJ,EAAAA,QAAUC,OACnBH,oBAAqBE,EAAAA,QAAUQ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\nimport { dynamicSelectAdd } from './select-configuration';\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n MenuItemProps,\n OutlinedInput,\n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport { debounce } from 'lodash';\nimport { sortBy } from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport { Add, Close } from '@mui/icons-material';\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 { fetchApi } from '../../../../utils/api';\nimport { useLanguage } from '../../../../hooks/useLangauge';\nimport './element.scss';\n\n// Types\ninterface IOption {\n id: string \| number;\n value: string \| number;\n label: string \| React.ReactNode;\n disabled?: boolean;\n isGroup?: boolean;\n options?: IOption[];\n searchLabel?: string;\n}\n\n\n\ninterface IMenuItemsProps extends MenuItemProps {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: IDynamicSearchSelectProps;\n disabledIds: (string \| number)[];\n onChange: (value: string \| string[]) => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent: boolean;\n t: (key: string) => string;\n // onFooterClick?: () => void;\n}\n\ninterface IDynamicSearchSelectProps {\n name: string;\n placeholder: string;\n label: string;\n size?: 'small' \| 'medium';\n options: IOption[];\n formControl: Control<any>;\n defaultValue?: string \| string[];\n fieldArrayName: string;\n id?: string;\n required?: boolean;\n is_multiselect?: boolean;\n position?: number;\n formType?: string;\n typeOfField?: string;\n disabled?: boolean;\n onChipRemove?: (value: string) => void;\n enable_footer?: boolean;\n footer_action?: string;\n onFooterClick?: () => void;\n is_loading?: boolean;\n selectedLabel?: string;\n isInternal?: boolean;\n disabledIds?: (string \| number)[];\n getSelectedData?: (data: IOption \| IOption[] \| null, name: string) => void;\n attributes?: string[];\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n sortOrder?: string;\n apiType?: string;\n handleOptions?: (value: any) => void;\n filterKey?: string;\n customeFilter?: Record<string, any>;\n refresh?: boolean;\n addType?: string;\n}\n\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\n// Helper function to generate menu items\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n // field,\n disabledIds,\n onChange,\n handleChange,\n hasParent,\n t,\n // onFooterClick\n}: IMenuItemsProps): React.ReactElement[] => {\n const itemDisabled = (id: string \| number) => disabledIds?.includes(id);\n const items: React.ReactElement[] = [];\n\n if (!multiple) {\n items.push(\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n <Typography type='s3' color='theme.secondary.1000'>\n <em>{t(placeholder)}</em>\n </Typography>\n </MenuItem>\n );\n }\n const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n\n const isParentSelected = valueArray.includes(parentValue);\n const updatedValues = isParentSelected\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...new Set([...valueArray, parentValue, ...childValues])];\n\n onChange(updatedValues);\n handleChange?.(updatedValues);\n };\n\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.every((childValue) => valueArray.includes(childValue));\n };\n\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n return childValues.some((childValue) => valueArray.includes(childValue));\n };\n\n if (Array.isArray(options) && options.length > 0) {\n options.forEach((option) => {\n items.push(\n <MenuItem\n value={option.value}\n key={option.value}\n disabled={Boolean(option.disabled) \|\| itemDisabled(option.id \|\| option.value)}\n className={option.isGroup ? 'select--MenuItemHeader' : ''}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={\n hasParent\n ? isAllOptionsSelected(option.value, option.options \|\| [])\n : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() => hasParent ? handleParentChange(option.value, option.options \|\| []) : handleChange?.(option.value)}\n />\n )}\n <Typography\n type='s3'\n color='theme.secondary.1000'\n onClick={() => handleChange?.(option.value)}\n >\n {option.label}\n </Typography>\n </Box>\n </MenuItem>\n );\n\n if (option.isGroup && Array.isArray(option.options)) {\n option.options.forEach((opt) => {\n items.push(\n <MenuItem\n value={opt.value}\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.id \|\| opt.value)}\n sx={{ pl: 5 }}\n key={`${option.value}-${opt.value}`}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\n />\n )}\n <Typography\n type='s3'\n color='theme.secondary.1000'\n onClick={() => handleChange?.(String(opt.value))}\n >\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\n </Typography>\n </Box>\n </MenuItem>\n );\n });\n }\n });\n }\n\n // if (field.enable_footer) {\n\n // }\n\n if (!items.length \|\| (items.length == 1 && !multiple)) {\n items.push(\n <MenuItem disabled key=\"no-data\">\n No data available\n </MenuItem>\n );\n }\n\n return items;\n};\n\n// Selected items component\nconst SelectedItems: React.FC<{\n data: (string \| number)[];\n options: IOption[];\n}> = ({ data, options }) => {\n const displayTitle = data.map(\n (selectedItem) =>\n options?.find((option) => option.value == selectedItem)?.label \|\| ''\n );\n const filteredDisplayTitle = displayTitle.filter(Boolean);\n\n return (\n <Typography\n type='s4'\n color='inherit'\n sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\n >\n {filteredDisplayTitle.slice(0, 4).join(', ')}\n {data.length > 4 && (\n <Chip variant='outlined' type='normal' label={<MoreIcon />} />\n )}\n </Typography>\n );\n};\n\nconst Loading = () => (\n <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\n)\n\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\n const watchedValue = useWatch({\n control: props.formControl,\n name: `${props.fieldArrayName}.${props.name}`\n });\n\n const formContext = useFormContext();\n const { setValue } = formContext \|\| {};\n const { t } = useTranslation();\n const { isRtl } = useLanguage();\n const selectRef = useRef<HTMLDivElement>(null);\n\n // State management\n const [options, setOptions] = useState<IOption[]>([]);\n const [selectedValue, setSelectedValue] = useState<any>(null);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [loading, setLoading] = useState<boolean>(false);\n const [open, setOpen] = useState<boolean>(false);\n const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const [initialLoading, setInitialLoading] = useState<boolean>(false);\n const [searchQuery, setSearchQuery] = useState<string>(\"\");\n const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\n const [addConfig, setAddConfig] = useState<any>(null);\n\n // Modal states\n const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\n const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\n\n\n // Pagination state\n const [pagination, setPagination] = useState<IPaginationState>({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n\n // Props destructuring with defaults\n const {\n handleOptions,\n isInternal = false,\n disabledIds = [],\n getSelectedData,\n attributes = [],\n filterKey = 'id',\n customeFilter = {},\n refresh,\n handleChange,\n hasParent = false,\n sortOrder = 'id:-1',\n apiType,\n addType\n } = props;\n\n const limit = 25;\n\n // Memoized values\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| !apiType;\n }, [isInternal, apiType]);\n //eslint-disable-next-line\n const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\n\n // Local search function\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return props.options \|\| [];\n\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n const filteredOptions = hasParent\n ? props.options?.reduce((acc: IOption[], opt) => {\n const searchedOptions = opt.options?.filter((item) => {\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n });\n\n if (searchedOptions?.length) {\n acc.push({ ...opt, options: searchedOptions });\n }\n\n return acc;\n }, []) \|\| []\n : props.options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n //eslint-disable-next-line\n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line\n }, [props.options, hasParent]);\n\n // Get unique options\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n const uniqueOptions = [\n ...new Map(data?.map(item => [item.value, item])).values()\n ];\n return uniqueOptions;\n }, []);\n\n // Sort by selected values\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n const selectedValues = Array.isArray(value) ? value : [value];\n const sortedValue = sortBy(arrayToSort, (item) => {\n const index = selectedValues.indexOf(item.id \|\| item.value);\n return index == -1 ? Infinity : index;\n });\n return sortedValue;\n }, []);\n\n // Filtered options with pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, watchedValue);\n }\n return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\n //eslint-disable-next-line\n }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n // API Functions\n const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\n if (!apiType) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n const { data = [], pagination = {} } = await fetchApi({\n apiKey: apiType,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters: flt,\n select: attributes,\n order: sortOrder\n }\n });\n\n if (data && Array.isArray(data)) {\n const newOptions = append ? [...options, ...data] : data;\n updateOptions(newOptions, append);\n handleSelectedValue(data);\n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: pagination?.totalCount > (page * limit),\n total: pagination?.totalCount,\n isLoadingMore: false\n }));\n }\n\n return data \|\| [];\n } catch (error) {\n console.error('Error fetching options:', error);\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\n return [];\n } finally {\n setLoading(false);\n }\n //eslint-disable-next-line\n }, [apiType, options, attributes, sortOrder, limit, cf]);\n\n // Handle scroll pagination\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n\n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n const nextPage = pagination.page + 1;\n fetchOptions(searchQuery, cf, nextPage, true);\n }\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\n\n // Update options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? options : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [options, selectedOptions, getUniqueOptions]);\n\n // Handle selected value\n const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\n const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\n const isInOptions = updateOptions?.filter((item) =>\n Array.isArray(filterValue) ? filterValue.includes(item.id \|\| item.value) : (item[filterKey] \|\| item.value \|\| item.id) == filterValue\n );\n\n if (Array.isArray(isInOptions) && isInOptions.length > 0) {\n getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\n return true;\n }\n return false;\n //eslint-disable-next-line\n }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData, filteredOptions]);\n\n // Fetch options by ID\n const fetchIdOptions = useCallback(async () => {\n if (await handleSelectedValue(filteredOptions)) return;\n if (open) return;\n const condition = props.is_multiselect ?\n Array.isArray(watchedValue) && watchedValue.length > 0 :\n Boolean(watchedValue);\n\n if (condition) {\n setInitialLoading(true);\n const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\n setInitialLoading(false);\n\n if (response.length == 0 && setValue && !isInternalOptions) {\n // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\n }\n }\n //eslint-disable-next-line\n }, [open, watchedValue, JSON.stringify(cf)]);\n\n // Initial fetch\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\n\n if (condition) {\n setPrevFilter(cf);\n setOptions([]);\n setIsAlreadyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlreadyLoaded) {\n await fetchOptions(searchQuery, cf, 1, false);\n setIsAlreadyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [cf, isInternalOptions, isAlreadyLoaded]);\n\n // Debounced search\n const debouncedSearch = useMemo(\n () => debounce(async (searchTerm: string) => {\n if (loading) return;\n\n if (!searchTerm && !isInternalOptions && searchInitiate) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions('', cf, 1, false);\n }\n if (searchTerm.length > 1 && !isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n await fetchOptions(searchTerm, cf, 1, false);\n }\n }, 700),\n //eslint-disable-next-line\n [isInternalOptions, searchInitiate, cf]\n );\n\n // Reset value function\n const resetValue = useCallback((field: any) => {\n field.onChange(props.is_multiselect ? [] : null);\n if (getSelectedData) {\n getSelectedData(null, props.name);\n }\n }, [props.is_multiselect, props.name, getSelectedData]);\n\n // Handle close\n const handleClose = useCallback(() => {\n setOpen(false);\n if (searchQuery.length > 0) {\n setIsAlreadyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }, [searchQuery]);\n\n const handleModalOpen = useCallback(() => {\n setIsModalOpen(true);\n }, []);\n\n\n\n // Handle modal save\n const handleModalSave = useCallback(async (payload: any) => {\n if (!addConfig \|\| !addConfig.api) {\n console.error('Add configuration is not properly set');\n return;\n }\n\n setIsAddLoading(true);\n try {\n const result = await addConfig.api(payload);\n setIsAddLoading(false);\n setIsModalOpen(false);\n if (!isInternalOptions) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n setIsAlreadyLoaded(false);\n await fetchOptions('', cf, 1, false);\n }\n if (result && result.data) {\n const newValue = props.is_multiselect\n ? [...(watchedValue \|\| []), result.data.id]\n : result.data.id;\n\n if (setValue) {\n setValue(`${props.fieldArrayName}.${props.name}`, newValue);\n }\n }\n } catch (error) {\n console.log(\"error\", error);\n setIsAddLoading(false);\n }\n\n\n }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\n\n // Effects\n useEffect(() => {\n if (handleOptions) {\n handleOptions(selectedValue);\n }\n }, [handleOptions, selectedValue]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (refresh) {\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n fetchOptions('', cf, 1, false);\n }\n }, [refresh, fetchOptions, cf]);\n\n useEffect(() => {\n if (open) {\n debouncedSearch(searchQuery);\n }\n return () => debouncedSearch.cancel();\n }, [searchQuery, open, debouncedSearch]);\n\n useEffect(() => {\n if (watchedValue && !open) {\n const selectedData = options?.filter((item) =>\n props.is_multiselect ?\n Array.isArray(watchedValue) && watchedValue.includes(item.id \|\| item.value) :\n (item.id \|\| item.value) == watchedValue\n );\n setSelectedOptions(selectedData \|\| []);\n }\n }, [watchedValue, options, props.is_multiselect, open]);\n\n const removeUndefined = useCallback((selectOptions: any[]) => {\n return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\n }, []);\n\n useEffect(() => {\n if (!addType) return;\n const config = dynamicSelectAdd(addType);\n setAddConfig(config);\n }, [addType])\n\n useEffect(() => {\n handleSelectedValue(filteredOptions)\n }, [handleSelectedValue])\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field, fieldState }) => (\n <>\n {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\n <Select\n {...field}\n ref={selectRef}\n open={open}\n onOpen={() => setOpen(true)}\n onClose={handleClose}\n fullWidth\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n placeholder={props.placeholder}\n label={props.label}\n defaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\n searchValue={searchQuery}\n required={props.formType == 'builder' ? false : props.required}\n size={props.size \|\| 'small'}\n multiple={props.is_multiselect \|\| false}\n disabled={props.disabled}\n sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\n variant='outlined'\n value={\n initialLoading\n ? (props.is_multiselect ? [] : '')\n : (field.value?.id \|\| field.value \|\| (props.is_multiselect ? [] : ''))\n }\n className={\n props.is_multiselect && removeUndefined(field.value)?.length\n ? 'MultiSelect filter-select'\n : ''\n }\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 300 }\n }\n }}\n\n renderValue={(selected: any) => {\n if (Array.isArray(selected)) {\n return (\n <ChipOrPlaceholder\n selectedLabel={props.selectedLabel}\n data={removeUndefined(selected)}\n placeholder={(loading \|\| props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\n onDelete={props.onChipRemove}\n disabled={props.disabled}\n chipProps={{\n sx: {\n background: '#ebf9f2',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: '#289b64',\n fontWeight: \"500\",\n }\n }\n }}\n />\n );\n } else {\n const selectedOption = filteredOptions?.find(\n (option) => (option.value?.id \|\| option.value) == selected\n );\n return (loading \|\| props.is_loading) ? <Loading /> : selectedOption?.label \|\|\n (typeof props.label == 'string' ?\n `${t('common.search')} ${props.label}` :\n props.placeholder);\n }\n }}\n searchPlaceholder={`${t('common.search')} ${props.label}`}\n handleSearch={(text: string) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n error={Boolean(fieldState.error?.message)}\n helperText={fieldState.error?.message \|\| ''}\n onBlur={field.onBlur}\n input={\n <OutlinedInput\n label=''\n endAdornment={\n <InputAdornment position='end'>\n {(loading \|\| props.is_loading) ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n !props.disabled &&\n (props.is_multiselect ?\n (Array.isArray(field.value) && field.value.length > 0) :\n Boolean(field.value)) && (\n <IconButton\n aria-label='clear selection'\n onClick={() => resetValue(field)}\n edge='end'\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size='small'\n >\n <Close sx={{ fontSize: '1rem' }} />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n }\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(props.is_multiselect),\n placeholder: props.placeholder,\n values: field.value,\n with_checkboxes: true,\n field: props,\n disabledIds,\n onChange: field.onChange,\n handleChange,\n hasParent,\n t,\n // onFooterClick: () => {\n // if (props?.onFooterClick) {\n // props?.onFooterClick();\n // } else {\n // handleModalOpen();\n // }\n // }\n })}\n {props?.enable_footer &&\n <Box key=\"footer\" sx={{ position: 'sticky', bottom: 0, background: '#fff', zIndex: 1 }}>\n <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\n <MenuItem sx={{ gap: 1 }} onClick={\n () => {\n if (props?.onFooterClick) {\n props?.onFooterClick();\n } else {\n handleModalOpen();\n }\n }\n\n }>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {props.label}\n </Typography>\n </MenuItem>\n </Box>}\n {pagination.isLoadingMore && (\n <MenuItem disabled>\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n <CircularProgress size={20} />\n </Box>\n </MenuItem>\n )}\n </Select>\n\n {/* Modal for adding new items */}\n {addConfig && addConfig.component && (\n <>\n {React.createElement(addConfig.component, {\n isOpen: isModalOpen,\n setIsOpen: setIsModalOpen,\n isLoading: isAddLoading,\n onSave: handleModalSave,\n modalProps: {\n maxWidth: 'md',\n fullWidth: true\n },\n ...props?.modalComponentProps\n })}\n </>\n )}\n\n {props.is_multiselect && Array.isArray(field.value) && (\n <SelectedItems\n data={field.value}\n options={filteredOptions}\n />\n )}\n </>\n )}\n />\n );\n});\n\nDynamicSearchSelect.propTypes = {\n name: PropTypes.string.isRequired,\n placeholder: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n size: PropTypes.string,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n value: PropTypes.any\n })\n ).isRequired,\n formControl: PropTypes.object.isRequired,\n defaultValue: PropTypes.any,\n fieldArrayName: PropTypes.string.isRequired,\n id: PropTypes.string,\n required: PropTypes.bool,\n is_multiselect: PropTypes.bool,\n position: PropTypes.number,\n formType: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n onChipRemove: PropTypes.func,\n enable_footer: PropTypes.bool,\n footer_action: PropTypes.string,\n onFooterClick: PropTypes.func,\n is_loading: PropTypes.bool,\n selectedLabel: PropTypes.string,\n isInternal: PropTypes.bool,\n disabledIds: PropTypes.array,\n getSelectedData: PropTypes.func,\n attributes: PropTypes.array,\n handleChange: PropTypes.func,\n hasParent: PropTypes.bool,\n sortOrder: PropTypes.string,\n apiType: PropTypes.string,\n handleOptions: PropTypes.func,\n filterKey: PropTypes.string,\n customeFilter: PropTypes.object,\n refresh: PropTypes.bool,\n addType: PropTypes.string,\n modalComponentProps: PropTypes.object\n};\n\nexport default DynamicSearchSelect;\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","disabledIds","onChange","handleChange","hasParent","t","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","mt","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","field","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","fontSize","enable_footer","bottom","zIndex","Divider","flexItem","mb","onFooterClick","Add","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","modalComponentProps","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { Control } from 'react-hook-form';
+interface IOption {
+    id: string | number;
+    value: string | number;
+    label: string | React.ReactNode;
+    disabled?: boolean;
+    isGroup?: boolean;
+    options?: IOption[];
+    searchLabel?: string;
+}
+interface IDynamicSearchSelectProps {
+    name: string;
+    placeholder: string;
+    label: string;
+    size?: 'small' | 'medium';
+    options: IOption[];
+    formControl: Control<any>;
+    defaultValue?: string | string[];
+    fieldArrayName: string;
+    id?: string;
+    required?: boolean;
+    is_multiselect?: boolean;
+    position?: number;
+    formType?: string;
+    typeOfField?: string;
+    disabled?: boolean;
+    onChipRemove?: (value: string) => void;
+    enable_footer?: boolean;
+    footer_action?: string;
+    onFooterClick?: () => void;
+    is_loading?: boolean;
+    selectedLabel?: string;
+    isInternal?: boolean;
+    disabledIds?: (string | number)[];
+    getSelectedData?: (data: IOption | IOption[] | null, name: string) => void;
+    attributes?: string[];
+    handleChange?: (value: string | string[]) => void;
+    hasParent?: boolean;
+    sortOrder?: string;
+    apiType?: string;
+    handleOptions?: (value: any) => void;
+    filterKey?: string;
+    customeFilter?: Record<string, any>;
+    refresh?: boolean;
+    addType?: string;
+}
+declare const DynamicSearchSelect: React.FC<IDynamicSearchSelectProps>;
+export default DynamicSearchSelect;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
+import { default as PropTypes } from 'prop-types';
+interface DynamicTagsInputProps<TFieldValues extends FieldValues> {
+    formControl: Control<TFieldValues>;
+    name: string;
+    fieldArrayName?: string;
+    label: React.ReactNode;
+}
+declare const DynamicTagsInput: {
+    <TFieldValues extends FieldValues>({ formControl, name, fieldArrayName, label, }: DynamicTagsInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        formControl: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            register: PropTypes.Validator<(...args: any[]) => any>;
+            setValue: PropTypes.Requireable<(...args: any[]) => any>;
+            _formState: PropTypes.Validator<object>;
+        }>>>;
+        name: PropTypes.Validator<string>;
+        label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        fieldArrayName: PropTypes.Requireable<string>;
+    };
+};
+export { DynamicTagsInput };
+export default DynamicTagsInput;

package/dist/components/form-control/form-builder/form-builder-element/dynamic-text-editor.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { Control, FieldValues } from 'react-hook-form';
+export interface DynamicTextEditorProps {
+    formControl: Control<FieldValues, any>;
+    name: string;
+    placeholder: string;
+    fieldArrayName: string;
+}
+declare const DyanmicTextEditor: React.FC<DynamicTextEditorProps>;
+export default DyanmicTextEditor;

package/dist/components/form-control/form-builder/form-builder-element/index.d.ts ADDED Viewed

@@ -0,0 +1,46 @@
+export { default as DynamicButton } from './button';
+export * from './button';
+export { default as DynamicCheckBox } from './checkbox';
+export * from './checkbox';
+export { default as ChipOrPlaceholder } from './chip-or-placeholder';
+export * from './chip-or-placeholder';
+export { default as DynamicDateRange } from './date-range-picker';
+export * from './date-range-picker';
+export { default as DynamicDateTime } from './date-time';
+export * from './date-time';
+export { default as DynamicDate } from './date';
+export * from './date';
+export { default as DynamicCurrency } from './dynamic-currency-input';
+export * from './dynamic-currency-input';
+export { default as DynamicElementHOC } from './dynamic-element-hoc';
+export * from './dynamic-element-hoc';
+export { default as DynamicInputSelect } from './dynamic-input-select';
+export * from './dynamic-input-select';
+export { default as DynamicSearchSelect } from './dynamic-select';
+export * from './dynamic-select';
+export { default as DynamicTagsInput } from './dynamic-tags-input';
+export * from './dynamic-tags-input';
+export { default as DyanmicTextEditor } from './dynamic-text-editor';
+export * from './dynamic-text-editor';
+export { default as DynamicInfo } from './info';
+export * from './info';
+export { default as DynamicMedia } from './media';
+export * from './media';
+export { default as DynamicPhone } from './phone';
+export * from './phone';
+export { default as DynamicRadioButton } from './radio-button';
+export * from './radio-button';
+export { default as DynamicSectionHOC } from './section';
+export * from './section';
+export * from './select-configuration';
+export { default as DynamicSelect } from './select';
+export * from './select';
+export { default as DynamicTable } from './table';
+export * from './table';
+export { default as DynamicInput } from './text';
+export * from './text';
+export { default as DynamicTime } from './time';
+export * from './time';
+export { default as DynamicToggleButton } from './toggle-button';
+export * from './toggle-button';
+export * from './location-add-modal';

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
 /* empty css                        */
-import InfoCard from "../../../../info-card/info-card/index.esm.js";
+import { InfoCard } from "../../../../info-card/info-card/index.esm.js";
 const DynamicInfo = (props) => {
   return /* @__PURE__ */ jsx(
     Controller,
@@ -37,6 +37,7 @@ DynamicInfo.propTypes = {
   disabled: PropTypes.bool
 };
 export {
+  DynamicInfo,
   DynamicInfo as default
 };
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/info.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport InfoCard from \"../../../info-card/info-card\";\n\nconst DynamicInfo = (props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field }) => (\n <InfoCard\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n value={props.defaultValue \|\| \"Info\"}\n />\n )}\n />\n );\n};\n\nDynamicInfo.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n defaultValue: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport default DynamicInfo;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAc,CAAC,UAAe;AAClC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,MAAA,MACT;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,cAAc,MAAM;AAAA,UACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,UAC/C,OAAO,MAAM;AAAA,UACb,OAAO,MAAM,gBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,EAAA;AAIR;AAEA,YAAY,YAAY;AAAA,EACtB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AACtB;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/info.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport InfoCard from \"../../../info-card/info-card\";\n\nconst DynamicInfo = (props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field }) => (\n <InfoCard\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n value={props.defaultValue \|\| \"Info\"}\n />\n )}\n />\n );\n};\n\nDynamicInfo.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n defaultValue: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport { DynamicInfo };\nexport default DynamicInfo;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,cAAc,CAAC,UAAe;AAClC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AAAA,MACf,MAAM,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,MAC3C,QAAQ,CAAC,EAAE,MAAA,MACT;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,cAAc,MAAM;AAAA,UACpB,UAAU,GAAG,MAAM,cAAc,IAAI,MAAM,IAAI;AAAA,UAC/C,OAAO,MAAM;AAAA,UACb,OAAO,MAAM,gBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC/B;AAAA,EAAA;AAIR;AAEA,YAAY,YAAY;AAAA,EACtB,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU,KAAK;AAAA,IACzB,UAAU,UAAU;AAAA,EAAA,CACrB,EAAE;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,EACvB,OAAO,UAAU,OAAO;AAAA,EACxB,gBAAgB,UAAU;AAAA,EAC1B,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,cAAc,UAAU;AAAA,EACxB,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AACtB;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),a=;/* empty css                                                  */;/* empty css                     */var t=;/* empty css                                     */const i=a=>/* @__PURE__ */e.jsx(r.Controller,{control:a.formControl,name:`${a.fieldArrayName}.${a.name}`,render:({field:r})=>/* @__PURE__ */e.jsx(t.default,{...r,dataPosition:a.position,dataName:`${a.fieldArrayName}.${a.name}`,label:a.label,value:a.defaultValue||"Info"})});i.propTypes={formControl:a.default.shape({register:a.default.func.isRequired,setValue:a.default.func}).isRequired,name:a.default.string.isRequired,label:a.default.string.isRequired,fieldArrayName:a.default.string,position:a.default.number,formType:a.default.string,defaultValue:a.default.string,typeOfField:a.default.string,disabled:a.default.bool},exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-hook-form"),a=;/* empty css                                                  */;/* empty css                     */var t=;/* empty css                                     */const i=a=>/* @__PURE__ */e.jsx(r.Controller,{control:a.formControl,name:`${a.fieldArrayName}.${a.name}`,render:({field:r})=>/* @__PURE__ */e.jsx(t.InfoCard,{...r,dataPosition:a.position,dataName:`${a.fieldArrayName}.${a.name}`,label:a.label,value:a.defaultValue||"Info"})});i.propTypes={formControl:a.default.shape({register:a.default.func.isRequired,setValue:a.default.func}).isRequired,name:a.default.string.isRequired,label:a.default.string.isRequired,fieldArrayName:a.default.string,position:a.default.number,formType:a.default.string,defaultValue:a.default.string,typeOfField:a.default.string,disabled:a.default.bool},exports.DynamicInfo=i,exports.default=i;
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/info.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport InfoCard from \"../../../info-card/info-card\";\n\nconst DynamicInfo = (props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field }) => (\n <InfoCard\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n value={props.defaultValue \|\| \"Info\"}\n />\n )}\n />\n );\n};\n\nDynamicInfo.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n defaultValue: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport default DynamicInfo;\n"],"names":["DynamicInfo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","InfoCard","dataPosition","position","dataName","label","value","defaultValue","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","number","formType","typeOfField","disabled","bool"],"mappings":"qSAMA,MAAMA,EAAeC,kBAEjBC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,0BACTP,EAAAA,IAACQ,EAAAA,~~QAAA~~,IACKD,EACJE,aAAcV,EAAMW,SACpBC,SAAU,GAAGZ,EAAMM,kBAAkBN,EAAMK,OAC3CQ,MAAOb,EAAMa,MACbC,MAAOd,EAAMe,cAAgB,WAOvChB,EAAYiB,UAAY,CACtBZ,YAAaa,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACHhB,KAAMY,EAAAA,QAAUM,OAAOF,WACvBR,MAAOI,EAAAA,QAAUM,OAAOF,WACxBf,eAAgBW,EAAAA,QAAUM,OAC1BZ,SAAUM,EAAAA,QAAUO,OACpBC,SAAUR,EAAAA,QAAUM,OACpBR,aAAcE,EAAAA,QAAUM,OACxBG,YAAaT,EAAAA,QAAUM,OACvBI,SAAUV,EAAAA,QAAUW"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/info.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport PropTypes from \"prop-types\";\n\nimport \"./element.scss\";\nimport InfoCard from \"../../../info-card/info-card\";\n\nconst DynamicInfo = (props: any) => {\n return (\n <Controller\n control={props.formControl}\n name={`${props.fieldArrayName}.${props.name}`}\n render={({ field }) => (\n <InfoCard\n {...field}\n dataPosition={props.position}\n dataName={`${props.fieldArrayName}.${props.name}`}\n label={props.label}\n value={props.defaultValue \|\| \"Info\"}\n />\n )}\n />\n );\n};\n\nDynamicInfo.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n fieldArrayName: PropTypes.string,\n position: PropTypes.number,\n formType: PropTypes.string,\n defaultValue: PropTypes.string,\n typeOfField: PropTypes.string,\n disabled: PropTypes.bool,\n};\n\nexport { DynamicInfo };\nexport default DynamicInfo;\n"],"names":["DynamicInfo","props","jsx","Controller","control","formControl","name","fieldArrayName","render","field","InfoCard","dataPosition","position","dataName","label","value","defaultValue","propTypes","PropTypes","shape","register","func","isRequired","setValue","string","number","formType","typeOfField","disabled","bool"],"mappings":"qSAMA,MAAMA,EAAeC,kBAEjBC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvCE,OAAQ,EAAGC,0BACTP,EAAAA,IAACQ,EAAAA,SAAA,IACKD,EACJE,aAAcV,EAAMW,SACpBC,SAAU,GAAGZ,EAAMM,kBAAkBN,EAAMK,OAC3CQ,MAAOb,EAAMa,MACbC,MAAOd,EAAMe,cAAgB,WAOvChB,EAAYiB,UAAY,CACtBZ,YAAaa,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,OACnBC,WACHhB,KAAMY,EAAAA,QAAUM,OAAOF,WACvBR,MAAOI,EAAAA,QAAUM,OAAOF,WACxBf,eAAgBW,EAAAA,QAAUM,OAC1BZ,SAAUM,EAAAA,QAAUO,OACpBC,SAAUR,EAAAA,QAAUM,OACpBR,aAAcE,EAAAA,QAAUM,OACxBG,YAAaT,EAAAA,QAAUM,OACvBI,SAAUV,EAAAA,QAAUW"}

package/dist/components/form-control/form-builder/form-builder-element/info.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import { default as PropTypes } from 'prop-types';
+declare const DynamicInfo: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        formControl: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            register: PropTypes.Validator<(...args: any[]) => any>;
+            setValue: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>>;
+        name: PropTypes.Validator<string>;
+        label: PropTypes.Validator<string>;
+        fieldArrayName: PropTypes.Requireable<string>;
+        position: PropTypes.Requireable<number>;
+        formType: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        typeOfField: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+    };
+};
+export { DynamicInfo };
+export default DynamicInfo;

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

	@@ -0,0 +1,2 @@
1	+ export { default as LocationAddModal } from './location-add-modal';
2	+ export * from './location-add-modal';