react-restyle-components 0.1.90 → 0.1.92

package/lib/cjs/src/core-components/atoms/tooltip/tooltip.component.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const react_1 = __importDefault(require("react"));
-const Material = __importStar(require("@mui/material"));
-require("../../../tc.css");
-const Tooltip = ({ tooltipText, position = 'bottom-start', children, }) => {
-    const positionRef = react_1.default.useRef({
-        x: 0,
-        y: 0,
-    });
-    const popperRef = react_1.default.useRef(null);
-    const areaRef = react_1.default.useRef(null);
-    const handleMouseMove = (event) => {
-        positionRef.current = { x: event.clientX, y: event.clientY };
-        if (popperRef.current != null) {
-            popperRef.current.update();
-        }
-    };
-    return (react_1.default.createElement(Material.Tooltip, { title: tooltipText, placement: "bottom-start", arrow: true, PopperProps: {
-            popperRef,
-            anchorEl: {
-                getBoundingClientRect: () => {
-                    return new DOMRect(positionRef.current.x, areaRef.current.getBoundingClientRect().y + 22, 0, 0);
-                },
-            },
-        } },
-        react_1.default.createElement(Material.Box, { ref: areaRef, onMouseMove: handleMouseMove }, children)));
-};
-exports.Tooltip = Tooltip;

package/lib/cjs/src/core-components/atoms/tooltip/tooltip.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { Tooltip } from './tooltip.component';
-declare const meta: Meta<typeof Tooltip>;
-export default meta;
-type Story = StoryObj<typeof Tooltip>;
-export declare const Primary: Story;

