empower-container 0.1.24 → 0.1.25

package/dist/esm/Modal.d.ts

@@ -1,33 +1,33 @@
-import React from "react";
-import '../scss/style.scss';
-interface IModalProps {
-    id?: string;
-    show: boolean;
-    hideMenuBar?: boolean;
-    config: {
-        title: string;
-        icon: any;
-        showInfo: boolean;
-        iconType: Array<string>;
-        modalSize: string;
-    };
-    getActions: any;
-    children?: any;
-    button?: {
-        show: boolean;
-        actions?: Array<object>;
-    };
-    dropdown?: any;
-    search?: any;
-    pagination?: any;
-    pivot?: any;
-    check?: any;
-    toggle?: any;
-    mainButton?: any;
-    buttonFooter?: any;
-    undoButton?: any;
-    info?: any;
-    customClass?: string;
-}
-declare const Modal: React.FunctionComponent<IModalProps>;
-export default Modal;
+import React from "react";
+import '../scss/style.scss';
+interface IModalProps {
+    id?: string;
+    show: boolean;
+    hideMenuBar?: boolean;
+    config: {
+        title: string;
+        icon: any;
+        showInfo: boolean;
+        iconType: Array<string>;
+        modalSize: string;
+    };
+    getActions: any;
+    children?: any;
+    button?: {
+        show: boolean;
+        actions?: Array<object>;
+    };
+    dropdown?: any;
+    search?: any;
+    pagination?: any;
+    pivot?: any;
+    check?: any;
+    toggle?: any;
+    mainButton?: any;
+    buttonFooter?: any;
+    undoButton?: any;
+    info?: any;
+    customClass?: string;
+}
+declare const Modal: React.FunctionComponent<IModalProps>;
+export default Modal;

package/dist/esm/Modal.js

@@ -1,39 +1,39 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import ReactDOM from "react-dom";
-import MenuBar from "./MenuBar";
-import '../scss/style.scss';
-var Modal = function (_a) {
-    var id = _a.id, show = _a.show, hideMenuBar = _a.hideMenuBar, config = _a.config, getActions = _a.getActions, children = _a.children, button = _a.button, dropdown = _a.dropdown, search = _a.search, pagination = _a.pagination, pivot = _a.pivot, check = _a.check, toggle = _a.toggle, undoButton = _a.undoButton, mainButton = _a.mainButton, buttonFooter = _a.buttonFooter, info = _a.info, customClass = _a.customClass;
-    var sendActions = function (actions, data) {
-        returnValues(actions, data);
-    };
-    var returnValues = function (action, data, addedParam) {
-        if (addedParam === void 0) { addedParam = null; }
-        return getActions ? getActions(action, data, addedParam) : false;
-    };
-    var x = document.getElementsByTagName("BODY")[0];
-    var dvId = '';
-    if (x.children) {
-        Array.from(x.children).forEach(function (el) {
-            if (el.constructor == HTMLDivElement) {
-                dvId = el.id;
-                return;
-            }
-        });
-    }
-    return (show ? ReactDOM.createPortal(_jsx("div", __assign({ className: "em-modal " + customClass }, { children: _jsx("div", __assign({ className: "em-modal-container", "data-testid": id ? id : 'default-modal-test' }, { children: _jsx("div", __assign({ className: "em-card card-modal modal-".concat(config.modalSize ? config.modalSize : 'md') }, { children: !hideMenuBar ? (_jsx(MenuBar, __assign({ config: config, mainButton: mainButton, button: button, pagination: pagination, pivot: pivot, dropdown: dropdown, search: search, toggle: toggle, undoButton: undoButton, buttonFooter: buttonFooter, check: check, info: info, getActions: function (actions, data) { return sendActions(actions, data); } }, { children: _jsx("div", __assign({ className: "em-card-content" }, { children: children })) }))) : _jsx("div", __assign({ className: "em-card-content card-content" }, { children: children })) })) })) })), 
-    // document.getElementById(dvId)!
-    document.getElementById('root')) : null);
-};
-export default Modal;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactDOM from "react-dom";
+import MenuBar from "./MenuBar";
+import '../scss/style.scss';
+var Modal = function (_a) {
+    var id = _a.id, show = _a.show, hideMenuBar = _a.hideMenuBar, config = _a.config, getActions = _a.getActions, children = _a.children, button = _a.button, dropdown = _a.dropdown, search = _a.search, pagination = _a.pagination, pivot = _a.pivot, check = _a.check, toggle = _a.toggle, undoButton = _a.undoButton, mainButton = _a.mainButton, buttonFooter = _a.buttonFooter, info = _a.info, customClass = _a.customClass;
+    var sendActions = function (actions, data) {
+        returnValues(actions, data);
+    };
+    var returnValues = function (action, data, addedParam) {
+        if (addedParam === void 0) { addedParam = null; }
+        return getActions ? getActions(action, data, addedParam) : false;
+    };
+    var x = document.getElementsByTagName("BODY")[0];
+    var dvId = '';
+    if (x.children) {
+        Array.from(x.children).forEach(function (el) {
+            if (el.constructor == HTMLDivElement) {
+                dvId = el.id;
+                return;
+            }
+        });
+    }
+    return (show ? ReactDOM.createPortal(_jsx("div", __assign({ className: "em-modal " + customClass }, { children: _jsx("div", __assign({ className: "em-modal-container", "data-testid": id ? id : 'default-modal-test' }, { children: _jsx("div", __assign({ className: "em-card card-modal modal-".concat(config.modalSize ? config.modalSize : 'md') }, { children: !hideMenuBar ? (_jsx(MenuBar, __assign({ config: config, mainButton: mainButton, button: button, pagination: pagination, pivot: pivot, dropdown: dropdown, search: search, toggle: toggle, undoButton: undoButton, buttonFooter: buttonFooter, check: check, info: info, getActions: function (actions, data) { return sendActions(actions, data); } }, { children: _jsx("div", __assign({ className: "em-card-content" }, { children: children })) }))) : _jsx("div", __assign({ className: "em-card-content card-content" }, { children: children })) })) })) })), 
+    // document.getElementById(dvId)!
+    document.getElementById('root')) : null);
+};
+export default Modal;

