react-restyle-components 0.1.4 → 0.1.8

package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js

@@ -0,0 +1,164 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Icons } from "..";
+import _ from "lodash";
+export const AutoCompleteGroupByCheck = (props) => {
+    //const [userRouter, setUserRouter] = useState<any>()
+    const [data, setData] = useState();
+    const [options, setOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const selectedOptionsRef = useRef([]);
+    const valueRef = useRef("");
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    setIsListOpen(false);
+                    props.onChange && props.onChange(selectedOptionsRef.current);
+                }
+            }
+            // Bind the event listener
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                // Unbind the event listener on clean up
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    useEffect(() => {
+        if (props.data && props.defaultItem.length === 0) {
+            var result = props.data.map((item) => {
+                var item = Object.assign({}, item);
+                const childrenItem = item.children.map((children) => {
+                    var record = Object.assign({}, children);
+                    record.selected = false;
+                    return record;
+                });
+                item.children = childrenItem;
+                return item;
+            });
+            setData(result);
+            setOptions(result);
+        }
+        else if (props.data && props.defaultItem.length > 0) {
+            var result = props.data.map((item) => {
+                var item = Object.assign({}, item);
+                const childrenItem = item.children.map((children) => {
+                    children.selected = false;
+                    props.defaultItem.filter((el) => {
+                        el.children.forEach((element) => {
+                            if (element.name == children.name) {
+                                children.selected = true;
+                            }
+                        });
+                    });
+                    return children;
+                });
+                item.children = childrenItem;
+                return item;
+            });
+            setData(result);
+            setOptions(result);
+        }
+    }, [props]);
+    const uniqByKeepFirst = (a, key) => {
+        const seen = new Set();
+        return a.filter((item) => {
+            const k = key(item);
+            return seen.has(k) ? false : seen.add(k);
+        });
+    };
+    const filter = (search, data) => {
+        if (search !== "") {
+            let filterArray = [];
+            data.filter((item) => {
+                item.children.filter((children) => {
+                    const childrenItem = children.title &&
+                        children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
+                    if (childrenItem) {
+                        const isSameArray = filterArray.filter((filterItem, index) => {
+                            if (filterItem.name === item.name) {
+                                const newChildren = filterArray[index].children.concat(children);
+                                filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
+                            }
+                        });
+                        if (isSameArray.length < 1) {
+                            filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
+                        }
+                        const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
+                        filterArray = uniqueChars;
+                    }
+                });
+            });
+            setOptions(filterArray);
+        }
+        else {
+            setOptions(data);
+        }
+    };
+    // const onChange = (e) => {
+    //   const search = e.target.value
+    //   valueRef.current = search
+    //   filter(search, data)
+    // }
+    // const onKeyUp = (e) => {
+    //   const charCode = e.which ? e.which : e.keyCode
+    //   if (charCode === 8) {
+    //     const search = e.target.value
+    //     filter(search, data)
+    //   }
+    // }
+    const onChangeItem = (index, childrenIndex) => {
+        if (options) {
+            options[index].children[childrenIndex].selected = !options[index].children[childrenIndex].selected;
+            let valueItem = [];
+            let selectedOptions = [];
+            options === null || options === void 0 ? void 0 : options.forEach((item) => {
+                let childrenItem = [];
+                item.children.forEach((record) => {
+                    if (record.selected) {
+                        valueItem.push(record.title);
+                        childrenItem.push(record);
+                        selectedOptions.push(Object.assign(Object.assign({}, item), { children: childrenItem }));
+                    }
+                });
+            });
+            selectedOptions = _.uniqWith(selectedOptions, _.isEqual);
+            valueRef.current = valueItem.join(", ");
+            selectedOptionsRef.current = selectedOptions;
+        }
+        setOptions(JSON.parse(JSON.stringify(options)));
+        setIsListOpen(true);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 bg-white focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2  ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: "Select item", value: valueRef.current, className: "w-full focus:outline-none", 
+                    //onKeyUp={onKeyUp}
+                    //onChange={onChange}
+                    onClick: () => setIsListOpen(true) }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute z-50 border-gray-500 rounded-md bg-gray-200" },
+                    React.createElement("ul", { className: "p-2 rounded-sm " },
+                        React.createElement("div", { className: 'overflow-y-auto', style: { height: 'auto', maxHeight: '350px' } }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                            React.createElement("li", { key: index, className: "text-gray-400" }, item.title),
+                            React.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => children.title && (React.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                                    onChangeItem(index, childrenIndex);
+                                }) },
+                                React.createElement("input", { type: "checkbox", checked: children.selected, className: "mr-2" }),
+                                children.title)))))))))))
+                : null)));
+};
+//# sourceMappingURL=AutoCompleteGroupByCheck.js.map

