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/searchable-select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\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\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\ninterface IMenuItems {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: any;\n disabledIds: any[];\n handleClear: () => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n}\n\n// Custom API fetch function type for parent components\ninterface CustomFetchApiParams {\n search?: string;\n filters?: any;\n limit: number;\n skip: number;\n select?: string;\n order?: string;\n}\n\ninterface CustomFetchApiResponse {\n data: IOption[];\n pagination?: {\n totalCount: number;\n };\n}\n\ninterface SearchableSelectProps {\n labelId: string;\n label: string;\n value: any;\n onChange?: (event: any, selectedData?: any) => void;\n options: IOption[];\n multiple?: boolean;\n placeholder?: string;\n size?: \"small\" \| \"medium\";\n searchPlaceholder?: string;\n CustomDropDownIcon: React.ReactNode;\n customStyle: any;\n name?: string;\n defaultValue?: any;\n apiType?: string;\n isInternal?: boolean;\n autoFocus?: any;\n error?: any;\n disabled: any;\n customeFilter?: string;\n attributes?: string;\n getSelectedData?: (row: any) => void;\n disabledIds: any[];\n labelKey?: string;\n valueKey?: string;\n inputStyle?: any;\n onChipRemove?: (value: string) => void;\n selectedLabel?: string;\n is_loading?: boolean;\n hasParent?: boolean;\n sortOrder?: string;\n handleChange?: (value: string \| string[]) => void;\n enable_footer?: boolean;\n onFooterClick?: () => void;\n showCancelButton?: boolean;\n /** Custom API function to fetch options from parent component /\n customFetchApi?: (params: CustomFetchApiParams) => Promise<CustomFetchApiResponse>;\n}\n\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n field,\n disabledIds,\n handleClear,\n handleChange,\n hasParent = false,\n}: IMenuItems) => {\n const itemDisabled = (ls: any) => disabledIds?.includes(ls);\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>{placeholder}</em>\n </Typography>\n </MenuItem>\n );\n }\n\n const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n // Parent selection handlers\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 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 Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n items.push(\n <MenuItem\n value={option?.value}\n key={option?.value}\n disabled={Boolean(option?.disabled) \|\| itemDisabled(option?.value)}\n className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\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(values) && values?.indexOf(option?.value) > -1)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() =>\n hasParent\n ? handleParentChange(option.value, option.options \|\| [])\n : handleChange?.(option.value)\n }\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 // Handle child options for grouped items\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.value)}\n sx={{ pl: 5 }}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\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?.indexOf(opt.value) > -1)}\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 // Footer item\n if (field.enable_footer) {\n items.push(\n <Box key=\"footer\">\n <Divider flexItem />\n <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {field.label}\n </Typography>\n </MenuItem>\n </Box>\n );\n }\n\n // No data fallback\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\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n const {\n labelId,\n label,\n value,\n onChange,\n options,\n multiple = false,\n size = \"small\",\n searchPlaceholder,\n placeholder,\n name,\n defaultValue,\n apiType,\n isInternal = false,\n autoFocus,\n error,\n disabled,\n customeFilter,\n attributes,\n getSelectedData,\n disabledIds,\n onChipRemove,\n selectedLabel,\n is_loading,\n customStyle = {},\n CustomDropDownIcon,\n labelKey,\n valueKey,\n inputStyle,\n hasParent = false,\n sortOrder = 'id:-1',\n handleChange,\n enable_footer = false,\n onFooterClick,\n showCancelButton = true,\n customFetchApi\n } = props;\n\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n const [initailLoading, setInitialLoading] = useState(false);\n const [searchInitiate, setSearchInitiate] = useState(false);\n const [open, setOpen] = useState(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const { t } = useTranslation();\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 const { isRtl } = useLanguage();\n const limit = 25;\n\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| (!apiType && !customFetchApi);\n }, [isInternal, apiType, customFetchApi]);\n\n // Local search function for internal options\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return options \|\| [];\n\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n const filteredOptions = hasParent\n ? 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 : options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n\n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options, hasParent]);\n\n // Clear Selected Options\n const handleClear = () => {\n onChange?.({ target: { value: multiple ? [] : null } });\n if (getSelectedData && typeof getSelectedData === \"function\") {\n getSelectedData(null);\n }\n };\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 // Options with search and pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, value);\n }\n return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\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, customeFilter, nextPage, true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n // Update Options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? dynamicOptions : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n // Fetch Options with pagination support\n const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n // Skip if neither apiType nor customFetchApi is provided\n if (!apiType && !customFetchApi) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n let data: IOption[] = [];\n let paginationResult: { totalCount?: number } = {};\n\n // Use custom API if provided, otherwise use default fetchApi\n if (customFetchApi) {\n const response = await customFetchApi({\n search: searchTerm,\n filters,\n limit,\n skip: (page - 1) limit,\n select: attributes,\n order: sortOrder\n });\n data = response?.data \|\| [];\n paginationResult = response?.pagination \|\| {};\n } else {\n const response = await fetchApi({\n apiKey: apiType!,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters,\n select: attributes,\n order: sortOrder\n },\n labelKey,\n valueKey\n });\n data = response?.data \|\| [];\n paginationResult = response?.pagination \|\| {};\n }\n\n if (data && Array.isArray(data)) {\n updateOptions(data, append);\n\n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: (paginationResult?.totalCount \|\| 0) > (page * limit),\n total: paginationResult?.totalCount \|\| 0,\n isLoadingMore: false\n }));\n\n if (data?.length > 0) {\n setSelectedData();\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 react-hooks/exhaustive-deps\n }, [apiType, customFetchApi, attributes, sortOrder, limit, updateOptions]);\n\n // Search Options with debounce\n const debounceSearch = 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('', customeFilter, 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, customeFilter, 1, false);\n }\n }, 700),\n //eslint-disable-next-line react-hooks/exhaustive-deps\n [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n );\n\n // Initial fetch with filter change detection\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n if (condition && !isInternalOptions && !isAlredyLoaded) {\n setPrevFilter(customeFilter);\n setOptions([]);\n setIsAlredyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlredyLoaded) {\n await fetchOptions(searchQuery, customeFilter, 1, false);\n setIsAlredyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n // Set Selected Data\n const setSelectedData = useCallback(() => {\n let hasOptions = false;\n const isInOptions = filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n );\n\n if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n hasOptions = true;\n }\n\n return hasOptions;\n }, [filteredOptions, value, multiple,]);\n\n // Fetch Options for Selected Id\n const fetchIdOptions = useCallback(async () => {\n if (open) return;\n if (await setSelectedData()) return;\n\n const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : value ? value : null;\n const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n\n if (condition) {\n setInitialLoading(true);\n await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n setInitialLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, value, JSON.stringify(customeFilter)]);\n\n const hasValue = multiple\n ? Array.isArray(value) && value.length > 0\n : value !== null && value !== undefined && value !== \"\";\n\n // Effects\n useEffect(() => {\n if (open) {\n debounceSearch(searchQuery);\n }\n return () => debounceSearch.cancel();\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n useEffect(() => {\n setSelectedData();\n }, [setSelectedData]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n if (customeFilter && condition) {\n setIsAlredyLoaded(false);\n }\n }, [customeFilter, prevFilter]);\n\n useEffect(() => {\n if (value && !open) {\n const selectedData = options?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ) \|\| [];\n setSelectedOptions(selectedData);\n }\n setSelectedOptions(filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ));\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, open, options, multiple]);\n\n const handleOnChange = (event: any) => {\n const { value } = event.target;\n if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) \|\| !value) return;\n\n const isSelected = (item: any) => {\n return multiple ? value?.includes(item?.value) : item?.value === value;\n };\n\n const selected = filteredOptions?.filter(isSelected);\n onChange?.(event, multiple ? selected : selected?.[0]);\n };\n\n const removeUndefine = (selectOptions: any[]) => {\n return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n };\n\n return (\n <Select\n labelId={labelId}\n name={name}\n defaultValue={defaultValue \|\| (multiple ? [] : '')}\n placeholder={placeholder}\n className=\"filter-select\"\n size={size}\n onOpen={() => setOpen(true)}\n onClose={() => {\n setOpen(false);\n if (searchQuery?.length > 0) {\n setIsAlredyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }}\n onChange={handleOnChange}\n showCancelButton={showCancelButton}\n multiple={multiple}\n label={t(label)}\n fullWidth\n displayEmpty\n autoFocus={autoFocus}\n error={Boolean(error)}\n disabled={disabled}\n value={initailLoading ? (multiple ? [] : '') : value?.id \|\| value \|\| (multiple ? [] : '')}\n searchPlaceholder={searchPlaceholder}\n CustomDropdownIcon={CustomDropDownIcon}\n sx={(multiple && value?.length) ? { ...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' } } : customStyle}\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 295, maxWidth: 250 }\n }\n }}\n input={\n !disabled ? (\n <OutlinedInput\n label=\"\"\n sx={inputStyle}\n endAdornment={\n <InputAdornment position=\"end\">\n {loading \|\| is_loading ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n showCancelButton && hasValue && (\n <IconButton\n aria-label=\"clear selection\"\n onClick={handleClear}\n edge=\"end\"\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size=\"small\"\n >\n <Close fontSize=\"small\" color='theme.primary.800' />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n ) : undefined\n }\n renderValue={(selected?: string \| string[]) => {\n return (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n selectedLabel={selectedLabel}\n data={removeUndefine(selected)}\n placeholder={placeholder}\n onDelete={onChipRemove}\n disabled={disabled}\n chipProps={{\n sx: {\n bgcolor: 'theme.primary.100',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: 'theme.primary.800',\n fontWeight: \"500\",\n }\n }\n }}\n />\n ) : (\n Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n (option: any) => option?.value == value\n )?.label \|\| selected \|\| placeholder\n )}\n </>\n );\n }}\n handleSearch={(text) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(multiple),\n placeholder,\n values: value,\n with_checkboxes: true,\n field: {\n ...props,\n enable_footer,\n onFooterClick,\n label\n },\n disabledIds,\n handleClear,\n handleChange,\n hasParent,\n t: (key: string) => key\n })}\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};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","customFetchApi","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","limit","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","index","id","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","paginationResult","response","search","skip","select","order","fetchApi","apiKey","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","find","handleSearch","text","justifyContent","width"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n Box,\n CircularProgress,\n Divider,\n IconButton,\n InputAdornment,\n MenuItem,\n OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\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\ninterface IPaginationState {\n page: number;\n hasMore: boolean;\n isLoadingMore: boolean;\n total: number;\n}\n\ninterface IMenuItems {\n options: IOption[];\n multiple: boolean;\n placeholder: string;\n with_checkboxes: boolean;\n values: string \| string[];\n field: any;\n disabledIds: any[];\n handleClear: () => void;\n handleChange?: (value: string \| string[]) => void;\n hasParent?: boolean;\n}\n\n// Custom API fetch function type for parent components\ninterface CustomFetchApiParams {\n search?: string;\n filters?: any;\n limit: number;\n skip: number;\n select?: string;\n order?: string;\n}\n\ninterface CustomFetchApiResponse {\n data: IOption[];\n pagination?: {\n totalCount: number;\n };\n}\n\ninterface SearchableSelectProps {\n labelId: string;\n label: string;\n value: any;\n onChange?: (event: any, selectedData?: any) => void;\n options: IOption[];\n multiple?: boolean;\n placeholder?: string;\n size?: \"small\" \| \"medium\";\n searchPlaceholder?: string;\n CustomDropDownIcon: React.ReactNode;\n customStyle: any;\n name?: string;\n defaultValue?: any;\n apiType?: string;\n isInternal?: boolean;\n autoFocus?: any;\n error?: any;\n disabled: any;\n customeFilter?: string;\n attributes?: string;\n getSelectedData?: (row: any) => void;\n disabledIds: any[];\n labelKey?: string;\n valueKey?: string;\n inputStyle?: any;\n onChipRemove?: (value: string) => void;\n selectedLabel?: string;\n is_loading?: boolean;\n hasParent?: boolean;\n sortOrder?: string;\n handleChange?: (value: string \| string[]) => void;\n enable_footer?: boolean;\n onFooterClick?: () => void;\n showCancelButton?: boolean;\n /** Custom API function to fetch options from parent component /\n customFetchApi?: (params: CustomFetchApiParams) => Promise<CustomFetchApiResponse>;\n}\n\nconst generateMenuItems = ({\n options,\n multiple,\n placeholder,\n with_checkboxes,\n values,\n field,\n disabledIds,\n handleClear,\n handleChange,\n hasParent = false,\n}: IMenuItems) => {\n const itemDisabled = (ls: any) => disabledIds?.includes(ls);\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>{placeholder}</em>\n </Typography>\n </MenuItem>\n );\n }\n\n const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n // Parent selection handlers\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 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 Array.isArray(options) && options?.length > 0 && options?.forEach((option, index) => {\n items.push(\n <MenuItem\n value={option?.value}\n key={`${option?.value}-${index}`}\n disabled={Boolean(option?.disabled) \|\| itemDisabled(option?.value) \|\| (hasParent && !multiple)}\n className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\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(values) && values?.indexOf(option?.value) > -1)\n }\n indeterminate={\n hasParent && isSomeOptionsSelected(option.options \|\| [])\n }\n onChange={() =>\n hasParent\n ? handleParentChange(option.value, option.options \|\| [])\n : handleChange?.(option.value)\n }\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 // Handle child options for grouped items\n if (option?.isGroup && Array.isArray(option?.options)) {\n option.options.forEach((opt, index) => {\n items.push(\n <MenuItem\n id={`${option.value}-${opt.value} ${index}`}\n value={opt.value}\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.value)}\n sx={{ pl: 5 }}\n onClick={() => {\n if (values?.length == 1) {\n handleClear();\n }\n }}\n key={`${option.value}-${opt.value} ${index}`}\n >\n <Box sx={{ display: 'flex', gap: 1 }}>\n {multiple && with_checkboxes && (\n <Checkbox\n checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n />\n )}\n <Typography\n id={`${option.value}-${opt.value} ${index}`}\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 // Footer item\n if (field.enable_footer) {\n items.push(\n <Box key=\"footer\">\n <Divider flexItem />\n <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n <Add fontSize='small' />\n <Typography type='s4' color='theme.secondary.1000'>\n Create New {field.label}\n </Typography>\n </MenuItem>\n </Box>\n );\n }\n\n // No data fallback\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\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n const {\n labelId,\n label,\n value,\n onChange,\n options,\n multiple = false,\n size = \"small\",\n searchPlaceholder,\n placeholder,\n name,\n defaultValue,\n apiType,\n isInternal = false,\n autoFocus,\n error,\n disabled,\n customeFilter,\n attributes,\n getSelectedData,\n disabledIds,\n onChipRemove,\n selectedLabel,\n is_loading,\n customStyle = {},\n CustomDropDownIcon,\n labelKey,\n valueKey,\n inputStyle,\n hasParent = false,\n sortOrder = 'id:-1',\n handleChange,\n enable_footer = false,\n onFooterClick,\n showCancelButton = true,\n customFetchApi\n } = props;\n\n const [searchQuery, setSearchQuery] = useState(\"\");\n const [loading, setLoading] = useState<boolean>(false);\n const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n const [initailLoading, setInitialLoading] = useState(false);\n const [searchInitiate, setSearchInitiate] = useState(false);\n const [open, setOpen] = useState(false);\n const [prevFilter, setPrevFilter] = useState<any>(null);\n const { t } = useTranslation();\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 const { isRtl } = useLanguage();\n const limit = 25;\n\n const isInternalOptions = useMemo(() => {\n return isInternal \|\| (!apiType && !customFetchApi);\n }, [isInternal, apiType, customFetchApi]);\n\n // Local search function for internal options\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n if (!searchTerm) return options \|\| [];\n\n const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n const filteredOptions = hasParent\n ? 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 : options?.filter((opt) => {\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n return label?.toLowerCase().includes(lowercasedSearchTerm);\n }) \|\| [];\n\n return sortBySelectedValues(filteredOptions, value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [options, hasParent]);\n\n // Clear Selected Options\n const handleClear = () => {\n onChange?.({ target: { value: multiple ? [] : null } });\n if (getSelectedData && typeof getSelectedData === \"function\") {\n getSelectedData(null);\n }\n };\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 // Options with search and pagination support\n const filteredOptions = useMemo(() => {\n if (isInternalOptions) {\n return searchOptionsLocally(searchQuery, value);\n }\n return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\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, customeFilter, nextPage, true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n // Update Options\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n const oldOptions = append ? dynamicOptions : selectedOptions;\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n setOptions(uniqueOptions);\n }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n // Fetch Options with pagination support\n const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n // Skip if neither apiType nor customFetchApi is provided\n if (!apiType && !customFetchApi) return [];\n\n setLoading(true);\n if (page > 1) {\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\n }\n\n try {\n let data: IOption[] = [];\n let paginationResult: { totalCount?: number } = {};\n\n // Use custom API if provided, otherwise use default fetchApi\n if (customFetchApi) {\n const response = await customFetchApi({\n search: searchTerm,\n filters,\n limit,\n skip: (page - 1) limit,\n select: attributes,\n order: sortOrder\n });\n data = response?.data \|\| [];\n paginationResult = response?.pagination \|\| {};\n } else {\n const response = await fetchApi({\n apiKey: apiType!,\n filters: {\n limit,\n skip: (page - 1) * limit,\n search: searchTerm,\n filters,\n select: attributes,\n order: sortOrder\n },\n labelKey,\n valueKey\n });\n data = response?.data \|\| [];\n paginationResult = response?.pagination \|\| {};\n }\n\n if (data && Array.isArray(data)) {\n updateOptions(data, append);\n\n // Update pagination\n setPagination(prev => ({\n ...prev,\n page,\n hasMore: (paginationResult?.totalCount \|\| 0) > (page * limit),\n total: paginationResult?.totalCount \|\| 0,\n isLoadingMore: false\n }));\n\n if (data?.length > 0) {\n setSelectedData();\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 react-hooks/exhaustive-deps\n }, [apiType, customFetchApi, attributes, sortOrder, limit, updateOptions]);\n\n // Search Options with debounce\n const debounceSearch = 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('', customeFilter, 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, customeFilter, 1, false);\n }\n }, 700),\n //eslint-disable-next-line react-hooks/exhaustive-deps\n [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n );\n\n // Initial fetch with filter change detection\n const initialFetch = useCallback(async () => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n if (condition && !isInternalOptions && !isAlredyLoaded) {\n setPrevFilter(customeFilter);\n setOptions([]);\n setIsAlredyLoaded(false);\n setPagination({\n page: 1,\n hasMore: true,\n isLoadingMore: false,\n total: 0\n });\n }\n\n if (!isInternalOptions && !isAlredyLoaded) {\n await fetchOptions(searchQuery, customeFilter, 1, false);\n setIsAlredyLoaded(true);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n // Set Selected Data\n const setSelectedData = useCallback(() => {\n let hasOptions = false;\n const isInOptions = filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n );\n\n if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n hasOptions = true;\n }\n\n return hasOptions;\n }, [JSON.stringify(filteredOptions), value, multiple]);\n\n // Fetch Options for Selected Id\n const fetchIdOptions = useCallback(async () => {\n if (await setSelectedData()) return;\n if (open) return;\n\n const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : value ? value : null;\n const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n\n if (condition) {\n setInitialLoading(true);\n await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n setInitialLoading(false);\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [open, value, JSON.stringify(customeFilter)]);\n\n const hasValue = multiple\n ? Array.isArray(value) && value.length > 0\n : value !== null && value !== undefined && value !== \"\";\n\n // Effects\n useEffect(() => {\n if (open) {\n debounceSearch(searchQuery);\n }\n return () => debounceSearch.cancel();\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n useEffect(() => {\n setSelectedData();\n }, [setSelectedData]);\n\n useEffect(() => {\n fetchIdOptions();\n }, [fetchIdOptions]);\n\n useEffect(() => {\n if (open) {\n initialFetch();\n }\n }, [open, initialFetch]);\n\n useEffect(() => {\n const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n if (customeFilter && condition) {\n setIsAlredyLoaded(false);\n }\n }, [customeFilter, prevFilter]);\n\n useEffect(() => {\n if (value && !open) {\n const selectedData = options?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ) \|\| [];\n setSelectedOptions(selectedData);\n }\n setSelectedOptions(filteredOptions?.filter((i: any) =>\n multiple ? value?.includes(i?.value) : i?.value == value\n ));\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value, open, options, multiple]);\n\n const handleOnChange = (event: any) => {\n const { value } = event.target;\n if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) \|\| !value) return;\n\n const isSelected = (item: any) => {\n return multiple ? value?.includes(item?.value) : item?.value === value;\n };\n\n const selected = filteredOptions?.filter(isSelected);\n onChange?.(event, multiple ? selected : selected?.[0]);\n getSelectedData?.(multiple ? selected : selected?.[0]);\n\n };\n\n const removeUndefine = (selectOptions: any[]) => {\n return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n };\n\n const showGroupLabel = (item: any) => {\n if (!item?.length) {\n return undefined\n }\n const mergedOptions = item?.flatMap((i: any) => i?.options)\n return mergedOptions?.find((option: any) => option?.value === value)?.label\n }\n\n return (\n <Select\n labelId={labelId}\n name={name}\n defaultValue={defaultValue \|\| (multiple ? [] : '')}\n placeholder={placeholder}\n className=\"filter-select\"\n size={size}\n onOpen={() => setOpen(true)}\n onClose={() => {\n setOpen(false);\n if (searchQuery?.length > 0) {\n setIsAlredyLoaded(false);\n }\n setSearchInitiate(false);\n setSearchQuery('');\n }}\n onChange={handleOnChange}\n showCancelButton={showCancelButton}\n multiple={multiple}\n label={t(label)}\n fullWidth\n displayEmpty\n autoFocus={autoFocus}\n error={Boolean(error)}\n disabled={disabled}\n value={initailLoading ? (multiple ? [] : '') : value?.id \|\| value \|\| (multiple ? [] : '')}\n searchPlaceholder={searchPlaceholder}\n CustomDropdownIcon={CustomDropDownIcon}\n sx={(multiple && value?.length) ? { ...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' } } : customStyle}\n MenuProps={{\n PaperProps: {\n onScroll: handleScroll,\n style: { maxHeight: 295, maxWidth: 250 }\n }\n }}\n input={\n !disabled ? (\n <OutlinedInput\n label=\"\"\n sx={inputStyle}\n endAdornment={\n <InputAdornment position=\"end\">\n {loading \|\| is_loading ? (\n <CircularProgress\n size={20}\n sx={{ mr: 3, color: \"#4AC08C\" }}\n />\n ) : (\n showCancelButton && hasValue && (\n <IconButton\n aria-label=\"clear selection\"\n onClick={handleClear}\n edge=\"end\"\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n size=\"small\"\n >\n <Close fontSize=\"small\" color='theme.primary.800' />\n </IconButton>\n )\n )}\n </InputAdornment>\n }\n />\n ) : undefined\n }\n renderValue={(selected?: string \| string[]) => {\n return (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n selectedLabel={selectedLabel}\n data={removeUndefine(selected)}\n placeholder={placeholder}\n onDelete={onChipRemove}\n disabled={disabled}\n chipProps={{\n sx: {\n bgcolor: 'theme.primary.100',\n border: 0,\n // borderRadius: '15px',\n '& .MuiTypography-body1': {\n color: 'theme.primary.800',\n fontWeight: \"500\",\n }\n }\n }}\n />\n ) : (\n hasParent ? showGroupLabel(filteredOptions) :\n Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n (option: any) => option?.value == value\n )?.label \|\| selected \|\| placeholder\n )}\n </>\n );\n }}\n handleSearch={(text) => {\n setSearchQuery(text);\n setSearchInitiate(true);\n }}\n >\n {generateMenuItems({\n options: filteredOptions,\n multiple: Boolean(multiple),\n placeholder,\n values: value,\n with_checkboxes: true,\n field: {\n ...props,\n enable_footer,\n onFooterClick,\n label\n },\n disabledIds,\n handleClear,\n handleChange,\n hasParent,\n t: (key: string) => key\n })}\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};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","index","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","id","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","customFetchApi","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","limit","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","paginationResult","response","search","skip","select","order","fetchApi","apiKey","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","showGroupLabel","mergedOptions","flatMap","find","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","handleSearch","text","justifyContent","width"],"mappings":"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"}