package/dist/esm/assets/Asset.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-export declare const SVG_BACK: JSX.Element;
-export declare const SVG_CHECK: JSX.Element;
-export declare const SVG_CHECK_ACTIVE: JSX.Element;
-export declare const SVG_CHECK_INACTIVE: JSX.Element;
-export declare const SVG_CHECK_NEUTRAL: JSX.Element;
-export declare const SVG_CLOSE_GRAY: JSX.Element;
-export declare const SVG_SUBMIT: JSX.Element;
-export declare const SVG_UNDO: JSX.Element;
-export declare const SVG_ARROWRIGHT: JSX.Element;
-export declare const SVG_ARROWLEFT: JSX.Element;
-export declare const SVG_ARROWDOWN: JSX.Element;
-export declare const SVG_ARROW_UP: JSX.Element;
-export declare const SVG_REQUEST: JSX.Element;
-export declare const SVG_ADD: JSX.Element;
-export declare const SVG_INFORMATION: JSX.Element;
-export declare const SVG_CLOSE: JSX.Element;
+/// <reference types="react" />
+export declare const SVG_BACK: JSX.Element;
+export declare const SVG_CHECK: JSX.Element;
+export declare const SVG_CHECK_ACTIVE: JSX.Element;
+export declare const SVG_CHECK_INACTIVE: JSX.Element;
+export declare const SVG_CHECK_NEUTRAL: JSX.Element;
+export declare const SVG_CLOSE_GRAY: JSX.Element;
+export declare const SVG_SUBMIT: JSX.Element;
+export declare const SVG_UNDO: JSX.Element;
+export declare const SVG_ARROWRIGHT: JSX.Element;
+export declare const SVG_ARROWLEFT: JSX.Element;
+export declare const SVG_ARROWDOWN: JSX.Element;
+export declare const SVG_ARROW_UP: JSX.Element;
+export declare const SVG_REQUEST: JSX.Element;
+export declare const SVG_ADD: JSX.Element;
+export declare const SVG_INFORMATION: JSX.Element;
+export declare const SVG_CLOSE: JSX.Element;

package/dist/esm/assets/Asset.js

