react-restyle-components 0.2.89 → 0.2.90

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

@@ -0,0 +1,71 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense } from 'react';
+import _ from 'lodash';
+import { Tooltip } from '../tooltip/tooltip.component';
+import loadable from '@loadable/component';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
+    try {
+        const iconProps = {
+            ...propsIcon,
+            color: isDisable ? '#808080' : propsIcon?.color || 'rgb(36 48 63)',
+        };
+        // const lib = nameIcon
+        //   .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+        //   .split(' ')[0]
+        //   .toLowerCase();
+        const lib = nameIcon.startsWith('IoIo')
+            ? 'io'
+            : nameIcon.startsWith('Io')
+                ? 'io5'
+                : nameIcon
+                    .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
+                    .split(' ')[0]
+                    .toLowerCase();
+        const iconLibraries = {
+            fa: () => import('react-icons/fa'),
+            md: () => import('react-icons/md'),
+            io: () => import('react-icons/io'),
+            fi: () => import('react-icons/fi'),
+            bs: () => import('react-icons/bs'),
+            hi: () => import('react-icons/hi'),
+            go: () => import('react-icons/go'),
+            si: () => import('react-icons/si'),
+            ti: () => import('react-icons/ti'),
+            wi: () => import('react-icons/wi'),
+            di: () => import('react-icons/di'),
+            ri: () => import('react-icons/ri'),
+            fc: () => import('react-icons/fc'),
+            gr: () => import('react-icons/gr'),
+            lu: () => import('react-icons/lu'),
+            gi: () => import('react-icons/gi'),
+            tb: () => import('react-icons/tb'),
+            rx: () => import('react-icons/rx'),
+            im: () => import('react-icons/im'),
+            cg: () => import('react-icons/cg'),
+            io5: () => import('react-icons/io5'),
+            ai: () => import('react-icons/ai'),
+            vsc: () => import('react-icons/vsc'),
+            bi: () => import('react-icons/bi'),
+            fa2: () => import('react-icons/fa'),
+            ci: () => import('react-icons/ci'),
+            lib: () => import('react-icons/lib'),
+            lia: () => import('react-icons/lia'),
+            pi: () => import('react-icons/pi'),
+            tfi: () => import('react-icons/tfi'),
+            fa6: () => import('react-icons/fa6'),
+        };
+        const loadLibrary = iconLibraries[lib] || (() => import('react-icons/md'));
+        const ElementIcon = loadable(loadLibrary, {
+            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        });
+        return (_jsx("div", { className: cn(s.iconContainer), onClick: () => {
+                if (!isDisable)
+                    onClick && onClick();
+            }, children: !_.isEmpty(tooltip) ? (_jsx(Tooltip, { content: tooltip, children: _jsx(ElementIcon, { ...iconProps, className: cn(s.icon) }) })) : (_jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx(ElementIcon, { ...iconProps, className: cn(s.icon) }) })) }));
+    }
+    catch (error) {
+        return _jsx(_Fragment, {});
+    }
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+interface PinInputGridProps {
+    title?: string;
+    hasError?: boolean;
+    className?: string;
+    disable?: boolean;
+    blur?: any;
+    name?: string;
+    pin: Array<number | undefined>;
+    onPinChanged: (pinEntry: number | undefined, index: number) => void;
+}
+export declare const InputOtp: React.FC<PinInputGridProps>;
+export {};
+//# sourceMappingURL=input-otp.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/input/input-otp.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAE/B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkHhD,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable no-console */
+import { useEffect, useRef } from 'react';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const InputOtp = ({ className, pin, onPinChanged, }) => {
+    const pinLength = 6;
+    const Pin_Min_Value = 0;
+    const Pin_Max_Value = 9;
+    const BACKSPACE_Key = 'Backspace';
+    const inputRefs = useRef([]);
+    useEffect(() => {
+        const ref = inputRefs.current[0];
+        if (ref) {
+            ref.focus();
+        }
+    }, []);
+    const changePinFocus = (pinIndex) => {
+        const ref = inputRefs.current[pinIndex];
+        if (ref) {
+            ref.focus();
+        }
+    };
+    const onChange = (event, index) => {
+        const value = event.target.value;
+        const pinNumber = Number(value.trim());
+        if (isNaN(pinNumber) || value.length === 0) {
+            return;
+        }
+        if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
+            onPinChanged(pinNumber, index);
+            if (index < pinLength - 1) {
+                changePinFocus(index + 1);
+            }
+        }
+    };
+    const onKeyDown = (event, index) => {
+        const keyboardKeyCode = event.nativeEvent.code;
+        if (keyboardKeyCode != BACKSPACE_Key)
+            return;
+        if (pin[index] === undefined) {
+            changePinFocus(index - 1);
+        }
+        else {
+            onPinChanged(undefined, index);
+        }
+    };
+    return (_jsx("div", { className: cn(className, s['relative']), children: _jsx("div", { className: cn(s['flex'], s['space-x-1'], s['bg-background-secondary'], s['rounded-lg'], s['outline-offset-8']), children: Array.from({ length: pinLength }, (_, index) => (_jsx("input", { "data-testid": "onPinChanged", className: cn(s['pt-3'], s['pb-2'], s['block'], s['w-full'], s['px-0'], s['text-5xl'], s['font-extrabold'], s['border-b-0'], s['text-orange'], s['mt-0'], s['bg-transparent'], s['text-center'], s['z-20'], s['appearance-none'], s['focus:outline-none'], s['font-arimaRegular']), onKeyDown: (event) => onKeyDown(event, index), onMouseUp: () => {
+                    if (pin.join('').length <= 0) {
+                        changePinFocus(0);
+                    }
+                }, onClick: () => {
+                    if (pin.join('').length <= 0) {
+                        onPinChanged(undefined, 0);
+                    }
+                }, ref: (el) => {
+                    if (el) {
+                        inputRefs.current[index] = el;
+                    }
+                }, onChange: (event) => onChange(event, index), value: pin[index] || '' }, index))) }) }));
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './input.styles.css';
+interface PinInputGridProps {
+    title: string;
+    hasError?: any;
+    errorMsg?: string;
+    defaultMsg?: string;
+    className?: string;
+    disable?: boolean;
+    name?: string;
+    defaultPin: Array<number | undefined>;
+    onPinChanged: (item: any, index: number) => void;
+}
+export declare const InputPin: React.FC<PinInputGridProps>;
+export {};
+//# sourceMappingURL=input-pin.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-pin.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/input/input-pin.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,oBAAoB,CAAC;AAI5B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0KhD,CAAC"}

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

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable */
+import { useRef, useState } from 'react';
+import './input.styles.css';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
+    const pin = useRef([]);
+    const [reload, setReload] = useState(false);
+    const pinLength = 12;
+    const Pin_Min_Value = 0;
+    const Pin_Max_Value = 9;
+    const BACKSPACE_Key = 'Backspace';
+    const inputRefs = useRef([]);
+    const removeValuesFromArray = (valuesArray, value) => {
+        const valueIndex = valuesArray.findIndex((entry) => entry === value);
+        if (valueIndex === -1) {
+            return;
+        }
+        valuesArray.splice(valueIndex, 1);
+    };
+    const changePinFocus = (pinIndex) => {
+        const ref = inputRefs.current[pinIndex];
+        if (ref) {
+            ref.focus();
+        }
+    };
+    const onChange = (event, index) => {
+        const previousValue = event.target.defaultValue;
+        const valueArray = event.target.value.split('');
+        const output = removeValuesFromArray(valueArray, previousValue);
+        const value = valueArray.pop();
+        if (!value) {
+            return;
+        }
+        const pinNumber = Number(value);
+        if (isNaN(pinNumber) || value.length === 0) {
+            return;
+        }
+        pin.current[pin.current?.length] = value;
+        setReload(!reload);
+        if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
+            onPinChanged(pin.current, index);
+            if (index < pinLength - 1) {
+                changePinFocus(index + 1);
+            }
+        }
+    };
+    const onKeyDown = (event, index) => {
+        const keyboardKeyCode = event.nativeEvent.code;
+        if (keyboardKeyCode != BACKSPACE_Key)
+            return;
+        if (pin.current[index] !== undefined && keyboardKeyCode === BACKSPACE_Key) {
+            changePinFocus(index - 1);
+        }
+        if (pin.current[index] === undefined) {
+            changePinFocus(index - 1);
+        }
+        else {
+            onPinChanged(undefined, index);
+        }
+    };
+    return (_jsxs("div", { className: cn(className, s.relative), children: [_jsx("label", { className: cn(s['duration-300'], s['-z-1'], s['origin-0'], s['text-gray-dark-secondary'], s['font-arimaRegular'], s['text-md']), children: title }), _jsx("div", { className: cn(s.flex, s['space-x-1']), children: Array.from({ length: pinLength }, (_, index) => (_jsxs("div", { className: cn(s.flex, s['space-x-1'], s['max-w-full'], s['items-stretch']), children: [_jsx("input", { "data-testid": "inputElementPin", type: "tel", className: cn(s['pb-2'], s.block, s['w-4'], s['px-0'], s['mt-0'], s['bg-transparent'], s['text-center'], s['border-0'], s['border-b'], s['z-20'], s['appearance-none'], s['rounded-none'], s['focus:outline-none'], s['focus:ring-0'], s['focus:border-gray-secondary'], s['border-gray-secondary'], s['font-arimaRegular']), onKeyUp: (event) => onKeyDown(event, index), onMouseUp: () => {
+                                if (pin.current.join('').length <= 0) {
+                                    changePinFocus(0);
+                                }
+                            }, onClick: () => {
+                                if (pin.current.join('').length <= 0) {
+                                    onPinChanged(undefined, 0);
+                                }
+                            }, ref: (el) => {
+                                if (el) {
+                                    inputRefs.current[index] = el;
+                                }
+                            }, onChange: (event) => onChange(event, index), value: pin.current[index]?.toString() || '' }, index), _jsx("div", { className: s.invisible, children: (index + 1) % 4 === 0 ? 'ss' : null })] }, index))) }), hasError && hasError?.type !== 'required' && (_jsx("span", { className: cn(s['text-sm'], s['text-red'], s['text-4xs'], s['font-arimaRegular']), id: "error", children: `${errorMsg || ''}` })), (!hasError || hasError?.type === 'required') && (_jsx("span", { className: cn(s['text-sm'], s['text-4xs'], s['font-arimaRegular']), id: "error", children: `${defaultMsg || ''}` }))] }));
+};

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

