react-restyle-components 0.1.2 → 0.1.6

package/lib/esm/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/esm/library/components/Atoms/form.js

@@ -0,0 +1,103 @@
+import React, { useState, useEffect } from "react";
+import { List, ModalClock } from "..";
+import dayjs from "dayjs";
+import "./css/toggle.css";
+import classNames from "classnames";
+import DateTimePicker from "react-datetime-picker";
+import "./css/DateTimePicker.css";
+export const Label = (props) => (React.createElement(React.Fragment, null,
+    React.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)));
+export const InputWrapper = (props) => (React.createElement("div", { className: props.className, ref: props.ref },
+    React.createElement(Label, { htmlFor: props.id || "", hasError: props.hasError, style: Object.assign({}, props.style) }, props.label),
+    props.children));
+export const Input = (props) => {
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+        React.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 })));
+};
+export const MultilineInput = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, className: props.className },
+    React.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" })));
+export const InputRadio = (props) => {
+    var _a;
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id }, (_a = props.values) === null || _a === void 0 ? void 0 : _a.map((item, key) => (React.createElement("div", { className: "ml-4", key: key },
+        React.createElement(List, { space: 3, direction: "row" },
+            React.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.createElement(Label, { htmlFor: props.id || "" }, item)))))));
+};
+export const InputDate = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+    React.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` })));
+export const InputDateTime = (props) => {
+    const [date, setDate] = useState(props.value);
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError },
+        React.createElement("div", { style: props.style },
+            React.createElement(DateTimePicker, { 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` }))));
+};
+export const CheckBox = (props) => {
+    return (React.createElement("li", null,
+        React.createElement("input", { key: props.id, onClick: props.handleCheckChieldElement, type: "checkbox", checked: props.isChecked, value: props.value }),
+        " ",
+        props.value));
+};
+export const SelectOption = (props) => {
+    var _a;
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id },
+        React.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.createElement("option", { selected: true }, "Select"), (_a = props.values) === null || _a === void 0 ? void 0 :
+            _a.map((item) => (React.createElement("option", { key: item[props.key], value: item[props.key] }, item[props.key]))))));
+};
+export const InputFile = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id },
+    React.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 })));
+// const CheckedIcon = () => <>On</>
+// const UncheckedIcon = () => <>Off</>
+export const Toggle = (props) => {
+    const [toggle, setToggle] = useState(props.value);
+    const { onChange, disabled, className } = props;
+    useEffect(() => {
+        setToggle(props.value);
+    }, [props.value]);
+    const triggerToggle = () => {
+        if (disabled) {
+            return;
+        }
+        setToggle(!toggle);
+        if (typeof onChange === "function") {
+            onChange(!toggle);
+        }
+    };
+    const toggleClasses = classNames("wrg-toggle ", {
+        "wrg-toggle--checked": toggle,
+        "wrg-toggle--disabled": disabled,
+    }, className);
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.style },
+        React.createElement("div", { onClick: triggerToggle, className: toggleClasses },
+            React.createElement("div", { className: "wrg-toggle-container " + (toggle ? "bg-green-700" : "bg-black") },
+                React.createElement("div", { className: "wrg-toggle-check" },
+                    React.createElement("span", { className: "text-white ml-1" }, "Yes")),
+                React.createElement("div", { className: "wrg-toggle-uncheck" },
+                    React.createElement("span", { className: "text-white" }, "No"))),
+            React.createElement("div", { className: `wrg-toggle-circle ${toggle ? `ml-1` : `mr-1`}  ` }),
+            React.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input" }))));
+};
+export const Clock = (props) => {
+    const [time, setTime] = useState(props.value || dayjs().format("hh:mm a"));
+    const [showTime, setShowTime] = useState(false);
+    return (React.createElement(InputWrapper, { label: props.label, id: props.id },
+        React.createElement("div", null,
+            showTime && (React.createElement(React.Fragment, null,
+                React.createElement(ModalClock, { show: true, time: time, onClick: (time) => {
+                        props.onChange && props.onChange(time);
+                        setTime(time);
+                    }, onClose: () => {
+                        setShowTime(false);
+                    } }))),
+            React.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) }))));
+};
+//# sourceMappingURL=form.js.map

