react-restyle-components 0.1.4 → 0.1.5

package/lib/cjs/config/index.d.ts

@@ -1 +1,2 @@
-export * as Styles from './style';
+import * as Styles from "./styles";
+export { Styles };

package/lib/cjs/config/index.js

@@ -20,5 +20,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Styles = void 0;
-exports.Styles = __importStar(require("./style"));
+const Styles = __importStar(require("./styles"));
+exports.Styles = Styles;
 //# sourceMappingURL=index.js.map

package/lib/cjs/config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAiC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/config/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAkC;AACzB,wBAAM"}

package/lib/cjs/config/{style.js → styles.js}

@@ -17,4 +17,4 @@ var COLORS;
     COLORS["ORANGE"] = "#ffae1a";
     COLORS["MONO"] = "#754C00";
 })(COLORS = exports.COLORS || (exports.COLORS = {}));
-//# sourceMappingURL=style.js.map
+//# sourceMappingURL=styles.js.map

package/lib/cjs/config/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/config/styles.ts"],"names":[],"mappings":";;;AAAA,IAAY,MAcX;AAdD,WAAY,MAAM;IAChB,6BAAmB,CAAA;IACnB,+BAAqB,CAAA;IACrB,4BAAkB,CAAA;IAClB,2BAAiB,CAAA;IACjB,4BAAkB,CAAA;IAClB,4BAAkB,CAAA;IAClB,6BAAmB,CAAA;IACnB,2BAAiB,CAAA;IACjB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,iCAAuB,CAAA;IACvB,4BAAkB,CAAA;IAClB,0BAAgB,CAAA;AAClB,CAAC,EAdW,MAAM,GAAN,cAAM,KAAN,cAAM,QAcjB"}

package/lib/cjs/library/components/Atoms/buttons.d.ts

@@ -0,0 +1,31 @@
+import React, { CSSProperties } from "react";
+import { IconProps } from "./svg";
+interface ButtonProps {
+    type?: "solid" | "outline";
+    onClick?: () => void;
+    style?: CSSProperties;
+    size?: "small" | "medium" | "large";
+    icon?: React.FunctionComponent<IconProps>;
+    pill?: boolean;
+    disabled?: string;
+    children?: React.ReactNode;
+}
+export declare const Button: React.FunctionComponent<ButtonProps>;
+interface ButtonCircleAddRemoveProps {
+    show?: boolean;
+    type?: "solid" | "outline";
+    onClick: (status: boolean) => void;
+    style?: CSSProperties;
+    size?: "small" | "medium" | "large";
+    icon?: React.FunctionComponent<IconProps>;
+    pill?: boolean;
+    disabled?: string;
+}
+export declare const ButtonCircleAddRemove: React.FunctionComponent<ButtonCircleAddRemoveProps>;
+export declare const ButtonCircleAddRemoveBottom: React.FunctionComponent<ButtonCircleAddRemoveProps>;
+interface CircleButtonProps {
+    style?: CSSProperties;
+    onClick: () => void;
+}
+export declare const CircleButton: React.FunctionComponent<CircleButtonProps>;
+export {};

