react-restyle-components 0.1.4 → 0.1.8

package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js

@@ -0,0 +1,106 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { observer } from "mobx-react";
+import { Icons } from "..";
+export const AutoCompleteCheckTwoTitleKeys = observer((props) => {
+    const [value, setValue] = useState("");
+    const [options, setOptions] = useState();
+    const [originalOptions, setOriginalOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    if (originalOptions && options) {
+                        if (isListOpen) {
+                            props.onUpdate &&
+                                props.onUpdate(options.filter((item) => item.selected === true));
+                        }
+                    }
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    let count = 0;
+    const getSelectedItem = (defulatValues, list, findKey) => {
+        if (count === 0) {
+            //console.log({ defulatValues, list })
+            const finalList = list.filter((item, index) => {
+                defulatValues.length > 0 &&
+                    defulatValues.find((rItem, index) => {
+                        if (rItem[findKey] === item[findKey]) {
+                            item.selected = true;
+                        }
+                    });
+                count++;
+                return item;
+            });
+            // console.log({ finalList })
+            list = finalList;
+        }
+        return list;
+    };
+    useEffect(() => {
+        setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
+        setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
+    }, [props]);
+    const onChangeItem = (item, index) => {
+        if (options) {
+            options[index].selected = item.selected ? false : true;
+        }
+        setIsListOpen(true);
+        setOptions(options);
+    };
+    const filter = (search, data) => {
+        if (search) {
+            const filterArray = data.filter((item) => {
+                const value = item.name || item.description;
+                return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
+            });
+            setOptions(filterArray);
+        }
+        else {
+            setOptions(originalOptions);
+        }
+    };
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        filter(search, options);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            filter(search, originalOptions);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${props.hasError
+                    ? "border-red-500"
+                    : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: "Search ...", value: !isListOpen
+                        ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
+                        : value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
+                            React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" },
+                                " ",
+                                `${item[props.titleKey.key1]} (${item[props.titleKey.key2]}) `))))))))
+                : null)));
+});
+//# sourceMappingURL=AutoCompleteCheckTwoTitleKeys.js.map

package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteCheckTwoTitleKeys.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface AutoCompleteFilterMutiSelectProps {
+    loader?: boolean;
+    placeholder?: string;
+    data: any;
+    hasError?: boolean;
+    onFilter: (value: string) => void;
+    onUpdate: (item: any) => void;
+    onSelect: (item: any) => any;
+}
+export declare const AutoCompleteFilterMutiSelect: ({ loader, placeholder, data, hasError, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js

@@ -0,0 +1,86 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Spinner } from "react-bootstrap";
+import { Icons } from "..";
+export const AutoCompleteFilterMutiSelect = ({ loader = false, placeholder = "Search...", data, hasError = false, onFilter, onUpdate, onSelect, }) => {
+    const [value, setValue] = useState("");
+    const [options, setOptions] = useState();
+    const [originalOptions, setOriginalOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    if (originalOptions && options) {
+                        if (isListOpen) {
+                            onUpdate && onUpdate(data.selected);
+                        }
+                    }
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    let count = 0;
+    const getSelectedItem = (selectedItem, list, findKey) => {
+        if (count === 0) {
+            const finalList = list.filter((item, index) => {
+                item.selected = false;
+                selectedItem && selectedItem.length > 0
+                    ? selectedItem.find((sItem, index) => {
+                        if (sItem._id === item._id) {
+                            item.selected = true;
+                        }
+                    })
+                    : (item.selected = false);
+                count++;
+                return item;
+            });
+            list = finalList;
+        }
+        return list;
+    };
+    useEffect(() => {
+        setOriginalOptions(getSelectedItem(data.selected, data.list, data.findKey));
+        setOptions(getSelectedItem(data.selected, data.list, data.findKey));
+        //console.log('renader');
+    }, [data, data.selected]);
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        onFilter(search);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            onFilter(search);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: placeholder, value: !isListOpen
+                        ? `${(data.selected && data.selected.length) || 0} Items`
+                        : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
+                loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
+                            React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" },
+                                " ",
+                                item[data.displayKey]))))))))
+                : null)));
+};
+//# sourceMappingURL=AutoCompleteFilterMutiSelect.js.map

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteFilterMutiSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelect.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AutoCompleteFilterMutiSelectMultiFieldsDisplayProps {
+    loader?: boolean;
+    placeholder?: string;
+    data: any;
+    hasError?: boolean;
+    disable?: boolean;
+    onFilter: (value: string) => void;
+    onUpdate: (item: any) => void;
+    onSelect: (item: any) => any;
+}
+export declare const AutoCompleteFilterMutiSelectMultiFieldsDisplay: ({ loader, placeholder, data, hasError, disable, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectMultiFieldsDisplayProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js

@@ -0,0 +1,86 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Spinner } from "react-bootstrap";
+import { Icons } from "..";
+export const AutoCompleteFilterMutiSelectMultiFieldsDisplay = ({ loader = false, placeholder = "Search...", data, hasError = false, disable = false, onFilter, onUpdate, onSelect, }) => {
+    const [value, setValue] = useState("");
+    const [options, setOptions] = useState();
+    const [originalOptions, setOriginalOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    if (originalOptions && options) {
+                        if (isListOpen) {
+                            onUpdate && onUpdate(data.selected);
+                        }
+                    }
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    let count = 0;
+    const getSelectedItem = (selectedItem, list) => {
+        if (count === 0) {
+            const finalList = list.filter((item, index) => {
+                item.selected = false;
+                selectedItem && selectedItem.length > 0
+                    ? selectedItem.find((sItem, index) => {
+                        if (sItem._id === item._id) {
+                            item.selected = true;
+                        }
+                    })
+                    : (item.selected = false);
+                count++;
+                return item;
+            });
+            list = finalList;
+        }
+        return list;
+    };
+    useEffect(() => {
+        setOriginalOptions(getSelectedItem(data.selected, data.list));
+        setOptions(getSelectedItem(data.selected, data.list));
+    }, [data, data.selected]);
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        onFilter(search);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            onFilter(search);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef, className: "w-full" },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: placeholder, disabled: disable, value: !isListOpen
+                        ? `${(data.selected && data.selected.length) || 0} Items`
+                        : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
+                loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1  bg-gray-100 p-2 rounded-sm z-50" },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
+                            React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
+                                .map((key) => `${item[key]}
+                              `)
+                                .join(" - ")))))))))
+                : null)));
+};
+//# sourceMappingURL=AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map

