@erpsquad/common 1.8.67 → 1.8.69

package/dist/components/searchable-select/index.js.map

@@ -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\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}\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    } = 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;\n    }, [isInternal, apiType]);\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        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const {data=[],pagination={}} = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters,\n                    select: attributes,\n                    order: sortOrder\n                },\n                labelKey,\n                valueKey\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: pagination?.totalCount > (page*limit),\n                    total: pagination?.totalCount,\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, 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\" sx={{ 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","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","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","fetchApi","apiKey","limit","skip","search","select","order","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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"}
+{"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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"}

package/dist/hooks/index.d.ts

@@ -25,4 +25,5 @@ export { default as useAppTranslations } from './use-translations';
 // Common hook utilities
 export * from './common';
 export { default as apiHelper } from './apiHelper';
-export * from './useDataFetcher';
+export * from './useDataFetcher';
+export { default as useApi } from './useApi';

package/dist/hooks/index.esm.js

@@ -11,6 +11,7 @@ import { default as default7 } from "./useDataFetcher/index.esm.js";
 import { default as default8 } from "./use-translations/index.esm.js";
 import { apiType, capitalizeWords, convertEmptyToNull, defaultUserCurrency, formatNumber, formatTime, formateDate, recursiveSort, removeExtraKeys, sortData, valueWithCurrency } from "./common/index.esm.js";
 import { default as default9 } from "./apiHelper/index.esm.js";
