react-restyle-components 0.2.89 → 0.2.90

package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from '@react-pdf/renderer';
+export const PdfView = ({ mh = 20, p = 2, flexDirection = 'column', style, fixed = false, isBreak = false, alignItems, mt, isWrap = true, children, }) => {
+    return (_jsx(View, { break: isBreak, style: {
+            marginHorizontal: mh,
+            marginTop: mt,
+            padding: p,
+            flexDirection: flexDirection,
+            alignItems: alignItems,
+            ...style,
+        }, fixed: fixed, wrap: isWrap, children: children }));
+};
+export const PdfBorderView = ({ mh = 20, mv = 50, p = 2, borderColor = 'gray', bw = 2, style, flexDirection = 'column', fixed = false, isBreak = false, children, }) => {
+    return (_jsx(View, { break: isBreak, style: {
+            flexDirection: flexDirection,
+            marginHorizontal: mh,
+            marginVertical: mv,
+            padding: p,
+            borderColor: borderColor,
+            borderWidth: bw,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfHeader = ({ bg = 'orange', p = 10, alignItems = 'flex-start', fixed = false, style, children, }) => {
+    return (_jsx(View, { style: {
+            backgroundColor: bg,
+            alignItems: alignItems,
+            padding: p,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfSubHeader = ({ bg = 'yellow', p = 4, alignItems = 'flex-end', fixed = false, style, children, }) => {
+    return (_jsx(View, { style: {
+            backgroundColor: bg,
+            alignItems: alignItems,
+            padding: p,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfFooterView = ({ bottom = 0, left = 0, right = 0, bg = 'orange', p = 10, alignItems = 'center', fixed = false, height = '100%', style, children, }) => {
+    return (_jsx(View, { style: [
+            { position: 'absolute', bottom, left, right, height },
+            { backgroundColor: bg, padding: p, alignItems: alignItems, ...style },
+        ], fixed: fixed, children: children }));
+};
+export const PdfGrid = ({ cols = 1, bg = 'white', style, children, }) => (_jsx(View, { style: {
+        width: `${100 / cols}%`,
+        backgroundColor: bg,
+        ...style,
+    }, children: children }));

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

@@ -0,0 +1,9 @@
+interface RadioProps {
+    title: string;
+    data: Array<any>;
+    className?: string;
+    onChange: (item: any) => void;
+}
+export declare const Radio: ({ title, data, className, onChange, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=radio.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAMA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,0CAKf,UAAU,4CAuCZ,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CheckedRadio, UncheckRadio } from '../../library/assets/svg';
+import { InputWrapper } from '../form/form.component';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
+    const [list, setList] = useState(data);
+    const width = 20;
+    return (_jsx(_Fragment, { children: _jsx(InputWrapper, { label: title, children: list?.map((item, index) => (_jsx("div", { className: cn(className, s['flex'], s['items-center'], s['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));
+                }, children: _jsxs("div", { className: cn(s['flex'], s['flex-row'], s['gap-1'], s['items-center']), children: [item.checked ? (_jsx(CheckedRadio, { width: width, height: width })) : (_jsx(UncheckRadio, { width: width, height: width })), _jsx("span", { className: cn(s['text-4xs']), children: item?.title })] }) }, index))) }) }));
+};

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

@@ -0,0 +1,9 @@
+interface StepperProps {
+    className?: string;
+    steps: Array<string>;
+    currentStep: number;
+    onStepClick: (currentStep: any, index: any) => void;
+}
+export declare const Stepper: ({ className, steps, currentStep, onStepClick, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=stepper.component.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,28 @@
+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/index.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-components/src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

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

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

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

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

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

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

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

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

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