react-restyle-components 0.2.39 → 0.2.41

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

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable */
-import React, { useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import './input.styles.css';
 import '../../../tc.module.css';
 export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
@@ -58,23 +59,17 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
             onPinChanged(undefined, index);
         }
     };
-    return (React.createElement("div", { className: `${className} relative` },
-        React.createElement("label", { className: "duration-300  -z-1 origin-0 text-gray-dark-secondary font-arimaRegular text-md" }, title),
-        React.createElement("div", { className: "flex  space-x-1" }, Array.from({ length: pinLength }, (_, index) => (React.createElement("div", { className: "flex space-x-1 max-w-full items-stretch", key: index },
-            React.createElement("input", { "data-testid": "inputElementPin", type: "tel", className: "pb-2 block  w-4  px-0 mt-0 bg-transparent text-center border-0 border-b z-20 appearance-none rounded-none focus:outline-none  focus:ring-0 focus:border-gray-secondary border-gray-secondary font-arimaRegular ", onKeyUp: (event) => onKeyDown(event, index), key: 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() || '' }),
-            React.createElement("div", { className: "invisible" }, (index + 1) % 4 === 0 ? 'ss' : null))))),
-        hasError && hasError?.type !== 'required' && (React.createElement("span", { className: "text-sm text-red text-4xs font-arimaRegular", id: "error" }, `${errorMsg || ''}`)),
-        (!hasError || hasError?.type === 'required') && (React.createElement("span", { className: "text-sm text-4xs font-arimaRegular", id: "error" }, `${defaultMsg || ''}`))));
+    return (_jsxs("div", { className: `${className} relative`, children: [_jsx("label", { className: "duration-300  -z-1 origin-0 text-gray-dark-secondary font-arimaRegular text-md", children: title }), _jsx("div", { className: "flex  space-x-1", children: Array.from({ length: pinLength }, (_, index) => (_jsxs("div", { className: "flex space-x-1 max-w-full items-stretch", children: [_jsx("input", { "data-testid": "inputElementPin", type: "tel", className: "pb-2 block  w-4  px-0 mt-0 bg-transparent text-center border-0 border-b z-20 appearance-none rounded-none focus:outline-none  focus:ring-0 focus:border-gray-secondary border-gray-secondary 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: "invisible", children: (index + 1) % 4 === 0 ? 'ss' : null })] }, index))) }), hasError && hasError?.type !== 'required' && (_jsx("span", { className: "text-sm text-red text-4xs font-arimaRegular", id: "error", children: `${errorMsg || ''}` })), (!hasError || hasError?.type === 'required') && (_jsx("span", { className: "text-sm text-4xs font-arimaRegular", id: "error", children: `${defaultMsg || ''}` }))] }));
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import './input.styles.css';
 import '../../../tc.module.css';
 interface InputProps {
@@ -15,5 +14,6 @@ interface InputProps {
     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) => React.JSX.Element;
+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/atoms/input/input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input.component.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAE5B,OAAO,wBAAwB,CAAC;AAChC,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,4CAyCZ,CAAC"}

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

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

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../tc.module.css';
 interface InputDropdownProps {
     title: string;
@@ -7,5 +6,6 @@ interface InputDropdownProps {
     className?: string;
     onChange?: (item: string) => void;
 }
-export declare const InputDropdown: ({ items, className, hasError, title, onChange, }: InputDropdownProps) => React.JSX.Element;
+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/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/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAGA,OAAO,wBAAwB,CAAC;AAChC,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,4CA0EpB,CAAC"}

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

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
 import { UpArrow, DownArrow } from '../../../library/assets/svg';
 import '../../../tc.module.css';
 export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
@@ -21,17 +22,10 @@ export const InputDropdown = ({ items, className, hasError, title, onChange, })
     };
     const wrapperRef = useRef(null);
     useOutsideAlerter(wrapperRef);
-    return (React.createElement("div", { className: `${className} relative` },
-        React.createElement("div", { className: "flex flex-row items-center " },
-            React.createElement("input", { type: "text", name: "name", placeholder: title, value: value, className: " pt-3 pb-2  w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-arimaRegular text-md", onClick: () => {
-                    setIsOpen(!isOpen);
-                }, onChange: (event) => onChange && onChange(event.target.value) }),
-            !isOpen && (React.createElement("img", { src: UpArrow, className: "absolute h-4 w-4 right-0" })),
-            isOpen && (React.createElement("img", { src: DownArrow, className: "absolute h-4 w-4 right-0" }))),
-        isOpen && (React.createElement("div", { className: "z-10  w-full absolute text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700", ref: wrapperRef },
-            React.createElement("ul", { className: "py-1" }, items.map((item, index) => (React.createElement("li", { key: index, className: "block py-2 px-4 text-md  hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200   font-arimaRegular", onClick: () => {
-                    setValue(item);
-                    setIsOpen(!isOpen);
-                } }, item)))))),
-        hasError && (React.createElement("span", { className: "text-primaryCharcoal text-4xs", id: "error" }, `${title} is required`))));
+    return (_jsxs("div", { className: `${className} relative`, children: [_jsxs("div", { className: "flex flex-row items-center ", children: [_jsx("input", { type: "text", name: "name", placeholder: title, value: value, className: " pt-3 pb-2  w-full px-0 mt-0 bg-transparent border-gray-secondary border-0 border-b appearance-none focus:outline-none focus:ring-0 font-arimaRegular text-md", onClick: () => {
+                            setIsOpen(!isOpen);
+                        }, onChange: (event) => onChange && onChange(event.target.value) }), !isOpen && (_jsx("img", { src: UpArrow, className: "absolute h-4 w-4 right-0" })), isOpen && (_jsx("img", { src: DownArrow, className: "absolute h-4 w-4 right-0" }))] }), isOpen && (_jsx("div", { className: "z-10  w-full absolute text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700", ref: wrapperRef, children: _jsx("ul", { className: "py-1", children: items.map((item, index) => (_jsx("li", { className: "block py-2 px-4 text-md  hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200   font-arimaRegular", onClick: () => {
+                            setValue(item);
+                            setIsOpen(!isOpen);
+                        }, children: item }, index))) }) })), hasError && (_jsx("span", { className: "text-primaryCharcoal text-4xs", id: "error", children: `${title} is required` }))] }));
 };

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

@@ -12,3 +12,4 @@ interface ListProps {
 }
 export declare const List: React.FunctionComponent<ListProps>;
 export {};
+//# sourceMappingURL=list.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/list/list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAChC,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAwBnD,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import '../../../tc.module.css';
 export const List = (props) => {
     const spacingClass = props.space
@@ -11,5 +11,5 @@ export const List = (props) => {
         ? `items-${props.justify}`
         : 'items-center';
     const fillClass = props.fill ? 'flex-1' : '';
-    return (React.createElement("span", { className: `flex flex-${props.direction || 'row'} ${spacingClass} ${paddingClass} ${backgroundClass} ${alignClass} ${fillClass} ${justifyClass}` }, props.children));
+    return (_jsx("span", { className: `flex flex-${props.direction || 'row'} ${spacingClass} ${paddingClass} ${backgroundClass} ${alignClass} ${fillClass} ${justifyClass}`, children: props.children }));
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
 import '../../../tc.module.css';
-export declare const Loader: () => React.JSX.Element;
-export declare const ModalLoader: () => React.JSX.Element;
+export declare const Loader: () => import("react/jsx-runtime").JSX.Element;
+export declare const ModalLoader: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loader.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAGA,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,MAAM,+CAMlB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkEvB,CAAC"}

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

@@ -1,17 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Container, Row, Spinner } from 'reactstrap';
 import '../../../tc.module.css';
-export const Loader = () => (React.createElement(Container, { fluid: true, className: "vh-50 d-flex" },
-    React.createElement(Row, { className: "justify-content-center align-self-center w-100 text-center" },
-        React.createElement(Spinner, { color: "primary" }))));
+export const Loader = () => (_jsx(Container, { fluid: true, className: "vh-50 d-flex", children: _jsx(Row, { className: "justify-content-center align-self-center w-100 text-center", children: _jsx(Spinner, { color: "primary" }) }) }));
 export const ModalLoader = () => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
-                React.createElement("div", { className: "relative  mx-auto " },
-                    React.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
-                        React.createElement("div", { className: "relative p-2 flex-auto flex flex-col items-center" },
-                            React.createElement("style", null, `
+    return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", children: _jsx("div", { className: "relative  mx-auto ", children: _jsx("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none", children: _jsxs("div", { className: "relative p-2 flex-auto flex flex-col items-center", children: [_jsx("style", { children: `
     .spinner .background {
       fill: #555;
     }
@@ -43,11 +35,5 @@ export const ModalLoader = () => {
         transform: rotate(360deg);
       }
     }
-    `),
-                            React.createElement("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100" },
-                                React.createElement("circle", { className: "background", cx: "0", cy: "0" }),
-                                React.createElement("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })),
-                            ' ',
-                            React.createElement("span", { style: { marginTop: -15 } }, "loading ..."))))),
-            React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))));
+    ` }), _jsxs("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100", children: [_jsx("circle", { className: "background", cx: "0", cy: "0" }), _jsx("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })] }), ' ', _jsx("span", { style: { marginTop: -15 }, children: "loading ..." })] }) }) }) }), _jsx("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })] }) }));
 };

package/lib/src/core-components/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/atoms/pdf/pdf-images.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-images.components.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/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/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/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/atoms/pdf/pdf-table.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-table.components.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/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/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/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/atoms/pdf/pdf-typography.components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdf-typography.components.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/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/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/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/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/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"}

package/lib/src/core-components/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/atoms/radio/radio.component.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../tc.module.css';
 interface RadioProps {
     title: string;
@@ -6,5 +5,6 @@ interface RadioProps {
     className?: string;
     onChange: (item: any) => void;
 }
-export declare const Radio: ({ title, data, className, onChange, }: RadioProps) => React.JSX.Element;
+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/atoms/radio/radio.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAChC,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,4CAgCZ,CAAC"}

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

@@ -1,22 +1,19 @@
-import React, { useState } from 'react';
+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 '../../../tc.module.css';
 export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
     const [list, setList] = useState(data);
     const width = 20;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputWrapper, { label: title }, list?.map((item, index) => (React.createElement("div", { className: `${className} flex items-center mb-1`, onClick: () => {
-                const result = list?.map((e, i) => {
-                    if (i == index)
-                        return { ...e, checked: true };
-                    else
-                        return { ...e, checked: false };
-                });
-                setList(result);
-                onChange(result?.find((item) => item.checked));
-            }, key: index },
-            React.createElement("div", { className: "flex flex-row gap-1 items-center" },
-                item.checked ? (React.createElement(CheckedRadio, { width: width, height: width })) : (React.createElement(UncheckRadio, { width: width, height: width })),
-                React.createElement("span", { className: "text-4xs" }, item?.title))))))));
+    return (_jsx(_Fragment, { children: _jsx(InputWrapper, { label: title, children: list?.map((item, index) => (_jsx("div", { className: `${className} flex items-center mb-1`, onClick: () => {
+                    const result = list?.map((e, i) => {
+                        if (i == index)
+                            return { ...e, checked: true };
+                        else
+                            return { ...e, checked: false };
+                    });
+                    setList(result);
+                    onChange(result?.find((item) => item.checked));
+                }, children: _jsxs("div", { className: "flex flex-row gap-1 items-center", children: [item.checked ? (_jsx(CheckedRadio, { width: width, height: width })) : (_jsx(UncheckRadio, { width: width, height: width })), _jsx("span", { className: "text-4xs", children: item?.title })] }) }, index))) }) }));
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../tc.module.css';
 interface StepperProps {
     className?: string;
@@ -6,5 +5,6 @@ interface StepperProps {
     currentStep: number;
     onStepClick: (currentStep: any, index: any) => void;
 }
-export declare const Stepper: ({ className, steps, currentStep, onStepClick, }: StepperProps) => React.JSX.Element;
+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/atoms/stepper/stepper.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAEhC,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,4CAyDd,CAAC"}