@@ -0,0 +1,18 @@
+import './input.styles.css';
+interface InputProps {
+    title: string;
+    defaultValue: string;
+    hasError?: any;
+    errorMsg?: string;
+    defaultMsg?: string;
+    className?: string;
+    disable?: boolean;
+    inputStyle?: string;
+    autoComplete?: 'off' | 'on';
+    maxlength?: number;
+    onChange: (value: any) => void;
+    onBlur?: (value: any) => void;
+}
+export declare const Input: ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength, onChange, onBlur, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/input/input.component.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAI5B,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,KAAK,wIAaf,UAAU,4CAyEZ,CAAC"}

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable no-console */
+import { useState } from 'react';
+import './input.styles.css';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const Input = ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength = 40, onChange, onBlur, }) => {
+    const [value, setValue] = useState(defaultValue);
+    const onKeyUpValue = (event) => {
+        onChange(event.target.value);
+    };
+    return (_jsxs("div", { className: cn(className, s.relative), children: [_jsx("input", { "data-testid": "inputElement", type: "text", name: "name", value: value, placeholder: " ", disabled: disable, className: cn(s['pt-3'], s['pb-2'], s['bg-transparent'], s['block'], s['w-full'], s['px-0'], s['mt-0'], s['rounded-none'], s['border-0'], s['border-b'], s['appearance-none'], s['focus:outline-none'], s['focus:ring-0'], s['focus:border-gray-secondary'], s['border-gray-secondary'], s['font-arimaRegular'], inputStyle), onChange: (e) => {
+                    setValue(e.target.value);
+                    onChange && onChange(e.target.value);
+                }, onKeyUp: onKeyUpValue, onBlur: (e) => onBlur && onBlur(e.target.value), autoComplete: autoComplete, maxLength: maxlength }), _jsx("label", { className: cn(s['absolute'], s['duration-300'], s['top-3'], s['-z-1'], s['origin-0'], s['text-gray-dark-secondary'], s['font-arimaRegular'], s['text-md']), children: title }), hasError && hasError?.type !== 'required' && (_jsx("span", { className: cn(s['text-sm'], s['text-red'], s['text-4xs']), id: "error", children: `${errorMsg || ''}` })), (!hasError || hasError?.type === 'required') && (_jsx("span", { className: cn(s['text-sm'], s['text-4xs']), id: "error", children: `${defaultMsg || ''}` }))] }));
+};

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

