react-restyle-components 0.1.84 → 0.1.86

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
+const react_1 = __importDefault(require("react"));
+require("../../../tc.css");
+const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
+    const finalClass = `${className} w-full px-4 sm:px-8`;
+    const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';
+    const Steps = steps?.map((step, index) => {
+        let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
+        if (index < currentStep)
+            stepClass +=
+                ' font-medium border border-orange  bg-background-secondary text-gray';
+        else if (index > currentStep)
+            stepClass +=
+                ' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
+        else if (currentStep === index)
+            stepClass += ' font-medium bg-orange text-white';
+        if (typeof onStepClick === 'function')
+            stepClass += ' cursor-pointer';
+        return (react_1.default.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
+            react_1.default.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
+                    if (typeof onStepClick === 'function')
+                        onStepClick(index + 1, step);
+                } }, step)));
+    });
+    return (react_1.default.createElement("div", { className: finalClass },
+        react_1.default.createElement("div", { className: "w-full relative" },
+            react_1.default.createElement("div", { className: progressClass, style: {
+                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
+                } },
+                react_1.default.createElement("div", { className: "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2" })),
+            react_1.default.createElement("div", { className: 'absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500', style: {
+                    marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
+                    width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
+                } })),
+        react_1.default.createElement("div", { className: "relative sm:block" }, Steps)));
+};
+exports.Stepper = Stepper;

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const stepper_component_1 = require("./stepper.component");
+const meta = {
+    title: 'Design System/Atoms/Stepper',
+    component: stepper_component_1.Stepper,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Stepper } from 'react-restyle-components'`,
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        steps: ['1', '2', '3', '4'],
+        currentStep: 2,
+        onStepClick: (currentStep, step) => { },
+        className: 'mt-4',
+    },
+};

package/lib/cjs/src/core-components/atoms/stepper/stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/src/core-components/atoms/stepper/stepper.test.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const stepper_component_1 = require("./stepper.component");
+it('render Stepper correctly', () => {
+    const stepper = (0, _core_utils_1.render)(react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
+    expect(stepper).toMatchSnapshot();
+});

package/lib/cjs/src/core-components/atoms/tabs/tabs.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import '../../../tc.css';
+interface TabsProps {
+    options: Array<{
+        title: string;
+        icon: string;
+    }>;
+    onSelect: (item: string) => void;
+}
+export declare const Tabs: ({ options, onSelect }: TabsProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+"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.Tabs = void 0;
+const react_1 = __importStar(require("react"));
+const __1 = require("../..");
+require("../../../tc.css");
+const Tabs = ({ options, onSelect }) => {
+    const [selected, setSelected] = (0, react_1.useState)(options[0].title);
+    return (react_1.default.createElement("div", { className: "flex justify-center" },
+        react_1.default.createElement("ul", { className: "flex flex-wrap items-center justify-center -mb-px text-sm font-medium text-center text-black cursor-pointer gap-2" }, options?.map((item, index) => (react_1.default.createElement("li", { key: index, className: "bg-orange1 rounded-md" },
+            react_1.default.createElement("div", { className: `inline-flex items-center justify-center p-3 border-b-2 gap-1 ${item.title == selected
+                    ? 'text-white font-bold md:text-md  border-primary active'
+                    : ' text-gray-200  md:text-md border-transparent'}`, onClick: () => {
+                    setSelected(item.title);
+                    onSelect(item.title);
+                } },
+                react_1.default.createElement(__1.Icon, { nameIcon: item.icon, propsIcon: {
+                        color: item.title == selected ? '#ffffff' : '#000000',
+                        size: 24,
+                    } }),
+                react_1.default.createElement("span", { className: "text-3md" }, item.title))))))));
+};
+exports.Tabs = Tabs;

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const tabs_component_1 = require("./tabs.component");
+const meta = {
+    title: 'Design System/Atoms/Tabs',
+    component: tabs_component_1.Tabs,
+    tags: ['autodocs'],
+    parameters: {
+        componentSubtitle: `import { Tabs } from 'react-restyle-components'`,
+    },
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        options: [
+            { title: 'Work History', icon: 'FaHistory' },
+            { title: 'Book Order', icon: 'FaBook' },
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ],
+        onSelect: (item) => {
+            console.log({ item });
+        },
+    },
+};

package/lib/cjs/src/core-components/atoms/tabs/tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/src/core-components/atoms/tabs/tabs.test.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const tabs_component_1 = require("./tabs.component");
+it('render Tabs correctly', () => {
+    const tabs = (0, _core_utils_1.render)(react_1.default.createElement(tabs_component_1.Tabs, { options: [
+            { title: 'Work History', icon: 'FaHistory' },
+            { title: 'Book Order', icon: 'FaBook' },
+            { title: 'Make Frame', icon: 'MdFilterFrames' },
+        ], onSelect: (item) => {
+            console.log({ item });
+        } }));
+    expect(tabs).toMatchSnapshot();
+});

package/lib/cjs/src/core-components/atoms/timer/timer.component.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../../../tc.css';
+interface TimerProps {
+    onClear: () => void;
+}
+export declare const Timer: React.ForwardRefExoticComponent<TimerProps & React.RefAttributes<any>>;
+export {};

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

@@ -0,0 +1,106 @@
+"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.Timer = void 0;
+/* eslint-disable react/prop-types */
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+const react_1 = __importStar(require("react"));
+const svg_1 = require("../../../library/assets/svg");
+require("../../../tc.css");
+// eslint-disable-next-line react/display-name
+exports.Timer = react_1.default.forwardRef(({ onClear }, ref) => {
+    const width = 15;
+    const [minute, setMinute] = (0, react_1.useState)('00');
+    const [second, setSecond] = (0, react_1.useState)('10');
+    (0, react_1.useEffect)(() => {
+        const sec = parseInt(second);
+        const min = parseInt(minute);
+        const countDown = setInterval(() => {
+            if (min === 0 && sec === 0) {
+                setMinute('00');
+                setSecond('00');
+                clearInterval(countDown);
+                onClear && onClear();
+            }
+            else {
+                let secondstTmp = (sec - 1).toString();
+                if (secondstTmp.length === 1) {
+                    secondstTmp = '0'.concat(secondstTmp);
+                }
+                setSecond(secondstTmp);
+                if (sec === 0) {
+                    setSecond('59');
+                    const m = (min - 1).toString();
+                    setMinute('0' + m);
+                }
+            }
+        }, 1000);
+        return () => {
+            clearInterval(countDown);
+        };
+    });
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        updateState() {
+            setMinute('02');
+            setSecond('00');
+        },
+        resetTimer() {
+            // eslint-disable-next-line no-console
+            const sec = parseInt(second);
+            const min = parseInt(minute === '00' ? '02' : minute);
+            const countDown = setInterval(() => {
+                // eslint-disable-next-line no-console
+                if (min === 0 && sec === 0) {
+                    setMinute('00');
+                    setSecond('00');
+                    clearInterval(countDown);
+                    onClear && onClear();
+                }
+                else {
+                    let secondstTmp = (sec - 1).toString();
+                    if (secondstTmp.length === 1) {
+                        secondstTmp = '0'.concat(secondstTmp);
+                    }
+                    setSecond(secondstTmp);
+                    if (sec === 0) {
+                        setSecond('59');
+                        const m = (min - 1).toString();
+                        setMinute('0' + m);
+                    }
+                }
+            }, 1000);
+            return () => {
+                clearInterval(countDown);
+            };
+        },
+    }));
+    return (react_1.default.createElement("div", { className: "flex flex-row items-center" },
+        react_1.default.createElement(svg_1.TimerSVG, { width: width, height: width, fill: "#E7503D" }),
+        react_1.default.createElement("div", { className: "ml-2 flex flex-row" },
+            react_1.default.createElement("span", null,
+                minute,
+                ":"),
+            react_1.default.createElement("span", null, second))));
+});

package/lib/cjs/src/core-components/atoms/timer/timer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/src/core-components/atoms/timer/timer.test.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable testing-library/await-async-query */
+/* eslint-disable testing-library/prefer-screen-queries */
+/* eslint-disable testing-library/render-result-naming-convention */
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const timer_component_1 = require("./timer.component");
+it('render Timer correctly', () => {
+    const time = (0, _core_utils_1.render)(react_1.default.createElement(timer_component_1.Timer, { onClear: () => { } }));
+    expect(time).toMatchSnapshot();
+});
+it('render Timer with minute correctly', () => {
+    const time = (0, _core_utils_1.render)(react_1.default.createElement(timer_component_1.Timer, { onClear: () => { } }));
+    expect(time.findByText('minute')).toBeTruthy();
+});

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import '../../../tc.css';
+interface TooltipProps {
+    tooltipText?: any;
+    position?: 'bottom' | 'left' | 'top';
+    className?: string;
+    children?: any;
+}
+export declare const Tooltip: React.FunctionComponent<TooltipProps>;
+export {};

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

@@ -0,0 +1,56 @@
+"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.component.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const tooltip_component_1 = require("./tooltip.component");
+describe('Tooltip component', () => {
+    it('render tooltip correctly', () => {
+        const tooltip = (0, react_2.render)(react_1.default.createElement(tooltip_component_1.Tooltip, null));
+        expect(tooltip).toMatchSnapshot();
+    });
+});

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,16 @@
+"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

@@ -0,0 +1,24 @@
+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 { Form };

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

@@ -0,0 +1,53 @@
+"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);

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

@@ -0,0 +1,18 @@
+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 {};