npm - @erpsquad/common - Versions diffs - 1.8.69 → 1.8.71 - Mend

@erpsquad/common 1.8.69 → 1.8.71

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 (50) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.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 return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\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))) : Number(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":["value","filteredOptions","label","React","error"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.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 return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\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":["value","filteredOptions","label","React","error"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../select/select/index.js"),i=require("../checkbox/checkbox/index.js"),n=require("../typography/typography/index.js"),r=require("lodash"),t=require("../../utils/api/index.js"),o=require("../form-control/form-builder/form-builder-element/chip-or-placeholder/index.js"),s=require("../../hooks/useLangauge/index.js"),u=require("react-i18next"),d=require("../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),c=require("../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),v=require("../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.js"),p=require("../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),f=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),m=require("../icons/close/index.js"),y=require("../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../node_modules/@mui/icons-material/esm/Add/index.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(l);const j=({options:l,multiple:a,placeholder:r,with_checkboxes:t,values:o,field:s,disabledIds:u,handleClear:h,handleChange:v,hasParent:p=!1})=>{const f=e=>null==u?void 0:u.includes(e),m=[];a||m.push(
-/* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:r})})},"placeholder"));const x=Array.isArray(o)?null==o?void 0:o.filter(e=>e):[],b=(e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x];return a.every(e=>i.includes(e))},j=e=>{const l=e.map(e=>e.value),a=Array.isArray(x)?x:[x];return l.some(e=>a.includes(e))};return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==l||l.forEach(l=>{m.push(
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../select/select/index.js"),i=require("../checkbox/checkbox/index.js"),n=require("../typography/typography/index.js"),r=require("lodash"),t=require("../../utils/api/index.js"),o=require("../form-control/form-builder/form-builder-element/chip-or-placeholder/index.js"),s=require("../../hooks/useLangauge/index.js"),u=require("react-i18next"),d=require("../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),c=require("../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),v=require("../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.js"),p=require("../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),f=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../icons/close/index.js"),m=require("../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../node_modules/@mui/icons-material/esm/Add/index.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(l);const j=({options:l,multiple:a,placeholder:r,with_checkboxes:t,values:o,field:s,disabledIds:u,handleClear:h,handleChange:v,hasParent:p=!1})=>{const f=e=>null==u?void 0:u.includes(e),y=[];a||y.push(
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:r})})},"placeholder"));const x=Array.isArray(o)?null==o?void 0:o.filter(e=>e):[],b=(e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x];return a.every(e=>i.includes(e))},j=e=>{const l=e.map(e=>e.value),a=Array.isArray(x)?x:[x];return l.some(e=>a.includes(e))};return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==l||l.forEach(l=>{y.push(
 /* @__PURE__ */e.jsx(d.default,{value:null==l?void 0:l.value,disabled:Boolean(null==l?void 0:l.disabled)||f(null==l?void 0:l.value),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",onClick:()=>{1==(null==o?void 0:o.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&t&&/* @__PURE__ */e.jsx(i.default,{checked:p?b(l.value,l.options||[]):Boolean(Array.isArray(o)&&(null==o?void 0:o.indexOf(null==l?void 0:l.value))>-1),indeterminate:p&&j(l.options||[]),onChange:()=>p?((e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x],n=i.includes(e)?i.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...i,e,...a])];null==v||v(n)})(l.value,l.options||[]):null==v?void 0:v(l.value)}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(l.value),children:null==l?void 0:l.label})]})},null==l?void 0:l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(r=>{m.push(
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(l.value),children:null==l?void 0:l.label})]})},null==l?void 0:l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(r=>{y.push(
 /* @__PURE__ */e.jsx(d.default,{value:r.value,disabled:Boolean(r.disabled)||f(r.value),sx:{pl:5},onClick:()=>{1==(null==o?void 0:o.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&t&&/* @__PURE__ */e.jsx(i.default,{checked:Boolean(Array.isArray(o)&&(null==o?void 0:o.indexOf(r.value))>-1)}),
-/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(String(r.value)),children:"Payment Entries"==r.label?"Payment and Collection Entries":r.label||r.value})]})},`${l.value}-${r.value}`))})})),s.enable_footer&&m.push(
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(String(r.value)),children:"Payment Entries"==r.label?"Payment and Collection Entries":r.label||r.value})]})},`${l.value}-${r.value}`))})})),s.enable_footer&&y.push(
 /* @__PURE__ */e.jsxs(c.default,{children:[
-/* @__PURE__ */e.jsx(y.default,{flexItem:!0}),
+/* @__PURE__ */e.jsx(m.default,{flexItem:!0}),
 /* @__PURE__ */e.jsxs(d.default,{sx:{gap:1},onClick:s.onFooterClick,children:[
 /* @__PURE__ */e.jsx(g.default,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",s.label]})]})]},"footer")),m.length&&(1!=m.length||a)||m.push(
-/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:"No data available"},"no-data")),m};exports.default=i=>{const{labelId:n,label:y,value:g,onChange:x,options:C,multiple:A=!1,size:S="small",searchPlaceholder:M,placeholder:k,name:w,defaultValue:q,apiType:L,isInternal:I=!1,autoFocus:O,error:_,disabled:N,customeFilter:B,attributes:P,getSelectedData:E,disabledIds:J,onChipRemove:T,selectedLabel:F,is_loading:z,customStyle:D={},CustomDropDownIcon:K,labelKey:V,valueKey:H,inputStyle:W,hasParent:G=!1,sortOrder:R="id:-1",handleChange:$,enable_footer:Q=!1,onFooterClick:U,showCancelButton:X=!0,customFetchApi:Y}=i,[Z,ee]=l.useState(""),[le,ae]=l.useState(!1),[ie,ne]=l.useState([]),[re,te]=l.useState([]),[oe,se]=l.useState(!1),[ue,de]=l.useState(!1),[ce,he]=l.useState(!1),[ve,pe]=l.useState(!1),[fe,me]=l.useState(null),{t:ye}=u.useTranslation(),[ge,xe]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:be}=s.useLanguage(),je=25,Ce=l.useMemo(()=>I||!L&&!Y,[I,L,Y]),Ae=l.useCallback((e,l)=>{if(!e)return C||[];const a=e.toLowerCase(),i=G?(null==C?void 0:C.reduce((e,l)=>{var i;const n=null==(i=l.options)?void 0:i.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==n?void 0:n.length)&&e.push({...l,options:n}),e},[]))||[]:(null==C?void 0:C.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return ke(i,l)},[C,G]),Se=()=>{null==x||x({target:{value:A?[]:null}}),E&&"function"==typeof E&&E(null)},Me=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),ke=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),we=l.useMemo(()=>Ce?Ae(Z,g):ke(Me([...ie,...re]),g),[Z,ie,C,g,Ce,re,Ae,ke,Me]),qe=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:i}=e.currentTarget;if(a-l<=i+10&&ge.hasMore&&!ge.isLoadingMore&&!Ce){const e=ge.page+1;Ie(Z,B,e,!0)}},[ge.hasMore,ge.isLoadingMore,ge.page,Ce,Z,JSON.stringify(B)]),Le=l.useCallback((e,l=!1)=>{const a=Me([...l?ie:re,...e]);ne(a)},[ie,re,Me]),Ie=l.useCallback(async(e="",l=B,a=1,i=!1)=>{if(!L&&!Y)return[];ae(!0),a>1&&xe(e=>({...e,isLoadingMore:!0}));try{let n=[],r={};if(Y){const i=await Y({search:e,filters:l,limit:je,skip:(a-1)*je,select:P,order:R});n=(null==i?void 0:i.data)||[],r=(null==i?void 0:i.pagination)||{}}else{const i=await t.fetchApi({apiKey:L,filters:{limit:je,skip:(a-1)*je,search:e,filters:l,select:P,order:R},labelKey:V,valueKey:H});n=(null==i?void 0:i.data)||[],r=(null==i?void 0:i.pagination)||{}}return n&&Array.isArray(n)&&(Le(n,i),xe(e=>({...e,page:a,hasMore:((null==r?void 0:r.totalCount)||0)>a*je,total:(null==r?void 0:r.totalCount)||0,isLoadingMore:!1})),(null==n?void 0:n.length)>0&&Ne()),n||[]}catch(n){return xe(e=>({...e,isLoadingMore:!1})),[]}finally{ae(!1)}},[L,Y,P,R,je,Le]),Oe=l.useMemo(()=>r.debounce(async e=>{le||(e||Ce||!ce||(xe({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ie("",B,1,!1)),(null==e?void 0:e.length)>1&&!Ce&&(xe({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ie(e,B,1,!1)))},700),[Ce,ce,JSON.stringify(B)]),_e=l.useCallback(async()=>{!(JSON.stringify(B)!==JSON.stringify(fe))||Ce||oe||(me(B),ne([]),se(!1),xe({page:1,hasMore:!0,isLoadingMore:!1,total:0})),Ce||oe||(await Ie(Z,B,1,!1),se(!0))},[JSON.stringify(B),Ce,oe]),Ne=l.useCallback(()=>{let e=!1;const l=null==we?void 0:we.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==E||E(A?l:l[0]),e=!0),e},[we,g,A,E]),Be=l.useCallback(async()=>{if(ve)return;if(await Ne())return;const e=A?g&&(null==g?void 0:g.filter(e=>Boolean(Number(e)))):Number(g)?g:null;(A?(null==e?void 0:e.length)>0:e)&&!Ce&&(de(!0),await Ie("",{...B,"&id.in":e},1,!1),de(!1))},[ve,g,JSON.stringify(B)]),Pe=A?Array.isArray(g)&&g.length>0:null!=g&&""!==g;return l.useEffect(()=>(ve&&Oe(Z),()=>Oe.cancel()),[Z,JSON.stringify(B),ve,oe,Oe]),l.useEffect(()=>{Ne()},[Ne]),l.useEffect(()=>{Be()},[Be]),l.useEffect(()=>{ve&&_e()},[ve,_e]),l.useEffect(()=>{const e=JSON.stringify(B)!==JSON.stringify(fe);B&&e&&se(!1)},[B,fe]),l.useEffect(()=>{if(g&&!ve){const e=(null==C?void 0:C.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))||[];te(e)}te(null==we?void 0:we.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))},[g,ve,C,A]),/* @__PURE__ */e.jsxs(a.default,{labelId:n,name:w,defaultValue:q||(A?[]:""),placeholder:k,className:"filter-select",size:S,onOpen:()=>pe(!0),onClose:()=>{pe(!1),(null==Z?void 0:Z.length)>0&&se(!1),he(!1),ee("")},onChange:e=>{const{value:l}=e.target;if(A&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==we?void 0:we.filter(e=>A?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);null==x||x(e,A?a:null==a?void 0:a[0])},showCancelButton:X,multiple:A,label:ye(y),fullWidth:!0,displayEmpty:!0,autoFocus:O,error:Boolean(_),disabled:N,value:ue?A?[]:"":(null==g?void 0:g.id)||g||(A?[]:""),searchPlaceholder:M,CustomDropdownIcon:K,sx:A&&(null==g?void 0:g.length)?{...D,"& .MuiSelect-select":{padding:"5.5px !important"}}:D,MenuProps:{PaperProps:{onScroll:qe,style:{maxHeight:295,maxWidth:250}}},input:N?void 0:/* @__PURE__ */e.jsx(v.default,{label:"",sx:W,endAdornment:/* @__PURE__ */e.jsx(p.default,{position:"end",children:le||z?/* @__PURE__ */e.jsx(h.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):X&&Pe&&/* @__PURE__ */e.jsx(f.default,{"aria-label":"clear selection",onClick:Se,edge:"end",sx:be?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(m.Close,{fontSize:"small",color:"theme.primary.800"})})})}),renderValue:l=>{var a,i;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(o.default,{selectedLabel:F,data:(i=l,Array.isArray(i)&&(null==i?void 0:i.length)>0&&(null==i?void 0:i.filter(e=>e))),placeholder:k,onDelete:T,disabled:N,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(we)&&(null==we?void 0:we.length)>0&&(null==(a=null==we?void 0:we.find(e=>(null==e?void 0:e.value)==g))?void 0:a.label)||l||k})},handleSearch:e=>{ee(e),he(!0)},children:[j({options:we,multiple:Boolean(A),placeholder:k,values:g,with_checkboxes:!0,field:{enable_footer:Q,onFooterClick:U,label:y},disabledIds:J,handleClear:Se,handleChange:$,hasParent:G}),ge.isLoadingMore&&/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(h.default,{size:20})})})]})};
+/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",s.label]})]})]},"footer")),y.length&&(1!=y.length||a)||y.push(
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:"No data available"},"no-data")),y};exports.default=i=>{const{labelId:n,label:m,value:g,onChange:x,options:C,multiple:A=!1,size:S="small",searchPlaceholder:M,placeholder:k,name:w,defaultValue:q,apiType:L,isInternal:I=!1,autoFocus:O,error:_,disabled:B,customeFilter:N,attributes:P,getSelectedData:E,disabledIds:J,onChipRemove:T,selectedLabel:F,is_loading:z,customStyle:D={},CustomDropDownIcon:K,labelKey:V,valueKey:H,inputStyle:W,hasParent:G=!1,sortOrder:R="id:-1",handleChange:$,enable_footer:Q=!1,onFooterClick:U,showCancelButton:X=!0,customFetchApi:Y}=i,[Z,ee]=l.useState(""),[le,ae]=l.useState(!1),[ie,ne]=l.useState([]),[re,te]=l.useState([]),[oe,se]=l.useState(!1),[ue,de]=l.useState(!1),[ce,he]=l.useState(!1),[ve,pe]=l.useState(!1),[fe,ye]=l.useState(null),{t:me}=u.useTranslation(),[ge,xe]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:be}=s.useLanguage(),je=25,Ce=l.useMemo(()=>I||!L&&!Y,[I,L,Y]),Ae=l.useCallback((e,l)=>{if(!e)return C||[];const a=e.toLowerCase(),i=G?(null==C?void 0:C.reduce((e,l)=>{var i;const n=null==(i=l.options)?void 0:i.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==n?void 0:n.length)&&e.push({...l,options:n}),e},[]))||[]:(null==C?void 0:C.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return ke(i,l)},[C,G]),Se=()=>{null==x||x({target:{value:A?[]:null}}),E&&"function"==typeof E&&E(null)},Me=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),ke=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),we=l.useMemo(()=>Ce?Ae(Z,g):ke(Me([...ie,...re]),g),[Z,ie,C,g,Ce,re,Ae,ke,Me]),qe=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:i}=e.currentTarget;if(a-l<=i+10&&ge.hasMore&&!ge.isLoadingMore&&!Ce){const e=ge.page+1;Ie(Z,N,e,!0)}},[ge.hasMore,ge.isLoadingMore,ge.page,Ce,Z,JSON.stringify(N)]),Le=l.useCallback((e,l=!1)=>{const a=Me([...l?ie:re,...e]);ne(a)},[ie,re,Me]),Ie=l.useCallback(async(e="",l=N,a=1,i=!1)=>{if(!L&&!Y)return[];ae(!0),a>1&&xe(e=>({...e,isLoadingMore:!0}));try{let n=[],r={};if(Y){const i=await Y({search:e,filters:l,limit:je,skip:(a-1)*je,select:P,order:R});n=(null==i?void 0:i.data)||[],r=(null==i?void 0:i.pagination)||{}}else{const i=await t.fetchApi({apiKey:L,filters:{limit:je,skip:(a-1)*je,search:e,filters:l,select:P,order:R},labelKey:V,valueKey:H});n=(null==i?void 0:i.data)||[],r=(null==i?void 0:i.pagination)||{}}return n&&Array.isArray(n)&&(Le(n,i),xe(e=>({...e,page:a,hasMore:((null==r?void 0:r.totalCount)||0)>a*je,total:(null==r?void 0:r.totalCount)||0,isLoadingMore:!1})),(null==n?void 0:n.length)>0&&Be()),n||[]}catch(n){return xe(e=>({...e,isLoadingMore:!1})),[]}finally{ae(!1)}},[L,Y,P,R,je,Le]),Oe=l.useMemo(()=>r.debounce(async e=>{le||(e||Ce||!ce||(xe({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ie("",N,1,!1)),(null==e?void 0:e.length)>1&&!Ce&&(xe({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ie(e,N,1,!1)))},700),[Ce,ce,JSON.stringify(N)]),_e=l.useCallback(async()=>{!(JSON.stringify(N)!==JSON.stringify(fe))||Ce||oe||(ye(N),ne([]),se(!1),xe({page:1,hasMore:!0,isLoadingMore:!1,total:0})),Ce||oe||(await Ie(Z,N,1,!1),se(!0))},[JSON.stringify(N),Ce,oe]),Be=l.useCallback(()=>{let e=!1;const l=null==we?void 0:we.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==E||E(A?l:l[0]),e=!0),e},[we,g,A,E]),Ne=l.useCallback(async()=>{if(ve)return;if(await Be())return;const e=A?g&&(null==g?void 0:g.filter(e=>Boolean(Number(e)))):g||null;(A?(null==e?void 0:e.length)>0:e)&&!Ce&&(de(!0),await Ie("",{...N,"&id.in":e},1,!1),de(!1))},[ve,g,JSON.stringify(N)]),Pe=A?Array.isArray(g)&&g.length>0:null!=g&&""!==g;return l.useEffect(()=>(ve&&Oe(Z),()=>Oe.cancel()),[Z,JSON.stringify(N),ve,oe,Oe]),l.useEffect(()=>{Be()},[Be]),l.useEffect(()=>{Ne()},[Ne]),l.useEffect(()=>{ve&&_e()},[ve,_e]),l.useEffect(()=>{const e=JSON.stringify(N)!==JSON.stringify(fe);N&&e&&se(!1)},[N,fe]),l.useEffect(()=>{if(g&&!ve){const e=(null==C?void 0:C.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))||[];te(e)}te(null==we?void 0:we.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))},[g,ve,C,A]),/* @__PURE__ */e.jsxs(a.default,{labelId:n,name:w,defaultValue:q||(A?[]:""),placeholder:k,className:"filter-select",size:S,onOpen:()=>pe(!0),onClose:()=>{pe(!1),(null==Z?void 0:Z.length)>0&&se(!1),he(!1),ee("")},onChange:e=>{const{value:l}=e.target;if(A&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==we?void 0:we.filter(e=>A?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);null==x||x(e,A?a:null==a?void 0:a[0])},showCancelButton:X,multiple:A,label:me(m),fullWidth:!0,displayEmpty:!0,autoFocus:O,error:Boolean(_),disabled:B,value:ue?A?[]:"":(null==g?void 0:g.id)||g||(A?[]:""),searchPlaceholder:M,CustomDropdownIcon:K,sx:A&&(null==g?void 0:g.length)?{...D,"& .MuiSelect-select":{padding:"5.5px !important"}}:D,MenuProps:{PaperProps:{onScroll:qe,style:{maxHeight:295,maxWidth:250}}},input:B?void 0:/* @__PURE__ */e.jsx(v.default,{label:"",sx:W,endAdornment:/* @__PURE__ */e.jsx(p.default,{position:"end",children:le||z?/* @__PURE__ */e.jsx(h.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):X&&Pe&&/* @__PURE__ */e.jsx(f.default,{"aria-label":"clear selection",onClick:Se,edge:"end",sx:be?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(y.Close,{fontSize:"small",color:"theme.primary.800"})})})}),renderValue:l=>{var a,i;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(o.default,{selectedLabel:F,data:(i=l,Array.isArray(i)&&(null==i?void 0:i.length)>0&&(null==i?void 0:i.filter(e=>e))),placeholder:k,onDelete:T,disabled:B,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(we)&&(null==we?void 0:we.length)>0&&(null==(a=null==we?void 0:we.find(e=>(null==e?void 0:e.value)==g))?void 0:a.label)||l||k})},handleSearch:e=>{ee(e),he(!0)},children:[j({options:we,multiple:Boolean(A),placeholder:k,values:g,with_checkboxes:!0,field:{enable_footer:Q,onFooterClick:U,label:m},disabledIds:J,handleClear:Se,handleChange:$,hasParent:G}),ge.isLoadingMore&&/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(h.default,{size:20})})})]})};
 //# sourceMappingURL=index.js.map

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 return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\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))) : Number(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) => {\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 return hasOptions;\n }, [filteredOptions, value, multiple, getSelectedData]);\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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"}