+import { default as default10 } from "./useApi/index.esm.js";
 export {
   default9 as apiHelper,
   apiType,
@@ -23,6 +24,7 @@ export {
   recursiveSort,
   removeExtraKeys,
   sortData,
+  default10 as useApi,
   default8 as useAppTranslations,
   useAuth,
   default6 as useCheckSkuAndName,

package/dist/hooks/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useLangauge/index.js"),r=require("./useAuth/index.js"),s=require("./use-pages/index.js"),t=require("./use-permissions/index.js"),u=require("./use-deep-memo/index.js"),a=require("./use-material-calculations/index.js"),o=require("./useLanguageFallback/index.js"),i=require("./useLocationFilter/index.js"),p=require("./useCheckSkuAndName/index.js"),n=require("./useDataFetcher/index.js"),x=require("./use-translations/index.js"),l=require("./common/index.js"),d=require("./apiHelper/index.js");exports.useLanguage=e.useLanguage,exports.useAuth=r.useAuth,exports.usePages=s.usePages,exports.usePermissions=t.usePermissions,exports.useDeepMemo=u.default,exports.useMaterialCalculations=a.default,exports.useLanguageFallback=o.default,exports.useLocationFilter=i.default,exports.useCheckSkuAndName=p.default,exports.useDataFetcher=n.default,exports.useAppTranslations=x.default,exports.apiType=l.apiType,exports.capitalizeWords=l.capitalizeWords,exports.convertEmptyToNull=l.convertEmptyToNull,exports.defaultUserCurrency=l.defaultUserCurrency,exports.formatNumber=l.formatNumber,exports.formatTime=l.formatTime,exports.formateDate=l.formateDate,exports.recursiveSort=l.recursiveSort,exports.removeExtraKeys=l.removeExtraKeys,exports.sortData=l.sortData,exports.valueWithCurrency=l.valueWithCurrency,exports.apiHelper=d.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useLangauge/index.js"),r=require("./useAuth/index.js"),s=require("./use-pages/index.js"),t=require("./use-permissions/index.js"),u=require("./use-deep-memo/index.js"),a=require("./use-material-calculations/index.js"),i=require("./useLanguageFallback/index.js"),o=require("./useLocationFilter/index.js"),p=require("./useCheckSkuAndName/index.js"),x=require("./useDataFetcher/index.js"),n=require("./use-translations/index.js"),l=require("./common/index.js"),d=require("./apiHelper/index.js"),m=require("./useApi/index.js");exports.useLanguage=e.useLanguage,exports.useAuth=r.useAuth,exports.usePages=s.usePages,exports.usePermissions=t.usePermissions,exports.useDeepMemo=u.default,exports.useMaterialCalculations=a.default,exports.useLanguageFallback=i.default,exports.useLocationFilter=o.default,exports.useCheckSkuAndName=p.default,exports.useDataFetcher=x.default,exports.useAppTranslations=n.default,exports.apiType=l.apiType,exports.capitalizeWords=l.capitalizeWords,exports.convertEmptyToNull=l.convertEmptyToNull,exports.defaultUserCurrency=l.defaultUserCurrency,exports.formatNumber=l.formatNumber,exports.formatTime=l.formatTime,exports.formateDate=l.formateDate,exports.recursiveSort=l.recursiveSort,exports.removeExtraKeys=l.removeExtraKeys,exports.sortData=l.sortData,exports.valueWithCurrency=l.valueWithCurrency,exports.apiHelper=d.default,exports.useApi=m.default;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,73 @@
+import { enqueueSnackbar } from "../../node_modules/notistack/notistack.esm/index.esm.js";
+import { useState, useCallback } from "react";
+import { useDispatch } from "react-redux";
+function apiHelper({
+  res,
+  callBack,
+  showError = true,
+  errorCallback,
+  succsessMessage = null
+}) {
+  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";
+    if (showError) {
+      enqueueSnackbar(message, {
+        variant: "error"
+      });
+    }
+    if (errorCallback && typeof errorCallback === "function") {
+      errorCallback(message);
+    }
+    return;
+  }
+  if (succsessMessage) {
+    enqueueSnackbar(succsessMessage, {
+      variant: "success"
+    });
+  }
+  if (callBack && typeof callBack === "function") {
+    callBack();
+  }
+}
+function useApi() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const dispatch = useDispatch();
+  const callApi = useCallback(async ({
+    apiFunc,
+    onSuccess,
+    onError,
+    successMessage,
+    errorMessage,
+    loadingState,
+    enableLoading = true,
+    showError = true
+  }) => {
+    if (enableLoading) setLoading(true);
+    loadingState == null ? void 0 : loadingState(true);
+    const response = await dispatch(apiFunc);
+    if (enableLoading) setLoading(false);
+    loadingState == null ? void 0 : loadingState(false);
+    apiHelper(
+      {
+        res: response,
+        callBack: () => {
+          onSuccess == null ? void 0 : onSuccess(response);
+        },
+        errorCallback: (err) => {
+          onError == null ? void 0 : onError(response);
+          setError(errorMessage || err);
+        },
+        succsessMessage: successMessage,
+        showError
+      }
+    );
+    return { response, error };
+  }, []);
+  return { callApi, loading, error };
+}
+export {
+  useApi as default
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +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;"}

package/dist/hooks/useApi/index.js

@@ -0,0 +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}};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useApi/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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":["loading","setLoading","useState","error","setError","dispatch","useDispatch","callApi","useCallback","async","apiFunc","onSuccess","onError","successMessage","errorMessage","loadingState","enableLoading","showError","response","res","callBack","errorCallback","succsessMessage","_a","meta","requestStatus","message","_b","payload","enqueueSnackbar","variant","apiHelper","err"],"mappings":"qMA+DA,WACI,MAAOA,EAASC,GAAcC,EAAAA,UAAS,IAChCC,EAAOC,GAAYF,EAAAA,SAAS,MAC7BG,EAAWC,EAAAA,cAmCjB,MAAO,CAAEC,QAlCOC,EAAAA,YAAYC,OACxBC,UACAC,YACAC,UACAC,iBACAC,eACAC,eACAC,iBAAgB,EAChBC,aAAY,MAERD,MAA0B,GAC9B,MAAAD,GAAAA,GAAe,GACf,MAAMG,QAAiBb,EAASK,GAkBhC,OAjBIM,MAA0B,GAC9B,MAAAD,GAAAA,GAAe,GAvDvB,UAAmBI,IACfA,EAAAC,SACAA,EAAAH,UACAA,GAAY,EAAAI,cACZA,EAAAC,gBACAA,EAAkB,eAQlB,GAAiC,cAA7B,OAAAC,EAAA,MAAAJ,OAAA,EAAAA,EAAKK,WAAL,EAAAD,EAAWE,eAA8B,CACzC,MAAMC,GAAU,OAAAC,EAAA,MAAAR,OAAA,EAAAA,EAAKS,cAAL,EAAAD,EAAcD,UAAW,uBAUzC,OATIT,GACAY,EAAAA,gBAAgBH,EAAS,CACrBI,QAAS,eAIbT,GAA0C,mBAAlBA,GACxBA,EAAcK,GAGtB,CACIJ,GACAO,EAAAA,gBAAgBP,EAAiB,CAC7BQ,QAAS,YAGbV,GAAgC,mBAAbA,GACnBA,GAER,CAsBQW,CACI,CACIZ,IAAKD,EACLE,SAAU,KACN,MAAAT,GAAAA,EAAYO,IAEhBG,cAAgBW,IACZ,MAAApB,GAAAA,EAAUM,GACVd,EAASU,GAAgBkB,IAE7BV,gBAAiBT,EACjBI,cAID,CAAEC,WAAUf,UAEpB,IAEeH,UAASG,QAC/B"}