package/lib/cjs/src/core-components/atoms/tooltip/tooltip.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const tooltip_component_1 = require("./tooltip.component");
-const meta = {
-    title: 'Design System/Atoms/Tooltip',
-    component: tooltip_component_1.Tooltip,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { Tooltip } from 'react-restyle-components'`,
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {},
-};

package/lib/cjs/src/core-components/index.d.ts

@@ -1,25 +0,0 @@
-import '../tc.css';
-import * as Form from './atoms/form/form.component';
-export * from './atoms/buttons/buttons.component';
-export * from './atoms/check-box/checkBox.component';
-export * from './atoms/date-picker/date-picker.component';
-export * from './atoms/input/input-otp.component';
-export * from './atoms/input/input-pin.component';
-export * from './atoms/input/input.component';
-export * from './atoms/input-dropdown/input-dropdown.component';
-export * from './atoms/loader/loader.component';
-export * from './atoms/radio/radio.component';
-export * from './atoms/stepper/stepper.component';
-export * from './atoms/timer/timer.component';
-export * from './atoms/tooltip/tooltip.component';
-export * from './atoms/icons/icons.component';
-export * from './atoms/tabs/tabs.component';
-export * from './molecules/css-multiline-input/css-multiline-input.component';
-export * from './molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component';
-export * from './molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component';
-export * from './molecules/multi-select/multi-select.component';
-export * from './molecules/multi-select-with-field/multi-select-with-field.component';
-export * from './molecules/modal-confirm/modal-confirm.component';
-export * from './molecules/autocomplete/autocomplete';
-export * from './molecules/auto-complete-group-by/auto-complete-group-by.component';
-export { Form };

package/lib/cjs/src/core-components/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-require("../tc.css");
-const Form = __importStar(require("./atoms/form/form.component"));
-exports.Form = Form;
-__exportStar(require("./atoms/buttons/buttons.component"), exports);
-__exportStar(require("./atoms/check-box/checkBox.component"), exports);
-__exportStar(require("./atoms/date-picker/date-picker.component"), exports);
-__exportStar(require("./atoms/input/input-otp.component"), exports);
-__exportStar(require("./atoms/input/input-pin.component"), exports);
-__exportStar(require("./atoms/input/input.component"), exports);
-__exportStar(require("./atoms/input-dropdown/input-dropdown.component"), exports);
-__exportStar(require("./atoms/loader/loader.component"), exports);
-__exportStar(require("./atoms/radio/radio.component"), exports);
-__exportStar(require("./atoms/stepper/stepper.component"), exports);
-__exportStar(require("./atoms/timer/timer.component"), exports);
-__exportStar(require("./atoms/tooltip/tooltip.component"), exports);
-__exportStar(require("./atoms/icons/icons.component"), exports);
-__exportStar(require("./atoms/tabs/tabs.component"), exports);
-__exportStar(require("./molecules/css-multiline-input/css-multiline-input.component"), exports);
-__exportStar(require("./molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component"), exports);
-__exportStar(require("./molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component"), exports);
-__exportStar(require("./molecules/multi-select/multi-select.component"), exports);
-__exportStar(require("./molecules/multi-select-with-field/multi-select-with-field.component"), exports);
-__exportStar(require("./molecules/modal-confirm/modal-confirm.component"), exports);
-__exportStar(require("./molecules/autocomplete/autocomplete"), exports);
-__exportStar(require("./molecules/auto-complete-group-by/auto-complete-group-by.component"), exports);

package/lib/cjs/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-interface AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps {
-    uniqueField?: string;
-    loader?: boolean;
-    placeholder?: string;
-    data: any;
-    hasError?: boolean;
-    disable?: boolean;
-    isUpperCase?: boolean;
-    name?: string;
-    onFilter?: (value: string) => void;
-    onUpdate: (item: any) => void;
-    onSelect: (item: any) => any;
-    onBlur?: (e: any) => void;
-}
-export declare const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay: ({ uniqueField, loader, placeholder, data, hasError, disable, isUpperCase, name, onFilter, onUpdate, onSelect, onBlur, }: AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps) => React.JSX.Element;
-export {};

package/lib/cjs/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js

@@ -1,119 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = void 0;
-/* eslint-disable  */
-const react_1 = __importStar(require("react"));
-const __1 = require("../..");
-require("../../../tc.css");
-const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
-    const [value, setValue] = (0, react_1.useState)('');
-    const [options, setOptions] = (0, react_1.useState)();
-    const [originalOptions, setOriginalOptions] = (0, react_1.useState)();
-    const [isListOpen, setIsListOpen] = (0, react_1.useState)(false);
-    const useOutsideAlerter = (ref) => {
-        (0, react_1.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 = (0, react_1.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[uniqueField] === item[uniqueField]) {
-                            item.selected = true;
-                        }
-                    })
-                    : (item.selected = false);
-                count++;
-                return item;
-            });
-            list = finalList;
-        }
-        return list;
-    };
-    (0, react_1.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 && onFilter(search);
-    };
-    const onKeyUp = (e) => {
-        const charCode = e.which ? e.which : e.keyCode;
-        if (charCode === 8) {
-            const search = e.target.value;
-            onFilter && onFilter(search);
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: wrapperRef, className: "w-full relative" },
-            react_1.default.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' : 'border-gray-300'} rounded-md` },
-                react_1.default.createElement("input", { placeholder: placeholder, disabled: disable, name: name, value: !isListOpen
-                        ? `${(data.selected && data.selected.length) || 0} Items`
-                        : isUpperCase
-                            ? value?.toUpperCase()
-                            : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e) }),
-                isListOpen ? (react_1.default.createElement(__1.Icon, { nameIcon: "FaChevronUp", propsIcon: {
-                        color: '#000000',
-                        size: 22,
-                    } })) : (react_1.default.createElement(__1.Icon, { nameIcon: "FaChevronDown", propsIcon: {
-                        color: '#000000',
-                        size: 22,
-                    } }))),
-            options && isListOpen
-                ? options?.length > 0 && (react_1.default.createElement("div", { className: "mt-1  absolute bg-gray-100 p-2 rounded-sm z-500", style: { zIndex: 80 } },
-                    react_1.default.createElement("ul", null, options?.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
-                            react_1.default.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
-                            ' ',
-                            react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
-                                .map((key) => `${item[key]}
-                              `)
-                                .join(' - ')))))))))
-                : null)));
-};
-exports.AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = AutoCompleteFilterMultipleSelectMultipleFieldsDisplay;