@@ -0,0 +1,10 @@
+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) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input-dropdown.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,qDAMvB,kBAAkB,4CAyIpB,CAAC"}

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+import { Icon } from '../icons/icons.component';
+export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [value, setValue] = useState('');
+    const [filteredItems, setFilteredItems] = useState(items);
+    const useOutsideAlerter = (ref) => {
+        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 handleInputChange = (event) => {
+        const inputValue = event.target.value;
+        setValue(inputValue);
+        const filtered = items.filter((item) => item.toLowerCase().includes(inputValue.toLowerCase()));
+        setFilteredItems(filtered);
+        onChange && onChange(inputValue);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    return (_jsxs("div", { className: cn(className, s['relative']), children: [_jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center']), children: [_jsx("input", { type: "text", name: "name", placeholder: title, value: value, className: cn(s['pt-3'], s['pb-2'], s['w-full'], s['px-0'], s['mt-0'], s['bg-transparent'], s['border-gray-secondary'], s['border-0'], s['border-b'], s['appearance-none'], s['focus:outline-none'], s['focus:ring-0'], s['font-arimaRegular'], s['text-md']), onClick: () => {
+                            setIsOpen(!isOpen);
+                        }, onChange: handleInputChange }), !isOpen && (_jsx(_Fragment, { children: _jsx(Icon, { nameIcon: "MdKeyboardArrowDown", propsIcon: { size: '24', color: '#000000' }, onClick: () => {
+                                setIsOpen(!isOpen);
+                            } }) })), isOpen && (_jsx(Icon, { nameIcon: "MdKeyboardArrowUp", propsIcon: { size: '24', color: '#000000' }, onClick: () => {
+                            setIsOpen(!isOpen);
+                        } }))] }), isOpen && (_jsx("div", { className: cn(s['z-10'], s['w-full'], s['absolute'], s['text-base'], s['list-none'], s['bg-white'], s['rounded'], s['divide-y'], s['divide-gray-100'], s['shadow'], s['dark:bg-gray-700']), ref: wrapperRef, children: _jsx("ul", { className: s['py-1'], children: filteredItems?.map((item, index) => (_jsx("li", { className: cn(s['block'], s['py-2'], s['px-4'], s['text-md'], s['hover:bg-gray-100'], s['dark:hover:bg-gray-600'], s['dark:text-gray-200'], s['font-arimaRegular']), onClick: () => {
+                            setValue(item);
+                            setIsOpen(!isOpen);
+                        }, children: item }, index))) }) })), hasError && (_jsx("span", { className: cn(s['text-primaryCharcoal'], s['text-4xs']), id: "error", children: `${title} is required` }))] }));
+};

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