package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map

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

package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface AutocompleteCheckProps {
+    placeholder?: string;
+    data?: any;
+    defaultData?: any[];
+    hasError?: boolean;
+    onUpdate?: (item: any) => void;
+}
+export declare const AutocompleteCheck: (props: AutocompleteCheckProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutocompleteCheck.js

@@ -0,0 +1,104 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { observer } from "mobx-react";
+import { Icons } from "..";
+export const AutocompleteCheck = observer((props) => {
+    const [value, setValue] = useState("");
+    const [options, setOptions] = useState();
+    const [originalOptions, setOriginalOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    if (originalOptions && options) {
+                        if (isListOpen) {
+                            props.onUpdate &&
+                                props.onUpdate(options.filter((item) => item.selected === true));
+                        }
+                    }
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    let count = 0;
+    const getSelectedItem = (defulatValues, list, findKey) => {
+        if (count === 0) {
+            //console.log({ defulatValues, list })
+            const finalList = list.filter((item, index) => {
+                defulatValues.length > 0 &&
+                    defulatValues.find((rItem, index) => {
+                        if (rItem[findKey] === item[findKey]) {
+                            item.selected = true;
+                        }
+                    });
+                count++;
+                return item;
+            });
+            //console.log({ finalList })
+            list = finalList;
+        }
+        return list;
+    };
+    useEffect(() => {
+        setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
+        setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
+    }, [props]);
+    const onChangeItem = (item, index) => {
+        if (options) {
+            options[index].selected = item.selected ? false : true;
+        }
+        setIsListOpen(true);
+        setOptions(options);
+    };
+    const filter = (search, data) => {
+        if (search) {
+            const filterArray = data.filter((item) => {
+                const value = item.name || item.description;
+                return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
+            });
+            setOptions(filterArray);
+        }
+        else {
+            setOptions(originalOptions);
+        }
+    };
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        filter(search, options);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            filter(search, originalOptions);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: props.placeholder || "Search ...", value: !isListOpen
+                        ? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
+                        : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
+                    React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                        React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
+                            React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
+                            " ",
+                            React.createElement("label", { className: "ml-2 mt-1 text-black" },
+                                " ",
+                                item[props.data.displayKey]))))))))
+                : null)));
+});
+//# sourceMappingURL=AutocompleteCheck.js.map

package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map

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

package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface AutocompleteGroupByProps {
+    data?: any[];
+    onChange?: (item: any, children: any) => void;
+    hasError?: boolean;
+    onClose?: () => void;
+}
+export declare const AutocompleteGroupBy: (props: AutocompleteGroupByProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js

@@ -0,0 +1,112 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { observer } from "mobx-react";
+import { Icons } from "..";
+import PerfectScrollbar from "react-perfect-scrollbar";
+export const AutocompleteGroupBy = observer((props) => {
+    //const [userRouter, setUserRouter] = useState<any>()
+    const [value, setValue] = useState("");
+    const [data, setData] = useState();
+    const [options, setOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const useOutsideAlerter = (ref) => {
+        useEffect(() => {
+            /**
+             * Alert if clicked on outside of element
+             */
+            function handleClickOutside(event) {
+                if (ref.current && !ref.current.contains(event.target) && isListOpen) {
+                    setIsListOpen(false);
+                    setValue("");
+                }
+            }
+            // Bind the event listener
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                // Unbind the event listener on clean up
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    useEffect(() => {
+        setData(props.data);
+        setOptions(props.data);
+    }, [props]);
+    const uniqByKeepFirst = (a, key) => {
+        const seen = new Set();
+        return a.filter((item) => {
+            const k = key(item);
+            return seen.has(k) ? false : seen.add(k);
+        });
+    };
+    const filter = (search, data) => {
+        if (search !== "") {
+            let filterArray = [];
+            data.filter((item) => {
+                item.children.filter((children) => {
+                    const childrenItem = children.title &&
+                        children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
+                    if (childrenItem) {
+                        const isSameArray = filterArray.filter((filterItem, index) => {
+                            if (filterItem.name === item.name) {
+                                const newChildren = filterArray[index].children.concat(children);
+                                filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
+                            }
+                        });
+                        if (isSameArray.length < 1) {
+                            filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
+                        }
+                        const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
+                        filterArray = uniqueChars;
+                    }
+                });
+            });
+            setOptions(filterArray);
+        }
+        else {
+            setOptions(data);
+        }
+    };
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        filter(search, data);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            filter(search, data);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: wrapperRef },
+            React.createElement("div", { className: `flex items-center leading-4 p-2 bg-white focus:outline-none focus:ring  w-full shadow-sm sm:text-base border-2  ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` },
+                React.createElement("input", { placeholder: "Search...", value: value, className: "w-full focus:outline-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
+                isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
+            options && isListOpen
+                ? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute z-50 border-gray-500 rounded-md bg-gray-200" },
+                    React.createElement("ul", { className: "p-2 rounded-sm" },
+                        React.createElement(PerfectScrollbar, null,
+                            React.createElement("div", { className: "", style: { height: "auto", maxHeight: "350px" } }, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
+                                React.createElement("li", { key: index, className: "text-gray-400" }, item.title),
+                                React.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => (React.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                                        props.onChange && props.onChange(item, children);
+                                        setIsListOpen(false);
+                                        setValue(children.title);
+                                        setOptions([]);
+                                    }) }, children.title))))))))))))
+                : null)));
+});
+//# sourceMappingURL=AutocompleteGroupBy.js.map

