react-restyle-components 0.2.87 → 0.2.89

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

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,WAAW,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,OAAO,oDAKjB,YAAY,4CA+Hd,CAAC"}

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
-    const finalClass = cn(className, s['w-full'], s['px-4'], s['sm:px-8']);
-    const progressClass = cn(s['absolute'], s['my-4'], s['top-1/2'], s['left-0'], s['h-0.5'], s['transform'], s['-translate-y-1/2'], s['bg-orange'], s['transition-width'], s['ease-in-out'], s['duration-500']);
-    const Steps = steps?.map((step, index) => {
-        let stepClass = cn(s['inline-block'], s['transform'], s['-translate-x-1/2'], s['pt-1'], s['w-8'], s['h-8'], s['rounded-full'], s['text-center']);
-        if (index < currentStep)
-            stepClass = cn(stepClass, s['font-medium'], s['border'], s['border-orange'], s['bg-background-secondary'], s['text-gray'], s['bg-white']);
-        else if (index > currentStep)
-            stepClass = cn(stepClass, s['font-medium'], s['border'], s['border-gray-dark-secondary'], s['text-gray'], s['bg-background-secondary'], s['bg-white']);
-        else if (currentStep === index)
-            stepClass = cn(stepClass, s['font-medium'], s['bg-orange'], s['text-white'], s['border']);
-        if (typeof onStepClick === 'function')
-            stepClass = cn(stepClass, s['cursor-pointer']);
-        return (_jsx("div", { style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: cn(s['absolute']), children: _jsx("span", { className: cn(stepClass, s['font-arimaRegular'], s['text-4xs'], s['text-center'], s['z-2']), onClick: () => {
-                    if (typeof onStepClick === 'function')
-                        onStepClick(index + 1, step);
-                }, children: step }) }, step));
-    });
-    return (_jsxs("div", { className: finalClass, children: [_jsx("div", { className: cn(s['w-full'], s['relative'], s['z-0']), children: _jsx("div", { className: progressClass, style: {
-                        // width: `${(currentStep / (steps.length - 1)) * 100}%`,
-                        width: `100%`,
-                    }, children: _jsx("div", { className: cn(s['w-3'], s['h-3'], s['bg-orange'], s['rounded-full'], s['absolute'], s['right-0'], s['top-1/2'], s['transform'], s['translate-x-1/2'], s['-translate-y-1/2']) }) }) }), _jsx("div", { className: cn(s['relative'], s['sm:block']), children: Steps })] }));
-};

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