package/lib/esm/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/esm/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/esm/library/components/Atoms/grid.js

@@ -0,0 +1,3 @@
+import React from "react";
+export const Grid = (props) => (React.createElement("div", { className: `xl:grid sm:inline-block grid-cols-${props.cols || 1} gap-3 flex-1` }, props.children));
+//# sourceMappingURL=grid.js.map

package/lib/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE,CAAC,CACjE,6BAAK,SAAS,EAAE,qCAAqC,KAAK,CAAC,IAAI,IAAI,CAAC,eAAe,IAChF,KAAK,CAAC,QAAQ,CACX,CACP,CAAC"}

package/lib/esm/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/esm/library/components/Atoms/header.js

@@ -0,0 +1,16 @@
+import React from "react";
+export const Header = (props) => (React.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));
+export const Heading = (props) => (React.createElement("div", { className: "text-center border-b border-gray-300 bg-white sticky top-14 z-20 font-FugazOne" },
+    React.createElement("h2", { className: "text-lg font-bold leading-4 text-gray-900 mt-0" }, props.title)));
+export const PageHeading = (props) => (React.createElement("div", null,
+    React.createElement("h2", { className: "text-lg font-bold leading-4 text-gray-900 mt-0" }, props.title),
+    props.subTitle && (React.createElement("p", { className: "text-xs leading-4 text-gray-500 m-0" }, props.subTitle))));
+export const PageHeadingLabDetails = (props) => {
+    const loginStore = props.store;
+    return (React.createElement("div", { className: "flex flex-row items-center" },
+        React.createElement("img", { src: loginStore.login && loginStore.login.labLogo, alt: "banner", className: "object-fill h-10 w-12 rounded-md mr-2" }),
+        React.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) ||
+            "")));
+};
+//# sourceMappingURL=header.js.map

package/lib/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAiC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,6BAAK,SAAS,EAAC,iGAAiG,IAC7G,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AAMF,MAAM,CAAC,MAAM,OAAO,GAA8C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7E,6BAAK,SAAS,EAAC,gFAAgF;IAC7F,4BAAI,SAAS,EAAC,gDAAgD,IAAE,KAAK,CAAC,KAAK,CAAM,CAC7E,CACL,CAAA;AAOD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE,CAAC,CAC/E;IACE,4BAAI,SAAS,EAAC,gDAAgD,IAC3D,KAAK,CAAC,KAAK,CACT;IACJ,KAAK,CAAC,QAAQ,IAAI,CACjB,2BAAG,SAAS,EAAC,qCAAqC,IAAE,KAAK,CAAC,QAAQ,CAAK,CACxE,CACG,CACP,CAAA;AAMD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAA;IAC9B,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BACE,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAO,EACjD,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAC,uCAAuC,GACjD;QACF,4BAAI,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"}

package/lib/esm/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>;

package/lib/esm/library/components/Atoms/icons.js