package/dist/hooks/useApi/index.esm.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { enqueueSnackbar } from "../../node_modules/notistack/notistack.esm/index.esm.js";
 import { useState, useCallback } from "react";
 import { useDispatch } from "react-redux";
+import { getErrorMessage } from "../../utils/common/index.esm.js";
 function apiHelper({
   res,
   callBack,
@@ -10,21 +11,19 @@ function apiHelper({
 }) {
   var _a, _b;
   if (((_a = res == null ? void 0 : res.meta) == null ? void 0 : _a.requestStatus) === "rejected") {
-    const message = ((_b = res == null ? void 0 : res.payload) == null ? void 0 : _b.message) || "Something went wrong";
+    const errorMessage = getErrorMessage((_b = res == null ? void 0 : res.error) == null ? void 0 : _b.message);
     if (showError) {
-      enqueueSnackbar(message, {
+      enqueueSnackbar(errorMessage, {
         variant: "error"
       });
     }
     if (errorCallback && typeof errorCallback === "function") {
-      errorCallback(message);
+      errorCallback(errorMessage);
     }
     return;
   }
   if (succsessMessage) {
-    enqueueSnackbar(succsessMessage, {
-      variant: "success"
-    });
+    enqueueSnackbar(succsessMessage);
   }
   if (callBack && typeof callBack === "function") {
     callBack();

package/dist/hooks/useApi/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../src/hooks/useApi.ts"],"sourcesContent":["import { enqueueSnackbar } from 'notistack';\nimport { useCallback, useState } from 'react';\nimport { useDispatch } from 'react-redux';\ninterface UseApiProps {\n apiFunc: any;\n onSuccess?: any;\n onError?: any;\n enableLoading?: any;\n successMessage?: string;\n errorMessage?: string \| null;\n loadingState?: any;\n showError?: boolean;\n}\n\ntype ApiResponse = {\n meta?: {\n requestStatus?: string;\n };\n error?: {\n message?: string;\n };\n payload?: any\n};\n\ntype Callback = () => void;\n\nfunction apiHelper({\n res,\n callBack,\n showError = true,\n errorCallback,\n succsessMessage = null,\n}: {\n res: ApiResponse;\n callBack?: Callback;\n showError?: boolean;\n errorCallback?: (error: any) => void;\n succsessMessage?: string \| null;\n}): void {\n if (res?.meta?.requestStatus === \"rejected\") {\n const ~~message~~ = res?.~~payload~~?.message \|\| \~~"Something went wrong\";\~~n if (showError) {\n enqueueSnackbar(~~message~~, {\n variant: \"error\",\n });\n }\n\n if (errorCallback && typeof errorCallback === \"function\") {\n errorCallback(~~message~~);\n }\n return;\n }\n if (succsessMessage) {\n enqueueSnackbar(succsessMessage~~, {\n variant: \"success\",\n }~~);\n }\n if (callBack && typeof callBack === \"function\") {\n callBack();\n }\n}\n\n\nexport default function useApi() {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const dispatch = useDispatch();\n const callApi = useCallback(async ({\n apiFunc,\n onSuccess,\n onError,\n successMessage,\n errorMessage,\n loadingState,\n enableLoading = true,\n showError = true,\n }: UseApiProps) => {\n if (enableLoading) setLoading(true);\n loadingState?.(true);\n const response = await dispatch(apiFunc);\n if (enableLoading) setLoading(false);\n loadingState?.(false);\n apiHelper(\n {\n res: response,\n callBack: () => {\n onSuccess?.(response);\n },\n errorCallback: (err) => {\n onError?.(response);\n setError(errorMessage \|\| err);\n },\n succsessMessage: successMessage,\n showError,\n }\n )\n\n return { response, error }\n\n }, [])\n\n return { callApi, loading, error };\n}\n"],"names":[],"mappings":"~~;;;AA0BA~~,SAAS,UAAU;AAAA,EACf;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACtB,GAMS;;AACL,QAAI,gCAAK,SAAL,mBAAW,mBAAkB,YAAY;AACzC,UAAM,~~YAAU~~,gCAAK,~~YAAL~~,~~mBAAc~~,~~YAAW~~;~~AACzC~~,QAAI,WAAW;AACX,sBAAgB,~~SAAS~~;AAAA,~~QACrB~~,SAAS;AAAA,MAAA,CACZ;AAAA,IACL;AAEA,QAAI,iBAAiB,OAAO,kBAAkB,YAAY;AACtD,oBAAc,~~OAAO~~;AAAA,~~IACzB~~;AACA;AAAA,EACJ;AACA,MAAI,iBAAiB;AACjB,oBAAgB,~~iBAAiB~~;AAAA,~~MAC7B,SAAS~~;~~AAAA,IAAA,CACZ;AAAA,EACL;~~AACA,MAAI,YAAY,OAAO,aAAa,YAAY;AAC5C,aAAA;AAAA,EACJ;AACJ;AAGA,SAAwB,SAAS;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,WAAW,YAAA;AACjB,QAAM,UAAU,YAAY,OAAO;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,YAAY;AAAA,EAAA,MACG;AACf,QAAI,0BAA0B,IAAI;AAClC,iDAAe;AACf,UAAM,WAAW,MAAM,SAAS,OAAO;AACvC,QAAI,0BAA0B,KAAK;AACnC,iDAAe;AACf;AAAA,MACI;AAAA,QACI,KAAK;AAAA,QACL,UAAU,MAAM;AACZ,iDAAY;AAAA,QAChB;AAAA,QACA,eAAe,CAAC,QAAQ;AACpB,6CAAU;AACV,mBAAS,gBAAgB,GAAG;AAAA,QAChC;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,EAAE,UAAU,MAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,SAAS,SAAS,MAAA;AAC/B;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../src/hooks/useApi.ts"],"sourcesContent":["import { getErrorMessage } from '@/utils';\nimport { enqueueSnackbar } from 'notistack';\nimport { useCallback, useState } from 'react';\nimport { useDispatch } from 'react-redux';\ninterface UseApiProps {\n apiFunc: any;\n onSuccess?: any;\n onError?: any;\n enableLoading?: any;\n successMessage?: string;\n errorMessage?: string \| null;\n loadingState?: any;\n showError?: boolean;\n}\n\ntype ApiResponse = {\n meta?: {\n requestStatus?: string;\n };\n error?: {\n message?: string;\n };\n payload?: any\n};\n\ntype Callback = () => void;\n\nfunction apiHelper({\n res,\n callBack,\n showError = true,\n errorCallback,\n succsessMessage = null,\n}: {\n res: ApiResponse;\n callBack?: Callback;\n showError?: boolean;\n errorCallback?: (error: any) => void;\n succsessMessage?: string \| null;\n}): void {\n if (res?.meta?.requestStatus === \"rejected\") {\n const errorMessage = getErrorMessage(res?.error?.message)\n if (showError) {\n enqueueSnackbar(errorMessage, {\n variant: \"error\",\n });\n }\n\n if (errorCallback && typeof errorCallback === \"function\") {\n errorCallback(errorMessage);\n }\n return;\n }\n if (succsessMessage) {\n enqueueSnackbar(succsessMessage);\n }\n if (callBack && typeof callBack === \"function\") {\n callBack();\n }\n}\n\n\nexport default function useApi() {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const dispatch = useDispatch();\n const callApi = useCallback(async ({\n apiFunc,\n onSuccess,\n onError,\n successMessage,\n errorMessage,\n loadingState,\n enableLoading = true,\n showError = true,\n }: UseApiProps) => {\n if (enableLoading) setLoading(true);\n loadingState?.(true);\n const response = await dispatch(apiFunc);\n if (enableLoading) setLoading(false);\n loadingState?.(false);\n apiHelper(\n {\n res: response,\n callBack: () => {\n onSuccess?.(response);\n },\n errorCallback: (err) => {\n onError?.(response);\n setError(errorMessage \|\| err);\n },\n succsessMessage: successMessage,\n showError,\n }\n )\n\n return { response, error }\n\n }, [])\n\n return { callApi, loading, error };\n}\n"],"names":[],"mappings":";;;;AA2BA,SAAS,UAAU;AAAA,EACf;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACtB,GAMS;;AACL,QAAI,gCAAK,SAAL,mBAAW,mBAAkB,YAAY;AACzC,UAAM,eAAe,iBAAgB,gCAAK,UAAL,mBAAY,OAAO;AACxD,QAAI,WAAW;AACX,sBAAgB,cAAc;AAAA,QAC1B,SAAS;AAAA,MAAA,CACZ;AAAA,IACL;AAEA,QAAI,iBAAiB,OAAO,kBAAkB,YAAY;AACtD,oBAAc,YAAY;AAAA,IAC9B;AACA;AAAA,EACJ;AACA,MAAI,iBAAiB;AACjB,oBAAgB,eAAe;AAAA,EACnC;AACA,MAAI,YAAY,OAAO,aAAa,YAAY;AAC5C,aAAA;AAAA,EACJ;AACJ;AAGA,SAAwB,SAAS;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,WAAW,YAAA;AACjB,QAAM,UAAU,YAAY,OAAO;AAAA,IAC/B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,YAAY;AAAA,EAAA,MACG;AACf,QAAI,0BAA0B,IAAI;AAClC,iDAAe;AACf,UAAM,WAAW,MAAM,SAAS,OAAO;AACvC,QAAI,0BAA0B,KAAK;AACnC,iDAAe;AACf;AAAA,MACI;AAAA,QACI,KAAK;AAAA,QACL,UAAU,MAAM;AACZ,iDAAY;AAAA,QAChB;AAAA,QACA,eAAe,CAAC,QAAQ;AACpB,6CAAU;AACV,mBAAS,gBAAgB,GAAG;AAAA,QAChC;AAAA,QACA,iBAAiB;AAAA,QACjB;AAAA,MAAA;AAAA,IACJ;AAGJ,WAAO,EAAE,UAAU,MAAA;AAAA,EAEvB,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,SAAS,SAAS,MAAA;AAC/B;"}

package/dist/hooks/useApi/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/notistack/notistack.esm/index.js"),r=require("react"),s=require("react-redux");exports.default=function(){const[a,n]=r.useState(!1),[o,t]=r.useState(null),u=s.useDispatch();return{callApi:r.useCallback(async({apiFunc:r,onSuccess:s,onError:a,successMessage:l,errorMessage:c,loadingState:i,enableLoading:d=!0,showError:g=!0})=>{d&&n(!0),null==i||i(!0);const p=await u(r);return d&&n(!1),null==i||i(!1),function({res:r,callBack:s,showError:a=!0,errorCallback:n,succsessMessage:o=null}){var t,u;if("rejected"===(null==(t=null==r?void 0:r.meta)?void 0:t.requestStatus)){const s=(null==(u=null==r?void 0:r.payload)?void 0:u.message)||"Something went wrong";return a&&e.enqueueSnackbar(s,{variant:"error"}),void(n&&"function"==typeof n&&n(s))}o&&e.enqueueSnackbar(o,{variant:"success"}),s&&"function"==typeof s&&s()}({res:p,callBack:()=>{null==s||s(p)},errorCallback:e=>{null==a||a(p),t(c||e)},succsessMessage:l,showError:g}),{response:p,error:o}},[]),loading:a,error:o}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/notistack/notistack.esm/index.js"),r=require("react"),s=require("react-redux"),a=require("../../utils/common/index.js");exports.default=function(){const[n,o]=r.useState(!1),[u,t]=r.useState(null),l=s.useDispatch();return{callApi:r.useCallback(async({apiFunc:r,onSuccess:s,onError:n,successMessage:c,errorMessage:i,loadingState:d,enableLoading:g=!0,showError:f=!0})=>{g&&o(!0),null==d||d(!0);const k=await l(r);return g&&o(!1),null==d||d(!1),function({res:r,callBack:s,showError:n=!0,errorCallback:o,succsessMessage:u=null}){var t,l;if("rejected"===(null==(t=null==r?void 0:r.meta)?void 0:t.requestStatus)){const s=a.getErrorMessage(null==(l=null==r?void 0:r.error)?void 0:l.message);return n&&e.enqueueSnackbar(s,{variant:"error"}),void(o&&"function"==typeof o&&o(s))}u&&e.enqueueSnackbar(u),s&&"function"==typeof s&&s()}({res:k,callBack:()=>{null==s||s(k)},errorCallback:e=>{null==n||n(k),t(i||e)},succsessMessage:c,showError:f}),{response:k,error:u}},[]),loading:n,error:u}};
 //# sourceMappingURL=index.js.map