react-restyle-components 0.3.66 → 0.3.67

package/lib/src/core-components/src/components/AutoComplete/auto-complete-filter-multi-select-multi-fields-display-drag-drop/auto-complete-filter-multi-select-multi-fields-display-drag-drop.component.js

@@ -1,28 +1,61 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable  */
-import { useState, useEffect, useRef } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { LoadingAnimateSpin, Icon } from '../../';
 import { DndContext, closestCenter, useSensor, useSensors, PointerSensor, } from '@dnd-kit/core';
 import { arrayMove, SortableContext, useSortable, horizontalListSortingStrategy, } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import s from '../../../tc.module.css';
 import { cn } from '../../../utils';
-const DraggableSelectedItem = ({ item, index, onRemove, displayKey, uniqueField, }) => {
-    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item[uniqueField] });
+export const DraggableSelectedItem = ({ item, index, onRemove, displayKey, uniqueField = 'sort', displayConfig = {}, className, style: customStyle, }) => {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: item[uniqueField] || item.sort || index.toString() });
     const style = {
         transform: CSS.Transform.toString(transform),
         transition,
         opacity: isDragging ? 0.5 : 1,
+        ...customStyle,
     };
-    return (_jsxs("div", { ref: setNodeRef, style: style, ...attributes, ...listeners, className: cn(s['flex'], s['text-white'], s['gap-1'], s['bg-blue-500'], s['p-1'], s['rounded'], s['cursor-move']), children: [_jsx("div", { className: cn(s['flex'], s['w-fit'], s['cursor-pointer'], s['items-center']), onClick: (e) => {
-                    e.stopPropagation();
-                    onRemove(index);
-                }, children: _jsx(Icon, { nameIcon: "BsTrashFill", propsIcon: { size: 16, color: 'white' } }) }), _jsx("span", { children: displayKey?.map((key) => `${item[key]}`).join(' - ') })] }));
+    const getItemDisplayText = () => {
+        const keys = displayConfig.displayKeys || displayKey || ['name', 'code'];
+        const separator = displayConfig.displaySeparator || ' - ';
+        return (keys
+            .map((key) => item[key])
+            .filter(Boolean)
+            .join(separator) || 'Unnamed Item');
+    };
+    const handleRemove = (e) => {
+        e.stopPropagation();
+        onRemove(index);
+    };
+    if (displayConfig.renderSelectedBadge) {
+        return (_jsx("div", { ref: setNodeRef, style: style, ...attributes, ...listeners, children: displayConfig.renderSelectedBadge(item, index, () => onRemove(index)) }));
+    }
+    return (_jsxs("div", { ref: setNodeRef, style: style, ...attributes, ...listeners, className: cn(s['flex'], s['text-white'], s['gap-1'], s['bg-blue-500'], s['p-1'], s['rounded'], s['cursor-move'], className), children: [_jsx("div", { className: cn(s['flex'], s['w-fit'], s['cursor-pointer'], s['items-center']), onClick: handleRemove, children: _jsx(Icon, { nameIcon: "BsTrashFill", propsIcon: { size: 16, color: 'white' } }) }), _jsx("span", { children: getItemDisplayText() })] }));
 };