package/lib/cjs/library/components/Atoms/buttons.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircleButton = exports.ButtonCircleAddRemoveBottom = exports.ButtonCircleAddRemove = exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const __1 = require("..");
+const config_1 = require("@/config");
+const Button = (props) => {
+    const buttonSizeClass = props.size === "small"
+        ? `px-2 py-1 text-xs`
+        : props.size === "large"
+            ? `px-4 py-2 text-base`
+            : "px-3 py-2 text-sm";
+    const buttonColorClass = props.type === "solid"
+        ? "text-white bg-indigo-600 hover:bg-indigo-700 hover:shadow-lg"
+        : "text-gray-600 border border-gray-400 hover:shadow-lg";
+    const roundedClass = props.pill ? "rounded-full" : "rounded-lg";
+    const Icon = props.icon;
+    return (react_1.default.createElement("button", { onClick: props.onClick, type: "button", disabled: !!props.disabled, title: props.disabled, className: `inline-flex items-center ${buttonSizeClass} ${roundedClass} shadow-sm   font-medium ${buttonColorClass} disabled:opacity-50 disabled:cursor-not-allowed text-center` },
+        Icon && (react_1.default.createElement(Icon, { size: props.size, type: props.type === "solid" ? "inverse" : "solid", buttonOffset: true })),
+        props.children));
+};
+exports.Button = Button;
+const ButtonCircleAddRemove = (props) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        props.show && (react_1.default.createElement(__1.Buttons.CircleButton, { style: {
+                backgroundColor: config_1.Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "fixed",
+                bottom: 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(true) },
+            react_1.default.createElement(__1.Icons.EvaIcon, { icon: "plus-outline", size: "large", color: config_1.Styles.COLORS.WHITE }))),
+        !props.show && (react_1.default.createElement(__1.Buttons.CircleButton, { style: {
+                backgroundColor: config_1.Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "fixed",
+                bottom: 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(false) },
+            react_1.default.createElement(__1.Icons.EvaIcon, { icon: "minus-outline", size: "large", color: config_1.Styles.COLORS.WHITE })))));
+};
+exports.ButtonCircleAddRemove = ButtonCircleAddRemove;
+const ButtonCircleAddRemoveBottom = (props) => {
+    var _a, _b;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        props.show && (react_1.default.createElement(__1.Buttons.CircleButton, { style: {
+                backgroundColor: config_1.Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "absolute",
+                bottom: ((_a = props.style) === null || _a === void 0 ? void 0 : _a.bottom) || 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(true) },
+            react_1.default.createElement(__1.Icons.EvaIcon, { icon: "plus-outline", size: "large", color: config_1.Styles.COLORS.WHITE }))),
+        !props.show && (react_1.default.createElement(__1.Buttons.CircleButton, { style: {
+                backgroundColor: config_1.Styles.COLORS.PRIMARY,
+                alignItems: "center",
+                width: 60,
+                height: 60,
+                position: "absolute",
+                bottom: ((_b = props.style) === null || _b === void 0 ? void 0 : _b.bottom) || 60,
+                right: 40,
+                zIndex: 1,
+            }, onClick: () => props.onClick(false) },
+            react_1.default.createElement(__1.Icons.EvaIcon, { icon: "minus-outline", size: "large", color: config_1.Styles.COLORS.WHITE })))));
+};
+exports.ButtonCircleAddRemoveBottom = ButtonCircleAddRemoveBottom;
+const CircleButton = (props) => (react_1.default.createElement("div", { style: props.style, className: "rounded-full h-7 w-7 border border-gray-300 text-gray-400 flex justify-center items-center", onClick: props.onClick }, props.children));
+exports.CircleButton = CircleButton;
+//# sourceMappingURL=buttons.js.map

package/lib/cjs/library/components/Atoms/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/buttons.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/library/components/Atoms/carousel.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface CarouselProps {
+    images?: string[];
+}
+export declare const Carousel: (props: CarouselProps) => JSX.Element;
+export {};

