react-restyle-components 0.1.89 → 0.1.91

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const input_component_1 = require("./input.component");
-const meta = {
-    title: 'Design System/Atoms/Input',
-    component: input_component_1.Input,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        className: 'mt-4',
-        title: 'Enter your Pan Number',
-        hasError: true,
-        defaultValue: '',
-        onChange: (item) => {
-            console.log({ item });
-        },
-        onBlur: (item) => {
-            console.log({ item });
-        },
-    },
-};

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-interface InputDropdownProps {
-    title: string;
-    items: Array<string>;
-    hasError?: boolean;
-    className?: string;
-    onChange?: (item: string) => void;
-}
-export declare const InputDropdown: ({ items, className, hasError, title, onChange, }: InputDropdownProps) => React.JSX.Element;
-export {};

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

@@ -1,64 +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.InputDropdown = void 0;
-const react_1 = __importStar(require("react"));
-const svg_1 = require("../../../library/assets/svg");
-require("../../../tc.css");
-const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [value, setValue] = (0, react_1.useState)('');
-    const useOutsideAlerter = (ref) => {
-        (0, react_1.useEffect)(() => {
-            function handleClickOutside(event) {
-                if (ref.current &&
-                    !ref.current.contains(event.target) &&
-                    isOpen &&
-                    isOpen)
-                    setIsOpen(!isOpen);
-            }
-            document.addEventListener('mousedown', handleClickOutside);
-            return () => {
-                document.removeEventListener('mousedown', handleClickOutside);
-            };
-        }, [ref]);
-    };
-    const wrapperRef = (0, react_1.useRef)(null);
-    useOutsideAlerter(wrapperRef);
-    return (react_1.default.createElement("div", { className: `${className} relative` },
-        react_1.default.createElement("div", { className: "flex flex-row items-center " },
-            react_1.default.createElement("input", { type: "text", name: "name", placeholder: title, value: value, className: " pt-3 pb-2  w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-nunitoSansRegular text-md", onClick: () => {
-                    setIsOpen(!isOpen);
-                }, onChange: (event) => onChange && onChange(event.target.value) }),
-            !isOpen && (react_1.default.createElement("img", { src: svg_1.UpArrow, className: "absolute h-4 w-4 right-0" })),
-            isOpen && (react_1.default.createElement("img", { src: svg_1.DownArrow, className: "absolute h-4 w-4 right-0" }))),
-        isOpen && (react_1.default.createElement("div", { className: "z-10  w-full absolute text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700", ref: wrapperRef },
-            react_1.default.createElement("ul", { className: "py-1" }, items.map((item, index) => (react_1.default.createElement("li", { key: index, className: "block py-2 px-4 text-md  hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200   font-nunitoSansRegular", onClick: () => {
-                    setValue(item);
-                    setIsOpen(!isOpen);
-                } }, item)))))),
-        hasError && (react_1.default.createElement("span", { className: "text-primaryCharcoal text-4xs", id: "error" }, `${title} is required`))));
-};
-exports.InputDropdown = InputDropdown;

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

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

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const input_dropdown_component_1 = require("./input-dropdown.component");
-const meta = {
-    title: 'Design System/Atoms/InputDropdown',
-    component: input_dropdown_component_1.InputDropdown,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { InputDropdown } from 'react-restyle-components'`,
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        title: 'Source of funds',
-        items: ['Bank account', 'UPI', 'Credit Card'],
-        hasError: true,
-    },
-};

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-export declare const Loader: () => React.JSX.Element;
-export declare const ModalLoader: () => React.JSX.Element;

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

@@ -1,61 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalLoader = exports.Loader = void 0;
-const react_1 = __importDefault(require("react"));
-const reactstrap_1 = require("reactstrap");
-require("../../../tc.css");
-const Loader = () => (react_1.default.createElement(reactstrap_1.Container, { fluid: true, className: "vh-50 d-flex" },
-    react_1.default.createElement(reactstrap_1.Row, { className: "justify-content-center align-self-center w-100 text-center" },
-        react_1.default.createElement(reactstrap_1.Spinner, { color: "primary" }))));
-exports.Loader = Loader;
-const ModalLoader = () => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
-                react_1.default.createElement("div", { className: "relative  mx-auto " },
-                    react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
-                        react_1.default.createElement("div", { className: "relative p-2 flex-auto flex flex-col items-center" },
-                            react_1.default.createElement("style", null, `
-    .spinner .background {
-      fill: #555;
-    }
-    .spinner .line {
-      animation: PacMan 5s infinite;
-      fill: none;
-      stroke: #d26188;
-      stroke-width: 25;
-    }
-    .spinner .spinner {
-      animation: Spin 2s infinite linear;
-    }
-    @keyframes PacMan {
-      0% {
-        stroke-dasharray: 79px 79;
-      }
-      50% {
-        stroke-dasharray: 1px 79;
-      }
-      100% {
-        stroke-dasharray: 79px 79;
-      }
-    }
-    @keyframes Spin {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-    `),
-                            react_1.default.createElement("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100" },
-                                react_1.default.createElement("circle", { className: "background", cx: "0", cy: "0" }),
-                                react_1.default.createElement("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })),
-                            ' ',
-                            react_1.default.createElement("span", { style: { marginTop: -15 } }, "loading ..."))))),
-            react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))));
-};
-exports.ModalLoader = ModalLoader;

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

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

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

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

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-interface RadioProps {
-    title: string;
-    data: Array<any>;
-    className?: string;
-    onChange: (item: any) => void;
-}
-export declare const Radio: ({ title, data, className, onChange, }: RadioProps) => React.JSX.Element;
-export {};

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

@@ -1,49 +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.Radio = void 0;
-const react_1 = __importStar(require("react"));
-const svg_1 = require("../../../library/assets/svg");
-const form_component_1 = require("../form/form.component");
-require("../../../tc.css");
-const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
-    const [list, setList] = (0, react_1.useState)(data);
-    const width = 20;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(form_component_1.InputWrapper, { label: title }, list?.map((item, index) => (react_1.default.createElement("div", { className: `${className} flex items-center mb-1`, onClick: () => {
-                const result = list?.map((e, i) => {
-                    if (i == index)
-                        return { ...e, checked: true };
-                    else
-                        return { ...e, checked: false };
-                });
-                setList(result);
-                onChange(result?.find((item) => item.checked));
-            }, key: index },
-            react_1.default.createElement("div", { className: "flex flex-row gap-1 items-center" },
-                item.checked ? (react_1.default.createElement(svg_1.CheckedRadio, { width: width, height: width })) : (react_1.default.createElement(svg_1.UncheckRadio, { width: width, height: width })),
-                react_1.default.createElement("span", { className: "text-4xs" }, item?.title))))))));
-};
-exports.Radio = Radio;

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

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

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const radio_component_1 = require("./radio.component");
-const meta = {
-    title: 'Design System/Atoms/Radio',
-    component: radio_component_1.Radio,
-    tags: ['autodocs'],
-    parameters: {
-        componentSubtitle: `import { Radio } from 'react-restyle-components'`,
-    },
-};
-exports.default = meta;
-exports.Primary = {
-    args: {
-        title: 'Source',
-        data: [
-            { title: 'Salary', checked: false },
-            { title: 'Business', checked: false },
-        ],
-        onChange: (item) => {
-            console.log({ item });
-        },
-    },
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import '../../../tc.css';
-interface StepperProps {
-    className?: string;
-    steps: Array<string>;
-    currentStep: number;
-    onStepClick: (currentStep: any, index: any) => void;
-}
-export declare const Stepper: ({ className, steps, currentStep, onStepClick, }: StepperProps) => React.JSX.Element;
-export {};

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

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

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

@@ -1,21 +0,0 @@
-"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/tabs/tabs.component.d.ts

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

@@ -1,46 +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.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

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

@@ -1,25 +0,0 @@
-"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/timer/timer.component.d.ts

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

@@ -1,106 +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.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/tooltip/tooltip.component.d.ts

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