@@ -0,0 +1,145 @@
+import React from "react";
+import { IconContext as Context } from "react-icons";
+import { Icons } from "..";
+import Icon from "react-eva-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 const IconContext = (props) => {
+    return (React.createElement(Context.Provider, { value: { color: props.color || "#fff", size: props.size || "20" } },
+        React.createElement("div", { onClick: props.onClick && props.onClick }, props.children)));
+};
+export { IconRi, IconIm, IconFa, IconFc, IconGi, IconCg, IconGr, IconBs, IconFi, Iconmd, Iconio, Iconio5, Iconsi, Iconai, Iconvsc, Iconhi };
+export const getIcons = (icon) => {
+    // dashboard
+    if (icon === "Icons.IconRi.RiDashboardFill")
+        return Icons.IconRi.RiDashboardFill;
+    if (icon === "Icons.IconRi.RiDashboard3Fill")
+        return Icons.IconRi.RiDashboard3Fill;
+    // login
+    if (icon === "Icons.IconRi.RiComputerFill")
+        return Icons.IconRi.RiComputerFill;
+    if (icon === "Icons.IconGr.GrTooltip")
+        return Icons.IconGr.GrTooltip;
+    // collection
+    if (icon === "Icons.IconBs.BsFillCollectionFill")
+        return Icons.IconBs.BsFillCollectionFill;
+    if (icon === "Icons.IconIm.ImImages")
+        return Icons.IconIm.ImImages;
+    if (icon === "Icons.IconIm.ImLab")
+        return Icons.IconIm.ImLab;
+    if (icon === "Icons.IconFa.FaUserMd")
+        return Icons.IconFa.FaUserMd;
+    if (icon === "Icons.IconFc.FcDepartment")
+        return Icons.IconFc.FcDepartment;
+    if (icon === "Icons.IconFa.FaLayerGroup")
+        return Icons.IconFa.FaLayerGroup;
+    // master
+    if (icon === "Icons.Iconio.IoMdAnalytics")
+        return Icons.Iconio.IoMdAnalytics;
+    if (icon === "Icons.Iconio.IoIosAnalytics")
+        return Icons.Iconio.IoIosAnalytics;
+    if (icon === "Icons.IconFa.FaSolarPanel")
+        return Icons.IconFa.FaSolarPanel;
+    if (icon === "Icons.IconFi.FiPackage")
+        return Icons.IconFi.FiPackage;
+    if (icon === "Icons.IconFi.FiPackage")
+        return Icons.IconFi.FiPackage;
+    if (icon === "Icons.Iconsi.SiMinetest")
+        return Icons.Iconsi.SiMinetest;
+    if (icon === "Icons.Iconmd.MdLooks")
+        return Icons.Iconmd.MdLooks;
+    if (icon === "Icons.IconBs.BsGrid3X3")
+        return Icons.IconBs.BsGrid3X3;
+    if (icon === "Icons.Iconai.AiOutlineContainer")
+        return Icons.Iconai.AiOutlineContainer;
+    if (icon === "Icons.IconBs.BsBookmarks")
+        return Icons.IconBs.BsBookmarks;
+    if (icon === "Icons.IconFa.FaBuromobelexperte")
+        return Icons.IconFa.FaBuromobelexperte;
+    if (icon === "Icons.Iconio.IoIosGitCompare")
+        return Icons.Iconio.IoIosGitCompare;
+    if (icon === "Icons.Iconvsc.VscSymbolMethod")
+        return Icons.Iconvsc.VscSymbolMethod;
+    if (icon === "Icons.IconGi.GiHospitalCross")
+        return Icons.IconGi.GiHospitalCross;
+    if (icon === "Icons.IconRi.RiMap2Line")
+        return Icons.IconRi.RiMap2Line;
+    if (icon === "Icons.IconFi.FiUsers")
+        return Icons.IconFi.FiUsers;
+    if (icon === "Icons.Iconai.AiOutlineSchedule")
+        return Icons.Iconai.AiOutlineSchedule;
+    if (icon === "Icons.IconFa.FaAddressCard")
+        return Icons.IconFa.FaAddressCard;
+    if (icon === "Icons.IconRi.RiTeamLine")
+        return Icons.IconRi.RiTeamLine;
+    if (icon === "Icons.Iconai.AiOutlineSolution")
+        return Icons.Iconai.AiOutlineSolution;
+    if (icon === "Icons.Iconhi.HiLibrary")
+        return Icons.Iconhi.HiLibrary;
+    if (icon === "Icons.IconGi.GiPriceTag")
+        return Icons.IconGi.GiPriceTag;
+    if (icon === "Icons.Iconvsc.VscReferences")
+        return Icons.Iconvsc.VscReferences;
+    //communication
+    if (icon === "Icons.IconFa.FaCommentDots")
+        return Icons.IconFa.FaCommentDots;
+    if (icon === "Icons.IconCg.CgCommunity")
+        return Icons.IconCg.CgCommunity;
+    if (icon === "Icons.IconGi.GiConversation")
+        return Icons.IconGi.GiConversation;
+    if (icon === "Icons.IconRi.RiGhostSmileLine")
+        return Icons.IconRi.RiGhostSmileLine;
+    if (icon === "Icons.IconGi.GiDatabase")
+        return Icons.IconGi.GiDatabase;
+    if (icon === "Icons.IconGi.GiKeyring")
+        return Icons.IconGi.GiKeyring;
+    //settings
+    if (icon === "Icons.IconRi.RiSettings5Fill")
+        return Icons.IconRi.RiSettings5Fill;
+    if (icon === "Icons.IconFa.FaUsersCog")
+        return Icons.IconFa.FaUsersCog;
+    if (icon === "Icons.IconFi.FiActivity")
+        return Icons.IconFi.FiActivity;
+    if (icon === "Icons.IconRi.RiShieldKeyholeFill")
+        return Icons.IconRi.RiShieldKeyholeFill;
+    if (icon === "Icons.IconCg.CgShortcut")
+        return Icons.IconCg.CgShortcut;
+    if (icon === "Icons.Iconmd.MdSettingsInputComponent")
+        return Icons.Iconmd.MdSettingsInputComponent;
+    if (icon === "Icons.IconFa.FaClipboardList")
+        return Icons.IconFa.FaClipboardList;
+    // registration
+    if (icon === "Icons.IconRi.RiUserAddLine")
+        return Icons.IconRi.RiUserAddLine;
+    if (icon === "Icons.IconFa.FaAddressCard")
+        return Icons.IconFa.FaAddressCard;
+    //common
+    if (icon === "Icons.IconBs.BsFillTrashFill")
+        return Icons.IconBs.BsFillTrashFill;
+    return Icons.IconBs.BsList;
+};
+export const getIconTag = (Icon) => {
+    return Icon ? React.createElement(Icon, null) : React.createElement(Icons.IconBs.BsList, null);
+};
+export const EvaIcon = (props) => {
+    return (React.createElement(Icon, { name: props.icon, size: props.size, animation: {
+            type: "pulse",
+            hover: true,
+            infinite: false,
+        }, fill: props.color }));
+};
+//# sourceMappingURL=icons.js.map