package/dist/components/searchable-select.d.ts ADDED Viewed

@@ -0,0 +1,65 @@
+import { default as React } from 'react';
+interface IOption {
+    id: string | number;
+    value: string | number;
+    label: string | React.ReactNode;
+    disabled?: boolean;
+    isGroup?: boolean;
+    options?: IOption[];
+    searchLabel?: string;
+}
+interface CustomFetchApiParams {
+    search?: string;
+    filters?: any;
+    limit: number;
+    skip: number;
+    select?: string;
+    order?: string;
+}
+interface CustomFetchApiResponse {
+    data: IOption[];
+    pagination?: {
+        totalCount: number;
+    };
+}
+interface SearchableSelectProps {
+    labelId: string;
+    label: string;
+    value: any;
+    onChange?: (event: any, selectedData?: any) => void;
+    options: IOption[];
+    multiple?: boolean;
+    placeholder?: string;
+    size?: "small" | "medium";
+    searchPlaceholder?: string;
+    CustomDropDownIcon: React.ReactNode;
+    customStyle: any;
+    name?: string;
+    defaultValue?: any;
+    apiType?: string;
+    isInternal?: boolean;
+    autoFocus?: any;
+    error?: any;
+    disabled: any;
+    customeFilter?: string;
+    attributes?: string;
+    getSelectedData?: (row: any) => void;
+    disabledIds: any[];
+    labelKey?: string;
+    valueKey?: string;
+    inputStyle?: any;
+    onChipRemove?: (value: string) => void;
+    selectedLabel?: string;
+    is_loading?: boolean;
+    hasParent?: boolean;
+    sortOrder?: string;
+    handleChange?: (value: string | string[]) => void;
+    enable_footer?: boolean;
+    onFooterClick?: () => void;
+    showCancelButton?: boolean;
+    /** Custom API function to fetch options from parent component */
+    customFetchApi?: (params: CustomFetchApiParams) => Promise<CustomFetchApiResponse>;
+}
+declare const SearchableSelect: React.FC<SearchableSelectProps>;
+export default SearchableSelect;