package/lib/cjs/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { AutoCompleteFilterMultipleSelectMultipleFieldsDisplay } from './auto-complete-filter-multiple-select-multiple-fields-display.component';
-declare const meta: Meta<typeof AutoCompleteFilterMultipleSelectMultipleFieldsDisplay>;
-export default meta;
-type Story = StoryObj<typeof AutoCompleteFilterMultipleSelectMultipleFieldsDisplay>;
-export declare const Primary: Story;

package/lib/cjs/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const auto_complete_filter_multiple_select_multiple_fields_display_component_1 = require("./auto-complete-filter-multiple-select-multiple-fields-display.component");
-const meta = {
-    title: 'Design System/Molecules/AutoCompleteFilterMultipleSelectMultipleFieldsDisplay',
-    component: auto_complete_filter_multiple_select_multiple_fields_display_component_1.AutoCompleteFilterMultipleSelectMultipleFieldsDisplay,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { AutoCompleteFilterMultipleSelectMultipleFieldsDisplay } from 'react-restyle-components'`,
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        data: {
-            list: [
-                {
-                    _id: '66532a99bbfed4eea86eae23',
-                    code: 82,
-                    description: 'TEST1',
-                    libraryCode: 'ABCD',
-                },
-                {
-                    _id: '6652b6d8bcef7f713cb547d4',
-                    code: 81,
-                    description: 'TEST New',
-                    libraryCode: 'TEST',
-                },
-            ],
-            selected: [
-                {
-                    _id: '66532a99bbfed4eea86eae23',
-                    code: 82,
-                    description: 'TEST1',
-                    libraryCode: 'ABCD',
-                },
-            ],
-            displayKey: ['libraryCode', 'description'],
-        },
-        onUpdate: (item) => {
-            console.log({ item });
-        },
-        onSelect: (item) => {
-            console.log({ item });
-        },
-    },
-};

package/lib/cjs/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
-    loader?: boolean;
-    disable?: boolean;
-    displayValue?: string;
-    placeholder?: string;
-    data: any;
-    hasError?: boolean;
-    className?: string;
-    posstion?: string;
-    onFilter?: (item: any) => void;
-    onSelect?: (item: any) => any;
-    onBlur?: (item: any) => any;
-}
-export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, className, posstion, onFilter, onSelect, onBlur, }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => React.JSX.Element;
-export {};

package/lib/cjs/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js

@@ -1,120 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoCompleteFilterSingleSelectMultiFieldsDisplay = void 0;
-/* eslint-disable  */
-const react_1 = __importStar(require("react"));
-const __1 = require("../..");
-require("../../../tc.css");
-const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, className, posstion = 'absolute', onFilter, onSelect, onBlur, }) => {
-    const [value, setValue] = (0, react_1.useState)(displayValue);
-    const [options, setOptions] = (0, react_1.useState)(data.list);
-    const [isListOpen, setIsListOpen] = (0, react_1.useState)(false);
-    const [filterValue, setFilterValue] = (0, react_1.useState)();
-    const useOutsideAlerter = (ref) => {
-        (0, react_1.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 = (0, react_1.useRef)(null);
-    useOutsideAlerter(wrapperRef);
-    (0, react_1.useEffect)(() => {
-        setOptions(data.list);
-    }, [data]);
-    (0, react_1.useEffect)(() => {
-        setValue(displayValue);
-    }, [displayValue]);
-    const onChange = (e) => {
-        const search = e.target.value?.toUpperCase();
-        setValue(search);
-        setFilterValue(search);
-        onFilter && onFilter(search);
-    };
-    const onKeyUp = (e) => {
-        const charCode = e.which ? e.which : e.keyCode;
-        if (charCode === 8) {
-            const search = e.target.value;
-            onFilter && onFilter(search);
-        }
-    };
-    const onKeyDown = (e) => {
-        if (e.key === 'Enter' || e.key === 'Tab') {
-            if (options.length > 0) {
-                const selectedItem = options.find((item) => item.labId === Number(value));
-                if (selectedItem) {
-                    setValue(data.displayKey.map((key) => `${selectedItem[key]}`).join(' - '));
-                    setIsListOpen(false);
-                    onSelect && onSelect(selectedItem);
-                }
-            }
-        }
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: wrapperRef, className: "w-full relative" },
-            react_1.default.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' : 'border-gray-300'} rounded-md dark:text-black` },
-                react_1.default.createElement("input", { placeholder: placeholder, value: value, className: `${className} w-full focus:outline-none bg-none dark:text-black`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue(''), onBlur: (e) => onBlur && onBlur(e), onKeyDown: onKeyDown }),
-                isListOpen ? (react_1.default.createElement(__1.Icon, { nameIcon: "FaChevronUp", propsIcon: {
-                        color: '#000000',
-                        size: 22,
-                    } })) : (react_1.default.createElement(__1.Icon, { nameIcon: "FaChevronDown", propsIcon: {
-                        color: '#000000',
-                        size: 22,
-                    } }))),
-            options && isListOpen
-                ? options.length > 0 && (react_1.default.createElement("div", { className: `mt-1 absolute  w-full bg-gray-100 p-2 rounded-sm `, style: {
-                        zIndex: 500,
-                    } },
-                    react_1.default.createElement("ul", null, options?.map((item, index) => (react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
-                            setValue(data.displayKey
-                                .map((key) => `${item[key]}`)
-                                .join(' - '));
-                            setIsListOpen(false);
-                            onSelect && onSelect(item);
-                        } },
-                        ' ',
-                        react_1.default.createElement("label", { className: "ml-2 mt-1 text-black", style: {
-                                textOverflow: 'ellipsis',
-                                minWidth: 0,
-                                overflow: 'hidden',
-                                maxWidth: '334px',
-                                whiteSpace: 'nowrap',
-                            }, title: data.displayKey
-                                .map((key) => item[key])
-                                .join(' - ') }, data.displayKey
-                            .map((key) => `${item[key]}
-                              `)
-                            .join(' - '))))))))
-                : null)));
-};
-exports.AutoCompleteFilterSingleSelectMultiFieldsDisplay = AutoCompleteFilterSingleSelectMultiFieldsDisplay;