@@ -1,18 +0,0 @@
-import React from 'react';
-interface TabProps {
-    title: string;
-    children: React.JSX.Element;
-}
-export declare const Tab: ({ title, children }: TabProps) => import("react/jsx-runtime").JSX.Element;
-export interface TabsProps {
-    options: Array<{
-        title: string;
-        content?: React.JSX.Element;
-        inActive?: boolean;
-    }>;
-    onSelect?: (item: any, index: number) => void;
-    children: React.JSX.Element[];
-}
-export declare const Tabs: ({ options, onSelect, children }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=tabs.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/tabs/tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,GAAG,wBAAuB,QAAQ,4CAM9C,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,oCAAmC,SAAS,4CAqD5D,CAAC"}

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

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState } from 'react';
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-export const Tab = ({ title, children }) => {
-    return (_jsx("div", { className: cn(s.flex), children: children }, title));
-};
-export const Tabs = ({ options, onSelect, children }) => {
-    const [activeTab, setActiveTab] = useState(0);
-    const [selected, setSelected] = useState(options[0].title);
-    const tabs = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Tab);
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: cn(s.flex, s['flex-col'], s['w-full']), children: [_jsx("div", { className: cn(s.flex, s['border-b']), children: options?.map((tab, index) => (_jsx("button", { type: "button", className: cn(s['py-2'], s['px-4'], s['mr-1'], s['border-none'], s['rounded-t-md'], s['shadow-inner'], s['cursor-pointer'], activeTab === index && s['bg-blue-500'], activeTab === index && s['border-none'], activeTab === index && s['text-white']), onClick: () => {
-                            setSelected(tab?.title);
-                            onSelect && onSelect(tab, index);
-                            !tab.inActive && setActiveTab(index);
-                        }, disabled: tab.inActive, children: tab.title }, index))) }), _jsx("div", { className: cn(s['p-2'], s.border, s['border-solid'], s['border-slate-600'], s['rounded-b-md']), children: options[activeTab]?.content
-                        ? options[activeTab]?.content
-                        : tabs[options?.findIndex((item) => item.title === selected)] })] }) }));
-};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-interface TimerProps {
-    onClear: () => void;
-}
-export declare const Timer: React.ForwardRefExoticComponent<TimerProps & React.RefAttributes<any>>;
-export {};
-//# sourceMappingURL=timer.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"timer.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/timer/timer.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,eAAO,MAAM,KAAK,wEA8EjB,CAAC"}

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

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/prop-types */
-/* eslint-disable @typescript-eslint/no-unused-expressions */
-import React, { useEffect, useState, useImperativeHandle } from 'react';
-import { TimerSVG } from '../../library/assets/svg';
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-// eslint-disable-next-line react/display-name
-export const Timer = React.forwardRef(({ onClear }, ref) => {
-    const width = 15;
-    const [minute, setMinute] = useState('00');
-    const [second, setSecond] = useState('10');
-    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);
-        };
-    });
-    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 (_jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center']), children: [_jsx(TimerSVG, { width: width, height: width, fill: "#E7503D" }), _jsxs("div", { className: cn(s['ml-2'], s['flex'], s['flex-row']), children: [_jsxs("span", { children: [minute, ":"] }), _jsx("span", { children: second })] })] }));
-});

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-export type TooltipProps = {
-    /** custom classname to pass to the tooltip element */
-    className?: string;
-    /** The delay (in ms) before showing the tooltip */
-    delay?: number;
-    /** Sets the preferred position relative to the trigger */
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    /** Space between the tooltip element and anchor element (arrow not included in calculation) */
-    sideOffset?: number;
-    /** Use this to set the content of the tooltip*/
-    content?: React.ReactNode;
-    /** Sets the preferred alignment relative to the trigger & position */
-    align?: 'start' | 'center' | 'end';
-    /**Space between alignment point and tooltip */
-    alignOffset?: number;
-    /** If set to true then in the case of collision finds the alternate ways by changing the position or aligment or both to properly display tooltip  */
-    avoidCollisions?: boolean;
-    /** Set true to prevent tooltip from displaying */
-    disabled?: boolean;
-};
-//# sourceMappingURL=Tooltip.types.d.ts.map

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/tooltip/Tooltip.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sJAAsJ;IACtJ,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.js

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

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PropsWithChildren } from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { TooltipProps } from './Tooltip.types';
-/**
- *  The `Tooltip` must be nested somewhere inside the `TooltipProvider` in the component tree.
- */
-export declare const Tooltip: ({ align, side, children, content, avoidCollisions, alignOffset, sideOffset, disabled, delay, className, }: PropsWithChildren<TooltipProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-//# sourceMappingURL=tooltip.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,OAAO,8GAWjB,kBAAkB,YAAY,CAAC,4CA4BjC,CAAC;AACF,eAAO,MAAM,eAAe,iDAA4B,CAAC"}

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-/**
- *  The `Tooltip` must be nested somewhere inside the `TooltipProvider` in the component tree.
- */
-export const Tooltip = ({ align = 'center', side = 'bottom', children, content, avoidCollisions = true, alignOffset = 0, sideOffset = 5, disabled = false, delay = 400, className, }) => {
-    const isChildrenString = typeof children === 'string';
-    return (_jsxs(TooltipPrimitive.Root, { delayDuration: delay, children: [_jsx(TooltipPrimitive.Trigger, { asChild: !isChildrenString, disabled: disabled, className: className, children: children }), _jsx(TooltipPrimitive.Portal, { children: !disabled && content && (_jsxs(TooltipPrimitive.Content, { className: className, avoidCollisions: avoidCollisions, side: side, align: align, alignOffset: alignOffset, sideOffset: sideOffset, children: [content, _jsx(TooltipPrimitive.Arrow, { className: className })] })) })] }));
-};
-export const TooltipProvider = TooltipPrimitive.Provider;

package/lib/src/core-components/src/helpers/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const STANDARD_COLORS: string[];
-export declare const DEFAULT_BG_COLOR = "";
-export declare const DEFAULT_TEXT_COLOR = "";
-//# sourceMappingURL=constants.d.ts.map

package/lib/src/core-components/src/helpers/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/helpers/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAQ3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,KAAK,CAAC"}

package/lib/src/core-components/src/helpers/constants.js

@@ -1,11 +0,0 @@
-export const STANDARD_COLORS = [
-    '#000000',
-    '#0000ff',
-    '#808080',
-    '#008000',
-    '#800080',
-    '#ff0000',
-    '#ffffff',
-];
-export const DEFAULT_BG_COLOR = '';
-export const DEFAULT_TEXT_COLOR = '';

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

@@ -1,2 +0,0 @@
-export * from './outside.hook';
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

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

@@ -1 +0,0 @@
-export * from './outside.hook';

package/lib/src/core-components/src/hooks/outside.hook.d.ts

@@ -1,2 +0,0 @@
-export declare const useClickOutside: (ref: any, handler: any) => void;
-//# sourceMappingURL=outside.hook.d.ts.map

package/lib/src/core-components/src/hooks/outside.hook.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"outside.hook.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/hooks/outside.hook.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,kCA6B3B,CAAC"}