@@ -1,28 +1,28 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var SVG_BACK = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.69612 4.29289C8.08664 4.68342 8.08664 5.31658 7.69612 5.70711L3.40323 10L7.69612 14.2929C8.08664 14.6834 8.08664 15.3166 7.69612 15.7071C7.3056 16.0976 6.67243 16.0976 6.28191 15.7071L1.28191 10.7071C0.891382 10.3166 0.891382 9.68342 1.28191 9.29289L6.28191 4.29289C6.67243 3.90237 7.3056 3.90237 7.69612 4.29289Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.989014 10C0.989014 9.44772 1.43673 9 1.98901 9H17.989C18.5413 9 18.989 9.44772 18.989 10C18.989 10.5523 18.5413 11 17.989 11H1.98901C1.43673 11 0.989014 10.5523 0.989014 10Z", fill: "#5C7FF3" })] }));
-export var SVG_CHECK = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6823 4.26895C18.0861 4.64578 18.1079 5.27857 17.7311 5.68232L8.39773 15.6823C8.2086 15.885 7.94385 16 7.66667 16C7.38949 16 7.12474 15.885 6.93562 15.6823L2.26895 10.6823C1.89211 10.2786 1.91393 9.64578 2.31769 9.26895C2.72144 8.89211 3.35423 8.91393 3.73106 9.31769L7.66667 13.5344L16.2689 4.31769C16.6458 3.91393 17.2786 3.89211 17.6823 4.26895Z", fill: "#393F5A" }) }));
-export var SVG_CHECK_ACTIVE = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { className: "check-box", width: "20", height: "20", rx: "5", fill: "#5C7FF3" }), _jsx("path", { className: "check", fillRule: "evenodd", clipRule: "evenodd", d: "M16.6631 5.26895C17.0913 5.64578 17.1144 6.27857 16.7148 6.68232L8.79556 14.6823C8.59498 14.885 8.31418 15 8.0202 15C7.72622 15 7.44543 14.885 7.24484 14.6823L3.28525 10.6823C2.88558 10.2786 2.90872 9.64578 3.33694 9.26895C3.76516 8.89211 4.4363 8.91393 4.83597 9.31768L8.0202 12.5344L15.164 5.31769C15.5637 4.91393 16.2348 4.89211 16.6631 5.26895Z", fill: "white" })] }));
-export var SVG_CHECK_INACTIVE = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { className: "check-box-inactive", fillRule: "evenodd", clipRule: "evenodd", d: "M15 2H5C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H15C16.6569 18 18 16.6569 18 15V5C18 3.34315 16.6569 2 15 2ZM5 0C2.23858 0 0 2.23858 0 5V15C0 17.7614 2.23858 20 5 20H15C17.7614 20 20 17.7614 20 15V5C20 2.23858 17.7614 0 15 0H5Z", fill: "#AFC7FD" }) }));
-export var SVG_CHECK_NEUTRAL = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: "check-box", fillRule: "evenodd", clipRule: "evenodd", d: "M15 2H5C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H15C16.6569 18 18 16.6569 18 15V5C18 3.34315 16.6569 2 15 2ZM5 0C2.23858 0 0 2.23858 0 5V15C0 17.7614 2.23858 20 5 20H15C17.7614 20 20 17.7614 20 15V5C20 2.23858 17.7614 0 15 0H5Z", fill: "#AFC7FD" }), _jsx("path", { className: "check-box", d: "M4 6C4 4.89543 4.89543 4 6 4H14C15.1046 4 16 4.89543 16 6V14C16 15.1046 15.1046 16 14 16H6C4.89543 16 4 15.1046 4 14V6Z", fill: "#AFC7FD" })] }));
-export var SVG_CLOSE_GRAY = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4.70711 3.29289C4.31658 2.90237 3.68342 2.90237 3.29289 3.29289C2.90237 3.68342 2.90237 4.31658 3.29289 4.70711L4.70711 3.29289ZM15.2929 16.7071C15.6834 17.0976 16.3166 17.0976 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L15.2929 16.7071ZM3.29289 4.70711L15.2929 16.7071L16.7071 15.2929L4.70711 3.29289L3.29289 4.70711Z", fill: "#9FA5B7" }), _jsx("path", { d: "M4.70711 16.7071C4.31658 17.0976 3.68342 17.0976 3.29289 16.7071C2.90237 16.3166 2.90237 15.6834 3.29289 15.2929L4.70711 16.7071ZM15.2929 3.29289C15.6834 2.90237 16.3166 2.90237 16.7071 3.29289C17.0976 3.68342 17.0976 4.31658 16.7071 4.70711L15.2929 3.29289ZM3.29289 15.2929L15.2929 3.29289L16.7071 4.70711L4.70711 16.7071L3.29289 15.2929Z", fill: "#9FA5B7" })] }));
-export var SVG_SUBMIT = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.91396 10L2.88989 16.0933L16.4333 10L2.88989 3.90673L4.91396 10ZM2.61324 10L0.0483426 17.7214C-0.228127 18.5537 0.733799 19.2809 1.59727 18.8925L19.3907 10.8871C20.2031 10.5216 20.2031 9.47843 19.3907 9.11295L1.59726 1.10753C0.733796 0.719051 -0.228127 1.44632 0.048342 2.2786L2.61324 10Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 10C3 9.44772 3.44772 9 4 9L17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11L4 11C3.44772 11 3 10.5523 3 10Z", fill: "#393F5A" })] }));
-export var SVG_UNDO = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.69612 1.29289C8.08664 1.68342 8.08664 2.31658 7.69612 2.70711L3.40323 7L7.69612 11.2929C8.08664 11.6834 8.08664 12.3166 7.69612 12.7071C7.3056 13.0976 6.67243 13.0976 6.28191 12.7071L1.28191 7.70711C0.891382 7.31658 0.891382 6.68342 1.28191 6.29289L6.28191 1.29289C6.67243 0.902369 7.3056 0.902369 7.69612 1.29289Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7C2 6.44772 2.44772 6 3 6H13C16.3137 6 19 8.68629 19 12C19 15.3137 16.3137 18 13 18H2C1.44772 18 1 17.5523 1 17C1 16.4477 1.44772 16 2 16H13C15.2091 16 17 14.2091 17 12C17 9.79086 15.2091 8 13 8H3C2.44772 8 2 7.55228 2 7Z", fill: "#393F5A" })] }));
-export var SVG_ARROWRIGHT = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.79289 16.2071C7.40237 15.8166 7.40237 15.1834 7.79289 14.7929L12.0858 10.5L7.79289 6.20711C7.40237 5.81658 7.40237 5.18342 7.79289 4.79289C8.18342 4.40237 8.81658 4.40237 9.20711 4.79289L14.2071 9.79289C14.5976 10.1834 14.5976 10.8166 14.2071 11.2071L9.20711 16.2071C8.81658 16.5976 8.18342 16.5976 7.79289 16.2071Z", fill: "#9FA5B7" }) }));
-export var SVG_ARROWLEFT = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2071 4.79289C13.5976 5.18342 13.5976 5.81658 13.2071 6.20711L8.91421 10.5L13.2071 14.7929C13.5976 15.1834 13.5976 15.8166 13.2071 16.2071C12.8166 16.5976 12.1834 16.5976 11.7929 16.2071L6.79289 11.2071C6.40237 10.8166 6.40237 10.1834 6.79289 9.79289L11.7929 4.79289C12.1834 4.40237 12.8166 4.40237 13.2071 4.79289Z", fill: "#9FA5B7" }) }));
-export var SVG_ARROWDOWN = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.29289 7.29289C4.68342 6.90237 5.31658 6.90237 5.70711 7.29289L10 11.5858L14.2929 7.29289C14.6834 6.90237 15.3166 6.90237 15.7071 7.29289C16.0976 7.68342 16.0976 8.31658 15.7071 8.70711L10.7071 13.7071C10.3166 14.0976 9.68342 14.0976 9.29289 13.7071L4.29289 8.70711C3.90237 8.31658 3.90237 7.68342 4.29289 7.29289Z", fill: "#9FA5B7" }) }));
-export var SVG_ARROW_UP = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.29289 13.7071C4.68342 14.0976 5.31658 14.0976 5.70711 13.7071L10 9.41421L14.2929 13.7071C14.6834 14.0976 15.3166 14.0976 15.7071 13.7071C16.0976 13.3166 16.0976 12.6834 15.7071 12.2929L10.7071 7.29289C10.3166 6.90237 9.68342 6.90237 9.29289 7.29289L4.29289 12.2929C3.90237 12.6834 3.90237 13.3166 4.29289 13.7071Z", fill: "#9FA5B7" }) }));
-export var SVG_REQUEST = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 2L6 4L14 4L14 2L6 2ZM4 4C4 5.10457 4.89543 6 6 6L14 6C15.1046 6 16 5.10457 16 4L16 2C16 0.895431 15.1046 -8.55899e-09 14 3.97233e-08L6 3.89414e-07C4.89543 4.37697e-07 4 0.895431 4 2L4 4Z", fill: "#393F5A" }), _jsx("path", { d: "M16 10C16 10.5523 15.5523 11 15 11L5 11C4.44771 11 4 10.5523 4 10C4 9.44772 4.44772 9 5 9L15 9C15.5523 9 16 9.44771 16 10Z", fill: "#393F5A" }), _jsx("path", { d: "M12 14C12 14.5523 11.5523 15 11 15L5 15C4.44772 15 4 14.5523 4 14C4 13.4477 4.44772 13 5 13L11 13C11.5523 13 12 13.4477 12 14Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 4H18V18H2V4H6L6 2H2C0.895431 2 0 2.89543 0 4V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V4C20 2.89543 19.1046 2 18 2H14V4Z", fill: "#393F5A" })] }));
-export var SVG_ADD = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2C10.5523 2 11 2.44772 11 3V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V3C9 2.44772 9.44772 2 10 2Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 10C2 9.44772 2.44772 9 3 9L17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11L3 11C2.44772 11 2 10.5523 2 10Z", fill: "#393F5A" })] }));
-export var SVG_INFORMATION = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { x: "1", y: "1", width: "18", height: "18", rx: "9", stroke: "#9FA5B7", strokeWidth: "2" }), _jsx("path", { d: "M10 9V14", stroke: "#9FA5B7", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("circle", { cx: "10", cy: "6", r: "1", fill: "#9FA5B7" })] }));
-export var SVG_CLOSE = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z", fill: "#9FA5B7" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29289 16.7071C3.68342 17.0976 4.31658 17.0976 4.70711 16.7071L16.7071 4.70711C17.0976 4.31658 17.0976 3.68342 16.7071 3.29289C16.3166 2.90237 15.6834 2.90237 15.2929 3.29289L3.29289 15.2929C2.90237 15.6834 2.90237 16.3166 3.29289 16.7071Z", fill: "#9FA5B7" })] }));
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var SVG_BACK = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.69612 4.29289C8.08664 4.68342 8.08664 5.31658 7.69612 5.70711L3.40323 10L7.69612 14.2929C8.08664 14.6834 8.08664 15.3166 7.69612 15.7071C7.3056 16.0976 6.67243 16.0976 6.28191 15.7071L1.28191 10.7071C0.891382 10.3166 0.891382 9.68342 1.28191 9.29289L6.28191 4.29289C6.67243 3.90237 7.3056 3.90237 7.69612 4.29289Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.989014 10C0.989014 9.44772 1.43673 9 1.98901 9H17.989C18.5413 9 18.989 9.44772 18.989 10C18.989 10.5523 18.5413 11 17.989 11H1.98901C1.43673 11 0.989014 10.5523 0.989014 10Z", fill: "#5C7FF3" })] }));
+export var SVG_CHECK = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.6823 4.26895C18.0861 4.64578 18.1079 5.27857 17.7311 5.68232L8.39773 15.6823C8.2086 15.885 7.94385 16 7.66667 16C7.38949 16 7.12474 15.885 6.93562 15.6823L2.26895 10.6823C1.89211 10.2786 1.91393 9.64578 2.31769 9.26895C2.72144 8.89211 3.35423 8.91393 3.73106 9.31769L7.66667 13.5344L16.2689 4.31769C16.6458 3.91393 17.2786 3.89211 17.6823 4.26895Z", fill: "#393F5A" }) }));
+export var SVG_CHECK_ACTIVE = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { className: "check-box", width: "20", height: "20", rx: "5", fill: "#5C7FF3" }), _jsx("path", { className: "check", fillRule: "evenodd", clipRule: "evenodd", d: "M16.6631 5.26895C17.0913 5.64578 17.1144 6.27857 16.7148 6.68232L8.79556 14.6823C8.59498 14.885 8.31418 15 8.0202 15C7.72622 15 7.44543 14.885 7.24484 14.6823L3.28525 10.6823C2.88558 10.2786 2.90872 9.64578 3.33694 9.26895C3.76516 8.89211 4.4363 8.91393 4.83597 9.31768L8.0202 12.5344L15.164 5.31769C15.5637 4.91393 16.2348 4.89211 16.6631 5.26895Z", fill: "white" })] }));
+export var SVG_CHECK_INACTIVE = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { className: "check-box-inactive", fillRule: "evenodd", clipRule: "evenodd", d: "M15 2H5C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H15C16.6569 18 18 16.6569 18 15V5C18 3.34315 16.6569 2 15 2ZM5 0C2.23858 0 0 2.23858 0 5V15C0 17.7614 2.23858 20 5 20H15C17.7614 20 20 17.7614 20 15V5C20 2.23858 17.7614 0 15 0H5Z", fill: "#AFC7FD" }) }));
+export var SVG_CHECK_NEUTRAL = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: "check-box", fillRule: "evenodd", clipRule: "evenodd", d: "M15 2H5C3.34315 2 2 3.34315 2 5V15C2 16.6569 3.34315 18 5 18H15C16.6569 18 18 16.6569 18 15V5C18 3.34315 16.6569 2 15 2ZM5 0C2.23858 0 0 2.23858 0 5V15C0 17.7614 2.23858 20 5 20H15C17.7614 20 20 17.7614 20 15V5C20 2.23858 17.7614 0 15 0H5Z", fill: "#AFC7FD" }), _jsx("path", { className: "check-box", d: "M4 6C4 4.89543 4.89543 4 6 4H14C15.1046 4 16 4.89543 16 6V14C16 15.1046 15.1046 16 14 16H6C4.89543 16 4 15.1046 4 14V6Z", fill: "#AFC7FD" })] }));
+export var SVG_CLOSE_GRAY = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4.70711 3.29289C4.31658 2.90237 3.68342 2.90237 3.29289 3.29289C2.90237 3.68342 2.90237 4.31658 3.29289 4.70711L4.70711 3.29289ZM15.2929 16.7071C15.6834 17.0976 16.3166 17.0976 16.7071 16.7071C17.0976 16.3166 17.0976 15.6834 16.7071 15.2929L15.2929 16.7071ZM3.29289 4.70711L15.2929 16.7071L16.7071 15.2929L4.70711 3.29289L3.29289 4.70711Z", fill: "#9FA5B7" }), _jsx("path", { d: "M4.70711 16.7071C4.31658 17.0976 3.68342 17.0976 3.29289 16.7071C2.90237 16.3166 2.90237 15.6834 3.29289 15.2929L4.70711 16.7071ZM15.2929 3.29289C15.6834 2.90237 16.3166 2.90237 16.7071 3.29289C17.0976 3.68342 17.0976 4.31658 16.7071 4.70711L15.2929 3.29289ZM3.29289 15.2929L15.2929 3.29289L16.7071 4.70711L4.70711 16.7071L3.29289 15.2929Z", fill: "#9FA5B7" })] }));
+export var SVG_SUBMIT = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.91396 10L2.88989 16.0933L16.4333 10L2.88989 3.90673L4.91396 10ZM2.61324 10L0.0483426 17.7214C-0.228127 18.5537 0.733799 19.2809 1.59727 18.8925L19.3907 10.8871C20.2031 10.5216 20.2031 9.47843 19.3907 9.11295L1.59726 1.10753C0.733796 0.719051 -0.228127 1.44632 0.048342 2.2786L2.61324 10Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 10C3 9.44772 3.44772 9 4 9L17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11L4 11C3.44772 11 3 10.5523 3 10Z", fill: "#393F5A" })] }));
+export var SVG_UNDO = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.69612 1.29289C8.08664 1.68342 8.08664 2.31658 7.69612 2.70711L3.40323 7L7.69612 11.2929C8.08664 11.6834 8.08664 12.3166 7.69612 12.7071C7.3056 13.0976 6.67243 13.0976 6.28191 12.7071L1.28191 7.70711C0.891382 7.31658 0.891382 6.68342 1.28191 6.29289L6.28191 1.29289C6.67243 0.902369 7.3056 0.902369 7.69612 1.29289Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7C2 6.44772 2.44772 6 3 6H13C16.3137 6 19 8.68629 19 12C19 15.3137 16.3137 18 13 18H2C1.44772 18 1 17.5523 1 17C1 16.4477 1.44772 16 2 16H13C15.2091 16 17 14.2091 17 12C17 9.79086 15.2091 8 13 8H3C2.44772 8 2 7.55228 2 7Z", fill: "#393F5A" })] }));
+export var SVG_ARROWRIGHT = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.79289 16.2071C7.40237 15.8166 7.40237 15.1834 7.79289 14.7929L12.0858 10.5L7.79289 6.20711C7.40237 5.81658 7.40237 5.18342 7.79289 4.79289C8.18342 4.40237 8.81658 4.40237 9.20711 4.79289L14.2071 9.79289C14.5976 10.1834 14.5976 10.8166 14.2071 11.2071L9.20711 16.2071C8.81658 16.5976 8.18342 16.5976 7.79289 16.2071Z", fill: "#9FA5B7" }) }));
+export var SVG_ARROWLEFT = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.2071 4.79289C13.5976 5.18342 13.5976 5.81658 13.2071 6.20711L8.91421 10.5L13.2071 14.7929C13.5976 15.1834 13.5976 15.8166 13.2071 16.2071C12.8166 16.5976 12.1834 16.5976 11.7929 16.2071L6.79289 11.2071C6.40237 10.8166 6.40237 10.1834 6.79289 9.79289L11.7929 4.79289C12.1834 4.40237 12.8166 4.40237 13.2071 4.79289Z", fill: "#9FA5B7" }) }));
+export var SVG_ARROWDOWN = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.29289 7.29289C4.68342 6.90237 5.31658 6.90237 5.70711 7.29289L10 11.5858L14.2929 7.29289C14.6834 6.90237 15.3166 6.90237 15.7071 7.29289C16.0976 7.68342 16.0976 8.31658 15.7071 8.70711L10.7071 13.7071C10.3166 14.0976 9.68342 14.0976 9.29289 13.7071L4.29289 8.70711C3.90237 8.31658 3.90237 7.68342 4.29289 7.29289Z", fill: "#9FA5B7" }) }));
+export var SVG_ARROW_UP = _jsx("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.29289 13.7071C4.68342 14.0976 5.31658 14.0976 5.70711 13.7071L10 9.41421L14.2929 13.7071C14.6834 14.0976 15.3166 14.0976 15.7071 13.7071C16.0976 13.3166 16.0976 12.6834 15.7071 12.2929L10.7071 7.29289C10.3166 6.90237 9.68342 6.90237 9.29289 7.29289L4.29289 12.2929C3.90237 12.6834 3.90237 13.3166 4.29289 13.7071Z", fill: "#9FA5B7" }) }));
+export var SVG_REQUEST = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 2L6 4L14 4L14 2L6 2ZM4 4C4 5.10457 4.89543 6 6 6L14 6C15.1046 6 16 5.10457 16 4L16 2C16 0.895431 15.1046 -8.55899e-09 14 3.97233e-08L6 3.89414e-07C4.89543 4.37697e-07 4 0.895431 4 2L4 4Z", fill: "#393F5A" }), _jsx("path", { d: "M16 10C16 10.5523 15.5523 11 15 11L5 11C4.44771 11 4 10.5523 4 10C4 9.44772 4.44772 9 5 9L15 9C15.5523 9 16 9.44771 16 10Z", fill: "#393F5A" }), _jsx("path", { d: "M12 14C12 14.5523 11.5523 15 11 15L5 15C4.44772 15 4 14.5523 4 14C4 13.4477 4.44772 13 5 13L11 13C11.5523 13 12 13.4477 12 14Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 4H18V18H2V4H6L6 2H2C0.895431 2 0 2.89543 0 4V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V4C20 2.89543 19.1046 2 18 2H14V4Z", fill: "#393F5A" })] }));
+export var SVG_ADD = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2C10.5523 2 11 2.44772 11 3V17C11 17.5523 10.5523 18 10 18C9.44772 18 9 17.5523 9 17V3C9 2.44772 9.44772 2 10 2Z", fill: "#393F5A" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 10C2 9.44772 2.44772 9 3 9L17 9C17.5523 9 18 9.44772 18 10C18 10.5523 17.5523 11 17 11L3 11C2.44772 11 2 10.5523 2 10Z", fill: "#393F5A" })] }));
+export var SVG_INFORMATION = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("rect", { x: "1", y: "1", width: "18", height: "18", rx: "9", stroke: "#9FA5B7", strokeWidth: "2" }), _jsx("path", { d: "M10 9V14", stroke: "#9FA5B7", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("circle", { cx: "10", cy: "6", r: "1", fill: "#9FA5B7" })] }));
+export var SVG_CLOSE = _jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L16.7071 15.2929C17.0976 15.6834 17.0976 16.3166 16.7071 16.7071C16.3166 17.0976 15.6834 17.0976 15.2929 16.7071L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z", fill: "#9FA5B7" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29289 16.7071C3.68342 17.0976 4.31658 17.0976 4.70711 16.7071L16.7071 4.70711C17.0976 4.31658 17.0976 3.68342 16.7071 3.29289C16.3166 2.90237 15.6834 2.90237 15.2929 3.29289L3.29289 15.2929C2.90237 15.6834 2.90237 16.3166 3.29289 16.7071Z", fill: "#9FA5B7" })] }));