-export const AutoCompleteFilterMultiSelectMultiFieldsDisplayDragDrop = ({ key, uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, defaultValue = '', onFilter, onUpdate, onSelect, onBlur, }) => {
+export const AutoCompleteFilterMultiSelectMultiFieldsDisplayDragDrop = ({ componentKey, uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, defaultValue = '', displayConfig = {}, dragDropConfig = {}, selectionConfig = {}, uiConfig = {}, onFilter, onUpdate, onSelect, onBlur, className, style, filterDebounceDelay = 300, }) => {
+    // Merge configs with defaults
+    const { enabled: dragDropEnabled = true, strategy = horizontalListSortingStrategy, onDragEnd: customOnDragEnd, animationDuration = 200, } = dragDropConfig;
+    const { maxSelection, onSelectionChange } = selectionConfig;
+    const { showSelectedSection = true, selectedPlaceholder, emptyStateMessage = 'No items available', maxHeight = 'calc(100vh - 20vh)', zIndex = 80, } = uiConfig;
+    // Helper to get display text for item
+    const getItemDisplayText = (item) => {
+        if (displayConfig.renderItem) {
+            const rendered = displayConfig.renderItem(item);
+            if (typeof rendered === 'string')
+                return rendered;
+        }
+        const keys = displayConfig.displayKeys ||
+            data.displayKey ||
+            displayConfig.fallbackKeys || ['name', 'code'];
+        const separator = displayConfig.displaySeparator || ' - ';
+        return (keys
+            .map((key) => item[key])
+            .filter(Boolean)
+            .join(separator) || 'Unnamed Item');
+    };
     const [value, setValue] = useState('');
-    const [options, setOptions] = useState();
-    const [originalOptions, setOriginalOptions] = useState();
+    const [options, setOptions] = useState([]);
+    const [originalOptions, setOriginalOptions] = useState([]);
     const [isListOpen, setIsListOpen] = useState(false);
     const refSelectedItems = useRef(data?.selected || []);
     const [selectedItems, setSelectedItems] = useState(data?.selected || []);
@@ -34,8 +67,10 @@ export const AutoCompleteFilterMultiSelectMultiFieldsDisplayDragDrop = ({ key, u
     const useOutsideAlerter = (ref) => {
         useEffect(() => {
             function handleClickOutside(event) {
-                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
-                    onUpdate && onUpdate(refSelectedItems.current);
+                if (ref.current &&
+                    !ref.current.contains(event.target) &&
+                    isListOpen) {
+                    onUpdate(refSelectedItems.current);
                     setIsListOpen(false);
                     setValue('');
                 }
@@ -44,63 +79,86 @@ export const AutoCompleteFilterMultiSelectMultiFieldsDisplayDragDrop = ({ key, u
             return () => {
                 document.removeEventListener('mousedown', handleClickOutside);
             };
-        }, [ref, isListOpen]);
+        }, [ref, isListOpen, onUpdate]);
     };
     const wrapperRef = useRef(null);
     useOutsideAlerter(wrapperRef);
     const getSelectedItem = (selectedItem, list) => {
-        const finalList = list?.filter((item, index) => {
-            item.selected = false;
-            selectedItem && selectedItem?.length > 0
-                ? selectedItem?.find((sItem, index) => {
-                    if (sItem[uniqueField] === item[uniqueField]) {
-                        item.selected = true;
-                    }
-                })
-                : (item.selected = false);
-            return item;
+        return list.map((item) => {
+            const isSelected = selectedItem && selectedItem.length > 0
+                ? selectedItem.some((sItem) => sItem[uniqueField] === item[uniqueField])
+                : false;
+            return {
+                ...item,
+                selected: isSelected,
+            };
         });
-        list = finalList;
-        return list;
     };
     useEffect(() => {
-        setOriginalOptions(getSelectedItem(data?.selected, data?.list));
-        setOptions(getSelectedItem(data?.selected, data?.list));
-        // Update both ref and state
-        const itemsWithSort = data?.selected?.map((sItem, index) => ({
+        const selected = data?.selected || [];
+        const list = data?.list || [];
+        setOriginalOptions(getSelectedItem(selected, list));
+        setOptions(getSelectedItem(selected, list));
+        // Update both ref and state with sort field for drag-drop
+        const itemsWithSort = selected.map((sItem, index) => ({
             ...sItem,
-            sort: index?.toString(),
-        })) || [];
+            sort: index.toString(),
+        }));
         refSelectedItems.current = itemsWithSort;
-        setSelectedItems(itemsWithSort); // Add this line
-    }, [data, data?.selected]);
+        setSelectedItems(itemsWithSort);
+        // Call selection change callback
+        if (onSelectionChange) {
+            onSelectionChange(itemsWithSort);
+        }
+    }, [data, data?.selected, uniqueField, onSelectionChange]);
+    const debouncedFilter = React.useMemo(() => {
+        if (!onFilter)
+            return () => { };
+        let timeout;
+        return (search) => {
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                onFilter(search);
+            }, filterDebounceDelay);
+        };
+    }, [onFilter, filterDebounceDelay]);
     const onChange = (e) => {
         const search = e.target.value;
         setValue(search);
-        onFilter && onFilter(search);
+        debouncedFilter(search);
     };
     const onKeyUp = (e) => {
         const charCode = e.which ? e.which : e.keyCode;
         if (charCode === 8) {
-            const search = e.target.value;
-            onFilter && onFilter(search);
+            const search = e.currentTarget.value;
+            debouncedFilter(search);
         }
     };
     const onDragEnd = (event) => {
+        if (!dragDropEnabled)
+            return;
         const { active, over } = event;
-        if (active.id !== over?.id) {
-            const oldIndex = refSelectedItems.current.findIndex((item) => item.sort === active.id);
-            const newIndex = refSelectedItems.current.findIndex((item) => item.sort === over.id);
-            if (oldIndex !== -1 && newIndex !== -1) {
-                const reorderedItems = arrayMove(refSelectedItems.current, oldIndex, newIndex);
-                // Update sort values to maintain proper order
-                const updatedItems = reorderedItems?.map((item, index) => ({
-                    ...item,
-                    sort: index.toString(),
-                }));
-                // Update both ref and state to trigger re-render
-                refSelectedItems.current = updatedItems;
-                setSelectedItems([...updatedItems]);
+        if (!over || active.id === over.id)
+            return;
+        const oldIndex = refSelectedItems.current.findIndex((item) => item.sort === active.id || item[uniqueField] === active.id);
+        const newIndex = refSelectedItems.current.findIndex((item) => item.sort === over.id || item[uniqueField] === over.id);
+        if (oldIndex !== -1 && newIndex !== -1) {
+            const reorderedItems = arrayMove(refSelectedItems.current, oldIndex, newIndex);
+            // Update sort values to maintain proper order
+            const updatedItems = reorderedItems.map((item, index) => ({
+                ...item,
+                sort: index.toString(),
+            }));
+            // Update both ref and state to trigger re-render
+            refSelectedItems.current = updatedItems;
+            setSelectedItems([...updatedItems]);
+            // Call custom onDragEnd callback
+            if (customOnDragEnd) {
+                customOnDragEnd(updatedItems);
+            }
+            // Call selection change callback
+            if (onSelectionChange) {
+                onSelectionChange(updatedItems);
             }
         }
     };
@@ -109,26 +167,62 @@ export const AutoCompleteFilterMultiSelectMultiFieldsDisplayDragDrop = ({ key, u
         const secondArr = refSelectedItems.current?.slice(index + 1) || [];
         const fieldsList = [...firstArr, ...secondArr];
         // Update sort values after removal
-        const updatedItems = fieldsList?.map((item, idx) => ({
+        const updatedItems = fieldsList.map((item, idx) => ({
             ...item,
             sort: idx.toString(),
         }));
         refSelectedItems.current = updatedItems;
         setSelectedItems([...updatedItems]);
+        // Call selection change callback
+        if (onSelectionChange) {
+            onSelectionChange(updatedItems);
+        }
+    };
+    const handleSelectItem = (item) => {
+        // Check max selection limit
+        if (maxSelection &&
+            selectedItems.length >= maxSelection &&
+            !item.selected) {
+            return;
+        }
+        onSelect(item);
+        // Update selected items after selection change
+        setTimeout(() => {
+            const updatedItems = (data?.selected || []).map((sItem, index) => ({
+                ...sItem,
+                sort: index.toString(),
+            }));
+            refSelectedItems.current = updatedItems;
+            setSelectedItems(updatedItems);
+            if (onSelectionChange) {
+                onSelectionChange(updatedItems);
+            }
+        }, 0);
+    };
+    const getSelectedPlaceholder = () => {
+        const count = selectedItems.length;
+        if (typeof selectedPlaceholder === 'function') {
+            return selectedPlaceholder(count);
+        }
+        return selectedPlaceholder || `${count} Items`;
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: cn(s['w-full'], s['relative']), children: [_jsxs("div", { className: cn(s['flex'], s['items-center'], s['leading-4'], s['p-2'], s['focus:outline-none'], s['focus:ring'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border'], s['rounded-md'], {
+    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: cn(s['w-full'], s['relative'], className), style: style, children: [_jsxs("div", { className: cn(s['flex'], s['items-center'], s['leading-4'], s['p-2'], s['focus:outline-none'], s['focus:ring'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border'], s['rounded-md'], {
                         [s['border-red']]: hasError,
                         [s['border-gray-300']]: !hasError,
                     }), children: [_jsx("input", { placeholder: placeholder, disabled: disable, name: name, value: !isListOpen
-                                ? data?.selected?.length > 0
-                                    ? `${(data?.selected && data?.selected?.length) || 0} Items`
-                                    : value
+                                ? selectedItems.length > 0
+                                    ? getSelectedPlaceholder()
+                                    : placeholder
                                 : isUpperCase
                                     ? value?.toUpperCase()
-                                    : value, className: cn(s['w-full'], s['focus:outline-none'], s['bg-none']), onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e), id: `${key}_input_text` }, `${key}_input`), loader && _jsx(LoadingAnimateSpin, {}), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: { size: 16 } })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: { size: 16 } }))] }), options && isListOpen
-                    ? options?.length > 0 && (_jsxs("div", { className: cn(s['flex'], s['flex-col'], s['absolute'], s['rounded-sm'], s['z-500'], s['w-full']), style: { zIndex: 80 }, children: [_jsx("div", { className: cn(s['flex'], s['w-full'], s['bg-gray-400']), children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: onDragEnd, children: selectedItems?.length > 0 && (_jsx(SortableContext, { items: selectedItems.map((item) => item.sort), strategy: horizontalListSortingStrategy, children: _jsx("div", { className: cn(s['flex'], s['flex-wrap'], s['gap-1'], s['bg-gray-400'], s['p-1']), children: selectedItems?.map((item, index) => (_jsx(DraggableSelectedItem, { item: item, index: index, onRemove: handleRemoveItem, displayKey: data.displayKey, uniqueField: "sort" }, item.sort))) }) })) }) }), _jsx("ul", { className: cn(s['flex'], s['flex-col'], s['gap-1'], s['bg-gray-200'], s['p-2'], s['overflow-y-scroll'], s['w-full']), id: `${key}_listView`, style: { maxHeight: 'calc(100vh - 20vh)' }, children: options?.map((item, index) => (_jsx(_Fragment, { children: _jsx("li", { className: cn(s['flex'], s['gap-4'], s['p-1']), children: _jsxs("label", { className: cn(s['flex'], s['items-center']), children: [_jsx("input", { className: cn(s['flex'], s['h-4'], s['w-4']), type: "checkbox", checked: item.selected, onChange: () => onSelect(item), id: `${key}_${index}_check_box_view` }, `${key}_${index}_check_box_view`), ' ', _jsx("span", { className: cn(s['flex'], s['ml-2']), children: data.displayKey
-                                                        .map((key) => `${item[key]}
-                              `)
-                                                        .join(' - ') })] }) }, `${key}_${index}_list`) }))) }, `${key}_listView`)] }, `${key}_list_wrapper_view`))
-                    : null] }, `${key}_wrapperView`) }));
+                                    : value, className: cn(s['w-full'], s['focus:outline-none'], s['bg-none']), onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e), id: componentKey ? `${componentKey}_input_text` : undefined }, componentKey ? `${componentKey}_input` : undefined), loader && _jsx(LoadingAnimateSpin, {}), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: { size: 16 } })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: { size: 16 } }))] }), options && isListOpen && (_jsxs("div", { className: cn(s['flex'], s['flex-col'], s['absolute'], s['rounded-sm'], s['z-500'], s['w-full']), style: { zIndex }, children: [showSelectedSection && selectedItems.length > 0 && (_jsx("div", { className: cn(s['flex'], s['w-full'], s['bg-gray-400']), children: dragDropEnabled ? (_jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: onDragEnd, children: _jsx(SortableContext, { items: selectedItems.map((item, idx) => item.sort || item[uniqueField] || idx.toString()), strategy: strategy, children: _jsx("div", { className: cn(s['flex'], s['flex-wrap'], s['gap-1'], s['bg-gray-400'], s['p-1']), children: selectedItems.map((item, index) => (_jsx(DraggableSelectedItem, { item: item, index: index, onRemove: handleRemoveItem, displayKey: data.displayKey, uniqueField: "sort", displayConfig: displayConfig }, item.sort || item[uniqueField] || index))) }) }) })) : (_jsx("div", { className: cn(s['flex'], s['flex-wrap'], s['gap-1'], s['bg-gray-400'], s['p-1']), children: selectedItems.map((item, index) => (_jsx(DraggableSelectedItem, { item: item, index: index, onRemove: handleRemoveItem, displayKey: data.displayKey, uniqueField: uniqueField, displayConfig: displayConfig }, item[uniqueField] || index))) })) })), options.length > 0 ? (_jsx("ul", { className: cn(s['flex'], s['flex-col'], s['gap-1'], s['bg-gray-200'], s['p-2'], s['overflow-y-scroll'], s['w-full']), id: componentKey ? `${componentKey}_listView` : undefined, style: { maxHeight }, children: options.map((item, index) => (_jsx("li", { className: cn(s['flex'], s['gap-4'], s['p-1']), children: _jsxs("label", { className: cn(s['flex'], s['items-center']), children: [_jsx("input", { className: cn(s['flex'], s['h-4'], s['w-4']), type: "checkbox", checked: item.selected || false, onChange: () => handleSelectItem(item), disabled: maxSelection
+                                                ? selectedItems.length >= maxSelection &&
+                                                    !item.selected
+                                                : false, id: componentKey
+                                                ? `${componentKey}_${index}_check_box_view`
+                                                : undefined }, componentKey
+                                            ? `${componentKey}_${index}_check_box_view`
+                                            : undefined), _jsx("span", { className: cn(s['flex'], s['ml-2']), children: displayConfig.renderItem
+                                                ? displayConfig.renderItem(item)
+                                                : getItemDisplayText(item) })] }) }, `${componentKey || 'item'}_${index}_list`))) }, componentKey ? `${componentKey}_listView` : undefined)) : (_jsx("div", { className: cn(s['p-4'], s['text-center'], s['text-gray-500']), children: _jsx("p", { className: cn(s['text-sm']), children: emptyStateMessage }) }))] }, componentKey ? `${componentKey}_list_wrapper_view` : undefined))] }, componentKey ? `${componentKey}_wrapperView` : undefined) }));
 };