package/lib/src/core-components/src/hooks/outside.hook.js

@@ -1,28 +0,0 @@
-import { useEffect } from 'react';
-export const useClickOutside = (ref, handler) => {
-    useEffect(() => {
-        let startedInside = false;
-        let startedWhenMounted = false;
-        const listener = (event) => {
-            // Do nothing if `mousedown` or `touchstart` started inside ref element
-            if (startedInside || !startedWhenMounted)
-                return;
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target))
-                return;
-            handler(event);
-        };
-        const validateEventStart = (event) => {
-            startedWhenMounted = ref.current;
-            startedInside = ref.current && ref.current.contains(event.target);
-        };
-        document.addEventListener('mousedown', validateEventStart);
-        document.addEventListener('touchstart', validateEventStart);
-        document.addEventListener('click', listener);
-        return () => {
-            document.removeEventListener('mousedown', validateEventStart);
-            document.removeEventListener('touchstart', validateEventStart);
-            document.removeEventListener('click', listener);
-        };
-    }, [ref, handler]);
-};

package/lib/src/core-components/src/library/assets/svg/index.d.ts

@@ -1,10 +0,0 @@
-import UnCheckbox from './UnCheckbox.svg?react';
-import CheckedBox from './CheckedBox.svg?react';
-import DatePickerSvg from './datePicker.svg?react';
-import CheckedRadio from './checkedRadio.svg?react';
-import UncheckRadio from './uncheckRadio.svg?react';
-import TimerSVG from './timer.svg?react';
-import UpArrow from './UpArrow.svg?react';
-import DownArrow from './DownArrow.svg?react';
-export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
-//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/library/assets/svg/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/library/assets/svg/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAChD,OAAO,aAAa,MAAM,wBAAwB,CAAC;AACnD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,SAAS,GACV,CAAC"}

package/lib/src/core-components/src/library/assets/svg/index.js

@@ -1,27 +0,0 @@
-import UnCheckbox from './UnCheckbox.svg?react';
-import CheckedBox from './CheckedBox.svg?react';
-import DatePickerSvg from './datePicker.svg?react';
-import CheckedRadio from './checkedRadio.svg?react';
-import UncheckRadio from './uncheckRadio.svg?react';
-import TimerSVG from './timer.svg?react';
-import UpArrow from './UpArrow.svg?react';
-import DownArrow from './DownArrow.svg?react';
-export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
-// import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
-// import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';
-// import {ReactComponent as DatePickerSvg} from '../../../library/assets/svg/datePicker.svg';
-// import {ReactComponent as CheckedRadio} from '../../../library/assets/svg/checkedRadio.svg';
-// import {ReactComponent as UncheckRadio} from '../../../library/assets/svg/uncheckRadio.svg';
-// import {ReactComponent as TimerSVG} from '../../../library/assets/svg/timer.svg';
-// import {ReactComponent as UpArrow} from '../../../library/assets/svg/UpArrow.svg';
-// import {ReactComponent as DownArrow} from '../../../library/assets/svg/DownArrow.svg';
-// export {
-//   UnCheckbox,
-//   CheckedBox,
-//   DatePickerSvg,
-//   CheckedRadio,
-//   UncheckRadio,
-//   TimerSVG,
-//   UpArrow,
-//   DownArrow,
-// };

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

@@ -1,17 +0,0 @@
-export interface AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps {
-    uniqueField?: string;
-    isSelectedStringArray?: boolean;
-    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, isSelectedStringArray, loader, placeholder, data, hasError, disable, isUpperCase, name, onFilter, onUpdate, onSelect, onBlur, }: AutoCompleteFilterMultipleSelectMultipleFieldsDisplayProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,0DAA0D;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,qDAAqD,mJAc/D,0DAA0D,4CAkM5D,CAAC"}

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