package/dist/esm/constants/Constant.d.ts

@@ -1,15 +1,15 @@
-export namespace CHECKBOX {
-    const ALL: JSX.Element;
-    const FEW: JSX.Element;
-    const NONE: JSX.Element;
-}
-export const MONTH_LIST: {
-    label: string;
-    value: string;
-}[];
-export const PAGE_OPTION: {
-    value: string;
-    label: string;
-}[];
-export const MONTH_NAMES: string[];
-export const INFO_LOADER: "<div className=\"l-info-content l-shine-container\">  <div className=\"l-shine\"></div><div className=\"l-stats-text\"><div className=\"l-text\"><span className=\"w-40\"></span><span className=\"w-20\"></span></div><div className=\"l-text-h\"><span className=\"w-30\"></span><span className=\"w-60\"></span><span className=\"w-40\"></span></div></div></div >";
+export namespace CHECKBOX {
+    const ALL: JSX.Element;
+    const FEW: JSX.Element;
+    const NONE: JSX.Element;
+}
+export const MONTH_LIST: {
+    label: string;
+    value: string;
+}[];
+export const PAGE_OPTION: {
+    value: string;
+    label: string;
+}[];
+export const MONTH_NAMES: string[];
+export const INFO_LOADER: "<div className=\"l-info-content l-shine-container\">  <div className=\"l-shine\"></div><div className=\"l-stats-text\"><div className=\"l-text\"><span className=\"w-40\"></span><span className=\"w-20\"></span></div><div className=\"l-text-h\"><span className=\"w-30\"></span><span className=\"w-60\"></span><span className=\"w-40\"></span></div></div></div >";

