react-restyle-components 0.1.1 → 0.1.5

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

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

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

@@ -0,0 +1,60 @@
+import React, { useEffect, useState } from "react";
+import { Container } from "reactstrap";
+import { Form } from "..";
+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" },
+            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)),
+                    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: "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);
+                            } }, "No"),
+                        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" })))));
+};
+export const ModalImportFile = (props) => {
+    const [showModal, setShowModal] = React.useState(props.show);
+    const [file, setFile] = useState(null);
+    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-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-5 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.close();
+                                setShowModal(false);
+                            } },
+                            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-6 flex-auto" },
+                        React.createElement(Form.InputFile, { label: "Import", id: "file", accept: props.accept, placeholder: "Import File", onChange: (e) => setFile(e.target.files[0]) })),
+                    React.createElement("div", { className: "flex items-center justify-end p-6 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.close();
+                                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: () => {
+                                if (file) {
+                                    setShowModal(false);
+                                    props.click(file);
+                                }
+                            } }, "Import"))))),
+        React.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+//# sourceMappingURL=modals.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from "react";
+export interface IconProps {
+    type?: "solid" | "inverse";
+    size?: "small" | "medium" | "large";
+    buttonOffset?: boolean;
+    small?: boolean;
+    icon?: string;
+    color?: string;
+}
+export declare const Save: React.FunctionComponent<IconProps>;
+export declare const ReSendPassword: React.FunctionComponent<IconProps>;
+export declare const Add: React.FunctionComponent<IconProps>;
+export declare const Remove: React.FunctionComponent<IconProps>;
+export declare const Check: React.FunctionComponent<IconProps>;
+export declare const Plus: React.FunctionComponent<IconProps>;
+export declare const Spinner: React.FunctionComponent<IconProps>;
+export declare const Tick: React.FunctionComponent<IconProps>;

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