package/lib/cjs/library/components/Atoms/carousel.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Carousel = void 0;
+const react_1 = __importDefault(require("react"));
+const Carousel = (props) => {
+    var _a, _b, _c, _d;
+    const [currentSlide, setCurrentSlide] = react_1.default.useState(0);
+    return (react_1.default.createElement("div", { className: "overflow-hidden relative" },
+        react_1.default.createElement("div", { style: {
+                width: (((_a = props.images) === null || _a === void 0 ? void 0 : _a.length) || 1) * 100 + "%",
+                transform: `translateX(${-(currentSlide / (((_b = props.images) === null || _b === void 0 ? void 0 : _b.length) || 1)) * 100}%)`,
+            }, className: "flex flex-row items-start transition-transform ease-in-out duration-500" }, (_c = props.images) === null || _c === void 0 ? void 0 : _c.map((image, key) => {
+            var _a;
+            return (react_1.default.createElement("img", { key: key, src: image, style: { width: 100 / (((_a = props.images) === null || _a === void 0 ? void 0 : _a.length) || 1) + "%" }, alt: image }));
+        })),
+        currentSlide > 0 && (react_1.default.createElement("button", { style: { transform: "translateY(-50%)" }, onClick: () => setCurrentSlide(currentSlide - 1), className: "absolute w-6 h-6 bg-white rounded-full top-1/2 left-2 flex justify-center items-center shadow-sm hover:shadow-lg" },
+            react_1.default.createElement("svg", { className: "w-4 h-4 text-indigo-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" })))),
+        currentSlide < (((_d = props.images) === null || _d === void 0 ? void 0 : _d.length) || 1) - 1 && (react_1.default.createElement("button", { style: { transform: "translateY(-50%)" }, onClick: () => setCurrentSlide(currentSlide + 1), className: "absolute w-6 h-6 bg-white rounded-full top-1/2 right-2 flex justify-center items-center shadow-sm hover:shadow-lg" },
+            react_1.default.createElement("svg", { className: "w-4 h-4 text-indigo-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }))))));
+};
+exports.Carousel = Carousel;
+//# sourceMappingURL=carousel.js.map

package/lib/cjs/library/components/Atoms/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/carousel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAMlB,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACzD,OAAO,CACL,uCAAK,SAAS,EAAC,0BAA0B;QACvC,uCACE,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;gBAC9C,SAAS,EAAE,cACT,CAAC,CAAC,YAAY,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,CAAC,GAAG,GAClD,IAAI;aACL,EACD,SAAS,EAAC,yEAAyE,IAElF,MAAA,KAAK,CAAC,MAAM,0CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;YAAC,OAAA,CACjC,uCACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,GAAG,EAAE,EACzD,GAAG,EAAE,KAAK,GACV,CACH,CAAA;SAAA,CAAC,CACE;QACL,YAAY,GAAG,CAAC,IAAI,CACnB,0CACE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,EAChD,SAAS,EAAC,kHAAkH;YAE5H,uCACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,wCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,iBAAiB,GACnB,CACE,CACC,CACV;QACA,YAAY,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,MAAM,KAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CACjD,0CACE,KAAK,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,EAChD,SAAS,EAAC,mHAAmH;YAE7H,uCACE,SAAS,EAAC,yBAAyB,EACnC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,wCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,cAAc,GAChB,CACE,CACC,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,QAAQ,YAoEpB"}

package/lib/cjs/library/components/Atoms/form.d.ts

@@ -0,0 +1,94 @@
+import React from "react";
+import "./css/toggle.css";
+import "./css/DateTimePicker.css";
+interface LabelProps {
+    htmlFor: string;
+    hasError?: boolean;
+    style?: any;
+}
+export declare const Label: React.FunctionComponent<LabelProps>;
+interface InputWrapperProps {
+    id?: string;
+    label?: string;
+    className?: string;
+    hasError?: boolean;
+    style?: any;
+    ref?: any;
+}
+export declare const InputWrapper: React.FunctionComponent<InputWrapperProps>;
+interface InputProps extends InputWrapperProps {
+    value?: any;
+    defaultValue?: any;
+    name?: string;
+    placeholder?: string;
+    type?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    rows?: number;
+    style?: any;
+    hasError?: boolean;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    onKeyDown?: (e: any) => void;
+}
+export declare const Input: (props: InputProps) => JSX.Element;
+export declare const MultilineInput: (props: InputProps) => JSX.Element;
+interface InputRadioProps extends InputWrapperProps {
+    values?: string[];
+    value?: string;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const InputRadio: (props: InputRadioProps) => JSX.Element;
+interface InputDateProps extends InputWrapperProps {
+    value?: any;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: any) => void;
+    onFocusRemove?: (date: any) => void;
+}
+export declare const InputDate: (props: InputDateProps) => JSX.Element;
+export declare const InputDateTime: (props: InputDateProps) => JSX.Element;
+export declare const CheckBox: (props: any) => JSX.Element;
+interface SelectOptionProps extends InputWrapperProps {
+    value?: any;
+    values?: any[];
+    name?: string;
+    key: string;
+    disabled?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const SelectOption: (props: SelectOptionProps) => JSX.Element;
+interface InputFileProps extends InputWrapperProps {
+    value?: any;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    hasError?: boolean;
+    onChange?: (e: any) => void;
+}
+export declare const InputFile: (props: InputFileProps) => JSX.Element;
+interface ToggleProps extends InputWrapperProps {
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    className?: string;
+    icons?: any;
+    value?: boolean;
+    name?: string;
+    onChange?: (e: boolean) => void;
+    style?: any;
+}
+export declare const Toggle: (props: ToggleProps) => JSX.Element;
+interface ClockProps extends InputWrapperProps {
+    value?: any;
+    onChange?: (e: any) => void;
+}
+export declare const Clock: (props: ClockProps) => JSX.Element;
+export {};

package/lib/cjs/library/components/Atoms/form.js

@@ -0,0 +1,140 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Clock = exports.Toggle = exports.InputFile = exports.SelectOption = exports.CheckBox = exports.InputDateTime = exports.InputDate = exports.InputRadio = exports.MultilineInput = exports.Input = exports.InputWrapper = exports.Label = void 0;
+const react_1 = __importStar(require("react"));
+const __1 = require("..");
+const dayjs_1 = __importDefault(require("dayjs"));
+require("./css/toggle.css");
+const classnames_1 = __importDefault(require("classnames"));
+const react_datetime_picker_1 = __importDefault(require("react-datetime-picker"));
+require("./css/DateTimePicker.css");
+const Label = (props) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? "text-red-400" : "text-gray-700"} block text-xs font-medium  mb-1`, style: Object.assign({}, props.style) }, props.children)));
+exports.Label = Label;
+const InputWrapper = (props) => (react_1.default.createElement("div", { className: props.className, ref: props.ref },
+    react_1.default.createElement(exports.Label, { htmlFor: props.id || "", hasError: props.hasError, style: Object.assign({}, props.style) }, props.label),
+    props.children));
+exports.InputWrapper = InputWrapper;
+const Input = (props) => {
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+        react_1.default.createElement("input", { type: props.type || "text", id: props.id, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), className: `leading-4 p-2  focus:outline-none focus:ring  block w-full shadow-sm sm:text-base  border-2  ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md`, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown })));
+};
+exports.Input = Input;
+const MultilineInput = (props) => (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id, className: props.className },
+    react_1.default.createElement("textarea", { id: props.id, autoComplete: "given-name", value: props.value, disabled: props.disabled, style: props.style, rows: props.rows, placeholder: props.placeholder, onChange: (e) => props.onChange && props.onChange(e.target.value), onBlur: (e) => props.onBlur && props.onBlur(e.target.value), className: "leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border border-gray-300 rounded-md" })));
+exports.MultilineInput = MultilineInput;
+const InputRadio = (props) => {
+    var _a;
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id }, (_a = props.values) === null || _a === void 0 ? void 0 : _a.map((item, key) => (react_1.default.createElement("div", { className: "ml-4", key: key },
+        react_1.default.createElement(__1.List, { space: 3, direction: "row" },
+            react_1.default.createElement("input", { key: key, type: "radio", id: props.id, name: props.name, value: props.value, checked: item === props.value ? true : false, onChange: () => props.onChange && props.onChange(item), className: "leading-4 p-2 focus:outline-none focus:ring block  shadow-sm sm:text-base border border-gray-300 rounded-md" }),
+            react_1.default.createElement(exports.Label, { htmlFor: props.id || "" }, item)))))));
+};
+exports.InputRadio = InputRadio;
+const InputDate = (props) => (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+    react_1.default.createElement("input", { type: "date", id: props.id, name: props.name, disabled: props.disabled || false, value: props.value, onChange: (e) => props.onChange && props.onChange(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` })));
+exports.InputDate = InputDate;
+const InputDateTime = (props) => {
+    const [date, setDate] = react_1.useState(props.value);
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+        react_1.default.createElement("div", { style: props.style },
+            react_1.default.createElement(react_datetime_picker_1.default, { disabled: props.disabled, onChange: (value) => {
+                    setDate(value);
+                    props.onChange && props.onChange(value);
+                }, onCalendarClose: () => {
+                    if (props.value !== date)
+                        props.onFocusRemove && props.onFocusRemove(date);
+                }, onClockClose: () => {
+                    if (props.value !== date)
+                        props.onFocusRemove && props.onFocusRemove(date);
+                }, value: props.value, amPmAriaLabel: "AM/PM", format: "dd-MM-yyyy hh:mm:ss a", className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md relative z-2` }))));
+};
+exports.InputDateTime = InputDateTime;
+const CheckBox = (props) => {
+    return (react_1.default.createElement("li", null,
+        react_1.default.createElement("input", { key: props.id, onClick: props.handleCheckChieldElement, type: "checkbox", checked: props.isChecked, value: props.value }),
+        " ",
+        props.value));
+};
+exports.CheckBox = CheckBox;
+const SelectOption = (props) => {
+    var _a;
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id },
+        react_1.default.createElement("select", { name: props.name, className: "leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border border-gray-300 rounded-md", onChange: (e) => props.onChange && props.onChange(e.target.value) },
+            react_1.default.createElement("option", { selected: true }, "Select"), (_a = props.values) === null || _a === void 0 ? void 0 :
+            _a.map((item) => (react_1.default.createElement("option", { key: item[props.key], value: item[props.key] }, item[props.key]))))));
+};
+exports.SelectOption = SelectOption;
+const InputFile = (props) => (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id },
+    react_1.default.createElement("input", { type: "file", id: props.id, name: props.name, disabled: props.disabled || false, accept: props.accept, value: props.value, onChange: (e) => props.onChange && props.onChange(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md`, multiple: props.multiple })));
+exports.InputFile = InputFile;
+// const CheckedIcon = () => <>On</>
+// const UncheckedIcon = () => <>Off</>
+const Toggle = (props) => {
+    const [toggle, setToggle] = react_1.useState(props.value);
+    const { onChange, disabled, className } = props;
+    react_1.useEffect(() => {
+        setToggle(props.value);
+    }, [props.value]);
+    const triggerToggle = () => {
+        if (disabled) {
+            return;
+        }
+        setToggle(!toggle);
+        if (typeof onChange === "function") {
+            onChange(!toggle);
+        }
+    };
+    const toggleClasses = classnames_1.default("wrg-toggle ", {
+        "wrg-toggle--checked": toggle,
+        "wrg-toggle--disabled": disabled,
+    }, className);
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id, style: props.style },
+        react_1.default.createElement("div", { onClick: triggerToggle, className: toggleClasses },
+            react_1.default.createElement("div", { className: "wrg-toggle-container " + (toggle ? "bg-green-700" : "bg-black") },
+                react_1.default.createElement("div", { className: "wrg-toggle-check" },
+                    react_1.default.createElement("span", { className: "text-white ml-1" }, "Yes")),
+                react_1.default.createElement("div", { className: "wrg-toggle-uncheck" },
+                    react_1.default.createElement("span", { className: "text-white" }, "No"))),
+            react_1.default.createElement("div", { className: `wrg-toggle-circle ${toggle ? `ml-1` : `mr-1`}  ` }),
+            react_1.default.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input" }))));
+};
+exports.Toggle = Toggle;
+const Clock = (props) => {
+    const [time, setTime] = react_1.useState(props.value || dayjs_1.default().format("hh:mm a"));
+    const [showTime, setShowTime] = react_1.useState(false);
+    return (react_1.default.createElement(exports.InputWrapper, { label: props.label, id: props.id },
+        react_1.default.createElement("div", null,
+            showTime && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(__1.ModalClock, { show: true, time: time, onClick: (time) => {
+                        props.onChange && props.onChange(time);
+                        setTime(time);
+                    }, onClose: () => {
+                        setShowTime(false);
+                    } }))),
+            react_1.default.createElement("input", { value: time, className: "leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border border-gray-300 rounded-md", onClick: () => setShowTime(true) }))));
+};
+exports.Clock = Clock;
+//# sourceMappingURL=form.js.map