package/dist/esm/constants/Constant.js

@@ -1,32 +1,32 @@
-import { SVG_CHECK_ACTIVE, SVG_CHECK_INACTIVE, SVG_CHECK_NEUTRAL } from '../assets/Asset';
-// Constant svg of checkbox
-export var CHECKBOX = {
-    ALL: (SVG_CHECK_ACTIVE),
-    FEW: (SVG_CHECK_NEUTRAL),
-    NONE: (SVG_CHECK_INACTIVE)
-};
-// Constant list of months
-export var MONTH_LIST = [
-    { label: "Jan", value: "January" },
-    { label: "Feb", value: "February" },
-    { label: "Mar", value: "March" },
-    { label: "Apr", value: "April" },
-    { label: "May", value: "May" },
-    { label: "Jun", value: "June" },
-    { label: "Jul", value: "July" },
-    { label: "Aug", value: "August" },
-    { label: "Sep", value: "September" },
-    { label: "Oct", value: "October" },
-    { label: "Nov", value: "November" },
-    { label: "Dec", value: "December" },
-];
-// Default per-page-options
-export var PAGE_OPTION = [
-    { value: '10', label: '10' },
-    { value: '20', label: '20' },
-    { value: '30', label: '30' },
-    { value: '40', label: '40' },
-    { value: '50', label: '50' }
-];
-export var MONTH_NAMES = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-export var INFO_LOADER = '<div className="l-info-content l-shine-container">  <div className="l-shine"></div><div className="l-stats-text"><div className="l-text"><span className="w-40"></span><span className="w-20"></span></div><div className="l-text-h"><span className="w-30"></span><span className="w-60"></span><span className="w-40"></span></div></div></div >';
+import { SVG_CHECK_ACTIVE, SVG_CHECK_INACTIVE, SVG_CHECK_NEUTRAL } from '../assets/Asset';
+// Constant svg of checkbox
+export var CHECKBOX = {
+    ALL: (SVG_CHECK_ACTIVE),
+    FEW: (SVG_CHECK_NEUTRAL),
+    NONE: (SVG_CHECK_INACTIVE)
+};
+// Constant list of months
+export var MONTH_LIST = [
+    { label: "Jan", value: "January" },
+    { label: "Feb", value: "February" },
+    { label: "Mar", value: "March" },
+    { label: "Apr", value: "April" },
+    { label: "May", value: "May" },
+    { label: "Jun", value: "June" },
+    { label: "Jul", value: "July" },
+    { label: "Aug", value: "August" },
+    { label: "Sep", value: "September" },
+    { label: "Oct", value: "October" },
+    { label: "Nov", value: "November" },
+    { label: "Dec", value: "December" },
+];
+// Default per-page-options
+export var PAGE_OPTION = [
+    { value: '10', label: '10' },
+    { value: '20', label: '20' },
+    { value: '30', label: '30' },
+    { value: '40', label: '40' },
+    { value: '50', label: '50' }
+];
+export var MONTH_NAMES = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+export var INFO_LOADER = '<div className="l-info-content l-shine-container">  <div className="l-shine"></div><div className="l-stats-text"><div className="l-text"><span className="w-40"></span><span className="w-20"></span></div><div className="l-text-h"><span className="w-30"></span><span className="w-60"></span><span className="w-40"></span></div></div></div >';