package/dist/components/select/controller/chip-or-placeholder/index.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx, Fragment } from "react/jsx-runtime";
-import Chip from "../../../chip/chip/index.esm.js";
+import { Chip } from "../../../chip/chip/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
 import Close from "../../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 const ChipOrPlaceholder = ({

package/dist/components/select/controller/chip-or-placeholder/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../chip/chip/index.js"),t=require("../../../typography/typography/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Close/index.js");exports.default=({data:i,placeholder:l,onDelete:n,chipProps:a})=>/* @__PURE__ */e.jsx(e.Fragment,{children:i.length?/* @__PURE__ */e.jsx(r.default,{variant:"outlined",type:"normal",label:`${i.length} Selected`,deleteIcon:/* @__PURE__ */e.jsx(o.default,{fontSize:"large"}),onDelete:n,onMouseDown:e=>e.stopPropagation(),...a}):/* @__PURE__ */e.jsx(t.Typography,{color:"inherit",type:"s3",children:l})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../chip/chip/index.js"),t=require("../../../typography/typography/index.js"),o=require("../../../../node_modules/@mui/icons-material/esm/Close/index.js");exports.default=({data:i,placeholder:l,onDelete:n,chipProps:a})=>/* @__PURE__ */e.jsx(e.Fragment,{children:i.length?/* @__PURE__ */e.jsx(r.Chip,{variant:"outlined",type:"normal",label:`${i.length} Selected`,deleteIcon:/* @__PURE__ */e.jsx(o.default,{fontSize:"large"}),onDelete:n,onMouseDown:e=>e.stopPropagation(),...a}):/* @__PURE__ */e.jsx(t.Typography,{color:"inherit",type:"s3",children:l})});
 //# sourceMappingURL=index.js.map