package/lib/cjs/library/components/Atoms/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/form.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/library/components/Atoms/grid.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface GridProps {
+    cols?: number;
+}
+export declare const Grid: React.FunctionComponent<GridProps>;
+export {};

package/lib/cjs/library/components/Atoms/grid.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Grid = void 0;
+const react_1 = __importDefault(require("react"));
+const Grid = (props) => (react_1.default.createElement("div", { className: `xl:grid sm:inline-block grid-cols-${props.cols || 1} gap-3 flex-1` }, props.children));
+exports.Grid = Grid;
+//# sourceMappingURL=grid.js.map

package/lib/cjs/library/components/Atoms/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/grid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAMnB,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,uCAAK,SAAS,EAAE,qCAAqC,KAAK,CAAC,IAAI,IAAI,CAAC,eAAe,IAChF,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AAJW,QAAA,IAAI,QAIf"}

package/lib/cjs/library/components/Atoms/header.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export declare const Header: React.FunctionComponent<any>;
+interface PageHeadingProps {
+    title: string;
+}
+export declare const Heading: React.FunctionComponent<PageHeadingProps>;
+interface PageHeadingProps {
+    title: string;
+    subTitle?: string;
+}
+export declare const PageHeading: React.FunctionComponent<PageHeadingProps>;
+interface PageHeadingLabDetailsProps {
+    store: any;
+}
+export declare const PageHeadingLabDetails: (props: PageHeadingLabDetailsProps) => JSX.Element;
+export {};

