@erpsquad/common 1.8.106 → 1.8.108

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\nimport { dynamicSelectAdd } from './select-configuration';\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    MenuItemProps,\n    OutlinedInput,\n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport { debounce } from 'lodash';\nimport { sortBy } from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport { Add, Close } from '@mui/icons-material';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport { fetchApi } from '../../../../utils/api';\nimport './element.scss';\nimport { useLanguage } from '@/hooks';\n\n// Types\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\n\n\ninterface IMenuItemsProps extends MenuItemProps {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: IDynamicSearchSelectProps;\n    disabledIds: (string | number)[];\n    onChange: (value: string | string[]) => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent: boolean;\n    t: (key: string) => string;\n    // onFooterClick?: () => void;\n}\n\ninterface IDynamicSearchSelectProps {\n    name: string;\n    placeholder: string;\n    label: string;\n    size?: 'small' | 'medium';\n    options: IOption[];\n    formControl: Control<any>;\n    defaultValue?: string | string[];\n    fieldArrayName: string;\n    id?: string;\n    required?: boolean;\n    is_multiselect?: boolean;\n    position?: number;\n    formType?: string;\n    typeOfField?: string;\n    disabled?: boolean;\n    onChipRemove?: (value: string) => void;\n    enable_footer?: boolean;\n    footer_action?: string;\n    onFooterClick?: () => void;\n    is_loading?: boolean;\n    selectedLabel?: string;\n    isInternal?: boolean;\n    disabledIds?: (string | number)[];\n    getSelectedData?: (data: IOption | IOption[] | null, name: string) => void;\n    attributes?: string[];\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n    sortOrder?: string;\n    apiType?: string;\n    handleOptions?: (value: any) => void;\n    filterKey?: string;\n    customeFilter?: Record<string, any>;\n    refresh?: boolean;\n    addType?: string;\n    showCancelButton?: boolean;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\n// Helper function to generate menu items\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    // field,\n    disabledIds,\n    onChange,\n    handleChange,\n    hasParent,\n    t,\n    // onFooterClick\n}: IMenuItemsProps): React.ReactElement[] => {\n    const itemDisabled = (id: string | number) => disabledIds?.includes(id);\n    const items: React.ReactElement[] = [];\n\n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{t(placeholder)}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n    const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\n\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n\n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n\n        onChange(updatedValues);\n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    if (Array.isArray(options) && options.length > 0) {\n        options.forEach((option) => {\n            items.push(\n                <MenuItem\n                    value={option.value}\n                    key={option.value}\n                    disabled={Boolean(option.disabled) || itemDisabled(option.id || option.value)}\n                    className={option.isGroup ? 'select--MenuItemHeader' : ''}\n                >\n                    <Box sx={{ display: 'flex', gap: 1 }}>\n                        {multiple && with_checkboxes && (\n                            <Checkbox\n                                checked={\n                                    hasParent\n                                        ? isAllOptionsSelected(option.value, option.options || [])\n                                        : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\n                                }\n                                indeterminate={\n                                    hasParent && isSomeOptionsSelected(option.options || [])\n                                }\n                                onChange={() => hasParent ? handleParentChange(option.value, option.options || []) : handleChange?.(option.value)}\n                            />\n                        )}\n                        <Typography\n                            type='s3'\n                            color='theme.secondary.1000'\n                            onClick={() => handleChange?.(option.value)}\n                        >\n                            {option.label}\n                        </Typography>\n                    </Box>\n                </MenuItem>\n            );\n\n            if (option.isGroup && Array.isArray(option.options)) {\n                option.options.forEach((opt) => {\n                    items.push(\n                        <MenuItem\n                            value={opt.value}\n                            disabled={Boolean(opt.disabled) || itemDisabled(opt.id || opt.value)}\n                            sx={{ pl: 5 }}\n                            key={`${option.value}-${opt.value}`}\n                        >\n                            <Box sx={{ display: 'flex', gap: 1 }}>\n                                {multiple && with_checkboxes && (\n                                    <Checkbox\n                                        checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\n                                    />\n                                )}\n                                <Typography\n                                    type='s3'\n                                    color='theme.secondary.1000'\n                                    onClick={() => handleChange?.(String(opt.value))}\n                                >\n                                    {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                                </Typography>\n                            </Box>\n                        </MenuItem>\n                    );\n                });\n            }\n        });\n    }\n\n    // if (field.enable_footer) {\n\n    // }\n\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\n// Selected items component\nconst SelectedItems: React.FC<{\n    data: (string | number)[];\n    options: IOption[];\n}> = ({ data, options }) => {\n    const displayTitle = data.map(\n        (selectedItem) =>\n            options?.find((option) => option.value == selectedItem)?.label || ''\n    );\n    const filteredDisplayTitle = displayTitle.filter(Boolean);\n\n    return (\n        <Typography\n            type='s4'\n            color='inherit'\n            sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\n        >\n            {filteredDisplayTitle.slice(0, 4).join(', ')}\n            {data.length > 4 && (\n                <Chip variant='outlined' type='normal' label={<MoreIcon />} />\n            )}\n        </Typography>\n    );\n};\n\nconst Loading = () => (\n    <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\n)\n\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\n    console.log(\"🚀 ~ props:\", props)\n    const watchedValue = useWatch({\n        control: props.formControl,\n        name: `${props.fieldArrayName}.${props.name}`\n    });\n\n    const formContext = useFormContext();\n    const { setValue } = formContext || {};\n    const { t } = useTranslation();\n    const { isRtl } = useLanguage();\n    const selectRef = useRef<HTMLDivElement>(null);\n\n    // State management\n    const [options, setOptions] = useState<IOption[]>([]);\n    const [selectedValue, setSelectedValue] = useState<any>(null);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [open, setOpen] = useState<boolean>(false);\n    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const [initialLoading, setInitialLoading] = useState<boolean>(false);\n    const [searchQuery, setSearchQuery] = useState<string>(\"\");\n    const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\n    const [addConfig, setAddConfig] = useState<any>(null);\n\n    // Modal states\n    const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\n    const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\n\n\n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    // Props destructuring with defaults\n    const {\n        handleOptions,\n        isInternal = false,\n        disabledIds = [],\n        getSelectedData,\n        attributes = [],\n        filterKey = 'id',\n        customeFilter = {},\n        refresh,\n        handleChange,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        apiType,\n        addType,\n        showCancelButton = true\n    } = props;\n\n    const limit = 25;\n\n    // Memoized values\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n    //eslint-disable-next-line\n    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\n\n    // Local search function\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return props.options || [];\n\n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n        const filteredOptions = hasParent\n            ? props.options?.reduce((acc: IOption[], opt) => {\n                const searchedOptions = opt.options?.filter((item) => {\n                    const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                    return label?.toLowerCase().includes(lowercasedSearchTerm);\n                });\n\n                if (searchedOptions?.length) {\n                    acc.push({ ...opt, options: searchedOptions });\n                }\n\n                return acc;\n            }, []) || []\n            : props.options?.filter((opt) => {\n                const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                return label?.toLowerCase().includes(lowercasedSearchTerm);\n            }) || [];\n        //eslint-disable-next-line\n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line\n    }, [props.options, hasParent]);\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index == -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Filtered options with pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, watchedValue);\n        }\n        return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\n        //eslint-disable-next-line\n    }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // API Functions\n    const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const { data = [], pagination = {} } = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters: flt,\n                    select: attributes,\n                    order: sortOrder\n                }\n            });\n\n            if (data && Array.isArray(data)) {\n                const newOptions = append ? [...options, ...data] : data;\n                updateOptions(newOptions, append);\n                handleSelectedValue(data);\n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page * limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n            }\n\n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line\n    }, [apiType, options, attributes, sortOrder, limit, cf]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n\n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, cf, nextPage, true);\n        }\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\n\n    // Update options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? options : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [options, selectedOptions, getUniqueOptions]);\n\n    // Handle selected value\n    const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\n        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\n        const isInOptions = updateOptions?.filter((item) =>\n            Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey] || item.value || item.id) == filterValue\n        );\n\n        if (Array.isArray(isInOptions) && isInOptions.length > 0) {\n            getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\n            return true;\n        }\n        return false;\n        //eslint-disable-next-line\n    }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData, filteredOptions]);\n\n    // Fetch options by ID\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await handleSelectedValue(filteredOptions)) return;\n\n        const condition = props.is_multiselect ?\n            Array.isArray(watchedValue) && watchedValue.length > 0 :\n            Boolean(watchedValue);\n\n        if (condition) {\n            setInitialLoading(true);\n            const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\n            setInitialLoading(false);\n\n            if (response.length == 0 && setValue && !isInternalOptions) {\n                // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\n            }\n        }\n        //eslint-disable-next-line\n    }, [open, watchedValue, JSON.stringify(cf)]);\n\n    // Initial fetch\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\n\n        if (condition) {\n            setPrevFilter(cf);\n            setOptions([]);\n            setIsAlreadyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlreadyLoaded) {\n            await fetchOptions(searchQuery, cf, 1, false);\n            setIsAlreadyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [cf, isInternalOptions, isAlreadyLoaded]);\n\n    // Debounced search\n    const debouncedSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n\n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', cf, 1, false);\n            }\n            if (searchTerm.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, cf, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line\n        [isInternalOptions, searchInitiate, cf]\n    );\n\n    // Reset value function\n    const resetValue = useCallback((field: any) => {\n        field.onChange(props.is_multiselect ? [] : null);\n        if (getSelectedData) {\n            getSelectedData(null, props.name);\n        }\n    }, [props.is_multiselect, props.name, getSelectedData]);\n\n    // Handle close\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        if (searchQuery.length > 0) {\n            setIsAlreadyLoaded(false);\n        }\n        setSearchInitiate(false);\n        setSearchQuery('');\n    }, [searchQuery]);\n\n    const handleModalOpen = useCallback(() => {\n        setIsModalOpen(true);\n    }, []);\n\n\n\n    // Handle modal save\n    const handleModalSave = useCallback(async (payload: any) => {\n        if (!addConfig || !addConfig.api) {\n            console.error('Add configuration is not properly set');\n            return;\n        }\n\n        setIsAddLoading(true);\n        try {\n            const result = await addConfig.api(payload);\n            setIsAddLoading(false);\n            setIsModalOpen(false);\n            if (!isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                setIsAlreadyLoaded(false);\n                await fetchOptions('', cf, 1, false);\n            }\n            if (result && result.data) {\n                const newValue = props.is_multiselect\n                    ? [...(watchedValue || []), result.data.id]\n                    : result.data.id;\n\n                if (setValue) {\n                    setValue(`${props.fieldArrayName}.${props.name}`, newValue);\n                }\n            }\n        } catch (error) {\n            console.log(\"error\", error);\n            setIsAddLoading(false);\n        }\n\n\n    }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\n\n    // Effects\n    useEffect(() => {\n        if (handleOptions) {\n            handleOptions(selectedValue);\n        }\n    }, [handleOptions, selectedValue]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (refresh) {\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n            fetchOptions('', cf, 1, false);\n        }\n    }, [refresh, fetchOptions, cf]);\n\n    useEffect(() => {\n        if (open) {\n            debouncedSearch(searchQuery);\n        }\n        return () => debouncedSearch.cancel();\n    }, [searchQuery, open, debouncedSearch]);\n\n    useEffect(() => {\n        if (watchedValue && !open) {\n            const selectedData = options?.filter((item) =>\n                props.is_multiselect ?\n                    Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) :\n                    (item.id || item.value) == watchedValue\n            );\n            setSelectedOptions(selectedData || []);\n        }\n    }, [watchedValue, options, props.is_multiselect, open]);\n\n    const removeUndefined = useCallback((selectOptions: any[]) => {\n        return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\n    }, []);\n\n    useEffect(() => {\n        const config = dynamicSelectAdd(addType);\n        setAddConfig(config);\n    }, [addType])\n\n\n    return (\n        <Controller\n            control={props.formControl}\n            name={`${props.fieldArrayName}.${props.name}`}\n            render={({ field, fieldState }) => (\n                <>\n                    {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\n                    <Select\n                        {...field}\n                        ref={selectRef}\n                        open={open}\n                        onOpen={() => setOpen(true)}\n                        onClose={handleClose}\n                        fullWidth\n                        dataPosition={props.position}\n                        dataName={`${props.fieldArrayName}.${props.name}`}\n                        placeholder={props.placeholder}\n                        label={props.label}\n                        defaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n                        searchValue={searchQuery}\n                        required={props.formType == 'builder' ? false : props.required}\n                        size={props.size || 'small'}\n                        multiple={props.is_multiselect || false}\n                        disabled={props.disabled}\n                        sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\n                        variant='outlined'\n                        value={\n                            initialLoading\n                                ? (props.is_multiselect ? [] : '')\n                                : (field.value?.id || field.value || (props.is_multiselect ? [] : ''))\n                        }\n                        className={\n                            props.is_multiselect && removeUndefined(field.value)?.length\n                                ? 'MultiSelect filter-select'\n                                : ''\n                        }\n                        MenuProps={{\n                            PaperProps: {\n                                onScroll: handleScroll,\n                                style: { maxHeight: 300 }\n                            }\n                        }}\n\n                        renderValue={(selected: any) => {\n                            if (Array.isArray(selected)) {\n                                return (\n                                    <ChipOrPlaceholder\n                                        selectedLabel={props.selectedLabel}\n                                        data={removeUndefined(selected)}\n                                        placeholder={(loading || props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\n                                        onDelete={props.onChipRemove}\n                                        disabled={props.disabled}\n                                        chipProps={{\n                                            sx: {\n                                                background: '#ebf9f2',\n                                                border: 0,\n                                                // borderRadius: '15px',\n                                                '& .MuiTypography-body1': {\n                                                    color: '#289b64',\n                                                    fontWeight: \"500\",\n                                                }\n                                            }\n                                        }}\n                                    />\n                                );\n                            } else {\n                                const selectedOption = filteredOptions.find(\n                                    (option) => (option.value?.id || option.value) == selected\n                                );\n                                return (loading || props.is_loading) ? <Loading /> : selectedOption?.label ||\n                                    (typeof props.label == 'string' ?\n                                        `${t('common.search')} ${props.label}` :\n                                        props.placeholder);\n                            }\n                        }}\n                        searchPlaceholder={`${t('common.search')} ${props.label}`}\n                        handleSearch={(text: string) => {\n                            setSearchQuery(text);\n                            setSearchInitiate(true);\n                        }}\n                        error={Boolean(fieldState.error?.message)}\n                        helperText={fieldState.error?.message || ''}\n                        onBlur={field.onBlur}\n                        input={\n                            <OutlinedInput\n                                label=''\n                                endAdornment={\n                                    <InputAdornment position='end'>\n                                        {(loading || props.is_loading) ? (\n                                            <CircularProgress\n                                                size={20}\n                                                sx={{ mr: 3, color: \"#4AC08C\" }}\n                                            />\n                                        ) : (\n                                            !props.disabled &&\n                                            (props.is_multiselect ?\n                                                (Array.isArray(field.value) && field.value.length > 0) :\n                                                Boolean(field.value)) && showCancelButton && (\n                                                <IconButton\n                                                    aria-label='clear selection'\n                                                    onClick={() => resetValue(field)}\n                                                    edge='end'\n                                                    sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                                    size='small'\n                                                >\n                                                    <Close sx={{ fontSize: '1rem' }} />\n                                                </IconButton>\n                                            )\n                                        )}\n                                    </InputAdornment>\n                                }\n                            />\n                        }\n                    >\n                        {generateMenuItems({\n                            options: filteredOptions,\n                            multiple: Boolean(props.is_multiselect),\n                            placeholder: props.placeholder,\n                            values: field.value,\n                            with_checkboxes: true,\n                            field: props,\n                            disabledIds,\n                            onChange: field.onChange,\n                            handleChange,\n                            hasParent,\n                            t,\n                            // onFooterClick: () => {\n                            //     if (props?.onFooterClick) {\n                            //         props?.onFooterClick();\n                            //     } else {\n                            //         handleModalOpen();\n                            //     }\n                            // }\n                        })}\n                        {props?.enable_footer &&\n                            <Box key=\"footer\" sx={{ position: 'sticky', bottom: 0, background: '#fff', zIndex: 1 }}>\n                                <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\n                                <MenuItem sx={{ gap: 1 }} onClick={\n                                    () => {\n                                        if (props?.onFooterClick) {\n                                            props?.onFooterClick();\n                                        } else {\n                                            handleModalOpen();\n                                        }\n                                    }\n\n                                }>\n                                    <Add fontSize='small' />\n                                    <Typography type='s4' color='theme.secondary.1000'>\n                                        Create New {props.label}\n                                    </Typography>\n                                </MenuItem>\n                            </Box>}\n                        {pagination.isLoadingMore && (\n                            <MenuItem disabled>\n                                <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                                    <CircularProgress size={20} />\n                                </Box>\n                            </MenuItem>\n                        )}\n                    </Select>\n\n                    {/* Modal for adding new items */}\n                    {addConfig && addConfig.component && (\n                        <>\n                            {React.createElement(addConfig.component, {\n                                isOpen: isModalOpen,\n                                setIsOpen: setIsModalOpen,\n                                isLoading: isAddLoading,\n                                onSave: handleModalSave,\n                                modalProps: {\n                                    maxWidth: 'md',\n                                    fullWidth: true\n                                },\n                                ...props?.modalComponentProps\n                            })}\n                        </>\n                    )}\n\n                    {props.is_multiselect && Array.isArray(field.value) && (\n                        <SelectedItems\n                            data={field.value}\n                            options={filteredOptions}\n                        />\n                    )}\n                </>\n            )}\n        />\n    );\n});\n\nDynamicSearchSelect.propTypes = {\n    name: PropTypes.string.isRequired,\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    size: PropTypes.string,\n    options: PropTypes.arrayOf(\n        PropTypes.shape({\n            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n            value: PropTypes.any\n        })\n    ).isRequired,\n    formControl: PropTypes.object.isRequired,\n    defaultValue: PropTypes.any,\n    fieldArrayName: PropTypes.string.isRequired,\n    id: PropTypes.string,\n    required: PropTypes.bool,\n    is_multiselect: PropTypes.bool,\n    position: PropTypes.number,\n    formType: PropTypes.string,\n    typeOfField: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChipRemove: PropTypes.func,\n    enable_footer: PropTypes.bool,\n    footer_action: PropTypes.string,\n    onFooterClick: PropTypes.func,\n    is_loading: PropTypes.bool,\n    selectedLabel: PropTypes.string,\n    isInternal: PropTypes.bool,\n    disabledIds: PropTypes.array,\n    getSelectedData: PropTypes.func,\n    attributes: PropTypes.array,\n    handleChange: PropTypes.func,\n    hasParent: PropTypes.bool,\n    sortOrder: PropTypes.string,\n    apiType: PropTypes.string,\n    handleOptions: PropTypes.func,\n    filterKey: PropTypes.string,\n    customeFilter: PropTypes.object,\n    refresh: PropTypes.bool,\n    addType: PropTypes.string,\n    modalComponentProps: PropTypes.object,\n    showCancelButton: PropTypes.bool\n};\n\nexport default DynamicSearchSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","disabledIds","onChange","handleChange","hasParent","t","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","mt","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","showCancelButton","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","field","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","fontSize","enable_footer","bottom","zIndex","Divider","flexItem","mb","onFooterClick","Add","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","modalComponentProps","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\nimport { dynamicSelectAdd } from './select-configuration';\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    MenuItemProps,\n    OutlinedInput,\n} from '@mui/material';\nimport PropTypes from 'prop-types';\nimport { debounce } from 'lodash';\nimport { sortBy } from \"lodash\";\nimport { useTranslation } from \"react-i18next\";\nimport { Add, Close } from '@mui/icons-material';\n\nimport Select from '../../../select/select';\nimport ChipOrPlaceholder from './chip-or-placeholder';\nimport Checkbox from '../../../checkbox/checkbox';\nimport Typography from '../../../typography/typography';\nimport Chip from '../../../chip/chip';\nimport { MoreIcon } from '../../../icons';\nimport { fetchApi } from '../../../../utils/api';\nimport './element.scss';\nimport { useLanguage } from '@/hooks';\n\n// Types\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\n\n\ninterface IMenuItemsProps extends MenuItemProps {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: IDynamicSearchSelectProps;\n    disabledIds: (string | number)[];\n    onChange: (value: string | string[]) => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent: boolean;\n    t: (key: string) => string;\n    // onFooterClick?: () => void;\n}\n\ninterface IDynamicSearchSelectProps {\n    name: string;\n    placeholder: string;\n    label: string;\n    size?: 'small' | 'medium';\n    options: IOption[];\n    formControl: Control<any>;\n    defaultValue?: string | string[];\n    fieldArrayName: string;\n    id?: string;\n    required?: boolean;\n    is_multiselect?: boolean;\n    position?: number;\n    formType?: string;\n    typeOfField?: string;\n    disabled?: boolean;\n    onChipRemove?: (value: string) => void;\n    enable_footer?: boolean;\n    footer_action?: string;\n    onFooterClick?: () => void;\n    is_loading?: boolean;\n    selectedLabel?: string;\n    isInternal?: boolean;\n    disabledIds?: (string | number)[];\n    getSelectedData?: (data: IOption | IOption[] | null, name: string) => void;\n    attributes?: string[];\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n    sortOrder?: string;\n    apiType?: string;\n    handleOptions?: (value: any) => void;\n    filterKey?: string;\n    customeFilter?: Record<string, any>;\n    refresh?: boolean;\n    addType?: string;\n    showCancelButton?: boolean;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\n// Helper function to generate menu items\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    // field,\n    disabledIds,\n    onChange,\n    handleChange,\n    hasParent,\n    t,\n    // onFooterClick\n}: IMenuItemsProps): React.ReactElement[] => {\n    const itemDisabled = (id: string | number) => disabledIds?.includes(id);\n    const items: React.ReactElement[] = [];\n\n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{t(placeholder)}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n    const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\n\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n\n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n\n        onChange(updatedValues);\n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    if (Array.isArray(options) && options.length > 0) {\n        options.forEach((option) => {\n            items.push(\n                <MenuItem\n                    value={option.value}\n                    key={option.value}\n                    disabled={Boolean(option.disabled) || itemDisabled(option.id || option.value)}\n                    className={option.isGroup ? 'select--MenuItemHeader' : ''}\n                >\n                    <Box sx={{ display: 'flex', gap: 1 }}>\n                        {multiple && with_checkboxes && (\n                            <Checkbox\n                                checked={\n                                    hasParent\n                                        ? isAllOptionsSelected(option.value, option.options || [])\n                                        : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\n                                }\n                                indeterminate={\n                                    hasParent && isSomeOptionsSelected(option.options || [])\n                                }\n                                onChange={() => hasParent ? handleParentChange(option.value, option.options || []) : handleChange?.(option.value)}\n                            />\n                        )}\n                        <Typography\n                            type='s3'\n                            color='theme.secondary.1000'\n                            onClick={() => handleChange?.(option.value)}\n                        >\n                            {option.label}\n                        </Typography>\n                    </Box>\n                </MenuItem>\n            );\n\n            if (option.isGroup && Array.isArray(option.options)) {\n                option.options.forEach((opt) => {\n                    items.push(\n                        <MenuItem\n                            value={opt.value}\n                            disabled={Boolean(opt.disabled) || itemDisabled(opt.id || opt.value)}\n                            sx={{ pl: 5 }}\n                            key={`${option.value}-${opt.value}`}\n                        >\n                            <Box sx={{ display: 'flex', gap: 1 }}>\n                                {multiple && with_checkboxes && (\n                                    <Checkbox\n                                        checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\n                                    />\n                                )}\n                                <Typography\n                                    type='s3'\n                                    color='theme.secondary.1000'\n                                    onClick={() => handleChange?.(String(opt.value))}\n                                >\n                                    {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                                </Typography>\n                            </Box>\n                        </MenuItem>\n                    );\n                });\n            }\n        });\n    }\n\n    // if (field.enable_footer) {\n\n    // }\n\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\n// Selected items component\nconst SelectedItems: React.FC<{\n    data: (string | number)[];\n    options: IOption[];\n}> = ({ data, options }) => {\n    const displayTitle = data.map(\n        (selectedItem) =>\n            options?.find((option) => option.value == selectedItem)?.label || ''\n    );\n    const filteredDisplayTitle = displayTitle.filter(Boolean);\n\n    return (\n        <Typography\n            type='s4'\n            color='inherit'\n            sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\n        >\n            {filteredDisplayTitle.slice(0, 4).join(', ')}\n            {data.length > 4 && (\n                <Chip variant='outlined' type='normal' label={<MoreIcon />} />\n            )}\n        </Typography>\n    );\n};\n\nconst Loading = () => (\n    <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\n)\n\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\n    const watchedValue = useWatch({\n        control: props.formControl,\n        name: `${props.fieldArrayName}.${props.name}`\n    });\n\n    const formContext = useFormContext();\n    const { setValue } = formContext || {};\n    const { t } = useTranslation();\n    const { isRtl } = useLanguage();\n    const selectRef = useRef<HTMLDivElement>(null);\n\n    // State management\n    const [options, setOptions] = useState<IOption[]>([]);\n    const [selectedValue, setSelectedValue] = useState<any>(null);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [open, setOpen] = useState<boolean>(false);\n    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const [initialLoading, setInitialLoading] = useState<boolean>(false);\n    const [searchQuery, setSearchQuery] = useState<string>(\"\");\n    const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\n    const [addConfig, setAddConfig] = useState<any>(null);\n\n    // Modal states\n    const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\n    const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\n\n\n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    // Props destructuring with defaults\n    const {\n        handleOptions,\n        isInternal = false,\n        disabledIds = [],\n        getSelectedData,\n        attributes = [],\n        filterKey = 'id',\n        customeFilter = {},\n        refresh,\n        handleChange,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        apiType,\n        addType,\n        showCancelButton = true\n    } = props;\n\n    const limit = 25;\n\n    // Memoized values\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n    //eslint-disable-next-line\n    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\n\n    // Local search function\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return props.options || [];\n\n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n\n        const filteredOptions = hasParent\n            ? props.options?.reduce((acc: IOption[], opt) => {\n                const searchedOptions = opt.options?.filter((item) => {\n                    const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                    return label?.toLowerCase().includes(lowercasedSearchTerm);\n                });\n\n                if (searchedOptions?.length) {\n                    acc.push({ ...opt, options: searchedOptions });\n                }\n\n                return acc;\n            }, []) || []\n            : props.options?.filter((opt) => {\n                const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                return label?.toLowerCase().includes(lowercasedSearchTerm);\n            }) || [];\n        //eslint-disable-next-line\n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line\n    }, [props.options, hasParent]);\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index == -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Filtered options with pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, watchedValue);\n        }\n        return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\n        //eslint-disable-next-line\n    }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // API Functions\n    const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const { data = [], pagination = {} } = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters: flt,\n                    select: attributes,\n                    order: sortOrder\n                }\n            });\n\n            if (data && Array.isArray(data)) {\n                const newOptions = append ? [...options, ...data] : data;\n                updateOptions(newOptions, append);\n                handleSelectedValue(data);\n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page * limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n            }\n\n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line\n    }, [apiType, options, attributes, sortOrder, limit, cf]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n\n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, cf, nextPage, true);\n        }\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\n\n    // Update options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? options : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [options, selectedOptions, getUniqueOptions]);\n\n    // Handle selected value\n    const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\n        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\n        const isInOptions = updateOptions?.filter((item) =>\n            Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey] || item.value || item.id) == filterValue\n        );\n\n        if (Array.isArray(isInOptions) && isInOptions.length > 0) {\n            getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\n            return true;\n        }\n        return false;\n        //eslint-disable-next-line\n    }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData, filteredOptions]);\n\n    // Fetch options by ID\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await handleSelectedValue(filteredOptions)) return;\n\n        const condition = props.is_multiselect ?\n            Array.isArray(watchedValue) && watchedValue.length > 0 :\n            Boolean(watchedValue);\n\n        if (condition) {\n            setInitialLoading(true);\n            const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\n            setInitialLoading(false);\n\n            if (response.length == 0 && setValue && !isInternalOptions) {\n                // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\n            }\n        }\n        //eslint-disable-next-line\n    }, [open, watchedValue, JSON.stringify(cf)]);\n\n    // Initial fetch\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\n\n        if (condition) {\n            setPrevFilter(cf);\n            setOptions([]);\n            setIsAlreadyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlreadyLoaded) {\n            await fetchOptions(searchQuery, cf, 1, false);\n            setIsAlreadyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [cf, isInternalOptions, isAlreadyLoaded]);\n\n    // Debounced search\n    const debouncedSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n\n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', cf, 1, false);\n            }\n            if (searchTerm.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, cf, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line\n        [isInternalOptions, searchInitiate, cf]\n    );\n\n    // Reset value function\n    const resetValue = useCallback((field: any) => {\n        field.onChange(props.is_multiselect ? [] : null);\n        if (getSelectedData) {\n            getSelectedData(null, props.name);\n        }\n    }, [props.is_multiselect, props.name, getSelectedData]);\n\n    // Handle close\n    const handleClose = useCallback(() => {\n        setOpen(false);\n        if (searchQuery.length > 0) {\n            setIsAlreadyLoaded(false);\n        }\n        setSearchInitiate(false);\n        setSearchQuery('');\n    }, [searchQuery]);\n\n    const handleModalOpen = useCallback(() => {\n        setIsModalOpen(true);\n    }, []);\n\n\n\n    // Handle modal save\n    const handleModalSave = useCallback(async (payload: any) => {\n        if (!addConfig || !addConfig.api) {\n            console.error('Add configuration is not properly set');\n            return;\n        }\n\n        setIsAddLoading(true);\n        try {\n            const result = await addConfig.api(payload);\n            setIsAddLoading(false);\n            setIsModalOpen(false);\n            if (!isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                setIsAlreadyLoaded(false);\n                await fetchOptions('', cf, 1, false);\n            }\n            if (result && result.data) {\n                const newValue = props.is_multiselect\n                    ? [...(watchedValue || []), result.data.id]\n                    : result.data.id;\n\n                if (setValue) {\n                    setValue(`${props.fieldArrayName}.${props.name}`, newValue);\n                }\n            }\n        } catch (error) {\n            console.log(\"error\", error);\n            setIsAddLoading(false);\n        }\n\n\n    }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\n\n    // Effects\n    useEffect(() => {\n        if (handleOptions) {\n            handleOptions(selectedValue);\n        }\n    }, [handleOptions, selectedValue]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (refresh) {\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n            fetchOptions('', cf, 1, false);\n        }\n    }, [refresh, fetchOptions, cf]);\n\n    useEffect(() => {\n        if (open) {\n            debouncedSearch(searchQuery);\n        }\n        return () => debouncedSearch.cancel();\n    }, [searchQuery, open, debouncedSearch]);\n\n    useEffect(() => {\n        if (watchedValue && !open) {\n            const selectedData = options?.filter((item) =>\n                props.is_multiselect ?\n                    Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) :\n                    (item.id || item.value) == watchedValue\n            );\n            setSelectedOptions(selectedData || []);\n        }\n    }, [watchedValue, options, props.is_multiselect, open]);\n\n    const removeUndefined = useCallback((selectOptions: any[]) => {\n        return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\n    }, []);\n\n    useEffect(() => {\n        const config = dynamicSelectAdd(addType);\n        setAddConfig(config);\n    }, [addType])\n\n\n    return (\n        <Controller\n            control={props.formControl}\n            name={`${props.fieldArrayName}.${props.name}`}\n            render={({ field, fieldState }) => (\n                <>\n                    {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\n                    <Select\n                        {...field}\n                        ref={selectRef}\n                        open={open}\n                        onOpen={() => setOpen(true)}\n                        onClose={handleClose}\n                        fullWidth\n                        dataPosition={props.position}\n                        dataName={`${props.fieldArrayName}.${props.name}`}\n                        placeholder={props.placeholder}\n                        label={props.label}\n                        defaultValue={props.defaultValue || (props.is_multiselect ? [] : '')}\n                        searchValue={searchQuery}\n                        required={props.formType == 'builder' ? false : props.required}\n                        size={props.size || 'small'}\n                        multiple={props.is_multiselect || false}\n                        disabled={props.disabled}\n                        sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\n                        variant='outlined'\n                        value={\n                            initialLoading\n                                ? (props.is_multiselect ? [] : '')\n                                : (field.value?.id || field.value || (props.is_multiselect ? [] : ''))\n                        }\n                        className={\n                            props.is_multiselect && removeUndefined(field.value)?.length\n                                ? 'MultiSelect filter-select'\n                                : ''\n                        }\n                        MenuProps={{\n                            PaperProps: {\n                                onScroll: handleScroll,\n                                style: { maxHeight: 300 }\n                            }\n                        }}\n\n                        renderValue={(selected: any) => {\n                            if (Array.isArray(selected)) {\n                                return (\n                                    <ChipOrPlaceholder\n                                        selectedLabel={props.selectedLabel}\n                                        data={removeUndefined(selected)}\n                                        placeholder={(loading || props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\n                                        onDelete={props.onChipRemove}\n                                        disabled={props.disabled}\n                                        chipProps={{\n                                            sx: {\n                                                background: '#ebf9f2',\n                                                border: 0,\n                                                // borderRadius: '15px',\n                                                '& .MuiTypography-body1': {\n                                                    color: '#289b64',\n                                                    fontWeight: \"500\",\n                                                }\n                                            }\n                                        }}\n                                    />\n                                );\n                            } else {\n                                const selectedOption = filteredOptions.find(\n                                    (option) => (option.value?.id || option.value) == selected\n                                );\n                                return (loading || props.is_loading) ? <Loading /> : selectedOption?.label ||\n                                    (typeof props.label == 'string' ?\n                                        `${t('common.search')} ${props.label}` :\n                                        props.placeholder);\n                            }\n                        }}\n                        searchPlaceholder={`${t('common.search')} ${props.label}`}\n                        handleSearch={(text: string) => {\n                            setSearchQuery(text);\n                            setSearchInitiate(true);\n                        }}\n                        error={Boolean(fieldState.error?.message)}\n                        helperText={fieldState.error?.message || ''}\n                        onBlur={field.onBlur}\n                        input={\n                            <OutlinedInput\n                                label=''\n                                endAdornment={\n                                    <InputAdornment position='end'>\n                                        {(loading || props.is_loading) ? (\n                                            <CircularProgress\n                                                size={20}\n                                                sx={{ mr: 3, color: \"#4AC08C\" }}\n                                            />\n                                        ) : (\n                                            !props.disabled &&\n                                            (props.is_multiselect ?\n                                                (Array.isArray(field.value) && field.value.length > 0) :\n                                                Boolean(field.value)) && showCancelButton && (\n                                                <IconButton\n                                                    aria-label='clear selection'\n                                                    onClick={() => resetValue(field)}\n                                                    edge='end'\n                                                    sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                                    size='small'\n                                                >\n                                                    <Close sx={{ fontSize: '1rem' }} />\n                                                </IconButton>\n                                            )\n                                        )}\n                                    </InputAdornment>\n                                }\n                            />\n                        }\n                    >\n                        {generateMenuItems({\n                            options: filteredOptions,\n                            multiple: Boolean(props.is_multiselect),\n                            placeholder: props.placeholder,\n                            values: field.value,\n                            with_checkboxes: true,\n                            field: props,\n                            disabledIds,\n                            onChange: field.onChange,\n                            handleChange,\n                            hasParent,\n                            t,\n                            // onFooterClick: () => {\n                            //     if (props?.onFooterClick) {\n                            //         props?.onFooterClick();\n                            //     } else {\n                            //         handleModalOpen();\n                            //     }\n                            // }\n                        })}\n                        {props?.enable_footer &&\n                            <Box key=\"footer\" sx={{ position: 'sticky', bottom: 0, background: '#fff', zIndex: 1 }}>\n                                <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\n                                <MenuItem sx={{ gap: 1 }} onClick={\n                                    () => {\n                                        if (props?.onFooterClick) {\n                                            props?.onFooterClick();\n                                        } else {\n                                            handleModalOpen();\n                                        }\n                                    }\n\n                                }>\n                                    <Add fontSize='small' />\n                                    <Typography type='s4' color='theme.secondary.1000'>\n                                        Create New {props.label}\n                                    </Typography>\n                                </MenuItem>\n                            </Box>}\n                        {pagination.isLoadingMore && (\n                            <MenuItem disabled>\n                                <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                                    <CircularProgress size={20} />\n                                </Box>\n                            </MenuItem>\n                        )}\n                    </Select>\n\n                    {/* Modal for adding new items */}\n                    {addConfig && addConfig.component && (\n                        <>\n                            {React.createElement(addConfig.component, {\n                                isOpen: isModalOpen,\n                                setIsOpen: setIsModalOpen,\n                                isLoading: isAddLoading,\n                                onSave: handleModalSave,\n                                modalProps: {\n                                    maxWidth: 'md',\n                                    fullWidth: true\n                                },\n                                ...props?.modalComponentProps\n                            })}\n                        </>\n                    )}\n\n                    {props.is_multiselect && Array.isArray(field.value) && (\n                        <SelectedItems\n                            data={field.value}\n                            options={filteredOptions}\n                        />\n                    )}\n                </>\n            )}\n        />\n    );\n});\n\nDynamicSearchSelect.propTypes = {\n    name: PropTypes.string.isRequired,\n    placeholder: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    size: PropTypes.string,\n    options: PropTypes.arrayOf(\n        PropTypes.shape({\n            label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n            value: PropTypes.any\n        })\n    ).isRequired,\n    formControl: PropTypes.object.isRequired,\n    defaultValue: PropTypes.any,\n    fieldArrayName: PropTypes.string.isRequired,\n    id: PropTypes.string,\n    required: PropTypes.bool,\n    is_multiselect: PropTypes.bool,\n    position: PropTypes.number,\n    formType: PropTypes.string,\n    typeOfField: PropTypes.string,\n    disabled: PropTypes.bool,\n    onChipRemove: PropTypes.func,\n    enable_footer: PropTypes.bool,\n    footer_action: PropTypes.string,\n    onFooterClick: PropTypes.func,\n    is_loading: PropTypes.bool,\n    selectedLabel: PropTypes.string,\n    isInternal: PropTypes.bool,\n    disabledIds: PropTypes.array,\n    getSelectedData: PropTypes.func,\n    attributes: PropTypes.array,\n    handleChange: PropTypes.func,\n    hasParent: PropTypes.bool,\n    sortOrder: PropTypes.string,\n    apiType: PropTypes.string,\n    handleOptions: PropTypes.func,\n    filterKey: PropTypes.string,\n    customeFilter: PropTypes.object,\n    refresh: PropTypes.bool,\n    addType: PropTypes.string,\n    modalComponentProps: PropTypes.object,\n    showCancelButton: PropTypes.bool\n};\n\nexport default DynamicSearchSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","disabledIds","onChange","handleChange","hasParent","t","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","mt","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","showCancelButton","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","field","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","fontSize","enable_footer","bottom","zIndex","Divider","flexItem","mb","onFooterClick","Add","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","modalComponentProps","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}