package/dist/components/select/controller/chip-or-placeholder/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/chip-or-placeholder.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { ChipProps } from \"@mui/material\";\nimport Chip from \"../../chip/chip\";\nimport Typography from \"../../typography/typography\";\n\ninterface ChipOrPlaceholderProps {\n data: string[];\n placeholder: string;\n onDelete?: () => void;\n chipProps?: Omit<ChipProps, \"label\">;\n}\n\nconst ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps> = ({\n data,\n placeholder,\n onDelete,\n chipProps,\n}) => (\n <>\n {data.length ? (\n <Chip\n variant=\"outlined\"\n type=\"normal\"\n label={`${data.length} Selected`}\n deleteIcon={<Close fontSize=\"large\" />}\n onDelete={onDelete}\n onMouseDown={(event) => event.stopPropagation()}\n {...chipProps}\n />\n ) : (\n <Typography color=\"inherit\" type=\"s3\">\n {placeholder}\n </Typography>\n )}\n </>\n);\n\nexport default ChipOrPlaceholder;\n"],"names":["data","placeholder","onDelete","chipProps","jsx","Fragment","children","length","Chip","variant","type","label","deleteIcon","Close","fontSize","onMouseDown","event","stopPropagation","Typography","color"],"mappings":"kSAY4D,EAC1DA,OACAC,cACAC,WACAC,8BAEAC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,WAAKC,sBACJH,EAAAA,IAACI,EAAAA,~~QAAA~~,CACCC,QAAQ,WACRC,KAAK,SACLC,MAAO,GAAGX,EAAKO,kBACfK,4BAAYR,IAACS,EAAAA,QAAA,CAAMC,SAAS,UAC5BZ,WACAa,YAAcC,GAAUA,EAAMC,qBAC1Bd,yBAGLe,aAAA,CAAWC,MAAM,UAAUT,KAAK,KAC9BJ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/chip-or-placeholder.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { ChipProps } from \"@mui/material\";\nimport Chip from \"../../chip/chip\";\nimport Typography from \"../../typography/typography\";\n\ninterface ChipOrPlaceholderProps {\n data: string[];\n placeholder: string;\n onDelete?: () => void;\n chipProps?: Omit<ChipProps, \"label\">;\n}\n\nconst ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps> = ({\n data,\n placeholder,\n onDelete,\n chipProps,\n}) => (\n <>\n {data.length ? (\n <Chip\n variant=\"outlined\"\n type=\"normal\"\n label={`${data.length} Selected`}\n deleteIcon={<Close fontSize=\"large\" />}\n onDelete={onDelete}\n onMouseDown={(event) => event.stopPropagation()}\n {...chipProps}\n />\n ) : (\n <Typography color=\"inherit\" type=\"s3\">\n {placeholder}\n </Typography>\n )}\n </>\n);\n\nexport default ChipOrPlaceholder;\n"],"names":["data","placeholder","onDelete","chipProps","jsx","Fragment","children","length","Chip","variant","type","label","deleteIcon","Close","fontSize","onMouseDown","event","stopPropagation","Typography","color"],"mappings":"kSAY4D,EAC1DA,OACAC,cACAC,WACAC,8BAEAC,EAAAA,IAAAC,EAAAA,SAAA,CACGC,WAAKC,sBACJH,EAAAA,IAACI,EAAAA,KAAA,CACCC,QAAQ,WACRC,KAAK,SACLC,MAAO,GAAGX,EAAKO,kBACfK,4BAAYR,IAACS,EAAAA,QAAA,CAAMC,SAAS,UAC5BZ,WACAa,YAAcC,GAAUA,EAAMC,qBAC1Bd,yBAGLe,aAAA,CAAWC,MAAM,UAAUT,KAAK,KAC9BJ"}

package/dist/components/select/controller/chip-or-placeholder.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ChipProps } from '@mui/material';
+interface ChipOrPlaceholderProps {
+    data: string[];
+    placeholder: string;
+    onDelete?: () => void;
+    chipProps?: Omit<ChipProps, "label">;
+}
+declare const ChipOrPlaceholder: React.FC<ChipOrPlaceholderProps>;
+export default ChipOrPlaceholder;

package/dist/components/select/controller/controller-select/index.esm.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";
-import Select from "../../select/index.esm.js";
-import Checkbox from "../../../checkbox/checkbox/index.esm.js";
+import { Select } from "../../select/index.esm.js";
+import { Checkbox } from "../../../checkbox/checkbox/index.esm.js";
 import { Typography } from "../../../typography/typography/index.esm.js";
-import Chip from "../../../chip/chip/index.esm.js";
+import { Chip } from "../../../chip/chip/index.esm.js";
 import { MoreIcon } from "../../../icons/more/index.esm.js";
 import ChipOrPlaceholder from "../chip-or-placeholder/index.esm.js";
 /* empty css                                  */

package/dist/components/select/controller/controller-select/index.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react-hook-form"),r=,/* empty css                  */a=,/* empty css                                */o=,/* empty css                                    */i=,/* empty css                        */n=,/* empty css                         */s=;/* empty css                            */;/* empty css                               */var t=,/* empty css                                                                          */d=,/* empty css                                                              */u=;/* empty css                                                    */const c=({data:l,options:r})=>{const a=l.map(e=>{var l;return(null==(l=r.find(l=>l.value===e))?void 0:l.text)||e});/* @__PURE__ */
-return e.jsxs(o.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[a.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(i.default,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(n.MoreIcon,{})})]})},h=({options:l,multiple:r,placeholder:i,with_checkboxes:n,onChange:s,values:t})=>{const c=[];return r||c.push(
+return e.jsxs(o.Typography,{type:"s4",color:"inherit",sx:{display:"flex",gap:1,alignItems:"center",mt:.5},children:[a.slice(.4).join(", "),l.length>4&&/* @__PURE__ */e.jsx(i.Chip,{variant:"outlined",type:"normal",label:/* @__PURE__ */e.jsx(n.MoreIcon,{})})]})},h=({options:l,multiple:r,placeholder:i,with_checkboxes:n,onChange:s,values:t})=>{const c=[];return r||c.push(
 /* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",children:/* @__PURE__ */e.jsx("em",{children:i})})),l.forEach(l=>{c.push(
 /* @__PURE__ */e.jsx(d.default,{value:l.value,className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",children:/* @__PURE__ */e.jsxs(u.default,{sx:{display:"flex",gap:1},children:[r&&n&&
-/* @__PURE__ */e.jsx(a.default,{checked:(null==t?void 0:t.indexOf(l.value))>-1,onChange:()=>((e,l)=>{const r=l.map(e=>e.value),a=t.includes(e)?t.filter(l=>l!==e&&!r.includes(l)):[...t,e,...r];s(a)})(l.value,l.options||[])}),
+/* @__PURE__ */e.jsx(a.Checkbox,{checked:(null==t?void 0:t.indexOf(l.value))>-1,onChange:()=>((e,l)=>{const r=l.map(e=>e.value),a=t.includes(e)?t.filter(l=>l!==e&&!r.includes(l)):[...t,e,...r];s(a)})(l.value,l.options||[])}),
 /* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"inherit",children:l.text})]})})),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(l=>{c.push(
-/* @__PURE__ */e.jsx(d.default,{value:l.value,sx:{pl:5},children:/* @__PURE__ */e.jsxs(u.default,{sx:{display:"flex",gap:1},children:[r&&n&&/* @__PURE__ */e.jsx(a.default,{checked:(null==t?void 0:t.indexOf(l.value))>-1}),
-/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"inherit",children:l.text})]})}))})}),c};exports.default=({name:a,fieldArrayName:o,options:i,label:n,placeholder:d,formControl:u,position:p,required:x,size:m="small",multiple:v,disabled:j,searchPlaceholder:f,handleSearch:y,classes:g,with_checkboxes:q,onChipRemove:b})=>/* @__PURE__ */e.jsx(l.Controller,{control:u,name:`${o}.${a}`,render:({field:l,fieldState:{error:u}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(r.default,{fullWidth:!0,name:a,dataPosition:p,dataName:`${o}.${a}`,placeholder:d,label:n,value:l.value||(v?[]:""),defaultValue:"",onChange:e=>{var r,a,o;return v&&(null==(a=null==(r=e.target)?void 0:r.value.filter(e=>e))?void 0:a.length)>0||!v&&(null==(o=e.target)?void 0:o.value)?l.onChange(e.target.value):l.onChange("")},required:Boolean(x),size:m,multiple:Boolean(v),disabled:Boolean(j),searchPlaceholder:f,handleSearch:y,className:g,variant:"outlined",error:Boolean(u),renderValue:l=>/* @__PURE__ */e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(s.default,{data:l,placeholder:d,onDelete:b}):l||d}),children:h({options:i,multiple:Boolean(v),placeholder:d,values:l.value,with_checkboxes:Boolean(q),onChange:l.onChange})}),u&&/* @__PURE__ */e.jsx(t.default,{error:!0,children:u.message}),v&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(c,{data:l.value,options:i})]})});
+/* @__PURE__ */e.jsx(d.default,{value:l.value,sx:{pl:5},children:/* @__PURE__ */e.jsxs(u.default,{sx:{display:"flex",gap:1},children:[r&&n&&/* @__PURE__ */e.jsx(a.Checkbox,{checked:(null==t?void 0:t.indexOf(l.value))>-1}),
+/* @__PURE__ */e.jsx(o.Typography,{type:"s4",color:"inherit",children:l.text})]})}))})}),c};exports.default=({name:a,fieldArrayName:o,options:i,label:n,placeholder:d,formControl:u,position:p,required:x,size:m="small",multiple:v,disabled:j,searchPlaceholder:f,handleSearch:y,classes:g,with_checkboxes:b,onChipRemove:q})=>/* @__PURE__ */e.jsx(l.Controller,{control:u,name:`${o}.${a}`,render:({field:l,fieldState:{error:u}})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(r.Select,{fullWidth:!0,name:a,dataPosition:p,dataName:`${o}.${a}`,placeholder:d,label:n,value:l.value||(v?[]:""),defaultValue:"",onChange:e=>{var r,a,o;return v&&(null==(a=null==(r=e.target)?void 0:r.value.filter(e=>e))?void 0:a.length)>0||!v&&(null==(o=e.target)?void 0:o.value)?l.onChange(e.target.value):l.onChange("")},required:Boolean(x),size:m,multiple:Boolean(v),disabled:Boolean(j),searchPlaceholder:f,handleSearch:y,className:g,variant:"outlined",error:Boolean(u),renderValue:l=>/* @__PURE__ */e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(s.default,{data:l,placeholder:d,onDelete:q}):l||d}),children:h({options:i,multiple:Boolean(v),placeholder:d,values:l.value,with_checkboxes:Boolean(b),onChange:l.onChange})}),u&&/* @__PURE__ */e.jsx(t.default,{error:!0,children:u.message}),v&&Array.isArray(null==l?void 0:l.value)&&/* @__PURE__ */e.jsx(c,{data:l.value,options:i})]})});
 //# sourceMappingURL=index.js.map