@@ -0,0 +1,6 @@
+export interface LoadingAnimateSpinProps {
+    classWarper?: string;
+    className?: string;
+}
+export declare const LoadingAnimateSpin: ({ classWarper, className, }: LoadingAnimateSpinProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loader.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gCAG5B,uBAAuB,4CAwBzB,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import s from '../../tc.module.css';
+import { cn } from '../../utils';
+export const LoadingAnimateSpin = ({ classWarper = '', className = '', }) => {
+    return (_jsx("div", { className: cn(s.absolute, s['justify-center'], s['items-center'], classWarper), children: _jsx("div", { className: cn(s['w-10'], s['h-10'], s['border-t-2'], s['border-b-2'], s['border-blue-500'], s['rounded-full'], s['animate-spin'], className) }) }));
+};

package/lib/src/core-components/src/atoms/pdf/pdf-images.components.d.ts

@@ -0,0 +1,9 @@
+import { Style } from '@react-pdf/types';
+interface PdfImageProps {
+    src?: string | any;
+    style?: Style | Style[];
+    fixed?: boolean;
+}
+export declare const PdfImage: ({ src, style, }: PdfImageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pdf-images.components.d.ts.map

package/lib/src/core-components/src/atoms/pdf/pdf-images.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-images.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-images.components.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAEvC,UAAU,aAAa;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,oBAGlB,aAAa,4CAWf,CAAC"}

package/lib/src/core-components/src/atoms/pdf/pdf-images.components.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Image } from '@react-pdf/renderer';
+export const PdfImage = ({ src = 'https://picsum.photos/200/300', style, }) => {
+    return (_jsx(_Fragment, { children: _jsx(Image, { style: {
+                ...style,
+            }, src: src }) }));
+};

package/lib/src/core-components/src/atoms/pdf/pdf-table.components.d.ts

@@ -0,0 +1,11 @@
+import { Style } from '@react-pdf/types';
+interface PdfTableProps {
+    style?: Style;
+    headerStyle?: Style;
+    headerFixed?: boolean;
+    fields: Array<any>;
+    data: Array<any>;
+}
+export declare const PdfTable: ({ headerFixed, fields, data, style, headerStyle, }: PdfTableProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pdf-table.components.d.ts.map

package/lib/src/core-components/src/atoms/pdf/pdf-table.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-table.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-table.components.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAqCvC,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,uDAMlB,aAAa,4CAiEf,CAAC"}

package/lib/src/core-components/src/atoms/pdf/pdf-table.components.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View, StyleSheet } from '@react-pdf/renderer';
+import { PdfSmall } from './pdf-typography.components';
+import { PdfBorderView } from './pdf-wrapped-view.components';
+const styles = StyleSheet.create({
+    table: {
+        borderColor: '#000000',
+        borderWidth: 1,
+        marginHorizontal: 20,
+        flexFlow: 1,
+    },
+    tableRow: {
+        flexDirection: 'row',
+    },
+    headerBg: {
+        backgroundColor: '#aaa',
+        borderStyle: 'solid',
+        borderColor: '#000000',
+        borderWidth: 1,
+    },
+    tableCellHeader: {
+        margin: 2,
+        fontSize: 10,
+        fontWeight: 'bold',
+        textAlign: 'center',
+    },
+    tableCell: {
+        margin: 2,
+        fontSize: 12,
+    },
+    textCenter: {
+        textAlign: 'center',
+    },
+});
+export const PdfTable = ({ headerFixed = false, fields, data, style, headerStyle, }) => (_jsxs(View, { style: [styles.table, { ...style }], children: [_jsx(View, { style: [styles.tableRow, styles.headerBg, { ...headerStyle }], fixed: headerFixed, children: fields.map((item, index) => (_jsx(View, { style: [{ width: item.width + '%' }], children: _jsx(Text, { style: [styles.tableCellHeader], children: item?.title }) }, index))) }), data?.map((item, index) => (_jsx(View, { style: styles.tableRow, children: Object.entries(item).map((_item, _idx) => (_jsx(PdfBorderView, { style: {
+                    width: fields[_idx]?.width + '%',
+                    borderStyle: 'solid',
+                }, mh: 0, mv: 0, p: 0, bw: 1, borderColor: "#000000", children: typeof _item[1] == 'object' ? (_jsxs(_Fragment, { children: [_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelDesc
+                                ? `Panel Description : ${_item[1]?.panelDesc} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelMethodName
+                                ? `Panel Method Name: ${_item[1]?.panelMethodName} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.testMethodName
+                                ? `Test Method Name: ${_item[1]?.testMethodName} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteDesc
+                                ? `Analyte Description: ${_item[1]?.analyteDesc} \n`
+                                : '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteMethodName
+                                ? `Analyte Method Name: ${_item[1]?.analyteMethodName}`
+                                : '' })] })) : (_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1] || '' })) }, _idx))) }, index)))] }));

package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Style } from '@react-pdf/types';
+interface PdfTextProps {
+    fontWeight?: 'bold' | 'medium' | 'normal';
+    fontSize?: number;
+    fontFamily?: 'ArimaRegular' | 'ArimaBold' | string;
+    textAlign?: 'center' | 'left' | 'right';
+    style?: Style | Style[];
+    lineHeight?: number;
+    bottom?: number;
+    fixed?: boolean;
+    children?: React.ReactNode;
+}
+export declare const PdfHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfSubHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfMedium: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfRegular: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfSmall: ({ fontSize, fontFamily, fontWeight, textAlign, lineHeight, fixed, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfPageNumber: ({ style, bottom }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pdf-typography.components.d.ts.map

package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-typography.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-typography.components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAkBvC,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;IACnD,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,2DAMpB,YAAY,4CAad,CAAC;AAEF,eAAO,MAAM,aAAa,2DAMvB,YAAY,4CAad,CAAC;AAEF,eAAO,MAAM,SAAS,sEAOnB,YAAY,4CAcd,CAAC;AAEF,eAAO,MAAM,UAAU,sEAOpB,YAAY,4CAcd,CAAC;AAEF,eAAO,MAAM,QAAQ,yFASlB,YAAY,4CAgBd,CAAC;AAEF,eAAO,MAAM,aAAa,sBAA0B,YAAY,4CAiB/D,CAAC"}

package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text, Font } from '@react-pdf/renderer';
+Font.register({
+    family: 'ArimaBold',
+    fonts: [
+        {
+            src: '../../../library/assets/fonts/arima/arima-bold.ttf',
+            fontStyle: 'normal',
+            fontWeight: 'bold',
+        },
+    ],
+});
+Font.register({
+    family: 'ArimaRegular',
+    src: '../../../library/assets/fonts/arima/arima-regular.ttf',
+});
+export const PdfHeading = ({ fontWeight = 'bold', fontSize = 22, fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            ...style,
+        }, children: children }));
+};
+export const PdfSubHeading = ({ fontWeight = 'bold', fontSize = 20, fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            ...style,
+        }, children: children }));
+};
+export const PdfMedium = ({ fontWeight = 'medium', fontSize = 16, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            textAlign: textAlign,
+            ...style,
+        }, children: children }));
+};
+export const PdfRegular = ({ fontWeight = 'normal', fontSize = 12, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontWeight: fontWeight,
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            textAlign: textAlign,
+            ...style,
+        }, children: children }));
+};
+export const PdfSmall = ({ fontSize = 10, fontFamily = 'ArimaRegular', fontWeight = 'normal', textAlign = 'left', lineHeight = 0, fixed = false, style, children, }) => {
+    return (_jsx(Text, { style: {
+            fontSize: fontSize,
+            fontFamily: fontFamily,
+            fontWeight: fontWeight,
+            lineHeight: lineHeight,
+            textAlign: textAlign,
+            ...style,
+        }, fixed: fixed, children: children }));
+};
+export const PdfPageNumber = ({ style, bottom = 55 }) => {
+    return (_jsx(Text, { style: {
+            position: 'absolute',
+            bottom: bottom,
+            right: 14,
+            fontSize: 10,
+            color: 'black',
+            ...style,
+        }, render: ({ pageNumber, totalPages }) => `Page ${pageNumber} of ${totalPages}`, fixed: true }));
+};

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Style } from '@react-pdf/types';
+interface PdfViewProps {
+    mh?: number;
+    mt?: number;
+    mv?: number;
+    p?: number;
+    borderColor?: string;
+    bg?: string;
+    bw?: number;
+    height?: string | number;
+    alignItems?: 'flex-end' | 'flex-start' | 'center';
+    flexDirection?: 'row' | 'column';
+    fixed?: boolean;
+    isBreak?: boolean;
+    isWrap?: boolean;
+    style?: Style | Style[] | any;
+    children?: React.ReactNode;
+}
+export declare const PdfView: ({ mh, p, flexDirection, style, fixed, isBreak, alignItems, mt, isWrap, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfBorderView: ({ mh, mv, p, borderColor, bw, style, flexDirection, fixed, isBreak, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
+interface PdfHeaderProps {
+    bg?: string;
+    p?: number;
+    alignItems?: React.CSSProperties['alignItems'] | any;
+    fixed?: boolean;
+    style?: React.CSSProperties | any;
+    children?: React.ReactNode;
+}
+export declare const PdfHeader: ({ bg, p, alignItems, fixed, style, children, }: PdfHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PdfSubHeader: ({ bg, p, alignItems, fixed, style, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
+interface PdfFooterViewProps {
+    bottom?: number;
+    left?: number;
+    right?: number;
+    bg?: string;
+    p?: number;
+    alignItems?: React.CSSProperties['alignItems'];
+    fixed?: boolean;
+    height?: string | number;
+    style?: React.CSSProperties | any;
+    children: React.ReactNode;
+}
+export declare const PdfFooterView: ({ bottom, left, right, bg, p, alignItems, fixed, height, style, children, }: PdfFooterViewProps) => import("react/jsx-runtime").JSX.Element;
+interface GridProps {
+    cols?: number;
+    bg?: 'transparent' | string;
+    style?: Style | Style[];
+    children?: React.ReactNode;
+}
+export declare const PdfGrid: React.FunctionComponent<GridProps>;
+export {};
+//# sourceMappingURL=pdf-wrapped-view.components.d.ts.map

package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-wrapped-view.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-wrapped-view.components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAEvC,UAAU,YAAY;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAClD,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,uFAWjB,YAAY,4CAkBd,CAAC;AAEF,eAAO,MAAM,aAAa,oFAWvB,YAAY,4CAkBd,CAAC;AAEF,UAAU,cAAc;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,mDAOnB,cAAc,4CAchB,CAAC;AAEF,eAAO,MAAM,YAAY,mDAOtB,YAAY,4CAcd,CAAC;AAEF,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,gFAWvB,kBAAkB,4CAYpB,CAAC;AAEF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAetD,CAAC"}