package/lib/src/core-components/src/components/AutoComplete/autocomplete/autocomplete.d.ts

@@ -1,8 +1,106 @@
-interface AutocompleteProps {
-    value: string;
-    onValueChange: (value: string) => void;
-    options?: string[];
+import React from 'react';
+/** Option data structure */
+export interface AutocompleteOption {
+    /** Display value */
+    label: string;
+    /** Unique identifier */
+    value: string | number;
+    /** Additional data */
+    [key: string]: any;
 }
-export declare const Autocomplete: ({ value, onValueChange, options, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+/** Filter configuration */
+export interface AutocompleteFilterConfig {
+    /** Enable filtering */
+    enabled?: boolean;
+    /** Case sensitive filtering */
+    caseSensitive?: boolean;
+    /** Custom filter function */
+    filterFn?: (option: string | AutocompleteOption, searchValue: string) => boolean;
+    /** Minimum characters to trigger filter */
+    minCharacters?: number;
+}
+/** Display configuration */
+export interface AutocompleteDisplayConfig {
+    /** Custom render function for option */
+    renderOption?: (option: string | AutocompleteOption, index: number, isActive: boolean) => React.ReactNode;
+    /** Custom render function for empty state */
+    renderEmptyState?: () => React.ReactNode;
+    /** Highlight active option */
+    highlightActive?: boolean;
+    /** Active option class names */
+    activeOptionClassName?: string;
+    /** Option class names */
+    optionClassName?: string;
+}
+/** Keyboard navigation configuration */
+export interface AutocompleteKeyboardConfig {
+    /** Enable keyboard navigation */
+    enabled?: boolean;
+    /** Keys that trigger selection */
+    selectKeys?: string[];
+    /** Keys that close the dropdown */
+    closeKeys?: string[];
+    /** Enable Enter key to select */
+    enterToSelect?: boolean;
+    /** Enable Escape key to close */
+    escapeToClose?: boolean;
+}
+/** UI Configuration */
+export interface AutocompleteUIConfig {
+    /** Input placeholder */
+    placeholder?: string;
+    /** Empty state message */
+    emptyStateMessage?: string;
+    /** List item height in pixels */
+    itemHeight?: number;
+    /** Maximum height for dropdown */
+    maxHeight?: string;
+    /** Z-index for dropdown */
+    zIndex?: number;
+    /** Show dropdown on focus */
+    showOnFocus?: boolean;
+    /** Show dropdown on click */
+    showOnClick?: boolean;
+    /** Auto-select first option */
+    autoSelectFirst?: boolean;
+}
+export interface AutocompleteProps {
+    /** Current value */
+    value?: string;
+    /** Callback when value changes */
+    onValueChange: (value: string | AutocompleteOption) => void;
+    /** Options - can be strings or AutocompleteOption objects */
+    options?: (string | AutocompleteOption)[];
+    /** Filter configuration */
+    filterConfig?: AutocompleteFilterConfig;
+    /** Display configuration */
+    displayConfig?: AutocompleteDisplayConfig;
+    /** Keyboard configuration */
+    keyboardConfig?: AutocompleteKeyboardConfig;
+    /** UI configuration */
+    uiConfig?: AutocompleteUIConfig;
+    /** Error state */
+    hasError?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Input name attribute */
+    name?: string;
+    /** Additional className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Input className */
+    inputClassName?: string;
+    /** Callback when input value changes (receives the string value) */
+    onInputValueChange?: (value: string) => void;
+    /** Callback when dropdown opens */
+    onOpen?: () => void;
+    /** Callback when dropdown closes */
+    onClose?: () => void;
+    /** Callback when option is selected */
+    onSelect?: (option: string | AutocompleteOption) => void;
+    /** Auto-focus input on mount */
+    autoFocus?: boolean;
+}
+export declare const Autocomplete: ({ value, onValueChange, options, filterConfig, displayConfig, keyboardConfig, uiConfig, hasError, disabled, name, className, style, inputClassName, onInputValueChange, onOpen, onClose, onSelect, autoFocus, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=autocomplete.d.ts.map

package/lib/src/core-components/src/components/AutoComplete/autocomplete/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/autocomplete/autocomplete.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,uCAItB,iBAAiB,4CAgNnB,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/AutoComplete/autocomplete/autocomplete.tsx"],"names":[],"mappings":"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"}