package/dist/components/select/controller/controller-select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/controller-select.tsx"],"sourcesContent":["import { Control, Controller, FieldValue } from \"react-hook-form\";\nimport { Box, FormHelperText, MenuItem, SelectProps } from \"@mui/material\";\n\nimport Select from '../select';\nimport Checkbox from '../../checkbox/checkbox';\nimport Typography from '../../typography/typography';\nimport Chip from '../../chip/chip';\nimport MoreIcon from '../../icons/more';\nimport { MenuItemProps } from '@mui/material';\nimport { ReactElement } from 'react';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport './controller-select.scss';\n\ninterface IControllerSelect {\n name: string;\n label: string;\n options: any;\n placeholder: string;\n formControl: Control<FieldValue<any>, any>;\n fieldArrayName?: string;\n position?: string;\n required?: boolean;\n size?: SelectProps[\"size\"];\n multiple?: boolean;\n disabled?: boolean;\n searchPlaceholder?: string;\n handleSearch?: () => void;\n classes?: string;\n with_checkboxes?: boolean;\n onChipRemove?: () => void;\n}\n\nexport interface IOption {\n\ttext: string;\n\tvalue: string \| number;\n\tisGroup?: boolean;\n\tparent?: string;\n\toptions?: { text: string; value: string }[];\n}\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: IOption[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n onChange: (value: string[]) => void\n\tvalues: string \| string[];\n}\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: IOption[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions.find((option: any) => option.value === selectedItem)?.text \|\|\n\t\t\tselectedItem\n\t);\n\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{displayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n onChange,\n\tvalues\n}: IMenuItems) => {\n\tconst items: ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<em>{placeholder}</em>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n\n const isParentSelected = values.includes(parentValue);\n const updatedValues = isParentSelected\n ? values.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...values, parentValue, ...childValues];\n\n onChange(updatedValues);\n };\n\n\toptions.forEach((option) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t// <Checkbox checked={values?.indexOf((option.value)) > -1} />\n <Checkbox checked={values?.indexOf((option.value)) > -1}\n onChange={() => handleParentChange(option.value, option.options \|\| [])}\n />\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t{option.text}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem value={opt.value} sx={{ pl: 5 }}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox checked={values?.indexOf(opt.value) > -1} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{opt.text}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\n\treturn items;\n};\n\nconst ControllerSelect: React.FC<IControllerSelect> = ({\n name,\n fieldArrayName,\n options,\n label,\n placeholder,\n formControl,\n position,\n required,\n size = \"small\",\n multiple,\n disabled,\n searchPlaceholder,\n handleSearch,\n classes,\n with_checkboxes,\n onChipRemove,\n}) => {\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <Select\n fullWidth\n name={name}\n dataPosition={position}\n dataName={`${fieldArrayName}.${name}`}\n placeholder={placeholder}\n label={label}\n value={field.value \|\| (multiple ? [] : \"\")}\n defaultValue=\"\"\n onChange={(e:any)=>(multiple&&e.target?.value.filter((i:any)=>i)?.length>0\|\|!multiple&&(e.target?.value))?field.onChange(e.target.value):field.onChange(\"\")}\n required={Boolean(required)}\n size={size}\n multiple={Boolean(multiple)}\n disabled={Boolean(disabled)}\n searchPlaceholder={searchPlaceholder}\n handleSearch={handleSearch}\n className={classes}\n variant=\"outlined\"\n error={Boolean(error)}\n renderValue={(selected: string \| string[]) => (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n data={selected}\n placeholder={placeholder}\n onDelete={onChipRemove}\n />\n ) : (\n selected \|\| placeholder\n )}\n </>\n )}\n >\n {generateMenuItems({\n options,\n multiple: Boolean(multiple),\n placeholder: placeholder,\n values: field.value,\n with_checkboxes: Boolean(with_checkboxes),\n onChange: field.onChange\n })}\n </Select>\n {error &&\n <FormHelperText error>{error.message}</FormHelperText>\n }\n {multiple && Array.isArray(field?.value) && (\n <SelectedItems data={field.value} options={options} />\n )}\n </>\n )}\n />\n );\n};\n\nexport default ControllerSelect;\n"],"names":["SelectedItems","data","options","displayTitle","map","selectedItem","_a","find","option","value","text","jsxs","Typography","type","color","sx","display","gap","alignItems","mt","children","slice","join","length","jsx","Chip","variant","label","MoreIcon","generateMenuItems","multiple","placeholder","with_checkboxes","onChange","values","items","push","MenuItem","disabled","forEach","className","isGroup","Box","Checkbox","checked","indexOf","parentValue","childOptions","childValues","child","updatedValues","includes","filter","handleParentChange","Array","isArray","opt","pl","name","fieldArrayName","formControl","position","required","size","searchPlaceholder","handleSearch","classes","onChipRemove","Controller","control","render","field","fieldState","error","Fragment","Select","fullWidth","dataPosition","dataName","defaultValue","e","_b","target","i","_c","Boolean","renderValue","selected","ChipOrPlaceholder","onDelete","FormHelperText","message"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/select/controller/controller-select.tsx"],"sourcesContent":["import { Control, Controller, FieldValue } from \"react-hook-form\";\nimport { Box, FormHelperText, MenuItem, SelectProps } from \"@mui/material\";\n\nimport Select from '../select';\nimport Checkbox from '../../checkbox/checkbox';\nimport Typography from '../../typography/typography';\nimport Chip from '../../chip/chip';\nimport MoreIcon from '../../icons/more';\nimport { MenuItemProps } from '@mui/material';\nimport { ReactElement } from 'react';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport './controller-select.scss';\n\ninterface IControllerSelect {\n name: string;\n label: string;\n options: any;\n placeholder: string;\n formControl: Control<FieldValue<any>, any>;\n fieldArrayName?: string;\n position?: string;\n required?: boolean;\n size?: SelectProps[\"size\"];\n multiple?: boolean;\n disabled?: boolean;\n searchPlaceholder?: string;\n handleSearch?: () => void;\n classes?: string;\n with_checkboxes?: boolean;\n onChipRemove?: () => void;\n}\n\nexport interface IOption {\n\ttext: string;\n\tvalue: string \| number;\n\tisGroup?: boolean;\n\tparent?: string;\n\toptions?: { text: string; value: string }[];\n}\n\ninterface IMenuItems extends MenuItemProps {\n\toptions: IOption[];\n\tmultiple: boolean;\n\tplaceholder: string;\n\twith_checkboxes: boolean;\n onChange: (value: string[]) => void\n\tvalues: string \| string[];\n}\n\nconst SelectedItems = ({\n\tdata,\n\toptions\n}: {\n\tdata: string[];\n\toptions: IOption[];\n}) => {\n\tconst displayTitle = data.map(\n\t\t(selectedItem) =>\n\t\t\toptions.find((option: any) => option.value === selectedItem)?.text \|\|\n\t\t\tselectedItem\n\t);\n\n\treturn (\n\t\t<Typography\n\t\t\ttype='s4'\n\t\t\tcolor='inherit'\n\t\t\tsx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}>\n\t\t\t{displayTitle.slice(0.4).join(', ')}\n\t\t\t{data.length > 4 && (\n\t\t\t\t<Chip variant='outlined' type='normal' label={<MoreIcon />} />\n\t\t\t)}\n\t\t</Typography>\n\t);\n};\n\nconst generateMenuItems = ({\n\toptions,\n\tmultiple,\n\tplaceholder,\n\twith_checkboxes,\n onChange,\n\tvalues\n}: IMenuItems) => {\n\tconst items: ReactElement[] = [];\n\tif (!multiple) {\n\t\titems.push(\n\t\t\t<MenuItem disabled value=''>\n\t\t\t\t<em>{placeholder}</em>\n\t\t\t</MenuItem>\n\t\t);\n\t}\n\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n const childValues = childOptions.map((child) => child.value);\n\n const isParentSelected = values.includes(parentValue);\n const updatedValues = isParentSelected\n ? values.filter((value) => value !== parentValue && !childValues.includes(value))\n : [...values, parentValue, ...childValues];\n\n onChange(updatedValues);\n };\n\n\toptions.forEach((option) => {\n\t\titems.push(\n\t\t\t<MenuItem\n\t\t\t\tvalue={option.value}\n\t\t\t\tclassName={option?.isGroup ? 'select--MenuItemHeader' : ''}>\n\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t// <Checkbox checked={values?.indexOf((option.value)) > -1} />\n <Checkbox checked={values?.indexOf((option.value)) > -1}\n onChange={() => handleParentChange(option.value, option.options \|\| [])}\n />\n\t\t\t\t\t)}\n\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t{option.text}\n\t\t\t\t\t</Typography>\n\t\t\t\t</Box>\n\t\t\t</MenuItem>\n\t\t);\n\t\tif (option?.isGroup && Array.isArray(option?.options)) {\n\t\t\toption.options.forEach((opt) => {\n\t\t\t\titems.push(\n\t\t\t\t\t<MenuItem value={opt.value} sx={{ pl: 5 }}>\n\t\t\t\t\t\t<Box sx={{ display: 'flex', gap: 1 }}>\n\t\t\t\t\t\t\t{multiple && with_checkboxes && (\n\t\t\t\t\t\t\t\t<Checkbox checked={values?.indexOf(opt.value) > -1} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<Typography type='s4' color='inherit'>\n\t\t\t\t\t\t\t\t{opt.text}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</Box>\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\t});\n\n\treturn items;\n};\n\nconst ControllerSelect: React.FC<IControllerSelect> = ({\n name,\n fieldArrayName,\n options,\n label,\n placeholder,\n formControl,\n position,\n required,\n size = \"small\",\n multiple,\n disabled,\n searchPlaceholder,\n handleSearch,\n classes,\n with_checkboxes,\n onChipRemove,\n}) => {\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field, fieldState: { error } }) => (\n <>\n <Select\n fullWidth\n name={name}\n dataPosition={position}\n dataName={`${fieldArrayName}.${name}`}\n placeholder={placeholder}\n label={label}\n value={field.value \|\| (multiple ? [] : \"\")}\n defaultValue=\"\"\n onChange={(e:any)=>(multiple&&e.target?.value.filter((i:any)=>i)?.length>0\|\|!multiple&&(e.target?.value))?field.onChange(e.target.value):field.onChange(\"\")}\n required={Boolean(required)}\n size={size}\n multiple={Boolean(multiple)}\n disabled={Boolean(disabled)}\n searchPlaceholder={searchPlaceholder}\n handleSearch={handleSearch}\n className={classes}\n variant=\"outlined\"\n error={Boolean(error)}\n renderValue={(selected: string \| string[]) => (\n <>\n {Array.isArray(selected) ? (\n <ChipOrPlaceholder\n data={selected}\n placeholder={placeholder}\n onDelete={onChipRemove}\n />\n ) : (\n selected \|\| placeholder\n )}\n </>\n )}\n >\n {generateMenuItems({\n options,\n multiple: Boolean(multiple),\n placeholder: placeholder,\n values: field.value,\n with_checkboxes: Boolean(with_checkboxes),\n onChange: field.onChange\n })}\n </Select>\n {error &&\n <FormHelperText error>{error.message}</FormHelperText>\n }\n {multiple && Array.isArray(field?.value) && (\n <SelectedItems data={field.value} options={options} />\n )}\n </>\n )}\n />\n );\n};\n\nexport default ControllerSelect;\n"],"names":["SelectedItems","data","options","displayTitle","map","selectedItem","_a","find","option","value","text","jsxs","Typography","type","color","sx","display","gap","alignItems","mt","children","slice","join","length","jsx","Chip","variant","label","MoreIcon","generateMenuItems","multiple","placeholder","with_checkboxes","onChange","values","items","push","MenuItem","disabled","forEach","className","isGroup","Box","Checkbox","checked","indexOf","parentValue","childOptions","childValues","child","updatedValues","includes","filter","handleParentChange","Array","isArray","opt","pl","name","fieldArrayName","formControl","position","required","size","searchPlaceholder","handleSearch","classes","onChipRemove","Controller","control","render","field","fieldState","error","Fragment","Select","fullWidth","dataPosition","dataName","defaultValue","e","_b","target","i","_c","Boolean","renderValue","selected","ChipOrPlaceholder","onDelete","FormHelperText","message"],"mappings":"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"}