package/lib/cjs/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { AutoCompleteFilterSingleSelectMultiFieldsDisplay } from './auto-complete-filter-single-select-multiple-fields-display.component';
-declare const meta: Meta<typeof AutoCompleteFilterSingleSelectMultiFieldsDisplay>;
-export default meta;
-type Story = StoryObj<typeof AutoCompleteFilterSingleSelectMultiFieldsDisplay>;
-export declare const Primary: Story;

package/lib/cjs/src/core-components/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const auto_complete_filter_single_select_multiple_fields_display_component_1 = require("./auto-complete-filter-single-select-multiple-fields-display.component");
-const meta = {
-    title: 'Design System/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay',
-    component: auto_complete_filter_single_select_multiple_fields_display_component_1.AutoCompleteFilterSingleSelectMultiFieldsDisplay,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { AutoCompleteFilterSingleSelectMultiFieldsDisplay } from 'react-restyle-components'`,
-        // backgrounds: {
-        //   default: 'light-gray',
-        // },
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        data: {
-            list: [
-                { code: 'Code1', name: 'Value1' },
-                { code: 'Code2', name: 'Value2' },
-                { code: 'Code3', name: 'Value3' },
-            ],
-            displayKey: ['name'],
-        },
-        onSelect: (item) => {
-            console.log({ item });
-        },
-    },
-};

package/lib/cjs/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface AutocompleteGroupByProps {
-    data: any[];
-    onChange?: (item: any, children: any) => void;
-    hasError?: boolean;
-    displayValue?: string;
-    onClose?: () => void;
-}
-export declare const AutocompleteGroupBy: (props: AutocompleteGroupByProps) => React.JSX.Element;
-export {};