package/lib/cjs/library/components/Atoms/header.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeadingLabDetails = exports.PageHeading = exports.Heading = exports.Header = void 0;
+const react_1 = __importDefault(require("react"));
+const Header = (props) => (react_1.default.createElement("div", { className: "sticky top-0 z-20 flex justify-between items-center px-2 py-2 border-b border-gray-300 bg-white" }, props.children));
+exports.Header = Header;
+const Heading = (props) => (react_1.default.createElement("div", { className: "text-center border-b border-gray-300 bg-white sticky top-14 z-20 font-FugazOne" },
+    react_1.default.createElement("h2", { className: "text-lg font-bold leading-4 text-gray-900 mt-0" }, props.title)));
+exports.Heading = Heading;
+const PageHeading = (props) => (react_1.default.createElement("div", null,
+    react_1.default.createElement("h2", { className: "text-lg font-bold leading-4 text-gray-900 mt-0" }, props.title),
+    props.subTitle && (react_1.default.createElement("p", { className: "text-xs leading-4 text-gray-500 m-0" }, props.subTitle))));
+exports.PageHeading = PageHeading;
+const PageHeadingLabDetails = (props) => {
+    const loginStore = props.store;
+    return (react_1.default.createElement("div", { className: "flex flex-row items-center" },
+        react_1.default.createElement("img", { src: loginStore.login && loginStore.login.labLogo, alt: "banner", className: "object-fill h-10 w-12 rounded-md mr-2" }),
+        react_1.default.createElement("h2", { className: "text-base  leading-4 text-gray-900 mt-0" }, (loginStore.login && loginStore.login.labList &&
+            loginStore.login.labList.find((item) => item.code === loginStore.login.lab).name) ||
+            "")));
+};
+exports.PageHeadingLabDetails = PageHeadingLabDetails;
+//# sourceMappingURL=header.js.map