package/dist/components/select/controller/controller-select.d.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { Control, FieldValue } from 'react-hook-form';
+import { SelectProps } from '@mui/material';
+interface IControllerSelect {
+    name: string;
+    label: string;
+    options: any;
+    placeholder: string;
+    formControl: Control<FieldValue<any>, any>;
+    fieldArrayName?: string;
+    position?: string;
+    required?: boolean;
+    size?: SelectProps["size"];
+    multiple?: boolean;
+    disabled?: boolean;
+    searchPlaceholder?: string;
+    handleSearch?: () => void;
+    classes?: string;
+    with_checkboxes?: boolean;
+    onChipRemove?: () => void;
+}
+export interface IOption {
+    text: string;
+    value: string | number;
+    isGroup?: boolean;
+    parent?: string;
+    options?: {
+        text: string;
+        value: string;
+    }[];
+}
+declare const ControllerSelect: React.FC<IControllerSelect>;
+export default ControllerSelect;

package/dist/components/select/controller/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { default as ChipOrPlaceholder } from './chip-or-placeholder';
+export * from './chip-or-placeholder';
+export { default as ControllerSelect } from './controller-select';
+export * from './controller-select';

package/dist/components/select/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { default as SelectSearch } from './select-search';
+export * from './select-search';
+export { default as Select } from './select';
+export * from './select';
+export * from './controller';

package/dist/components/select/select/index.esm.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Typography } from "../../typography/typography/index.esm.js";
-import SelectSearch from "../select-search/index.esm.js";
+import { SelectSearch } from "../select-search/index.esm.js";
 import { memo, useRef } from "react";
 /* empty css                                             */
 import styled from "../../../node_modules/@mui/material/styles/styled/index.esm.js";