@@ -0,0 +1,38 @@
+import React from "react";
+const getIconClass = (props) => {
+    const iconSizeClass = props.size === "small"
+        ? `h-3 w-3`
+        : props.size === "large"
+            ? `h-6 h-6`
+            : "h-5 w-5";
+    const iconColorClass = props.type === "solid" ? "text-gray-600" : "text-white";
+    return `${props.buttonOffset && "-ml-1 -mt-1 mr-2"} ${iconSizeClass} ${iconColorClass}`;
+};
+export const Save = (props) => {
+    return (React.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" })));
+};
+export const ReSendPassword = (props) => {
+    return (React.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12.451 17.337l-2.451 2.663h-2v2h-2v2h-6v-5l6.865-6.949c1.08 2.424 3.095 4.336 5.586 5.286zm11.549-9.337c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-3-3c0-1.104-.896-2-2-2s-2 .896-2 2 .896 2 2 2 2-.896 2-2z" })));
+};
+export const Add = (props) => {
+    return (React.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14.613,10c0,0.23-0.188,0.419-0.419,0.419H10.42v3.774c0,0.23-0.189,0.42-0.42,0.42s-0.419-0.189-0.419-0.42v-3.774H5.806c-0.23,0-0.419-0.189-0.419-0.419s0.189-0.419,0.419-0.419h3.775V5.806c0-0.23,0.189-0.419,0.419-0.419s0.42,0.189,0.42,0.419v3.775h3.774C14.425,9.581,14.613,9.77,14.613,10 M17.969,10c0,4.401-3.567,7.969-7.969,7.969c-4.402,0-7.969-3.567-7.969-7.969c0-4.402,3.567-7.969,7.969-7.969C14.401,2.031,17.969,5.598,17.969,10 M17.13,10c0-3.932-3.198-7.13-7.13-7.13S2.87,6.068,2.87,10c0,3.933,3.198,7.13,7.13,7.13S17.13,13.933,17.13,10" })));
+};
+export const Remove = (props) => {
+    return (React.createElement("svg", { className: `${getIconClass(Object.assign(Object.assign({}, props), { buttonOffset: false }))} ${props.buttonOffset ? "-ml-1 mr-2" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 13" })));
+};
+export const Check = (props) => {
+    return (React.createElement("svg", { className: `${getIconClass(Object.assign(Object.assign({}, props), { buttonOffset: false }))} ${props.buttonOffset ? "-ml-1 mr-2" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { fill: "none", d: "M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087\n\t\t\t\t\t\t\tC0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087\n\t\t\t\t\t\t\tL7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z" })));
+};
+export const Plus = (props) => (React.createElement("svg", { className: getIconClass(props), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" },
+    React.createElement("path", { d: "M12 6v6m0 0v6m0-6h6m-6 0H6" })));
+export const Spinner = (props) => (React.createElement("svg", { className: `animate-spin ${getIconClass(props)}`, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+    React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }),
+    React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })));
+export const Tick = (props) => (React.createElement("svg", { className: `${getIconClass(props)} ${props.small && "w-3 h-3"}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" })));
+//# sourceMappingURL=svg.js.map

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

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

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

@@ -0,0 +1,9 @@
+import React from "react";
+interface TooltipProps {
+    tooltipText?: any;
+    position?: "bottom" | "left" | "top";
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Tooltip: React.FunctionComponent<TooltipProps>;
+export {};

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

@@ -0,0 +1,38 @@
+import React, { useRef } from "react";
+const getPosition = (position) => {
+    if (position === "left")
+        return {
+            left: -20,
+            bottom: -50,
+            opacity: 0,
+        };
+    if (position === "top")
+        return {
+            left: -20,
+            top: -50,
+            opacity: 0,
+        };
+    else
+        return {
+            left: -20,
+            bottom: -50,
+            opacity: 0,
+        };
+};
+export const Tooltip = ({ tooltipText, position = "bottom", className, children, }) => {
+    const tipRef = useRef(null);
+    const handleMouseEnter = (tipRef) => {
+        tipRef.current.style.opacity = 1;
+        // tipRef.current.style.marginLeft = "20px"
+    };
+    function handleMouseLeave(tipRef) {
+        tipRef.current.style.opacity = 0;
+        // tipRef.current.style.marginLeft = "10px"
+    }
+    return (React.createElement("div", { className: `${className} relative flex items-center`, onMouseEnter: () => handleMouseEnter(tipRef), onMouseLeave: () => handleMouseLeave(tipRef) },
+        React.createElement("div", { className: "absolute  whitespace-no-wrap bg-gradient-to-r from-black to-gray-700 text-white px-4 py-2 rounded flex items-center transition-all duration-150 z-50", style: getPosition(position), ref: tipRef },
+            React.createElement("div", { className: "bg-black h-3 w-3 absolute", style: position !== "bottom" ? { bottom: "-6px", transform: "rotate(45deg)" } : { top: "-6px", transform: "rotate(45deg)" } }),
+            React.createElement("div", { dangerouslySetInnerHTML: { __html: tooltipText } })),
+        children));
+};
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAGrC,MAAM,WAAW,GAAG,CAAC,QAAmC,EAAE,EAAE;IAC1D,IAAI,QAAQ,KAAK,MAAM;QACrB,OAAO;YACL,IAAI,EAAE,CAAC,EAAE;YACT,MAAM,EAAE,CAAC,EAAE;YACX,OAAO,EAAE,CAAC;SACX,CAAA;IACH,IAAI,QAAQ,KAAK,KAAK;QACpB,OAAO;YACL,IAAI,EAAE,CAAC,EAAE;YACT,GAAG,EAAE,CAAC,EAAE;YACR,OAAO,EAAE,CAAC;SACX,CAAA;;QAED,OAAO;YACL,IAAI,EAAE,CAAC,EAAE;YACT,MAAM,EAAE,CAAC,EAAE;YACX,OAAO,EAAE,CAAC;SACX,CAAA;AACL,CAAC,CAAA;AASD,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC7D,WAAW,EACX,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC3B,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,EAAE;QAClC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;QAChC,2CAA2C;IAC7C,CAAC,CAAA;IACD,SAAS,gBAAgB,CAAC,MAAM;QAC9B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAA;QAChC,2CAA2C;IAC7C,CAAC;IACD,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,SAAS,6BAA6B,EACpD,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAC5C,YAAY,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC;QAE5C,6BACE,SAAS,EAAC,sJAAsJ,EAChK,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAC5B,GAAG,EAAE,MAAM;YAEX,6BACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAG,GAC7H;YACF,6BAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CACrD;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface AutoCompleteProps {
+    hasError?: boolean;
+    placeholder?: string;
+    data?: {
+        list?: any[];
+        displayKey?: string[];
+        findKey?: string[];
+    };
+    onUpdate?: (item: any) => void;
+    onChange: (item: any) => void;
+}
+export declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,100 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { Icons } from "..";
+export const AutoComplete = (props) => {
+    const [value, setValue] = useState("");
+    const [options, setOptions] = useState();
+    const [originalOptions, setOriginalOptions] = useState();
+    const [isListOpen, setIsListOpen] = useState(false);
+    const valueRef = useRef('');
+    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);
+                    props.onChange(valueRef.current);
+                }
+            }
+            document.addEventListener("mousedown", handleClickOutside);
+            return () => {
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }, [ref, isListOpen]);
+    };
+    const wrapperRef = useRef(null);
+    useOutsideAlerter(wrapperRef);
+    useEffect(() => {
+        if (props) {
+            setOriginalOptions(props.data && props.data.list);
+            setOptions(props.data && props.data.list);
+        }
+    }, [props]);
+    const filter = (search, data) => {
+        if (search) {
+            const filterArray = data.filter((item) => {
+                var _a, _b;
+                const filed = (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.findKey) === null || _b === void 0 ? void 0 : _b.filter((findKey) => {
+                    const value = item[findKey];
+                    return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
+                });
+                const value = item[filed[0]];
+                console.log({ value });
+                if (value) {
+                    return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
+                }
+                else {
+                    return;
+                }
+            });
+            //console.log({ filterArray })
+            setOptions(filterArray);
+        }
+        else {
+            setOptions(originalOptions);
+        }
+    };
+    const onChange = (e) => {
+        const search = e.target.value;
+        filter(search, options);
+        setValue(search);
+        valueRef.current = search;
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            filter(search, originalOptions);
+        }
+    };
+    const onChangeItem = (item) => {
+        var _a, _b;
+        if (props.data && props.data.displayKey) {
+            setValue(item[props.data.displayKey && ((_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey[0])]);
+            props.onChange(item[props.data.displayKey && ((_b = props.data) === null || _b === void 0 ? void 0 : _b.displayKey[0])]);
+        }
+        setIsListOpen(false);
+        setOptions(options);
+    };
+    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: 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,
+                        React.createElement("div", { className: 'overflow-y-auto', style: { height: 'auto', maxHeight: '350px' } }, options === null || options === void 0 ? void 0 : options.map((item, index) => {
+                            var _a, _b;
+                            return (React.createElement(React.Fragment, null,
+                                React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => onChangeItem(item) },
+                                    React.createElement("label", { className: "ml-2 mt-1 text-black" }, (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey) === null || _b === void 0 ? void 0 : _b.map((findKey) => item[findKey]).join(" - ")))));
+                        })))))
+                : null)));
+};
+//# sourceMappingURL=AutoComplete.js.map

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+interface AutoCompleteCheckMultiFilterKeysProps {
+    placeholder?: string;
+    hasError?: boolean;
+    data?: {
+        defulatValues?: any[];
+        list?: any[];
+        displayKey?: string[];
+        findKey?: string[];
+    };
+    defaultData?: any[];
+    onUpdate?: (item: any) => void;
+    onFilter?: (value: string) => void;
+}
+export declare const AutoCompleteCheckMultiFilterKeys: (props: AutoCompleteCheckMultiFilterKeysProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,118 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { observer } from "mobx-react";
+import { Icons } from "..";
+export const AutoCompleteCheckMultiFilterKeys = 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 && list && findKey) {
+            //console.log({ defulatValues, list })
+            const finalList = list.filter((item, index) => {
+                defulatValues.length > 0 &&
+                    defulatValues.find((rItem, index) => {
+                        findKey.filter((findItem) => {
+                            if (rItem[findItem] === item[findItem]) {
+                                item.selected = true;
+                            }
+                        });
+                    });
+                count++;
+                return item;
+            });
+            // console.log({ finalList })
+            list = finalList;
+        }
+        return list;
+    };
+    useEffect(() => {
+        if (props) {
+            setOriginalOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && props.data.findKey));
+            setOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && 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 filed: any = props.data?.findKey?.filter((findKey) => {
+    //         const value = item[findKey]
+    //         return value.toLowerCase().indexOf(search.toLowerCase()) > -1
+    //       })
+    //       const value = item[filed[0]]
+    //       console.log({ value })
+    //       if (value) {
+    //         return value.toLowerCase().indexOf(search.toLowerCase()) > -1
+    //       } else {
+    //         return
+    //       }
+    //     })
+    //     console.log({ filterArray })
+    //     setOptions(filterArray)
+    //   } else {
+    //     setOptions(originalOptions)
+    //   }
+    // }
+    const onChange = (e) => {
+        const search = e.target.value;
+        setValue(search);
+        props.onFilter && props.onFilter(search);
+    };
+    const onKeyUp = (e) => {
+        const charCode = e.which ? e.which : e.keyCode;
+        if (charCode === 8) {
+            const search = e.target.value;
+            props.onFilter && props.onFilter(search);
+        }
+    };
+    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) => {
+                        var _a, _b;
+                        return (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" }, (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey) === null || _b === void 0 ? void 0 : _b.map((findKey) => item[findKey]).join(" - ")))));
+                    }))))
+                : null)));
+});
+//# sourceMappingURL=AutoCompleteCheckMultiFilterKeys.js.map

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

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

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

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

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

@@ -0,0 +1,106 @@
+/* eslint-disable  */
+import React, { useState, useEffect, useRef } from "react";
+import { observer } from "mobx-react";
+import { Icons } from "..";
+export const AutoCompleteCheckTwoTitleKeys = 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: "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.titleKey.key1]} (${item[props.titleKey.key2]}) `))))))))
+                : null)));
+});
+//# sourceMappingURL=AutoCompleteCheckTwoTitleKeys.js.map

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

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