package/lib/esm/library/components/Atoms/icons.js.map

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

package/lib/esm/library/components/Atoms/image.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+interface ImageProps {
+    source: string;
+    height?: number;
+    widht?: number;
+    fit?: "cover" | "contain" | "auto";
+    position?: "bottom" | "center" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top";
+    background?: "fill" | "plain";
+    className?: string;
+    onClick?: () => void;
+}
+export declare const Image: (props: ImageProps) => JSX.Element;
+interface BgImageProps {
+    source: string;
+    fit: "cover" | "contain" | "auto";
+    position: "bottom" | "center" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top";
+    background?: "fill" | "plain";
+    className?: string;
+}
+export declare const ImageBackground: (props: BgImageProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Atoms/image.js

@@ -0,0 +1,17 @@
+import React from "react";
+export const Image = (props) => {
+    return (React.createElement("img", { className: "m-4 rounded-md object-fill", src: props.source, style: {
+            width: props.widht,
+            height: props.height,
+            display: "block",
+            position: "relative",
+            left: "10%",
+        }, alt: "limsplus", onClick: () => props.onClick && props.onClick() }));
+};
+export const ImageBackground = (props) => {
+    const backgroundColorClass = props.background === "fill" ? "bg-gray-200" : "bg-transparent";
+    const backgroundPositionClass = `bg-${props.position}`;
+    const backgroundSizeClass = props.fit === "cover" ? "bg-cover" : props.fit === "contain" ? "bg-contain" : "";
+    return (React.createElement("div", { style: { backgroundImage: `url(${props.source})` }, className: `${props.className} bg-no-repeat ${backgroundSizeClass} ${backgroundColorClass} ${backgroundPositionClass}` }));
+};
+//# sourceMappingURL=image.js.map

package/lib/esm/library/components/Atoms/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAsBzB,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,OAAO,CACL,6BACE,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,KAAK,CAAC,MAAM,EACjB,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,KAAK;SACZ,EACD,GAAG,EAAC,UAAU,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,GAC/C,CACH,CAAA;AACH,CAAC,CAAA;AAmBD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAmB,EAAE,EAAE;IACrD,MAAM,oBAAoB,GACxB,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAChE,MAAM,uBAAuB,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAA;IACtD,MAAM,mBAAmB,GACvB,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;IAClF,OAAO,CACL,6BACE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,KAAK,CAAC,MAAM,GAAG,EAAE,EAClD,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,iBAAiB,mBAAmB,IAAI,oBAAoB,IAAI,uBAAuB,EAAE,GACjH,CACR,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/library/components/Atoms/list.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface ListProps {
+    direction?: "row" | "col";
+    space?: number;
+    padding?: boolean;
+    background?: boolean;
+    align?: "start" | "between" | "center" | "end";
+    justify?: "start" | "end" | "center" | "stretch";
+    fill?: boolean;
+}
+export declare const List: React.FunctionComponent<ListProps>;
+export {};

package/lib/esm/library/components/Atoms/list.js

@@ -0,0 +1,13 @@
+import React from "react";
+export const List = (props) => {
+    const spacingClass = props.space
+        ? `space-${props.direction === "col" ? "y" : "x"}-${props.space}`
+        : "";
+    const paddingClass = props.padding ? `p-${props.space}` : "";
+    const backgroundClass = props.background ? "bg-gray-100" : "";
+    const alignClass = props.align ? `justify-${props.align}` : "";
+    const justifyClass = props.justify ? `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));
+};
+//# sourceMappingURL=list.js.map

package/lib/esm/library/components/Atoms/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,KAAK,EAAE,EAAE;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK;QAC9B,CAAC,CAAC,SAAS,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE;QACjE,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAE7D,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9D,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/D,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;IAE/E,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,OAAO,CACL,8BACE,SAAS,EAAE,aACT,KAAK,CAAC,SAAS,IAAI,KACrB,IAAI,YAAY,IAAI,YAAY,IAAI,eAAe,IAAI,UAAU,IAAI,SAAS,IAAI,YAAY,EAAE,IAE/F,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/library/components/Atoms/loader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Loader: () => JSX.Element;
+export declare const ModalLoader: () => JSX.Element;

package/lib/esm/library/components/Atoms/loader.js

@@ -0,0 +1,58 @@
+import React from "react";
+import * as Bootstrap from "react-bootstrap";
+export const Loader = () => {
+    return (React.createElement("div", { className: "bg-black" },
+        React.createElement(Bootstrap.Modal, { show: true, centered: true },
+            React.createElement(Bootstrap.Modal.Body, { style: { textAlign: "center" } },
+                React.createElement(Bootstrap.Spinner, { animation: "border", variant: "dark" }),
+                React.createElement("br", null),
+                React.createElement("span", null, "Loading...")))));
+};
+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 w-full my-6 mx-auto max-w-xl" },
+                    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, `
+    .spinner .background {
+      fill: #555;
+    }
+    .spinner .line {
+      animation: PacMan 5s infinite;
+      fill: none;
+      stroke: #d26188;
+      stroke-width: 25;
+    }
+    .spinner .spinner {
+      animation: Spin 2s infinite linear;
+    }
+    @keyframes PacMan {
+      0% {
+        stroke-dasharray: 79px 79;
+      }
+      50% {
+        stroke-dasharray: 1px 79;
+      }
+      100% {
+        stroke-dasharray: 79px 79;
+      }
+    }
+    @keyframes Spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        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" }))));
+};
+//# sourceMappingURL=loader.js.map

package/lib/esm/library/components/Atoms/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,SAAS,CAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ;YACnC,oBAAC,SAAS,CAAC,KAAK,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;gBAClD,oBAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,GAAG;gBACvD,+BAAM;gBACN,+CAAuB,CACF,CACP,CACd,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAE,GAAG,EAAE;IAC7B,OAAO,CACL;QACE;YACE,6BAAK,SAAS,EAAC,uHAAuH;gBACpI,6BAAK,SAAS,EAAC,uCAAuC;oBAEpD,6BAAK,SAAS,EAAC,sGAAsG;wBAEnH,6BAAK,SAAS,EAAC,mDAAmD;4BAChE,mCACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCd,CACmB;4BACR,6BACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa;gCAErB,gCAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAU;gCACtD,8BACE,SAAS,EAAC,MAAM,EAChB,CAAC,EAAC,2KAA2K,GACvK,CACJ;4BAAC,GAAG;4BACV,8BAAM,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,kBAAoB,CAC/C,CACF,CACF,CACF;YACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACF,CACJ,CAAA;AACH,CAAC,CAAA"}