@@ -173,6 +173,7 @@ const Select = memo((props) => {
   ] });
 });
 export {
+  Select,
   Select as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/select/select/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["MUISelect"],"mappings":";;;;;;;;;;;AAcA,MAAM,eAAe,OAAOA,QAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IACnE,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAChC,UAAU;AAAA,IACV,oCAAoC;AAAA,MACnC,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE1C,kDAAkD;AAAA,MACjD,aAAa;AAAA,MACb,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,IAAG;AAAA,IAExC,4DAA4D;AAAA,MAC3D,aAAa;AAAA,MACb,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAEtC,4CAA4C;AAAA,MAC3C,cAAa,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAE1C,sDAAsD;AAAA,MACrD,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,IAAG;AAAA,IAEtC,kBAAkB;AAAA,MACjB,aAAY,aAAQ,UAAR,mBAAe,UAAU;AAAA,MACrC,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,IAAG;AAAA,IAGpC,qBAAqB;AAAA,MACpB,UAAU;AAAA,IAAA;AAAA,IAEX,eAAe;AAAA,MACd,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,MAC5B,aAAa;AAAA,QACZ,aAAa;AAAA,MAAA;AAAA,IACd;AAAA,EAEF;AAAA,CAAE;AAEF,MAAM,SAAS,KAAK,CAAC,UAAe;AACnC,QAAM,iBAAiB,OAAyB,IAAI;AACpD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,qBAAqB;AAAA,IACrB,GAAG;AAAA,EAAA,IACA;AAGJ,QAAM,aAAa,MAAM;AACtB,eAAW,MAAM;AACf,UAAI,eAAe,SAAS;AAC1B,uBAAe,QAAQ,MAAA;AAAA,MACzB;AAAA,IACF,GAAG,CAAC;AAAA,EACN;AAGD,SACC,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,SACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,iBAAe;AAAA,QACf,aAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO,QAAQ,oBAAoB;AAAA,QAClC,UAAA;AAAA,UAAA;AAAA,UAAM;AAAA,UAAE,gCAAa,QAAA,EAAK,OAAO,EAAE,OAAO,UAAA,GAAa,UAAA,IAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG9D;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,eAAe,CAAC,cAAc,oBAAC,sBAAoB,GAAG,WAAW,UAAS,SAAQ;AAAA,QACjF,WAAW;AAAA,UACT,YAAY;AAAA,YACV,IAAI;AAAA,cACF,WAAW;AAAA;AAAA,cACX,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UAEF,cAAc;AAAA,YACZ,UAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEF,cAAY;AAAA,QACZ;AAAA,QACA,aACE,gBACC,CAAC,UACA,UAAU,KACP,QAED,oBAAC,YAAA,EAAW,OAAM,WAAU,MAAK,MAC9B,UAAA,YAAA,CACH;AAAA,QAGN;AAAA,QACA;AAAA,QACD,QAAQ;AAAA,QACN,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,gBACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,QAAQ;AAAA;AAAA,gBACR,iBAAiB;AAAA;AAAA,gBAErB,QAAQ;AAAA,gBACR,IAAI;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACH,KAAK;AAAA,kBACD;AAAA,kBACA,cAAc,CAAC,MAAW,aAAa,EAAE,OAAO,KAAK;AAAA,kBACrD,OAAO;AAAA,kBACP,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,kBAClB,WAAW,CAAC,MAAM;AACrB,sBAAE,gBAAA;AACF,wBAAI,+BAAO,OAAO;AACjB,iCAAW,MAAA;;AAAM,oDAAe,YAAf,mBAAwB;AAAA,yBAAS,CAAC;AAAA,oBACpD;AAAA,kBACA;AAAA,kBACD,IAAI;AAAA,oBACH,GAAG;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YACE;AAAA,UAAA;AAAA,UAGH,UACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,GAAG;AAAA,gBACH,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cAAA;AAAA,cAGd,UAAA,oBAAC,kBAAA,EAAiB,MAAM,IAAI,OAAM,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA,IAG9C;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIA,cAAc,oBAAC,gBAAA,EAAe,OAAe,UAAA,WAAA,CAAW;AAAA,EAAA,GAC1D;AAEF,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport { Select };\nexport default Select;\n"],"names":["MUISelect"],"mappings":"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"}