package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteFilterMutiSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface AutoCompleteFilterSingleSelectProps {
+    loader?: boolean;
+    disable?: boolean;
+    displayValue?: string;
+    placeholder?: string;
+    data: any;
+    hasError?: boolean;
+    onFilter: (item: any) => void;
+    onSelect: (item: any) => any;
+}
+export declare const AutoCompleteFilterSingleSelect: ({ disable, loader, displayValue, placeholder, data, hasError, onFilter, onSelect, }: AutoCompleteFilterSingleSelectProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js

@@ -0,0 +1,63 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Spinner } from "react-bootstrap";
+import { Icons } from "..";
+export const AutoCompleteFilterSingleSelect = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, onFilter, onSelect, }) => {
+    const [value, setValue] = useState(displayValue);
+    const [options, setOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    useEffect(() => {
+        setOptions(data.list);
+    }, [data]);
+    useEffect(() => {
+        setValue(displayValue);
+    }, [displayValue]);
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        onFilter(search);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            onFilter(search);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable }),
+                loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? options.length > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
+                                setValue(item[data.displayKey]);
+                                setIsListOpen(false);
+                                onSelect(item);
+                            } },
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" },
+                                " ",
+                                item[data.displayKey]))))))))
+                : null)));
+};
+//# sourceMappingURL=AutoCompleteFilterSingleSelect.js.map

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteFilterSingleSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelect.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
+    loader?: boolean;
+    disable?: boolean;
+    displayValue?: string;
+    placeholder?: string;
+    data: any;
+    hasError?: boolean;
+    posstion?: string;
+    onFilter: (item: any) => void;
+    onSelect: (item: any) => any;
+}
+export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, posstion, onFilter, onSelect }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js

@@ -0,0 +1,64 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Spinner } from "react-bootstrap";
+import { Icons } from "..";
+export const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, posstion = 'absolute', onFilter, onSelect }) => {
+    const [value, setValue] = useState(displayValue);
+    const [options, setOptions] = useState(data.list);
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    useEffect(() => {
+        setOptions(data.list);
+    }, [data]);
+    useEffect(() => {
+        setValue(displayValue);
+    }, [displayValue]);
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        onFilter(search);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            onFilter(search);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue("") }),
+                loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? options.length > 0 && (React.createElement("div", { className: `mt-1 ${posstion} z-2 bg-gray-100 p-2 rounded-sm z-50` },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
+                                setValue(data.displayKey.map((key) => `${item[key]}`).join(" - "));
+                                setIsListOpen(false);
+                                onSelect(item);
+                            } },
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
+                                .map((key) => `${item[key]}
+                              `)
+                                .join(" - ")))))))))
+                : null)));
+};
+//# sourceMappingURL=AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map

package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteFilterSingleSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}

package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface AutoCompleteGroupByCheckProps {
+    data?: any[];
+    defaultItem: Array<any>;
+    onChange?: (item: any) => void;
+    hasError?: boolean;
+    onClose?: () => void;
+}
+export declare const AutoCompleteGroupByCheck: (props: AutoCompleteGroupByCheckProps) => JSX.Element;
+export {};