package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map

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

package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface ModalProps {
+    time?: any;
+    show?: boolean;
+    title?: string;
+    type?: string;
+    body?: string;
+    onClick: (time?: any) => void;
+    onClose: () => void;
+}
+export declare const ModalClock: (props: ModalProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/modal/ModalClock.js

@@ -0,0 +1,20 @@
+import React, { useEffect } from "react";
+import { Container } from "reactstrap";
+import TimeKeeper from "react-timekeeper";
+export const ModalClock = (props) => {
+    const [showModal, setShowModal] = React.useState(props.show);
+    useEffect(() => {
+        setShowModal(props.show);
+    }, [props]);
+    return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            React.createElement("div", { className: "relative w-0 my-6 mx-auto" },
+                React.createElement("div", { className: "border-0 justify-center items-center rounded-lg shadow-lg relative flex flex-col  bg-white outline-none focus:outline-none" },
+                    React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "relative p-2 flex-auto" },
+                            React.createElement(TimeKeeper, { time: props.time, onChange: (newTime) => {
+                                    props.onClick(newTime.formatted12);
+                                }, onDoneClick: () => props.onClose(), switchToMinuteOnHourSelect: true })))))),
+        React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+//# sourceMappingURL=ModalClock.js.map

package/lib/esm/library/components/Molecules/modal/ModalClock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalClock.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalClock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAYzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,2BAA2B;gBAExC,6BAAK,SAAS,EAAC,4HAA4H;oBACzI;wBACE,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,oBAAC,UAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;oCACpB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gCACpC,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAClC,0BAA0B,SAC1B,CACE,CACL,CACC,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ModalProps {
+    show?: boolean;
+    title?: string;
+    type?: string;
+    body?: string;
+    click: (type?: string) => void;
+    onClose: () => void;
+}
+export declare const ModalConfirm: (props: ModalProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/modal/ModalConfirm.js

@@ -0,0 +1,36 @@
+import React, { useEffect } from "react";
+import { Container } from "reactstrap";
+export const ModalConfirm = (props) => {
+    const [showModal, setShowModal] = React.useState(props.show);
+    useEffect(() => {
+        setShowModal(props.show);
+    }, [props]);
+    return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none", onClick: () => {
+                props.onClose();
+                setShowModal(false);
+            } },
+            React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                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: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
+                        React.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
+                        React.createElement("button", { className: "p-1  border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
+                                props.onClose();
+                                setShowModal(false);
+                            } },
+                            React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
+                    props.body && (React.createElement(React.Fragment, null,
+                        React.createElement("div", { className: "relative p-2 flex-auto" },
+                            React.createElement("p", { className: "my-4 text-gray-600 text-lg leading-relaxed" }, props.body)))),
+                    React.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
+                        React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
+                                props.onClose();
+                                setShowModal(false);
+                            } }, "Close"),
+                        React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
+                                setShowModal(false);
+                                props.click(props.type);
+                            } }, "Yes"))))),
+        React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+//# sourceMappingURL=ModalConfirm.js.map