package/dist/components/listing/listing/index.esm.js

@@ -169,7 +169,6 @@ const ListingComponent = ({
         actionBtn: actionButtons
       }
     ),
-    "ssdssds",
     /* @__PURE__ */ jsxs(Fragment, { children: [
       (activePage == null ? void 0 : activePage.active_view) === viewTypes.TABLE && /* @__PURE__ */ jsx(
         MaterialTable,

package/dist/components/listing/listing/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport AddIcon from '@mui/icons-material/Add';\n\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmPopUp } from '../../components';\nimport { viewTypes } from '../../constants';\n\nimport { IListingComponentProps, IListingState } from './types'\nimport logo from '../../assets/images';\n\nimport './listing.scss';\nimport { useDataFetcher, apiHelper } from '../../hooks';\nimport { useDispatch } from 'react-redux';\nimport { usePages } from '../../hooks';\nimport { useAppSelector } from '../../redux';\nimport { enqueueSnackbar } from 'notistack';\n\nconst ListingComponent: React.FC<IListingComponentProps> = ({\n    title,\n    tableColumns,\n    columnOrder = ['mrt-row-select'],\n    rowActionMenu,\n    destructiveActionMenu,\n    handleAddButton,\n    searchText,\n    handleSearch,\n    disabledViews = ['Kanban', 'Calendar', 'Gantt'],\n    fields,\n    selectedIds = [],\n    pageName,\n    importModuleName,\n    showAddButton = true,\n    actionButtons,\n    paginationResource,\n    enablePages = false,\n    GridComponent,\n    onSelectRow,\n    onColumnOrdering,\n    onColumnVisibility,\n    onSortingChange,\n    fallbackIcon,\n    className = '',\n    onDeleteConfirm,\n    deleteTitle,\n    deleteDescription,\n    fetchApi,\n    resetState,\n    setPaginationModel,\n    deleteApi,\n    storeName,\n    isUseFields,\n    customeFilter,\n    customFields,\n    isLoading: loadinState\n}) => {\n    const { t } = useTranslation();\n\n    //dispatch\n    const dispatch = useDispatch()\n\n    //Page Context\n    const { activePage, updatePageInfo } = usePages();\n    //Store \n    const {\n        paginationModel,\n        rows,\n        isLoading,\n    } = useAppSelector((store) => store?.[storeName]);\n    console.log(\"🚀 ~ ListingComponent ~ rows:\", rows)\n\n\n    const { pageNo, limit: pLimit, totalCount } = paginationModel;\n    const limit = activePage.page_size || pLimit;\n    const skip = limit * (pageNo - 1);\n\n\n    // Local state\n    const [listingState, setListingState] = useState<IListingState>({\n        selectedRows: selectedIds,\n        itemToDelete: null,\n        isDeleting: false\n    });\n\n    // Calculate pagination values\n    const total = Math.ceil(totalCount / limit);\n\n    // Memoized table data\n    const tableRows = useMemo(() => rows, [rows]);\n\n    // Handle row selection\n    const handleRowSelection = (selectedRows: any[]) => {\n        const selectedRowIds = selectedRows.map((row) => row.original.id);\n        setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\n        onSelectRow?.(selectedRows);\n    };\n\n    // Handle pagination changes\n    const handlePaginationChange = (model: any) => {\n        if (activePage.page_size !== model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        handlePaginationModel(model);\n    };\n\n    // Handle search\n    const handleSearchChange = (search: string) => {\n        updatePageInfo({ search });\n        handlePaginationModel({ pageNo: 1 });\n        handleSearch?.(search);\n    };\n\n    // Handle delete confirmation\n    const handleDeleteClick = (item: any) => {\n        setListingState(prev => ({ ...prev, itemToDelete: item }));\n    };\n\n    const handleDeleteConfirm = async () => {\n        if (!listingState.itemToDelete) return;\n\n        setListingState(prev => ({ ...prev, isDeleting: true }));\n\n        try {\n            onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\n            setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\n        } catch (error) {\n            setListingState(prev => ({ ...prev, isDeleting: false }));\n        }\n    };\n\n    const handleDeleteCancel = () => {\n        setListingState(prev => ({ ...prev, itemToDelete: null }));\n    };\n\n    // Enhance destructive actions to include delete confirmation\n    const enhancedDestructiveActions = useMemo(() => {\n        if (!destructiveActionMenu) return undefined;\n\n        return destructiveActionMenu.map(action => ({\n            ...action,\n            handleAction: action.label.toLowerCase().includes('delete')\n                ? handleDeleteClick\n                : action.handleAction\n        }));\n    }, [destructiveActionMenu]);\n\n    //Handle pagination model\n    const handlePaginationModel = (model: IPaginationModel) => {\n        if (activePage.page_size != model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        dispatch(setPaginationModel(model));\n    }\n\n    //Delete\n    const deleteRecord = async (requestToDelete: any) => {\n        const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\n        apiHelper(response, () => {\n            enqueueSnackbar(\n                ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\n            )\n            getData()\n        })\n    };\n\n\n\n\n    //clean up\n    const cleanUp = useCallback(() => {\n        dispatch(resetState())\n    }, [dispatch, resetState]);\n\n    // Data fetching\n    const getData = useDataFetcher(\n        tableColumns?.length ? tableColumns : activePage,\n        { skip, limit },\n        fetchApi,\n        customeFilter,\n        [],\n        true,\n        customFields\n\n    )\n\n    useEffect(() => {\n        getData()\n    }, [getData])\n\n    useEffect(() => {\n        return cleanUp;\n    }, [cleanUp]);\n\n\n    return (\n        <section className={`listing-component ${className}`}>\n            <ActionBar\n                title={title}\n                data={activePage?.views || []}\n                setData={(views) => updatePageInfo({ views })}\n                active={activePage.active_view}\n                setActive={(tab) => updatePageInfo({ active_view: tab })}\n                handleAddButton={handleAddButton}\n                searchText={searchText || activePage.search || ''}\n                handleSearch={handleSearchChange}\n                disabledViews={disabledViews}\n                fields={fields}\n                isUseFields={isUseFields}\n                selectedIds={listingState.selectedRows}\n                pageName={pageName}\n                importModuleName={importModuleName}\n                button={showAddButton}\n                actionBtn={actionButtons}\n            />\n            ssdssds\n\n            <>\n                {activePage?.active_view === viewTypes.TABLE && (\n                    < MaterialTable\n                        rows={tableRows || []}\n                        columns={tableColumns}\n                        paginationModel={paginationModel}\n                        totalPages={total}\n                        columnOrder={[...columnOrder, ...activePage.column_order]}\n                        states={{ isLoading: loadinState || isLoading }}\n                        onSortingChange={onSortingChange ? (sort) => {\n                            updatePageInfo({ sort });\n                            onSortingChange(sort);\n                        } : undefined}\n                        enableColumnDragging={false}\n                        enableEditing={false}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                        isResetRow={false}\n                        onSelectRow={handleRowSelection}\n                        handleColumnOrdering={onColumnOrdering ? (colOrder) => {\n                            const newOrder = colOrder.slice(1);\n                            updatePageInfo({ column_order: newOrder });\n                            onColumnOrdering(newOrder);\n                        } : undefined}\n                        onColumnVisibility={onColumnVisibility ? (columns) => {\n                            updatePageInfo({ visible_columns: columns });\n                            onColumnVisibility(columns);\n                        } : undefined}\n                    />\n                )}\n\n                {activePage?.active_view === viewTypes.GRID && GridComponent && (\n                    <GridComponent\n                        data={tableRows}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                    />\n                )}\n\n                {!activePage?.active_view && !isLoading && (\n                    <Fallback\n                        heading={title}\n                        icon={fallbackIcon || <img src={logo.shippmentFallback} alt=\"fallback\" />}\n                    >\n                        {showAddButton && handleAddButton && (\n                            <Button\n                                variant='contained'\n                                startIcon={<AddIcon />}\n                                onClick={handleAddButton}\n                            >\n                                {`${t('common.add')} ${t('common.new')}`}\n                            </Button>\n                        )}\n                    </Fallback>\n                )}\n\n                <Footer\n                    total={total}\n                    paginationModel={{\n                        ...paginationModel,\n                        limit: activePage.page_size\n                    }}\n                    handlePaginationModel={handlePaginationChange}\n                    resource={paginationResource}\n                    enablePages={enablePages}\n                />\n\n                <ConfirmPopUp\n                    open={Boolean(listingState.itemToDelete)}\n                    onClose={handleDeleteCancel}\n                    onConfirm={handleDeleteConfirm}\n                    loading={listingState.isDeleting}\n                    title={deleteTitle || `${t('common.delete')} ${title}`}\n                    description={\n                        deleteDescription\n                            ? deleteDescription(listingState.itemToDelete)\n                            : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id || listingState.itemToDelete?.name || ''} ?`\n                    }\n                />\n            </>\n        </section>\n    );\n};\n\nexport default ListingComponent;\n"],"names":["useDataFetcher","logo","AddIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport AddIcon from '@mui/icons-material/Add';\n\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmPopUp } from '../../components';\nimport { viewTypes } from '../../constants';\n\nimport { IListingComponentProps, IListingState } from './types'\nimport logo from '../../assets/images';\n\nimport './listing.scss';\nimport { useDataFetcher, apiHelper } from '../../hooks';\nimport { useDispatch } from 'react-redux';\nimport { usePages } from '../../hooks';\nimport { useAppSelector } from '../../redux';\nimport { enqueueSnackbar } from 'notistack';\n\nconst ListingComponent: React.FC<IListingComponentProps> = ({\n    title,\n    tableColumns,\n    columnOrder = ['mrt-row-select'],\n    rowActionMenu,\n    destructiveActionMenu,\n    handleAddButton,\n    searchText,\n    handleSearch,\n    disabledViews = ['Kanban', 'Calendar', 'Gantt'],\n    fields,\n    selectedIds = [],\n    pageName,\n    importModuleName,\n    showAddButton = true,\n    actionButtons,\n    paginationResource,\n    enablePages = false,\n    GridComponent,\n    onSelectRow,\n    onColumnOrdering,\n    onColumnVisibility,\n    onSortingChange,\n    fallbackIcon,\n    className = '',\n    onDeleteConfirm,\n    deleteTitle,\n    deleteDescription,\n    fetchApi,\n    resetState,\n    setPaginationModel,\n    deleteApi,\n    storeName,\n    isUseFields,\n    customeFilter,\n    customFields,\n    isLoading: loadinState\n}) => {\n    const { t } = useTranslation();\n\n    //dispatch\n    const dispatch = useDispatch()\n\n    //Page Context\n    const { activePage, updatePageInfo } = usePages();\n    //Store \n    const {\n        paginationModel,\n        rows,\n        isLoading,\n    } = useAppSelector((store) => store?.[storeName]);\n    console.log(\"🚀 ~ ListingComponent ~ rows:\", rows)\n\n\n    const { pageNo, limit: pLimit, totalCount } = paginationModel;\n    const limit = activePage.page_size || pLimit;\n    const skip = limit * (pageNo - 1);\n\n\n    // Local state\n    const [listingState, setListingState] = useState<IListingState>({\n        selectedRows: selectedIds,\n        itemToDelete: null,\n        isDeleting: false\n    });\n\n    // Calculate pagination values\n    const total = Math.ceil(totalCount / limit);\n\n    // Memoized table data\n    const tableRows = useMemo(() => rows, [rows]);\n\n    // Handle row selection\n    const handleRowSelection = (selectedRows: any[]) => {\n        const selectedRowIds = selectedRows.map((row) => row.original.id);\n        setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\n        onSelectRow?.(selectedRows);\n    };\n\n    // Handle pagination changes\n    const handlePaginationChange = (model: any) => {\n        if (activePage.page_size !== model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        handlePaginationModel(model);\n    };\n\n    // Handle search\n    const handleSearchChange = (search: string) => {\n        updatePageInfo({ search });\n        handlePaginationModel({ pageNo: 1 });\n        handleSearch?.(search);\n    };\n\n    // Handle delete confirmation\n    const handleDeleteClick = (item: any) => {\n        setListingState(prev => ({ ...prev, itemToDelete: item }));\n    };\n\n    const handleDeleteConfirm = async () => {\n        if (!listingState.itemToDelete) return;\n\n        setListingState(prev => ({ ...prev, isDeleting: true }));\n\n        try {\n            onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\n            setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\n        } catch (error) {\n            setListingState(prev => ({ ...prev, isDeleting: false }));\n        }\n    };\n\n    const handleDeleteCancel = () => {\n        setListingState(prev => ({ ...prev, itemToDelete: null }));\n    };\n\n    // Enhance destructive actions to include delete confirmation\n    const enhancedDestructiveActions = useMemo(() => {\n        if (!destructiveActionMenu) return undefined;\n\n        return destructiveActionMenu.map(action => ({\n            ...action,\n            handleAction: action.label.toLowerCase().includes('delete')\n                ? handleDeleteClick\n                : action.handleAction\n        }));\n    }, [destructiveActionMenu]);\n\n    //Handle pagination model\n    const handlePaginationModel = (model: IPaginationModel) => {\n        if (activePage.page_size != model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        dispatch(setPaginationModel(model));\n    }\n\n    //Delete\n    const deleteRecord = async (requestToDelete: any) => {\n        const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\n        apiHelper(response, () => {\n            enqueueSnackbar(\n                ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\n            )\n            getData()\n        })\n    };\n\n\n\n\n    //clean up\n    const cleanUp = useCallback(() => {\n        dispatch(resetState())\n    }, [dispatch, resetState]);\n\n    // Data fetching\n    const getData = useDataFetcher(\n        tableColumns?.length ? tableColumns : activePage,\n        { skip, limit },\n        fetchApi,\n        customeFilter,\n        [],\n        true,\n        customFields\n\n    )\n\n    useEffect(() => {\n        getData()\n    }, [getData])\n\n    useEffect(() => {\n        return cleanUp;\n    }, [cleanUp]);\n\n\n    return (\n        <section className={`listing-component ${className}`}>\n            <ActionBar\n                title={title}\n                data={activePage?.views || []}\n                setData={(views) => updatePageInfo({ views })}\n                active={activePage.active_view}\n                setActive={(tab) => updatePageInfo({ active_view: tab })}\n                handleAddButton={handleAddButton}\n                searchText={searchText || activePage.search || ''}\n                handleSearch={handleSearchChange}\n                disabledViews={disabledViews}\n                fields={fields}\n                isUseFields={isUseFields}\n                selectedIds={listingState.selectedRows}\n                pageName={pageName}\n                importModuleName={importModuleName}\n                button={showAddButton}\n                actionBtn={actionButtons}\n            />\n\n\n            <>\n                {activePage?.active_view === viewTypes.TABLE && (\n                    <MaterialTable\n                        rows={tableRows || []}\n                        columns={tableColumns}\n                        paginationModel={paginationModel}\n                        totalPages={total}\n                        columnOrder={[...columnOrder, ...activePage.column_order]}\n                        states={{ isLoading: loadinState || isLoading }}\n                        onSortingChange={onSortingChange ? (sort) => {\n                            updatePageInfo({ sort });\n                            onSortingChange(sort);\n                        } : undefined}\n                        enableColumnDragging={false}\n                        enableEditing={false}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                        isResetRow={false}\n                        onSelectRow={handleRowSelection}\n                        handleColumnOrdering={onColumnOrdering ? (colOrder) => {\n                            const newOrder = colOrder.slice(1);\n                            updatePageInfo({ column_order: newOrder });\n                            onColumnOrdering(newOrder);\n                        } : undefined}\n                        onColumnVisibility={onColumnVisibility ? (columns) => {\n                            updatePageInfo({ visible_columns: columns });\n                            onColumnVisibility(columns);\n                        } : undefined}\n                    />\n                )}\n\n                {activePage?.active_view === viewTypes.GRID && GridComponent && (\n                    <GridComponent\n                        data={tableRows}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                    />\n                )}\n\n                {!activePage?.active_view && !isLoading && (\n                    <Fallback\n                        heading={title}\n                        icon={fallbackIcon || <img src={logo.shippmentFallback} alt=\"fallback\" />}\n                    >\n                        {showAddButton && handleAddButton && (\n                            <Button\n                                variant='contained'\n                                startIcon={<AddIcon />}\n                                onClick={handleAddButton}\n                            >\n                                {`${t('common.add')} ${t('common.new')}`}\n                            </Button>\n                        )}\n                    </Fallback>\n                )}\n\n                <Footer\n                    total={total}\n                    paginationModel={{\n                        ...paginationModel,\n                        limit: activePage.page_size\n                    }}\n                    handlePaginationModel={handlePaginationChange}\n                    resource={paginationResource}\n                    enablePages={enablePages}\n                />\n\n                <ConfirmPopUp\n                    open={Boolean(listingState.itemToDelete)}\n                    onClose={handleDeleteCancel}\n                    onConfirm={handleDeleteConfirm}\n                    loading={listingState.isDeleting}\n                    title={deleteTitle || `${t('common.delete')} ${title}`}\n                    description={\n                        deleteDescription\n                            ? deleteDescription(listingState.itemToDelete)\n                            : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id || listingState.itemToDelete?.name || ''} ?`\n                    }\n                />\n            </>\n        </section>\n    );\n};\n\nexport default ListingComponent;\n"],"names":["useDataFetcher","logo","AddIcon"],"mappings":"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"}

package/dist/components/listing/listing/index.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("react-i18next"),n=,/* empty css                                                   */o=;/* empty css                     */;/* empty css                     */var a=require("react-redux"),l=,/* empty css                                                   */s=,/* empty css                              */r=,/* empty css                          */d=,/* empty css                                   */c=,/* empty css                                 */u=,/* empty css                                   */m=,/* empty css                                         */g=,/* empty css                             */p=,/* empty css                         */v=,/* empty css                         */x=,/* empty css                                       */h=;/* empty css                              */exports.default=({title:b,tableColumns:j,columnOrder:f=["mrt-row-select"],rowActionMenu:w,destructiveActionMenu:D,handleAddButton:q,searchText:M,handleSearch:A,disabledViews:C=["Kanban","Calendar","Gantt"],fields:_,selectedIds:T=[],pageName:k,importModuleName:S,showAddButton:$=!0,actionButtons:P,paginationResource:B,enablePages:F=!1,GridComponent:N,onSelectRow:R,onColumnOrdering:y,onColumnVisibility:z,onSortingChange:I,fallbackIcon:L,className:O="",onDeleteConfirm:E,deleteTitle:V,deleteDescription:G,fetchApi:U,resetState:H,setPaginationModel:K,deleteApi:J,storeName:Q,isUseFields:W,customeFilter:X,customFields:Y,isLoading:Z})=>{var ee,ie;const{t:te}=t.useTranslation(),ne=a.useDispatch(),{activePage:oe,updatePageInfo:ae}=s.usePages(),{paginationModel:le,rows:se,isLoading:re}=r.useAppSelector(e=>null==e?void 0:e[Q]),{pageNo:de,limit:ce,totalCount:ue}=le,me=oe.page_size||ce,ge=me*(de-1),[pe,ve]=i.useState({selectedRows:T,itemToDelete:null,isDeleting:!1}),xe=Math.ceil(ue/me),he=i.useMemo(()=>se,[se]),be=e=>{ve(i=>({...i,itemToDelete:e}))},je=i.useMemo(()=>{if(D)return D.map(e=>({...e,handleAction:e.label.toLowerCase().includes("delete")?be:e.handleAction}))},[D]),fe=e=>{oe.page_size!=(null==e?void 0:e.limit)&&ae({page_size:e.limit}),ne(K(e))},we=i.useCallback(()=>{ne(H())},[ne,H]),De=d.default((null==j?void 0:j.length)?j:oe,{skip:ge,limit:me},U,X,[],!0,Y);return i.useEffect(()=>{De()},[De]),i.useEffect(()=>we,[we]),/* @__PURE__ */e.jsxs("section",{className:`listing-component ${O}`,children:[
-/* @__PURE__ */e.jsx(c.ActionBar,{title:b,data:(null==oe?void 0:oe.views)||[],setData:e=>ae({views:e}),active:oe.active_view,setActive:e=>ae({active_view:e}),handleAddButton:q,searchText:M||oe.search||"",handleSearch:e=>{ae({search:e}),fe({pageNo:1}),null==A||A(e)},disabledViews:C,fields:_,isUseFields:W,selectedIds:pe.selectedRows,pageName:k,importModuleName:S,button:$,actionBtn:P}),"ssdssds",
+/* @__PURE__ */e.jsx(c.ActionBar,{title:b,data:(null==oe?void 0:oe.views)||[],setData:e=>ae({views:e}),active:oe.active_view,setActive:e=>ae({active_view:e}),handleAddButton:q,searchText:M||oe.search||"",handleSearch:e=>{ae({search:e}),fe({pageNo:1}),null==A||A(e)},disabledViews:C,fields:_,isUseFields:W,selectedIds:pe.selectedRows,pageName:k,importModuleName:S,button:$,actionBtn:P}),
 /* @__PURE__ */e.jsxs(e.Fragment,{children:[(null==oe?void 0:oe.active_view)===u.default.TABLE&&/* @__PURE__ */e.jsx(m.MaterialTable,{rows:he||[],columns:j,paginationModel:le,totalPages:xe,columnOrder:[...f,...oe.column_order],states:{isLoading:Z||re},onSortingChange:I?e=>{ae({sort:e}),I(e)}:void 0,enableColumnDragging:!1,enableEditing:!1,rowActionMenu:w,destructiveActionMenu:je,isResetRow:!1,onSelectRow:e=>{const i=e.map(e=>e.original.id);ve(e=>({...e,selectedRows:i})),null==R||R(e)},handleColumnOrdering:y?e=>{const i=e.slice(1);ae({column_order:i}),y(i)}:void 0,onColumnVisibility:z?e=>{ae({visible_columns:e}),z(e)}:void 0}),(null==oe?void 0:oe.active_view)===u.default.GRID&&N&&/* @__PURE__ */e.jsx(N,{data:he,rowActionMenu:w,destructiveActionMenu:je}),!(null==oe?void 0:oe.active_view)&&!re&&/* @__PURE__ */e.jsx(g.Fallback,{heading:b,icon:L||/* @__PURE__ */e.jsx("img",{src:o.images.shippmentFallback,alt:"fallback"}),children:$&&q&&/* @__PURE__ */e.jsx(p.Button,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(n.default,{}),onClick:q,children:`${te("common.add")} ${te("common.new")}`})}),
 /* @__PURE__ */e.jsx(v.Footer,{total:xe,paginationModel:{...le,limit:oe.page_size},handlePaginationModel:e=>{oe.page_size!==(null==e?void 0:e.limit)&&ae({page_size:e.limit}),fe(e)},resource:B,enablePages:F}),
 /* @__PURE__ */e.jsx(x.ConfirmPopUp,{open:Boolean(pe.itemToDelete),onClose:()=>{ve(e=>({...e,itemToDelete:null}))},onConfirm:async()=>{if(pe.itemToDelete){ve(e=>({...e,isDeleting:!0}));try{E?await E(pe.itemToDelete):await(async e=>{const i=await ne(J(String(e.id)));h.apiHelper(i,()=>{l.enqueueSnackbar(` ${b}: ${null==e?void 0:e.id} ${te("common.msg.deleted")}`),De()})})(pe.itemToDelete),ve(e=>({...e,itemToDelete:null,isDeleting:!1}))}catch(e){ve(e=>({...e,isDeleting:!1}))}}},loading:pe.isDeleting,title:V||`${te("common.delete")} ${b}`,description:G?G(pe.itemToDelete):`${te("common.deleteMsg")} ${b}: ${(null==(ee=pe.itemToDelete)?void 0:ee.id)||(null==(ie=pe.itemToDelete)?void 0:ie.name)||""} ?`})]})]})};

package/dist/components/listing/listing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport AddIcon from '@mui/icons-material/Add';\n\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmPopUp } from '../../components';\nimport { viewTypes } from '../../constants';\n\nimport { IListingComponentProps, IListingState } from './types'\nimport logo from '../../assets/images';\n\nimport './listing.scss';\nimport { useDataFetcher, apiHelper } from '../../hooks';\nimport { useDispatch } from 'react-redux';\nimport { usePages } from '../../hooks';\nimport { useAppSelector } from '../../redux';\nimport { enqueueSnackbar } from 'notistack';\n\nconst ListingComponent: React.FC<IListingComponentProps> = ({\n    title,\n    tableColumns,\n    columnOrder = ['mrt-row-select'],\n    rowActionMenu,\n    destructiveActionMenu,\n    handleAddButton,\n    searchText,\n    handleSearch,\n    disabledViews = ['Kanban', 'Calendar', 'Gantt'],\n    fields,\n    selectedIds = [],\n    pageName,\n    importModuleName,\n    showAddButton = true,\n    actionButtons,\n    paginationResource,\n    enablePages = false,\n    GridComponent,\n    onSelectRow,\n    onColumnOrdering,\n    onColumnVisibility,\n    onSortingChange,\n    fallbackIcon,\n    className = '',\n    onDeleteConfirm,\n    deleteTitle,\n    deleteDescription,\n    fetchApi,\n    resetState,\n    setPaginationModel,\n    deleteApi,\n    storeName,\n    isUseFields,\n    customeFilter,\n    customFields,\n    isLoading: loadinState\n}) => {\n    const { t } = useTranslation();\n\n    //dispatch\n    const dispatch = useDispatch()\n\n    //Page Context\n    const { activePage, updatePageInfo } = usePages();\n    //Store \n    const {\n        paginationModel,\n        rows,\n        isLoading,\n    } = useAppSelector((store) => store?.[storeName]);\n    console.log(\"🚀 ~ ListingComponent ~ rows:\", rows)\n\n\n    const { pageNo, limit: pLimit, totalCount } = paginationModel;\n    const limit = activePage.page_size || pLimit;\n    const skip = limit * (pageNo - 1);\n\n\n    // Local state\n    const [listingState, setListingState] = useState<IListingState>({\n        selectedRows: selectedIds,\n        itemToDelete: null,\n        isDeleting: false\n    });\n\n    // Calculate pagination values\n    const total = Math.ceil(totalCount / limit);\n\n    // Memoized table data\n    const tableRows = useMemo(() => rows, [rows]);\n\n    // Handle row selection\n    const handleRowSelection = (selectedRows: any[]) => {\n        const selectedRowIds = selectedRows.map((row) => row.original.id);\n        setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\n        onSelectRow?.(selectedRows);\n    };\n\n    // Handle pagination changes\n    const handlePaginationChange = (model: any) => {\n        if (activePage.page_size !== model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        handlePaginationModel(model);\n    };\n\n    // Handle search\n    const handleSearchChange = (search: string) => {\n        updatePageInfo({ search });\n        handlePaginationModel({ pageNo: 1 });\n        handleSearch?.(search);\n    };\n\n    // Handle delete confirmation\n    const handleDeleteClick = (item: any) => {\n        setListingState(prev => ({ ...prev, itemToDelete: item }));\n    };\n\n    const handleDeleteConfirm = async () => {\n        if (!listingState.itemToDelete) return;\n\n        setListingState(prev => ({ ...prev, isDeleting: true }));\n\n        try {\n            onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\n            setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\n        } catch (error) {\n            setListingState(prev => ({ ...prev, isDeleting: false }));\n        }\n    };\n\n    const handleDeleteCancel = () => {\n        setListingState(prev => ({ ...prev, itemToDelete: null }));\n    };\n\n    // Enhance destructive actions to include delete confirmation\n    const enhancedDestructiveActions = useMemo(() => {\n        if (!destructiveActionMenu) return undefined;\n\n        return destructiveActionMenu.map(action => ({\n            ...action,\n            handleAction: action.label.toLowerCase().includes('delete')\n                ? handleDeleteClick\n                : action.handleAction\n        }));\n    }, [destructiveActionMenu]);\n\n    //Handle pagination model\n    const handlePaginationModel = (model: IPaginationModel) => {\n        if (activePage.page_size != model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        dispatch(setPaginationModel(model));\n    }\n\n    //Delete\n    const deleteRecord = async (requestToDelete: any) => {\n        const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\n        apiHelper(response, () => {\n            enqueueSnackbar(\n                ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\n            )\n            getData()\n        })\n    };\n\n\n\n\n    //clean up\n    const cleanUp = useCallback(() => {\n        dispatch(resetState())\n    }, [dispatch, resetState]);\n\n    // Data fetching\n    const getData = useDataFetcher(\n        tableColumns?.length ? tableColumns : activePage,\n        { skip, limit },\n        fetchApi,\n        customeFilter,\n        [],\n        true,\n        customFields\n\n    )\n\n    useEffect(() => {\n        getData()\n    }, [getData])\n\n    useEffect(() => {\n        return cleanUp;\n    }, [cleanUp]);\n\n\n    return (\n        <section className={`listing-component ${className}`}>\n            <ActionBar\n                title={title}\n                data={activePage?.views || []}\n                setData={(views) => updatePageInfo({ views })}\n                active={activePage.active_view}\n                setActive={(tab) => updatePageInfo({ active_view: tab })}\n                handleAddButton={handleAddButton}\n                searchText={searchText || activePage.search || ''}\n                handleSearch={handleSearchChange}\n                disabledViews={disabledViews}\n                fields={fields}\n                isUseFields={isUseFields}\n                selectedIds={listingState.selectedRows}\n                pageName={pageName}\n                importModuleName={importModuleName}\n                button={showAddButton}\n                actionBtn={actionButtons}\n            />\n            ssdssds\n\n            <>\n                {activePage?.active_view === viewTypes.TABLE && (\n                    < MaterialTable\n                        rows={tableRows || []}\n                        columns={tableColumns}\n                        paginationModel={paginationModel}\n                        totalPages={total}\n                        columnOrder={[...columnOrder, ...activePage.column_order]}\n                        states={{ isLoading: loadinState || isLoading }}\n                        onSortingChange={onSortingChange ? (sort) => {\n                            updatePageInfo({ sort });\n                            onSortingChange(sort);\n                        } : undefined}\n                        enableColumnDragging={false}\n                        enableEditing={false}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                        isResetRow={false}\n                        onSelectRow={handleRowSelection}\n                        handleColumnOrdering={onColumnOrdering ? (colOrder) => {\n                            const newOrder = colOrder.slice(1);\n                            updatePageInfo({ column_order: newOrder });\n                            onColumnOrdering(newOrder);\n                        } : undefined}\n                        onColumnVisibility={onColumnVisibility ? (columns) => {\n                            updatePageInfo({ visible_columns: columns });\n                            onColumnVisibility(columns);\n                        } : undefined}\n                    />\n                )}\n\n                {activePage?.active_view === viewTypes.GRID && GridComponent && (\n                    <GridComponent\n                        data={tableRows}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                    />\n                )}\n\n                {!activePage?.active_view && !isLoading && (\n                    <Fallback\n                        heading={title}\n                        icon={fallbackIcon || <img src={logo.shippmentFallback} alt=\"fallback\" />}\n                    >\n                        {showAddButton && handleAddButton && (\n                            <Button\n                                variant='contained'\n                                startIcon={<AddIcon />}\n                                onClick={handleAddButton}\n                            >\n                                {`${t('common.add')} ${t('common.new')}`}\n                            </Button>\n                        )}\n                    </Fallback>\n                )}\n\n                <Footer\n                    total={total}\n                    paginationModel={{\n                        ...paginationModel,\n                        limit: activePage.page_size\n                    }}\n                    handlePaginationModel={handlePaginationChange}\n                    resource={paginationResource}\n                    enablePages={enablePages}\n                />\n\n                <ConfirmPopUp\n                    open={Boolean(listingState.itemToDelete)}\n                    onClose={handleDeleteCancel}\n                    onConfirm={handleDeleteConfirm}\n                    loading={listingState.isDeleting}\n                    title={deleteTitle || `${t('common.delete')} ${title}`}\n                    description={\n                        deleteDescription\n                            ? deleteDescription(listingState.itemToDelete)\n                            : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id || listingState.itemToDelete?.name || ''} ?`\n                    }\n                />\n            </>\n        </section>\n    );\n};\n\nexport default ListingComponent;\n"],"names":["title","tableColumns","columnOrder","rowActionMenu","destructiveActionMenu","handleAddButton","searchText","handleSearch","disabledViews","fields","selectedIds","pageName","importModuleName","showAddButton","actionButtons","paginationResource","enablePages","GridComponent","onSelectRow","onColumnOrdering","onColumnVisibility","onSortingChange","fallbackIcon","className","onDeleteConfirm","deleteTitle","deleteDescription","fetchApi","resetState","setPaginationModel","deleteApi","storeName","isUseFields","customeFilter","customFields","isLoading","loadinState","t","useTranslation","dispatch","useDispatch","activePage","updatePageInfo","usePages","paginationModel","rows","useAppSelector","store","pageNo","limit","pLimit","totalCount","page_size","skip","listingState","setListingState","useState","selectedRows","itemToDelete","isDeleting","total","Math","ceil","tableRows","useMemo","handleDeleteClick","item","prev","enhancedDestructiveActions","map","action","handleAction","label","toLowerCase","includes","handlePaginationModel","model","cleanUp","useCallback","getData","useDataFetcher","length","useEffect","jsxs","children","jsx","ActionBar","data","views","setData","active","active_view","setActive","tab","search","button","actionBtn","Fragment","viewTypes","TABLE","MaterialTable","columns","totalPages","column_order","states","sort","enableColumnDragging","enableEditing","isResetRow","selectedRowIds","row","original","id","handleColumnOrdering","colOrder","newOrder","slice","visible_columns","GRID","Fallback","heading","icon","src","logo","shippmentFallback","alt","Button","variant","startIcon","AddIcon","onClick","Footer","resource","ConfirmPopUp","open","Boolean","onClose","onConfirm","async","requestToDelete","response","String","apiHelper","enqueueSnackbar","deleteRecord","error","loading","description","_a","_b","name"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/listing/listing.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport AddIcon from '@mui/icons-material/Add';\n\nimport { MaterialTable, ActionBar, Fallback, Footer, Button, ConfirmPopUp } from '../../components';\nimport { viewTypes } from '../../constants';\n\nimport { IListingComponentProps, IListingState } from './types'\nimport logo from '../../assets/images';\n\nimport './listing.scss';\nimport { useDataFetcher, apiHelper } from '../../hooks';\nimport { useDispatch } from 'react-redux';\nimport { usePages } from '../../hooks';\nimport { useAppSelector } from '../../redux';\nimport { enqueueSnackbar } from 'notistack';\n\nconst ListingComponent: React.FC<IListingComponentProps> = ({\n    title,\n    tableColumns,\n    columnOrder = ['mrt-row-select'],\n    rowActionMenu,\n    destructiveActionMenu,\n    handleAddButton,\n    searchText,\n    handleSearch,\n    disabledViews = ['Kanban', 'Calendar', 'Gantt'],\n    fields,\n    selectedIds = [],\n    pageName,\n    importModuleName,\n    showAddButton = true,\n    actionButtons,\n    paginationResource,\n    enablePages = false,\n    GridComponent,\n    onSelectRow,\n    onColumnOrdering,\n    onColumnVisibility,\n    onSortingChange,\n    fallbackIcon,\n    className = '',\n    onDeleteConfirm,\n    deleteTitle,\n    deleteDescription,\n    fetchApi,\n    resetState,\n    setPaginationModel,\n    deleteApi,\n    storeName,\n    isUseFields,\n    customeFilter,\n    customFields,\n    isLoading: loadinState\n}) => {\n    const { t } = useTranslation();\n\n    //dispatch\n    const dispatch = useDispatch()\n\n    //Page Context\n    const { activePage, updatePageInfo } = usePages();\n    //Store \n    const {\n        paginationModel,\n        rows,\n        isLoading,\n    } = useAppSelector((store) => store?.[storeName]);\n    console.log(\"🚀 ~ ListingComponent ~ rows:\", rows)\n\n\n    const { pageNo, limit: pLimit, totalCount } = paginationModel;\n    const limit = activePage.page_size || pLimit;\n    const skip = limit * (pageNo - 1);\n\n\n    // Local state\n    const [listingState, setListingState] = useState<IListingState>({\n        selectedRows: selectedIds,\n        itemToDelete: null,\n        isDeleting: false\n    });\n\n    // Calculate pagination values\n    const total = Math.ceil(totalCount / limit);\n\n    // Memoized table data\n    const tableRows = useMemo(() => rows, [rows]);\n\n    // Handle row selection\n    const handleRowSelection = (selectedRows: any[]) => {\n        const selectedRowIds = selectedRows.map((row) => row.original.id);\n        setListingState(prev => ({ ...prev, selectedRows: selectedRowIds }));\n        onSelectRow?.(selectedRows);\n    };\n\n    // Handle pagination changes\n    const handlePaginationChange = (model: any) => {\n        if (activePage.page_size !== model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        handlePaginationModel(model);\n    };\n\n    // Handle search\n    const handleSearchChange = (search: string) => {\n        updatePageInfo({ search });\n        handlePaginationModel({ pageNo: 1 });\n        handleSearch?.(search);\n    };\n\n    // Handle delete confirmation\n    const handleDeleteClick = (item: any) => {\n        setListingState(prev => ({ ...prev, itemToDelete: item }));\n    };\n\n    const handleDeleteConfirm = async () => {\n        if (!listingState.itemToDelete) return;\n\n        setListingState(prev => ({ ...prev, isDeleting: true }));\n\n        try {\n            onDeleteConfirm ? await onDeleteConfirm(listingState.itemToDelete) : await deleteRecord(listingState.itemToDelete);\n            setListingState(prev => ({ ...prev, itemToDelete: null, isDeleting: false }));\n        } catch (error) {\n            setListingState(prev => ({ ...prev, isDeleting: false }));\n        }\n    };\n\n    const handleDeleteCancel = () => {\n        setListingState(prev => ({ ...prev, itemToDelete: null }));\n    };\n\n    // Enhance destructive actions to include delete confirmation\n    const enhancedDestructiveActions = useMemo(() => {\n        if (!destructiveActionMenu) return undefined;\n\n        return destructiveActionMenu.map(action => ({\n            ...action,\n            handleAction: action.label.toLowerCase().includes('delete')\n                ? handleDeleteClick\n                : action.handleAction\n        }));\n    }, [destructiveActionMenu]);\n\n    //Handle pagination model\n    const handlePaginationModel = (model: IPaginationModel) => {\n        if (activePage.page_size != model?.limit) {\n            updatePageInfo({ page_size: model.limit });\n        }\n        dispatch(setPaginationModel(model));\n    }\n\n    //Delete\n    const deleteRecord = async (requestToDelete: any) => {\n        const response: any = await dispatch(deleteApi(String(requestToDelete.id)));\n        apiHelper(response, () => {\n            enqueueSnackbar(\n                ` ${title}: ${requestToDelete?.id} ${t('common.msg.deleted')}`,\n            )\n            getData()\n        })\n    };\n\n\n\n\n    //clean up\n    const cleanUp = useCallback(() => {\n        dispatch(resetState())\n    }, [dispatch, resetState]);\n\n    // Data fetching\n    const getData = useDataFetcher(\n        tableColumns?.length ? tableColumns : activePage,\n        { skip, limit },\n        fetchApi,\n        customeFilter,\n        [],\n        true,\n        customFields\n\n    )\n\n    useEffect(() => {\n        getData()\n    }, [getData])\n\n    useEffect(() => {\n        return cleanUp;\n    }, [cleanUp]);\n\n\n    return (\n        <section className={`listing-component ${className}`}>\n            <ActionBar\n                title={title}\n                data={activePage?.views || []}\n                setData={(views) => updatePageInfo({ views })}\n                active={activePage.active_view}\n                setActive={(tab) => updatePageInfo({ active_view: tab })}\n                handleAddButton={handleAddButton}\n                searchText={searchText || activePage.search || ''}\n                handleSearch={handleSearchChange}\n                disabledViews={disabledViews}\n                fields={fields}\n                isUseFields={isUseFields}\n                selectedIds={listingState.selectedRows}\n                pageName={pageName}\n                importModuleName={importModuleName}\n                button={showAddButton}\n                actionBtn={actionButtons}\n            />\n\n\n            <>\n                {activePage?.active_view === viewTypes.TABLE && (\n                    <MaterialTable\n                        rows={tableRows || []}\n                        columns={tableColumns}\n                        paginationModel={paginationModel}\n                        totalPages={total}\n                        columnOrder={[...columnOrder, ...activePage.column_order]}\n                        states={{ isLoading: loadinState || isLoading }}\n                        onSortingChange={onSortingChange ? (sort) => {\n                            updatePageInfo({ sort });\n                            onSortingChange(sort);\n                        } : undefined}\n                        enableColumnDragging={false}\n                        enableEditing={false}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                        isResetRow={false}\n                        onSelectRow={handleRowSelection}\n                        handleColumnOrdering={onColumnOrdering ? (colOrder) => {\n                            const newOrder = colOrder.slice(1);\n                            updatePageInfo({ column_order: newOrder });\n                            onColumnOrdering(newOrder);\n                        } : undefined}\n                        onColumnVisibility={onColumnVisibility ? (columns) => {\n                            updatePageInfo({ visible_columns: columns });\n                            onColumnVisibility(columns);\n                        } : undefined}\n                    />\n                )}\n\n                {activePage?.active_view === viewTypes.GRID && GridComponent && (\n                    <GridComponent\n                        data={tableRows}\n                        rowActionMenu={rowActionMenu}\n                        destructiveActionMenu={enhancedDestructiveActions}\n                    />\n                )}\n\n                {!activePage?.active_view && !isLoading && (\n                    <Fallback\n                        heading={title}\n                        icon={fallbackIcon || <img src={logo.shippmentFallback} alt=\"fallback\" />}\n                    >\n                        {showAddButton && handleAddButton && (\n                            <Button\n                                variant='contained'\n                                startIcon={<AddIcon />}\n                                onClick={handleAddButton}\n                            >\n                                {`${t('common.add')} ${t('common.new')}`}\n                            </Button>\n                        )}\n                    </Fallback>\n                )}\n\n                <Footer\n                    total={total}\n                    paginationModel={{\n                        ...paginationModel,\n                        limit: activePage.page_size\n                    }}\n                    handlePaginationModel={handlePaginationChange}\n                    resource={paginationResource}\n                    enablePages={enablePages}\n                />\n\n                <ConfirmPopUp\n                    open={Boolean(listingState.itemToDelete)}\n                    onClose={handleDeleteCancel}\n                    onConfirm={handleDeleteConfirm}\n                    loading={listingState.isDeleting}\n                    title={deleteTitle || `${t('common.delete')} ${title}`}\n                    description={\n                        deleteDescription\n                            ? deleteDescription(listingState.itemToDelete)\n                            : `${t('common.deleteMsg')} ${title}: ${listingState.itemToDelete?.id || listingState.itemToDelete?.name || ''} ?`\n                    }\n                />\n            </>\n        </section>\n    );\n};\n\nexport default ListingComponent;\n"],"names":["title","tableColumns","columnOrder","rowActionMenu","destructiveActionMenu","handleAddButton","searchText","handleSearch","disabledViews","fields","selectedIds","pageName","importModuleName","showAddButton","actionButtons","paginationResource","enablePages","GridComponent","onSelectRow","onColumnOrdering","onColumnVisibility","onSortingChange","fallbackIcon","className","onDeleteConfirm","deleteTitle","deleteDescription","fetchApi","resetState","setPaginationModel","deleteApi","storeName","isUseFields","customeFilter","customFields","isLoading","loadinState","t","useTranslation","dispatch","useDispatch","activePage","updatePageInfo","usePages","paginationModel","rows","useAppSelector","store","pageNo","limit","pLimit","totalCount","page_size","skip","listingState","setListingState","useState","selectedRows","itemToDelete","isDeleting","total","Math","ceil","tableRows","useMemo","handleDeleteClick","item","prev","enhancedDestructiveActions","map","action","handleAction","label","toLowerCase","includes","handlePaginationModel","model","cleanUp","useCallback","getData","useDataFetcher","length","useEffect","jsxs","children","jsx","ActionBar","data","views","setData","active","active_view","setActive","tab","search","button","actionBtn","Fragment","viewTypes","TABLE","MaterialTable","columns","totalPages","column_order","states","sort","enableColumnDragging","enableEditing","isResetRow","selectedRowIds","row","original","id","handleColumnOrdering","colOrder","newOrder","slice","visible_columns","GRID","Fallback","heading","icon","src","logo","shippmentFallback","alt","Button","variant","startIcon","AddIcon","onClick","Footer","resource","ConfirmPopUp","open","Boolean","onClose","onConfirm","async","requestToDelete","response","String","apiHelper","enqueueSnackbar","deleteRecord","error","loading","description","_a","_b","name"],"mappings":"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"}

package/dist/components/providers/ERPUIProvider/index.esm.js

@@ -46,7 +46,9 @@ const ERPUIProvider = ({
     autoHideDuration: 5e3
   },
   // API configuration
-  apiConfig: providedApiConfig
+  apiConfig: providedApiConfig,
+  routeToColumnsMap,
+  routeToResourceMap
 }) => {
   const isInitialized = React__default.useRef(false);
   if (providedApiConfig && !isInitialized.current) {
@@ -86,7 +88,7 @@ const ERPUIProvider = ({
     content = /* @__PURE__ */ jsx(SnackbarProvider, { ...snackbarConfig, children: content });
   }
   if (enablePages) {
-    content = /* @__PURE__ */ jsx(PageProvider, { children: content });
+    content = /* @__PURE__ */ jsx(PageProvider, { routeToColumnsMap, routeToResourceMap, children: content });
   }
   if (enablePermissions) {
     content = /* @__PURE__ */ jsx(PermissionsProvider, { children: content });

package/dist/components/providers/ERPUIProvider/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '../../contexts/AuthContext';\nimport { LanguageProvider } from '../../contexts/languageContext';\nimport { PageProvider } from '../../contexts/page-context';\nimport { PermissionsProvider } from '../../contexts/permission-context';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\nimport { initializeApiConfig, ApiConfig } from '../../utils/api-config';\nimport { initializeApiBaseUrls } from '../../utils/api';\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\ninterface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n\n  // API configuration\n  apiConfig?: ApiConfig;\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n\n  // API configuration\n  apiConfig: providedApiConfig,\n}) => {\n\n  // Initialize API configuration synchronously before first render\n  // This prevents \"API configuration not initialized\" errors when components\n  // try to use the API during initial render\n  const isInitialized = React.useRef(false);\n\n  if (providedApiConfig && !isInitialized.current) {\n    try {\n      initializeApiConfig(providedApiConfig);\n      initializeApiBaseUrls();\n      isInitialized.current = true;\n    } catch (error) {\n      console.error('Failed to initialize API configuration:', error);\n    }\n  }\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  if (enablePages) {\n    content = (\n      <PageProvider>\n        {content}\n      </PageProvider>\n    );\n  }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n  // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AAyC9C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,qBAAqB,CAAA;AAAA;AAAA,EAGrB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA;AAAA,EAGZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA;AAAA,EACf,iBAAiB;AAAA;AAAA,EAGjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,IAC7C,kBAAkB;AAAA,EAAA;AAAA;AAAA,EAIpB,WAAW;AACb,MAAM;AAKJ,QAAM,gBAAgBA,eAAM,OAAO,KAAK;AAExC,MAAI,qBAAqB,CAAC,cAAc,SAAS;AAC/C,QAAI;AACF,0BAAoB,iBAAiB;AACrC,4BAAA;AACA,oBAAc,UAAU;AAAA,IAC1B,SAAS,OAAO;AACd,cAAQ,MAAM,2CAA2C,KAAK;AAAA,IAChE;AAAA,EACF;AAMA,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,CAAC,SAAU,QAAO;AAEtB,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AAEA,WAAO,mBAAmB,oBAAoB,SAAS;AAAA,EACzD,GAAG,CAAC,UAAU,YAAY,oBAAoB,SAAS,CAAC;AAGxD,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,aAAa;AACf,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,cAAc,SAAS,kBAAkB;AAC9D,UAAM,EAAE,OAAO,eAAA,IAAmB,aAAa,cAAc,SAAS;AACtE,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,WAAW,cAAc,SAAS,CAAC;AAGpD,QAAM,eAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIF,MAAI,UACF,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAI5B,UAAA,oBAAC,iBAAA,EAAgB,OAAc,mBAC5B,SAAA,CACH,GAGF;AAIF,MAAI,gBAAgB;AAClB,cACE,oBAAC,kBAAA,EAAkB,GAAG,gBACnB,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,aAAa;AACf,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,mBAAmB;AACrB,cACE,oBAAC,uBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,gBAAgB;AAClB,cACE,oBAAC,oBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY;AACd,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,cAAc;AAChB,cACE,oBAAC,iBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY,OAAO;AACrB,cACE,oBAACC,UAAA,EAAc,OACZ,UAAA,SACH;AAAA,EAEJ;AAEA,SAAO;AACT;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '../../contexts/AuthContext';\nimport { LanguageProvider } from '../../contexts/languageContext';\nimport { PageProvider } from '../../contexts/page-context';\nimport { PermissionsProvider } from '../../contexts/permission-context';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\nimport { initializeApiConfig, ApiConfig } from '../../utils/api-config';\nimport { initializeApiBaseUrls } from '../../utils/api';\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\ninterface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n\n  // API configuration\n  apiConfig?: ApiConfig;\n\n  // Route maps\n  routeToColumnsMap?: Record<string, any>;\n  routeToResourceMap?: Record<string, any>;\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n\n  // API configuration\n  apiConfig: providedApiConfig,\n  routeToColumnsMap,\n  routeToResourceMap\n}) => {\n\n  // Initialize API configuration synchronously before first render\n  // This prevents \"API configuration not initialized\" errors when components\n  // try to use the API during initial render\n  const isInitialized = React.useRef(false);\n\n  if (providedApiConfig && !isInitialized.current) {\n    try {\n      initializeApiConfig(providedApiConfig);\n      initializeApiBaseUrls();\n      isInitialized.current = true;\n    } catch (error) {\n      console.error('Failed to initialize API configuration:', error);\n    }\n  }\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  if (enablePages) {\n    content = (\n      <PageProvider routeToColumnsMap={routeToColumnsMap} routeToResourceMap={routeToResourceMap}>\n        {content}\n      </PageProvider>\n    );\n  }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n  // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AA6C9C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,qBAAqB,CAAA;AAAA;AAAA,EAGrB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA;AAAA,EAGZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA;AAAA,EACf,iBAAiB;AAAA;AAAA,EAGjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,IAC7C,kBAAkB;AAAA,EAAA;AAAA;AAAA,EAIpB,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AAKJ,QAAM,gBAAgBA,eAAM,OAAO,KAAK;AAExC,MAAI,qBAAqB,CAAC,cAAc,SAAS;AAC/C,QAAI;AACF,0BAAoB,iBAAiB;AACrC,4BAAA;AACA,oBAAc,UAAU;AAAA,IAC1B,SAAS,OAAO;AACd,cAAQ,MAAM,2CAA2C,KAAK;AAAA,IAChE;AAAA,EACF;AAMA,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,CAAC,SAAU,QAAO;AAEtB,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AAEA,WAAO,mBAAmB,oBAAoB,SAAS;AAAA,EACzD,GAAG,CAAC,UAAU,YAAY,oBAAoB,SAAS,CAAC;AAGxD,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,aAAa;AACf,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,cAAc,SAAS,kBAAkB;AAC9D,UAAM,EAAE,OAAO,eAAA,IAAmB,aAAa,cAAc,SAAS;AACtE,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,WAAW,cAAc,SAAS,CAAC;AAGpD,QAAM,eAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIF,MAAI,UACF,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAI5B,UAAA,oBAAC,iBAAA,EAAgB,OAAc,mBAC5B,SAAA,CACH,GAGF;AAIF,MAAI,gBAAgB;AAClB,cACE,oBAAC,kBAAA,EAAkB,GAAG,gBACnB,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,aAAa;AACf,cACE,oBAAC,cAAA,EAAa,mBAAsC,oBACjD,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,mBAAmB;AACrB,cACE,oBAAC,uBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,gBAAgB;AAClB,cACE,oBAAC,oBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY;AACd,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,cAAc;AAChB,cACE,oBAAC,iBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY,OAAO;AACrB,cACE,oBAACC,UAAA,EAAc,OACZ,UAAA,SACH;AAAA,EAEJ;AAEA,SAAO;AACT;"}

package/dist/components/providers/ERPUIProvider/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-redux"),i=require("../../../node_modules/notistack/notistack.esm/index.js"),n=require("react-router-dom"),s=require("../../../contexts/AuthContext/index.js"),a=require("../../../contexts/languageContext/index.js"),o=require("../../../contexts/page-context/index.js"),u=require("../../../contexts/permission-context/index.js"),d=require("../../../theme/themeWrapper/index.js"),l=require("../../../utils/api-config/index.js"),c=require("../../../utils/api/index.js"),x=require("../../../redux/store/index.js"),h=require("../../../theme/theme-impl/index.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=/* @__PURE__ */m(r);const p=r.createContext({useRedux:!1,themeMode:"light",direction:"ltr"}),g=({children:r,useRedux:m=!1,reduxStore:g,apiClient:f,additionalReducers:P={},theme:b,themeMode:q="light",primaryColor:v,direction:C="ltr",enableAuth:R=!0,enableLanguage:k=!0,enablePages:y=!0,enablePermissions:M=!0,enableRouter:A=!1,enableSnackbar:S=!0,enableCssBaseline:B=!0,snackbarConfig:L={maxSnack:3,anchorOrigin:{vertical:"top",horizontal:"right"},autoHideDuration:5e3},apiConfig:z})=>{const U=j.default.useRef(!1);if(z&&!U.current)try{l.initializeApiConfig(z),c.initializeApiBaseUrls(),U.current=!0}catch(O){}const _=j.default.useMemo(()=>m?g||x.createLibraryStore(P,f):null,[m,g,P,f]),D=j.default.useMemo(()=>{if(b)return b;const e="dark"===q?h.createDarkTheme:h.createLightTheme,{theme:r}=e(v,C);return r},[b,q,v,C]),E={useRedux:m,apiClient:f,theme:D,themeMode:q,direction:C,primaryColor:v};let I=/* @__PURE__ */e.jsx(p.Provider,{value:E,children:/* @__PURE__ */e.jsx(d.default,{theme:D,enableCssBaseline:B,children:r})});return S&&(I=/* @__PURE__ */e.jsx(i.SnackbarProvider,{...L,children:I})),y&&(I=/* @__PURE__ */e.jsx(o.PageProvider,{children:I})),M&&(I=/* @__PURE__ */e.jsx(u.PermissionsProvider,{children:I})),k&&(I=/* @__PURE__ */e.jsx(a.LanguageProvider,{children:I})),R&&(I=/* @__PURE__ */e.jsx(s.AuthProvider,{children:I})),A&&(I=/* @__PURE__ */e.jsx(n.BrowserRouter,{children:I})),m&&_&&(I=/* @__PURE__ */e.jsx(t.Provider,{store:_,children:I})),I};exports.ERPUIProvider=g,exports.default=g,exports.useERPUI=()=>r.useContext(p);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-redux"),i=require("../../../node_modules/notistack/notistack.esm/index.js"),n=require("react-router-dom"),o=require("../../../contexts/AuthContext/index.js"),s=require("../../../contexts/languageContext/index.js"),a=require("../../../contexts/page-context/index.js"),u=require("../../../contexts/permission-context/index.js"),d=require("../../../theme/themeWrapper/index.js"),l=require("../../../utils/api-config/index.js"),c=require("../../../utils/api/index.js"),x=require("../../../redux/store/index.js"),h=require("../../../theme/theme-impl/index.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=/* @__PURE__ */m(r);const j=r.createContext({useRedux:!1,themeMode:"light",direction:"ltr"}),g=({children:r,useRedux:m=!1,reduxStore:g,apiClient:f,additionalReducers:C={},theme:P,themeMode:b="light",primaryColor:q,direction:v="ltr",enableAuth:R=!0,enableLanguage:M=!0,enablePages:k=!0,enablePermissions:y=!0,enableRouter:T=!1,enableSnackbar:A=!0,enableCssBaseline:S=!0,snackbarConfig:B={maxSnack:3,anchorOrigin:{vertical:"top",horizontal:"right"},autoHideDuration:5e3},apiConfig:L,routeToColumnsMap:z,routeToResourceMap:U})=>{const _=p.default.useRef(!1);if(L&&!_.current)try{l.initializeApiConfig(L),c.initializeApiBaseUrls(),_.current=!0}catch(w){}const D=p.default.useMemo(()=>m?g||x.createLibraryStore(C,f):null,[m,g,C,f]),E=p.default.useMemo(()=>{if(P)return P;const e="dark"===b?h.createDarkTheme:h.createLightTheme,{theme:r}=e(q,v);return r},[P,b,q,v]),I={useRedux:m,apiClient:f,theme:E,themeMode:b,direction:v,primaryColor:q};let O=/* @__PURE__ */e.jsx(j.Provider,{value:I,children:/* @__PURE__ */e.jsx(d.default,{theme:E,enableCssBaseline:S,children:r})});return A&&(O=/* @__PURE__ */e.jsx(i.SnackbarProvider,{...B,children:O})),k&&(O=/* @__PURE__ */e.jsx(a.PageProvider,{routeToColumnsMap:z,routeToResourceMap:U,children:O})),y&&(O=/* @__PURE__ */e.jsx(u.PermissionsProvider,{children:O})),M&&(O=/* @__PURE__ */e.jsx(s.LanguageProvider,{children:O})),R&&(O=/* @__PURE__ */e.jsx(o.AuthProvider,{children:O})),T&&(O=/* @__PURE__ */e.jsx(n.BrowserRouter,{children:O})),m&&D&&(O=/* @__PURE__ */e.jsx(t.Provider,{store:D,children:O})),O};exports.ERPUIProvider=g,exports.default=g,exports.useERPUI=()=>r.useContext(j);
 //# sourceMappingURL=index.js.map