package/dist/esm/index.d.ts

@@ -1,3 +1,3 @@
-import MenuBar from "./MenuBar";
-import Modal from "./Modal";
-export { MenuBar, Modal };
+import MenuBar from "./MenuBar";
+import Modal from "./Modal";
+export { MenuBar, Modal };

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-import MenuBar from "./MenuBar";
-import Modal from "./Modal";
-export { MenuBar, Modal };
+import MenuBar from "./MenuBar";
+import Modal from "./Modal";
+export { MenuBar, Modal };

package/dist/esm/inputs/Input.d.ts

@@ -1,25 +1,25 @@
-import React from "react";
-import '../../scss/style.scss';
-interface IProps {
-    config: {
-        id: string | keyof Object;
-        type: string;
-        value: string | number;
-        placeholder?: string;
-        label?: string;
-        maxLength?: number;
-        readOnly?: boolean;
-        disabled?: boolean;
-    };
-    allowedChar?: {
-        alphabet?: boolean;
-        numeric?: boolean;
-        space?: boolean;
-        allowedSymbols?: Array<string>;
-    };
-    customClass?: string;
-    onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent>, data?: string) => void;
-    keyPressed?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
-declare const Input: React.FC<IProps>;
-export default Input;
+import React from "react";
+import '../../scss/style.scss';
+interface IProps {
+    config: {
+        id: string | keyof Object;
+        type: string;
+        value: string | number;
+        placeholder?: string;
+        label?: string;
+        maxLength?: number;
+        readOnly?: boolean;
+        disabled?: boolean;
+    };
+    allowedChar?: {
+        alphabet?: boolean;
+        numeric?: boolean;
+        space?: boolean;
+        allowedSymbols?: Array<string>;
+    };
+    customClass?: string;
+    onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent>, data?: string) => void;
+    keyPressed?: (event: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+declare const Input: React.FC<IProps>;
+export default Input;