package/dist/components/select/select/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=,/* empty css                                 */o=,/* empty css                      */t=require("react");;/* empty css                                          */var l=,/* empty css                                                       */n=,/* empty css                                                 */i=,/* empty css                                                                           */d=,/* empty css                            */u=,/* empty css                                                                       */a=;/* empty css                                                       */const s=l.default(a.default)(({theme:{palette:e}})=>{var r,o,t,l,n,i,d,u,a;return{color:null==(r=e.theme)?void 0:r.secondary[800],fontSize:" 0.875rem",".MuiOutlinedInput-notchedOutline":{borderColor:null==(o=e.theme)?void 0:o.secondary[300]},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(t=e.theme)?void 0:t.primary[700]},"&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline":{borderWidth:"0.0625rem",borderColor:null==(l=e.theme)?void 0:l.error[600]},"&:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(n=e.theme)?void 0:n.secondary[400]},"&.Mui-error:hover .MuiOutlinedInput-notchedOutline":{borderColor:null==(i=e.theme)?void 0:i.error[600]},"&.Mui-disabled":{background:null==(d=e.theme)?void 0:d.secondary[200],color:null==(u=e.theme)?void 0:u.secondary[800]},".MuiMenuItem-root":{fontSize:"10px"},"&.Mui-error":{color:null==(a=e.theme)?void 0:a.error[600],"&fieldset":{borderColor:"grey"}}}}),c=t.memo(l=>{const a=t.useRef(null),{children:c,label:h,handleSearch:m,dataPosition:p,dataName:x,placeholder:y,searchPlaceholder:f,required:j,searchValue:v,fullWidth:g=!1,onChange:b,renderValue:C,error:M,helperText:O,loading:q=!1,CustomDropdownIcon:P=d.ArrowDown,...I}=l;/* @__PURE__ */
 return e.jsxs(e.Fragment,{children:[h&&/* @__PURE__ */e.jsxs(r.Typography,{type:"s5",weight:"medium","data-position":p,"data-name":x,mb:.5,color:M?"theme.error.600":"theme.secondary.800",children:[h," ",j&&/* @__PURE__ */e.jsx("span",{style:{color:"#c64d4d"},children:"*"})]}),
-/* @__PURE__ */e.jsxs(s,{IconComponent:r=>/* @__PURE__ */e.jsx(P,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:g,renderValue:C??(o=>""!==o?o:/* @__PURE__ */e.jsx(r.Typography,{color:"inherit",type:"s3",children:y})),onChange:b,error:M,onOpen:()=>{setTimeout(()=>{a.current&&a.current.focus()},0)},...I,children:[m&&/* @__PURE__ */e.jsx(n.default,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(o.default,{ref:a,searchPlaceholder:f,handleSearch:e=>m(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==l?void 0:l.value)&&setTimeout(()=>{var e;return null==(e=a.current)?void 0:e.focus()},0)},sx:{p:1}})}),q?/* @__PURE__ */e.jsx(n.default,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(i.default,{size:30,color:"inherit"})}):c]}),O&&/* @__PURE__ */e.jsx(u.default,{error:M,children:O})]})});exports.default=c;
+/* @__PURE__ */e.jsxs(s,{IconComponent:r=>/* @__PURE__ */e.jsx(P,{...r,fontSize:"small"}),MenuProps:{PaperProps:{sx:{maxHeight:300,overflowY:"auto"}},anchorOrigin:{vertical:"bottom",horizontal:"center"}},displayEmpty:!0,fullWidth:g,renderValue:C??(o=>""!==o?o:/* @__PURE__ */e.jsx(r.Typography,{color:"inherit",type:"s3",children:y})),onChange:b,error:M,onOpen:()=>{setTimeout(()=>{a.current&&a.current.focus()},0)},...I,children:[m&&/* @__PURE__ */e.jsx(n.default,{sx:{position:"sticky",top:0,zIndex:1,backgroundColor:"#fff",margin:"-4px -4px 0 -4px",mb:.5},children:/* @__PURE__ */e.jsx(o.SelectSearch,{ref:a,searchPlaceholder:f,handleSearch:e=>m(e.target.value),value:v,onClick:e=>e.stopPropagation(),onKeyDown:e=>{e.stopPropagation(),(null==l?void 0:l.value)&&setTimeout(()=>{var e;return null==(e=a.current)?void 0:e.focus()},0)},sx:{p:1}})}),q?/* @__PURE__ */e.jsx(n.default,{sx:{display:"flex",width:"100%",p:2,justifyContent:"center",alignItems:"center"},children:/* @__PURE__ */e.jsx(i.default,{size:30,color:"inherit"})}):c]}),O&&/* @__PURE__ */e.jsx(u.default,{error:M,children:O})]})});exports.Select=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/select/select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"msBAcA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qCAAiB,MAAA,CACnEC,MAAO,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAChCC,SAAU,YACV,mCAAoC,CACnCC,YAAa,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeH,UAAU,MAEvC,iDAAkD,CACjDI,YAAa,YACbF,YAAa,OAAAG,EAAAR,EAAQD,YAAR,EAAAS,EAAeC,QAAQ,MAErC,2DAA4D,CAC3DF,YAAa,YACbF,YAAa,OAAAK,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,MAAM,MAEnC,2CAA4C,CAC3CN,YAAa,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeT,UAAU,MAEvC,qDAAsD,CACrDE,YAAa,OAAAQ,EAAAb,EAAQD,YAAR,EAAAc,EAAeF,MAAM,MAEnC,iBAAkB,CACjBG,WAAY,OAAAC,EAAAf,EAAQD,YAAR,EAAAgB,EAAeZ,UAAU,KACrCF,MAAO,OAAAe,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeb,UAAU,MAGjC,oBAAqB,CACpBC,SAAU,QAEX,cAAe,CACdH,MAAO,OAAAgB,EAAAjB,EAAQD,YAAR,EAAAkB,EAAeN,MAAM,KAC5B,YAAa,CACZN,YAAa,YAKVa,EAASC,EAAAA,KAAMC,IACpB,MAAMC,EAAiBC,EAAAA,OAAyB,OAC1CC,SACLA,EAAAC,MACAA,EAAAC,aACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,YACAA,EAAAC,kBACAA,EAAAC,SACAA,EAAAC,YACAA,EAAAC,UACAA,GAAY,EAAAC,SACZA,EAAAC,YACAA,EAAAvB,MACAA,EAAAwB,WACAA,EAAAC,QACAA,GAAU,EAAAC,mBACVA,EAAqBC,EAAAA,aAClBC,GACAnB;AAYJ,OACCoB,EAAAA,KAAAC,WAAA,CACElB,SAAA,CAAAC,kBACAgB,EAAAA,KAACE,EAAAA,WAAA,CACAC,KAAK,KACLC,OAAO,SACP,gBAAelB,EACf,YAAWC,EACXkB,GAAI,GACJ5C,MAAOU,EAAQ,kBAAoB,sBAClCY,SAAA,CAAAC,EAAM,IAAEM,wBAAa,OAAA,CAAKgB,MAAO,CAAE7C,MAAO,WAAasB,SAAA;eAG7DiB,EAAAA,KAAC5C,EAAA,CACAmD,cAAgBC,kBAAcC,MAACZ,MAAuBW,EAAW5C,SAAS,UACzE8C,UAAW,CACTC,WAAY,CACVC,GAAI,CACFC,UAAW,IACXC,UAAW,SAGfC,aAAc,CACZC,SAAU,SACVC,WAAY,WAGhBC,cAAY,EACZ1B,YACAE,YACEA,GAAA,CACEyB,GACU,KAAVA,EACGA,iBAEDV,EAAAA,IAACP,EAAAA,WAAA,CAAWzC,MAAM,UAAU0C,KAAK,KAC9BpB,SAAAK,KAITK,WACAtB,QACDiD,OAnDmB,KAChBC,WAAW,KACLxC,EAAeyC,SACjBzC,EAAeyC,QAAQC,SAExB,OA+CDxB,EAEHhB,SAAA,CAAAE,kBACCwB,EAAAA,IAACe,EAAAA,QAAA,CACCZ,GAAI,CACFa,SAAU,SACVC,IAAK,EACLC,OAAQ,EACRC,gBAAiB,OAErBC,OAAQ,mBACRxB,GAAI,IAGFtB,wBAAA0B,EAAAA,IAACqB,EAAAA,~~QAAA~~,CACHC,IAAKlD,EACDQ,oBACAJ,aAAe+C,GAAW/C,EAAa+C,EAAEC,OAAOd,OAChDA,MAAO5B,EACP2C,QAAUF,GAAMA,EAAEG,kBAClBC,UAAYJ,IACfA,EAAEG,yBACEvD,WAAOuC,QACVE,WAAW,WAAM,OAAA,OAAA3D,EAAAmB,EAAeyC,cAAf,EAAA5D,EAAwB6D,SAAS,IAGpDX,GAAI,CACHyB,EAAG,OAKLzC,iBACCa,EAAAA,IAACe,EAAAA,QAAA,CACCZ,GAAI,CACF0B,QAAS,OACTC,MAAO,OACPF,EAAG,EACHG,eAAgB,SAChBC,WAAY,UAGd1D,wBAAA0B,EAAAA,IAACiC,UAAA,CAAiBC,KAAM,GAAIlF,MAAM,cAGpCsB,KAIAY,oBAAcc,IAACmC,EAAAA,QAAA,CAAezE,QAAeY,SAAAY"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/select/select.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs /\n\nimport {\n Box,\n\tCircularProgress,\n\tFormHelperText,\n\tSelect as MUISelect,\n\tstyled\n} from '@mui/material';\nimport Typography from '../typography/typography';\nimport SelectSearch from './select-search';\nimport { memo, useRef } from 'react';\nimport './controller/controller-select.scss'\nimport { ArrowDown } from '../icons';\nconst StyledSelect = styled(MUISelect)(({ theme: { palette } }) => ({\n\tcolor: palette.theme?.secondary[800],\n\tfontSize: ' 0.875rem',\n\t'.MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[300]\n\t},\n\t'&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.primary[700]\n\t},\n\t'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {\n\t\tborderWidth: '0.0625rem',\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.secondary[400]\n\t},\n\t'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {\n\t\tborderColor: palette.theme?.error[600]\n\t},\n\t'&.Mui-disabled': {\n\t\tbackground: palette.theme?.secondary[200],\n\t\tcolor: palette.theme?.secondary[800]\n\t},\n\n\t'.MuiMenuItem-root': {\n\t\tfontSize: '10px'\n\t},\n\t'&.Mui-error': {\n\t\tcolor: palette.theme?.error[600],\n\t\t'&fieldset': {\n\t\t\tborderColor: 'grey'\n\t\t}\n\t}\n}));\n\nconst Select = memo((props: any) => {\n\tconst searchInputRef = useRef<HTMLInputElement>(null);\n\tconst {\n\t\tchildren,\n\t\tlabel,\n\t\thandleSearch,\n\t\tdataPosition,\n\t\tdataName,\n\t\tplaceholder,\n\t\tsearchPlaceholder,\n\t\trequired,\n\t\tsearchValue,\n\t\tfullWidth = false,\n\t\tonChange,\n\t\trenderValue,\n\t\terror,\n\t\thelperText,\n\t\tloading = false,\n\t\tCustomDropdownIcon = ArrowDown,\n\t\t...rest\n\t} = props;\n\n\t\n\tconst handleOpen = () => {\n setTimeout(() => {\n if (searchInputRef.current) {\n searchInputRef.current.focus(); // Focus the search input\n }\n }, 0);\n };\n\n\n\treturn (\n\t\t<>\n\t\t\t{label && (\n\t\t\t\t<Typography\n\t\t\t\t\ttype='s5'\n\t\t\t\t\tweight='medium'\n\t\t\t\t\tdata-position={dataPosition}\n\t\t\t\t\tdata-name={dataName}\n\t\t\t\t\tmb={0.5}\n\t\t\t\t\tcolor={error ? 'theme.error.600' : 'theme.secondary.800'}>\n\t\t\t\t\t{label} {required && <span style={{ color: '#c64d4d' }}></span>}\n\t\t\t\t</Typography>\n\t\t\t)}\n<StyledSelect\n IconComponent={(iconProps) => <CustomDropdownIcon {...iconProps} fontSize='small' />}\n MenuProps={{\n PaperProps: {\n sx: {\n maxHeight: 300, // Scrollable area for dropdown\n overflowY: 'auto',\n },\n },\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center',\n },\n }}\n displayEmpty\n fullWidth={fullWidth}\n renderValue={\n renderValue ??\n ((value: any) =>\n value !== '' ? (\n (value as any)\n ) : (\n <Typography color='inherit' type='s3'>\n {placeholder}\n </Typography>\n ))\n }\n onChange={onChange}\n error={error}\n\tonOpen={handleOpen} \n {...rest}\n>\n {handleSearch && (\n <Box\n sx={{\n position: 'sticky',\n top: 0,\n zIndex: 1, // Ensure it's above the dropdown items\n backgroundColor: '#fff',\n // padding: '0.5rem',\n\t\t\t\tmargin: '-4px -4px 0 -4px',\n\t\t\t\tmb: 0.5\n }}\n >\n <SelectSearch\n\t\t\t\tref={searchInputRef}\n searchPlaceholder={searchPlaceholder}\n handleSearch={(e: any) => handleSearch(e.target.value)}\n value={searchValue}\n onClick={(e) => e.stopPropagation()}\n onKeyDown={(e) => {\n\t\t\t\t\te.stopPropagation();\n\t\t\t\t\tif (props?.value) {\n\t\t\t\t\t\tsetTimeout(() => searchInputRef.current?.focus(), 0); \n\t\t\t\t\t}\n\t\t \t}}\n\t\t\t\tsx={{\n\t\t\t\t\tp: 1,\n\t\t\t\t}}\n />\n </Box>\n )}\n {loading ? (\n <Box\n sx={{\n display: 'flex',\n width: '100%',\n p: 2,\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <CircularProgress size={30} color='inherit' />\n </Box>\n ) : (\n children\n )}\n</StyledSelect>\n\n\t\t\t{helperText && <FormHelperText error={error}>{helperText}</FormHelperText>}\n\t\t</>\n\t);\n});\n\nexport { Select };\nexport default Select;\n"],"names":["StyledSelect","styled","MUISelect","theme","palette","color","_a","secondary","fontSize","borderColor","_b","borderWidth","_c","primary","_d","error","_e","_f","background","_g","_h","_i","Select","memo","props","searchInputRef","useRef","children","label","handleSearch","dataPosition","dataName","placeholder","searchPlaceholder","required","searchValue","fullWidth","onChange","renderValue","helperText","loading","CustomDropdownIcon","ArrowDown","rest","jsxs","Fragment","Typography","type","weight","mb","style","IconComponent","iconProps","jsx","MenuProps","PaperProps","sx","maxHeight","overflowY","anchorOrigin","vertical","horizontal","displayEmpty","value","onOpen","setTimeout","current","focus","Box","position","top","zIndex","backgroundColor","margin","SelectSearch","ref","e","target","onClick","stopPropagation","onKeyDown","p","display","width","justifyContent","alignItems","CircularProgress","size","FormHelperText"],"mappings":"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"}