package/lib/cjs/library/components/Atoms/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/header.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAEnB,MAAM,MAAM,GAAiC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,uCAAK,SAAS,EAAC,iGAAiG,IAC7G,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AAJW,QAAA,MAAM,UAIjB;AAMK,MAAM,OAAO,GAA8C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,uCAAK,SAAS,EAAC,gFAAgF;IAC7F,sCAAI,SAAS,EAAC,gDAAgD,IAAE,KAAK,CAAC,KAAK,CAAM,CAC7E,CACL,CAAA;AAJY,QAAA,OAAO,WAInB;AAOM,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/E;IACE,sCAAI,SAAS,EAAC,gDAAgD,IAC3D,KAAK,CAAC,KAAK,CACT;IACJ,KAAK,CAAC,QAAQ,IAAI,CACjB,qCAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,QAAQ,CAAK,CACxE,CACG,CACP,CAAA;AATY,QAAA,WAAW,eASvB;AAMM,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAA;IAC9B,OAAO,CACL,uCAAK,SAAS,EAAC,4BAA4B;QACzC,uCACE,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO,EACjD,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAC,uCAAuC,GACjD;QACF,sCAAI,SAAS,EAAC,yCAAyC,IACpD,CAAC,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO;YAC5C,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAC3B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,KAAK,CAAC,GAAG,CAC7C,CAAC,IAAI,CAAC;YACP,EAAE,CACD,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,qBAAqB,yBAkBjC"}

package/lib/cjs/library/components/Atoms/icons.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { IconType } from "react-icons";
+import * as IconRi from "react-icons/ri";
+import * as IconIm from "react-icons/im";
+import * as IconFa from "react-icons/fa";
+import * as IconFc from "react-icons/fc";
+import * as IconGi from "react-icons/gi";
+import * as IconCg from "react-icons/cg";
+import * as IconGr from "react-icons/gr";
+import * as IconBs from "react-icons/bs";
+import * as IconFi from "react-icons/fi";
+import * as Iconmd from "react-icons/md";
+import * as Iconio from "react-icons/io";
+import * as Iconio5 from 'react-icons/io5';
+import * as Iconsi from "react-icons/si";
+import * as Iconai from "react-icons/ai";
+import * as Iconvsc from "react-icons/vsc";
+import * as Iconhi from 'react-icons/hi';
+export interface IconsProps {
+    size?: string;
+    icon?: IconType | any;
+    color?: string;
+    onClick?: () => void;
+}
+export declare const IconContext: React.FunctionComponent<IconsProps>;
+export { IconRi, IconIm, IconFa, IconFc, IconGi, IconCg, IconGr, IconBs, IconFi, Iconmd, Iconio, Iconio5, Iconsi, Iconai, Iconvsc, Iconhi };
+export declare const getIcons: (icon: string) => any;
+export declare const getIconTag: (Icon: any) => JSX.Element;
+export interface IconProps {
+    type?: "solid" | "inverse";
+    size?: "small" | "medium" | "large";
+    buttonOffset?: boolean;
+    small?: boolean;
+    icon?: string;
+    color?: string;
+}
+export declare const EvaIcon: React.FunctionComponent<IconProps>;