package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalConfirm.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAWtC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gBACf,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;YAED,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,sFAAsF;wBACnG,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,gCACE,SAAS,EAAC,yHAAyH,EACnI,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gCACf,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC;4BAED,8BAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEL,KAAK,CAAC,IAAI,IAAI,CACb;wBACE,6BAAK,SAAS,EAAC,wBAAwB;4BACrC,2BAAG,SAAS,EAAC,4CAA4C,IACtD,KAAK,CAAC,IAAI,CACT,CACA,CACL,CACJ;oBAGD,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,qHAAqH,EAC/H,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gCACf,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC,YAGM;wBACT,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;4BACzB,CAAC,UAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface ModalProps {
+    show?: boolean;
+    title?: string;
+    onClick: (image: any) => void;
+    onClose: () => void;
+}
+export declare const ModalFileUpload: (props: ModalProps) => JSX.Element;
+export {};

package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js

@@ -0,0 +1,44 @@
+import React, { useEffect } from "react";
+import { Container } from "reactstrap";
+import { Form } from "../..";
+export const ModalFileUpload = (props) => {
+    const [showModal, setShowModal] = React.useState(props.show);
+    const [image, setImage] = React.useState();
+    useEffect(() => {
+        setShowModal(props.show);
+    }, [props.show]);
+    return (React.createElement(Container, null, showModal && (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            React.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                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: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
+                        React.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
+                        React.createElement("button", { className: "p-1  border-0 text-black opacity-1 ml-6 float-right text-3xl leading-none font-semibold outline-none focus:outline-none", onClick: () => {
+                                setShowModal(false);
+                                props.onClose && props.onClose();
+                            } },
+                            React.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
+                    React.createElement("div", { className: "relative p-2 flex-auto" },
+                        React.createElement(Form.InputFile, { label: "File", id: "file", placeholder: "File", onChange: (e) => {
+                                const image = e.target.files[0];
+                                setImage(image);
+                            } })),
+                    React.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
+                        React.createElement("button", { className: "text-red-500 background-transparent font-bold uppercase px-6 py-2 text-sm outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
+                                setShowModal(false);
+                                props.onClose && props.onClose();
+                            } }, "Close"),
+                        React.createElement("button", { className: "bg-green-500 text-white active:bg-green-600 font-bold uppercase text-sm px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1", type: "button", style: { transition: "all .15s ease" }, onClick: () => {
+                                if (image !== undefined) {
+                                    props.onClick && props.onClick(image);
+                                }
+                                else {
+                                    alert("Please select image");
+                                }
+                            } }, "Upload"))))),
+        React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+function alert(arg0) {
+    throw new Error("Function not implemented.");
+}
+//# sourceMappingURL=ModalFileUpload.js.map

package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFileUpload.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalFileUpload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,OAAO,CAAA;AAS1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAO,CAAA;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,SAAS,QACP,SAAS,IAAI,CACZ;QACE,6BAAK,SAAS,EAAC,mHAAmH;YAChI,6BAAK,SAAS,EAAC,wCAAwC;gBAErD,6BAAK,SAAS,EAAC,sGAAsG;oBAEnH,6BAAK,SAAS,EAAC,sFAAsF;wBACnG,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,gCACE,SAAS,EAAC,yHAAyH,EACnI,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC;4BAED,8BAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEN,6BAAK,SAAS,EAAC,wBAAwB;wBACrC,oBAAC,IAAI,CAAC,SAAS,IACb,KAAK,EAAC,MAAM,EACZ,EAAE,EAAC,MAAM,EACT,WAAW,EAAC,MAAM,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gCACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;gCAC/B,QAAQ,CAAC,KAAK,CAAC,CAAA;4BACjB,CAAC,GACD,CACE;oBAEN,6BAAK,SAAS,EAAC,mFAAmF;wBAChG,gCACE,SAAS,EAAC,qHAAqH,EAC/H,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,YAAY,CAAC,KAAK,CAAC,CAAA;gCACnB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,YAGM;wBACT,gCACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,KAAK,KAAK,SAAS,EAAE;oCACvB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;iCACtC;qCAAM;oCACL,KAAK,CAAC,qBAAqB,CAAC,CAAA;iCAC7B;4BACH,CAAC,aAGM,CACL,CACF,CACF,CACF;QACN,6BAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AACD,SAAS,KAAK,CAAC,IAAY;IACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,CAAC"}

package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface ModalProps {
+    show?: boolean;
+    title?: string;
+    subTitle?: string;
+    onClick: () => void;
+}
+export declare const ModalIdleTimeout: (props: ModalProps) => JSX.Element;
+export {};