@@ -1,101 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable  */
-import { useState, useEffect, useRef } from 'react';
-import { Icon } from '../../atoms/icons/icons.component';
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-import { debounce } from '@techabl/core-utils';
-export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', isSelectedStringArray = false, loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
-    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 (isSelectedStringArray) {
-                            if (sItem === item[uniqueField]) {
-                                item.selected = true;
-                            }
-                        }
-                        else {
-                            if (sItem[uniqueField] === item[uniqueField]) {
-                                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);
-        debounce(() => {
-            onFilter && onFilter(search);
-        });
-    };
-    const onKeyUp = (e) => {
-        const charCode = e.which ? e.which : e.keyCode;
-        if (charCode === 8) {
-            const search = e.target.value;
-            debounce(() => {
-                onFilter && onFilter(search);
-            });
-        }
-    };
-    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: cn(s['w-full'], s['relative']), children: [_jsxs("div", { className: cn(s['flex'], s['items-center'], s['leading-4'], s['p-2'], s['focus:outline-none'], s['focus:ring'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border'], s['rounded-md'], {
-                        [s['border-red']]: hasError,
-                        [s['border-gray-300']]: !hasError,
-                    }), children: [_jsx("input", { placeholder: placeholder, disabled: disable, name: name, value: !isListOpen
-                                ? data?.selected?.length > 0
-                                    ? `${(data.selected && data.selected.length) || 0} Items`
-                                    : value
-                                : isUpperCase
-                                    ? value?.toUpperCase()
-                                    : value, className: cn(s['w-full'], s['focus:outline-none'], s['bg-none']), onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e) }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
-                                color: '#000000',
-                                size: 22,
-                            } })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: {
-                                color: '#000000',
-                                size: 22,
-                            } }))] }), options && isListOpen
-                    ? options?.length > 0 && (_jsx("div", { className: cn(s['flex'], s['mt-1'], s['absolute'], s['rounded-sm'], s['z-500'], s['w-full']), style: { zIndex: 80 }, children: _jsx("ul", { className: cn(s['flex'], s['flex-col'], s['gap-2'], s['bg-gray-200'], s['p-2'], s['w-full']), children: options?.map((item, index) => (_jsx(_Fragment, { children: _jsx("li", { className: cn(s['flex'], s['gap-4'], s['p-2']), children: _jsxs("label", { className: cn(s['flex']), children: [_jsx("input", { id: index?.toString(), className: cn(s['flex'], s['h-4'], s['w-4']), type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }), ' ', _jsx("span", { className: cn(s['flex'], s['h-4'], s['ml-2']), children: data.displayKey
-                                                    .map((key) => `${item[key]}
-                              `)
-                                                    .join(' - ') })] }) }, index) }))) }) }))
-                    : null] }) }));
-};

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

@@ -1,13 +0,0 @@
-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) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=auto-complete-filter-single-select.component.d.ts.map

package/lib/src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-filter-single-select.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.tsx"],"names":[],"mappings":"AAOA,UAAU,mCAAmC;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B;AAED,eAAO,MAAM,8BAA8B,wFASxC,mCAAmC,4CAuIrC,CAAC"}

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

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable  */
-import { useState, useEffect, useRef } from 'react';
-import { Icon } from '../../atoms/icons/icons.component';
-import { debounce } from '@techabl/core-utils';
-import s from '../../tc.module.css';
-import { cn } from '../../utils';
-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 handleInputChange = (e) => {
-        const search = e.target.value;
-        setValue(search);
-        const filteredOptions = data.list.filter((item) => item[data.displayKey].toLowerCase().includes(search.toLowerCase()));
-        setOptions(filteredOptions);
-        debounce(() => {
-            onFilter(search);
-        });
-    };
-    return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, children: [_jsxs("div", { className: cn(s['flex'], s['items-center'], s['leading-4'], s['p-2'], s['focus:outline-none'], s['focus:ring'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border'], s['rounded-md'], {
-                        [s['border-red']]: hasError,
-                        [s['border-gray-300']]: !hasError,
-                    }), children: [_jsx("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: cn(s['w-full'], s['focus:outline-none'], s['bg-none']), onChange: handleInputChange, onClick: () => setIsListOpen(true), disabled: disable }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
-                                color: '#000000',
-                                size: 22,
-                            } })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: {
-                                color: '#000000',
-                                size: 22,
-                            } }))] }), options && isListOpen
-                    ? options.length > 0 && (_jsx("div", { className: cn(s['mt-1'], s['absolute'], s['bg-gray-100'], s['p-2'], s['rounded-sm'], s['z-50']), children: _jsx("ul", { children: options?.map((item, index) => (_jsx(_Fragment, { children: _jsx("li", { className: cn(s['text-gray-400'], s['flex'], s['items-center']), onClick: () => {
-                                        setValue(item[data.displayKey]);
-                                        setIsListOpen(false);
-                                        onSelect(item);
-                                    }, children: _jsx("label", { className: cn(s['ml-2'], s['mt-1'], s['text-black']), children: item[data.displayKey] }) }, index) }))) }) }))
-                    : null] }) }));
-};

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

@@ -1,18 +0,0 @@
-import '../../../tc.module.css';
-interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
-    loader?: boolean;
-    disable?: boolean;
-    displayValue?: string;
-    placeholder?: string;
-    data: any;
-    hasError?: boolean;
-    className?: string;
-    posstion?: string;
-    keyboard?: 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, keyboard, onFilter, onSelect, onBlur, }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=auto-complete-filter-single-select-multiple-fields-display.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"auto-complete-filter-single-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAKhC,UAAU,qDAAqD;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC9B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC7B;AAED,eAAO,MAAM,gDAAgD,+HAa1D,qDAAqD,4CAiNvD,CAAC"}