react-restyle-components 0.1.1 → 0.1.5

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

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalConfirm = void 0;
+const react_1 = __importStar(require("react"));
+const reactstrap_1 = require("reactstrap");
+const ModalConfirm = (props) => {
+    const [showModal, setShowModal] = react_1.default.useState(props.show);
+    react_1.useEffect(() => {
+        setShowModal(props.show);
+    }, [props]);
+    return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.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_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                    react_1.default.createElement("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
+                        react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
+                        react_1.default.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_1.default.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
+                    props.body && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "relative p-2 flex-auto" },
+                            react_1.default.createElement("p", { className: "my-4 text-gray-600 text-lg leading-relaxed" }, props.body)))),
+                    react_1.default.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
+                        react_1.default.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_1.default.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_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+exports.ModalConfirm = ModalConfirm;
+//# sourceMappingURL=ModalConfirm.js.map

package/lib/cjs/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,+CAAwC;AACxC,2CAAsC;AAW/B,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;IAChD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,8BAAC,sBAAS,QACP,SAAS,IAAI,CACZ;QACE,uCACE,SAAS,EAAC,mHAAmH,EAC7H,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gBACf,YAAY,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC;YAED,uCAAK,SAAS,EAAC,wCAAwC;gBAErD,uCAAK,SAAS,EAAC,sGAAsG;oBAEnH,uCAAK,SAAS,EAAC,sFAAsF;wBACnG,sCAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,0CACE,SAAS,EAAC,yHAAyH,EACnI,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,EAAE,CAAA;gCACf,YAAY,CAAC,KAAK,CAAC,CAAA;4BACrB,CAAC;4BAED,wCAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEL,KAAK,CAAC,IAAI,IAAI,CACb;wBACE,uCAAK,SAAS,EAAC,wBAAwB;4BACrC,qCAAG,SAAS,EAAC,4CAA4C,IACtD,KAAK,CAAC,IAAI,CACT,CACA,CACL,CACJ;oBAGD,uCAAK,SAAS,EAAC,mFAAmF;wBAChG,0CACE,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,0CACE,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,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,YAAY,gBA+ExB"}

package/lib/cjs/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/cjs/library/components/Molecules/modal/ModalFileUpload.js

@@ -0,0 +1,67 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalFileUpload = void 0;
+const react_1 = __importStar(require("react"));
+const reactstrap_1 = require("reactstrap");
+const __1 = require("../..");
+const ModalFileUpload = (props) => {
+    const [showModal, setShowModal] = react_1.default.useState(props.show);
+    const [image, setImage] = react_1.default.useState();
+    react_1.useEffect(() => {
+        setShowModal(props.show);
+    }, [props.show]);
+    return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                    react_1.default.createElement("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
+                        react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
+                        react_1.default.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_1.default.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
+                    react_1.default.createElement("div", { className: "relative p-2 flex-auto" },
+                        react_1.default.createElement(__1.Form.InputFile, { label: "File", id: "file", placeholder: "File", onChange: (e) => {
+                                const image = e.target.files[0];
+                                setImage(image);
+                            } })),
+                    react_1.default.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
+                        react_1.default.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_1.default.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_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+exports.ModalFileUpload = ModalFileUpload;
+function alert(arg0) {
+    throw new Error("Function not implemented.");
+}
+//# sourceMappingURL=ModalFileUpload.js.map

package/lib/cjs/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,+CAAwC;AACxC,2CAAsC;AACtC,6BAA0B;AASnB,MAAM,eAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,eAAK,CAAC,QAAQ,EAAO,CAAA;IAE/C,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,8BAAC,sBAAS,QACP,SAAS,IAAI,CACZ;QACE,uCAAK,SAAS,EAAC,mHAAmH;YAChI,uCAAK,SAAS,EAAC,wCAAwC;gBAErD,uCAAK,SAAS,EAAC,sGAAsG;oBAEnH,uCAAK,SAAS,EAAC,sFAAsF;wBACnG,sCAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,0CACE,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,wCAAM,SAAS,EAAC,oEAAoE,aAE7E,CACA,CACL;oBAEN,uCAAK,SAAS,EAAC,wBAAwB;wBACrC,8BAAC,QAAI,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,uCAAK,SAAS,EAAC,mFAAmF;wBAChG,0CACE,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,0CACE,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,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AA/EY,QAAA,eAAe,mBA+E3B;AACD,SAAS,KAAK,CAAC,IAAY;IACzB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;AAC9C,CAAC"}

package/lib/cjs/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 {};

package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalIdleTimeout = void 0;
+const react_1 = __importStar(require("react"));
+const reactstrap_1 = require("reactstrap");
+const ModalIdleTimeout = (props) => {
+    const [showModal, setShowModal] = react_1.default.useState(props.show);
+    react_1.useEffect(() => {
+        setShowModal(props.show);
+    }, [props.show]);
+    return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                    react_1.default.createElement("div", { className: "relative p-6 flex-auto" },
+                        react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
+                        react_1.default.createElement("h3", { className: "text-sm font-semibold" }, props.subTitle)),
+                    react_1.default.createElement("div", { className: "flex items-center justify-end p-6 border-t border-solid border-gray-300 rounded-b" },
+                        react_1.default.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: () => {
+                                props.onClick && props.onClick();
+                            } }, "Ok"))))),
+        react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+exports.ModalIdleTimeout = ModalIdleTimeout;
+//# sourceMappingURL=ModalIdleTimeout.js.map

package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalIdleTimeout.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalIdleTimeout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,2CAAsC;AAS/B,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE5D,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,8BAAC,sBAAS,QACP,SAAS,IAAI,CACZ;QACE,uCAAK,SAAS,EAAC,mHAAmH;YAChI,uCAAK,SAAS,EAAC,wCAAwC;gBAErD,uCAAK,SAAS,EAAC,sGAAsG;oBAEnH,uCAAK,SAAS,EAAC,wBAAwB;wBACvC,sCAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAC,KAAK,CAAM;wBACzD,sCAAI,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,QAAQ,CAAM,CACrD;oBAEN,uCAAK,SAAS,EAAC,mFAAmF;wBAChG,0CACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,SAGM,CACL,CACF,CACF,CACF;QACN,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,gBAAgB,oBAyC5B"}

package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ModalProps {
+    show?: boolean;
+    title?: string;
+    data?: any[];
+    onClick: (data: any, item: any, index: number) => void;
+    onClose: () => void;
+}
+export declare const ModalSessionAllowed: (props: ModalProps) => JSX.Element;
+export {};

package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js

@@ -0,0 +1,79 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalSessionAllowed = void 0;
+const react_1 = __importStar(require("react"));
+const reactstrap_1 = require("reactstrap");
+const __1 = require("../..");
+const dayjs_1 = __importDefault(require("dayjs"));
+const ModalSessionAllowed = (props) => {
+    var _a, _b;
+    const [showModal, setShowModal] = react_1.default.useState(props.show);
+    react_1.useEffect(() => {
+        setShowModal(props.show);
+    }, [props.show]);
+    return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                    react_1.default.createElement("div", { className: "flex items-start justify-between p-3 border-b border-solid border-gray-300 rounded-t" },
+                        react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title || "Session Allowed"),
+                        react_1.default.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_1.default.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
+                    react_1.default.createElement("div", { className: "relative p-2 flex-auto" },
+                        react_1.default.createElement("div", { className: "grid grid-flow-row grid-cols-3  gap-4" },
+                            ((_a = props.data) === null || _a === void 0 ? void 0 : _a.length) === 0 && (react_1.default.createElement("div", { className: "flex flex-col p-2  items-center" },
+                                react_1.default.createElement("label", null, "Extra session not found"))), (_b = props.data) === null || _b === void 0 ? void 0 :
+                            _b.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("div", { className: "flex-col flex p-2  items-center rounded-md bg-gray-400" },
+                                    react_1.default.createElement(__1.Icons.IconContext, { color: "#000", size: "80", key: index }, __1.Icons.getIconTag(__1.Icons.IconRi.RiComputerFill)),
+                                    react_1.default.createElement("div", { className: "flex flex-col p-2 items-center text-center" },
+                                        react_1.default.createElement("h6", null,
+                                            "Device: ",
+                                            item.systemInfo.device),
+                                        react_1.default.createElement("h6", null,
+                                            "Ip: ",
+                                            item.systemInfo.ipInfo.ip),
+                                        item.systemInfo.ipInfo.city && (react_1.default.createElement("h6", null,
+                                            "City: ",
+                                            item.systemInfo.ipInfo.city)),
+                                        react_1.default.createElement("h6", null, dayjs_1.default(item.dateOfEntry).format("YYYY-MM-DD HH:mm A")),
+                                        react_1.default.createElement("h6", null,
+                                            " ",
+                                            dayjs_1.default(item.dateOfEntry))),
+                                    react_1.default.createElement(__1.Buttons.Button, { size: "medium", type: "solid", onClick: () => {
+                                            props.onClick && props.onClick(props.data, item, index);
+                                        } }, "Logout"))))))),
+                    react_1.default.createElement("div", { className: "flex items-center justify-end p-3 border-t border-solid border-gray-300 rounded-b" },
+                        react_1.default.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_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+exports.ModalSessionAllowed = ModalSessionAllowed;
+//# sourceMappingURL=ModalSessionAllowed.js.map

package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map

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

package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts

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

package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalTokenExpire = void 0;
+const react_1 = __importStar(require("react"));
+const reactstrap_1 = require("reactstrap");
+const ModalTokenExpire = (props) => {
+    const [showModal, setShowModal] = react_1.default.useState(props.show);
+    react_1.useEffect(() => {
+        setShowModal(props.show);
+    }, [props.show]);
+    return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "justify-center items-center  overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
+            react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
+                react_1.default.createElement("div", { className: "border-0 rounded-lg shadow-lg relative flex flex-col w-full bg-white outline-none focus:outline-none" },
+                    react_1.default.createElement("div", { className: "relative p-6 flex-auto" },
+                        react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title || "Opps! your token expire."),
+                        react_1.default.createElement("h3", { className: "text-sm font-semibold" }, props.subTitle || "Please login again")),
+                    react_1.default.createElement("div", { className: "flex items-center justify-end p-6 border-t border-solid border-gray-300 rounded-b" },
+                        react_1.default.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: () => {
+                                props.onClick && props.onClick();
+                            } }, "Logout"))))),
+        react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
+};
+exports.ModalTokenExpire = ModalTokenExpire;
+//# sourceMappingURL=ModalTokenExpire.js.map

package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTokenExpire.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalTokenExpire.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,2CAAsC;AAS/B,MAAM,gBAAgB,GAAG,CAAC,KAAiB,EAAE,EAAE;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAE5D,iBAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,8BAAC,sBAAS,QACP,SAAS,IAAI,CACZ;QACE,uCAAK,SAAS,EAAC,mHAAmH;YAChI,uCAAK,SAAS,EAAC,wCAAwC;gBAErD,uCAAK,SAAS,EAAC,sGAAsG;oBAEnH,uCAAK,SAAS,EAAC,wBAAwB;wBACrC,sCAAI,SAAS,EAAC,wBAAwB,IACnC,KAAK,CAAC,KAAK,IAAI,0BAA0B,CACvC;wBACL,sCAAI,SAAS,EAAC,uBAAuB,IAClC,KAAK,CAAC,QAAQ,IAAI,oBAAoB,CACpC,CACD;oBAEN,uCAAK,SAAS,EAAC,mFAAmF;wBAChG,0CACE,SAAS,EAAC,4JAA4J,EACtK,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,aAGM,CACL,CACF,CACF,CACF;QACN,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,gBAAgB,oBA6C5B"}

package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const ModalTransition: React.FunctionComponent<any>;

package/lib/cjs/library/components/Molecules/modal/ModalTransition.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalTransition = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@headlessui/react");
+const ModalTransition = (props) => (react_1.default.createElement("div", { className: `fixed inset-0 overflow-hidden z-50 ${!props.show && "pointer-events-none"}` },
+    react_1.default.createElement("div", { className: "absolute inset-0 overflow-hidden" },
+        react_1.default.createElement(react_2.Transition, { show: props.show, enterFrom: "opacity-0", enterTo: "opacity-100", enter: "ease-in-out duration-500", leave: "ease-in-out duration-500", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+            react_1.default.createElement("div", { className: "absolute inset-0 bg-gray-600 bg-opacity-75 transition-opacity", "aria-hidden": "true", onClick: () => {
+                    props.onClose && props.onClose();
+                } })),
+        react_1.default.createElement("section", { className: "absolute inset-y-0 right-0 pl-10 max-w-full flex", "aria-labelledby": "slide-over-heading" },
+            react_1.default.createElement(react_2.Transition, { show: props.show, enter: "transform transition ease-in-out duration-500 sm:duration-700", enterFrom: "translate-x-full", enterTo: "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", leaveFrom: "translate-x-0", leaveTo: "translate-x-full" },
+                react_1.default.createElement("div", { className: "relative w-screen max-w-xs h-full" },
+                    react_1.default.createElement("div", { className: "absolute top-0 left-0 -ml-8 pt-4 pr-2 flex sm:-ml-10 sm:pr-4" },
+                        react_1.default.createElement("button", { onClick: () => {
+                                props.onClose && props.onClose();
+                            }, className: "rounded-md text-gray-300 hover:text-white focus:outline-none focus:ring-2 focus:ring-white" },
+                            react_1.default.createElement("span", { className: "sr-only" }, "Close panel"),
+                            react_1.default.createElement("svg", { className: "h-6 w-6", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true" },
+                                react_1.default.createElement("path", { "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "M6 18L18 6M6 6l12 12" })))),
+                    react_1.default.createElement("div", { className: "h-full flex flex-col bg-white shadow-xl overflow-y-scroll" }, props.children)))))));
+exports.ModalTransition = ModalTransition;
+//# sourceMappingURL=ModalTransition.js.map

package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTransition.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalTransition.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,6CAA8C;AAQvC,MAAM,eAAe,GAAiC,CAAC,KAAiB,EAAE,EAAE,CAAC,CAClF,uCACE,SAAS,EAAE,sCACT,CAAC,KAAK,CAAC,IAAI,IAAI,qBACjB,EAAE;IAEF,uCAAK,SAAS,EAAC,kCAAkC;QAC/C,8BAAC,kBAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,0BAA0B,EACjC,KAAK,EAAE,0BAA0B,EACjC,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW;YAEpB,uCACE,SAAS,EAAC,+DAA+D,iBAC7D,MAAM,EAClB,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;gBAClC,CAAC,GACI,CACI;QACb,2CACE,SAAS,EAAC,kDAAkD,qBAC5C,oBAAoB;YAEpC,8BAAC,kBAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,+DAA+D,EACrE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAC,eAAe,EACvB,KAAK,EAAC,+DAA+D,EACrE,SAAS,EAAC,eAAe,EACzB,OAAO,EAAC,kBAAkB;gBAE1B,uCAAK,SAAS,EAAC,mCAAmC;oBAChD,uCAAK,SAAS,EAAC,8DAA8D;wBAC3E,0CACE,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAA;4BAClC,CAAC,EACD,SAAS,EAAC,4FAA4F;4BAEtG,wCAAM,SAAS,EAAC,SAAS,kBAAmB;4BAC5C,uCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,iBACT,MAAM;gCAElB,0DACiB,OAAO,qBACN,OAAO,kBACV,GAAG,EAChB,CAAC,EAAC,sBAAsB,GACxB,CACE,CACC,CACL;oBACN,uCAAK,SAAS,EAAC,2DAA2D,IACvE,KAAK,CAAC,QAAQ,CACX,CACF,CACK,CACL,CACN,CACF,CACP,CAAA;AAvEY,QAAA,eAAe,mBAuE3B"}

package/lib/cjs/library/components/Organisms/FilterComp.d.ts

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

package/lib/cjs/library/components/Organisms/FilterComp.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateFilter = exports.NumberFilter = void 0;
+/* eslint-disable */
+const react_1 = __importStar(require("react"));
+const NumberFilter = (props) => {
+    const [number, setNumber] = react_1.useState("");
+    const [comparator, setComparator] = react_1.useState("=");
+    react_1.useEffect(() => {
+        if (props.column.filter.props.getFilter) {
+            props.column.filter.props.getFilter((filterVal) => {
+                setNumber("");
+                props.onFilter(filterVal);
+            });
+        }
+    }, [props.column.filter.props.getFilter]);
+    const filter = (number, comparator) => {
+        props.onFilter({
+            number,
+            comparator,
+        });
+    };
+    const comparatorList = [
+        { value: "=" },
+        { value: "!=" },
+        { value: ">" },
+        { value: ">=" },
+        { value: "<" },
+        { value: "<=" },
+    ];
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "flex-row gap-2 inline" },
+            !/[.,]/.test(number) && (react_1.default.createElement("select", { value: comparator, className: `leading-4 p-2 focus:outline-none focus:ring shadow-sm sm:text-base border-2 border-gray-300 rounded-md text-black w-12`, onChange: (e) => {
+                    const comp = e.target.value;
+                    setComparator(comp);
+                    filter(number, comp);
+                } },
+                react_1.default.createElement("option", { selected: true }, "Select"),
+                comparatorList.map((item) => (react_1.default.createElement("option", { key: item.value, value: item.value }, item.value))))),
+            react_1.default.createElement("input", { type: "text", placeholder: "Enter value...", value: number, className: "leading-4 p-2 focus:outline-none focus:ring shadow-sm sm:text-base border-2 border-gray-300 rounded-md text-black ml-1", onChange: (e) => {
+                    const num = e.target.value;
+                    const re = /^[0-9.,]+$|^$/;
+                    if (re.test(num)) {
+                        setNumber(num);
+                        filter(num, comparator);
+                    }
+                    else {
+                        setNumber(number);
+                    }
+                } }))));
+};
+exports.NumberFilter = NumberFilter;
+const DateFilter = (props) => {
+    const [startDate, setStartDate] = react_1.useState(null);
+    const [endDate, setEndDate] = react_1.useState(null);
+    const [diffFlag, setDiffFlag] = react_1.useState(false);
+    const [comparator, setComparator] = react_1.useState("=");
+    const [toggle, setToggle] = react_1.useState(false);
+    react_1.useEffect(() => {
+        if (props.column.filter.props.getFilter) {
+            props.column.filter.props.getFilter((filterVal) => {
+                setStartDate(null);
+                setEndDate(null);
+                setDiffFlag(false);
+                setComparator('=');
+                setToggle(false);
+                props.onFilter(filterVal);
+            });
+        }
+    }, [props.column.filter.props.getFilter]);
+    const filter = (startDate, endDate, comparator, diffFlag) => {
+        props.onFilter({
+            startDate,
+            endDate,
+            comparator,
+            diffFlag,
+        });
+    };
+    const comparatorList = [{ value: "=" }, { value: ">=" }, { value: "<" }];
+    const triggerToggle = () => {
+        setToggle(!toggle);
+        setDiffFlag(!diffFlag);
+        filter(startDate, endDate, comparator, !diffFlag);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "flex-row inline" },
+            react_1.default.createElement("div", { onClick: triggerToggle, className: `wrg-toggle mr-2 ${toggle ? `wrg-toggle--checked` : `wrg-toggle`}` },
+                react_1.default.createElement("div", { className: "wrg-toggle-container " + (toggle ? "bg-green-700" : "bg-black") },
+                    react_1.default.createElement("div", { className: "wrg-toggle-check" },
+                        react_1.default.createElement("span", { className: "text-white ml-1" }, "Yes")),
+                    react_1.default.createElement("div", { className: "wrg-toggle-uncheck" },
+                        react_1.default.createElement("span", { className: "text-white" }, "No"))),
+                react_1.default.createElement("div", { className: `wrg-toggle-circle ${toggle ? `ml-1` : `mr-1`}  ` }),
+                react_1.default.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input" })),
+            !diffFlag && (react_1.default.createElement("select", { value: comparator, className: `leading-4 p-2 focus:outline-none focus:ring shadow-sm sm:text-base border-2 border-gray-300 rounded-md text-black w-12 mr-2`, onChange: (e) => {
+                    const comp = e.target.value;
+                    setComparator(comp);
+                    filter(startDate, endDate, comp, diffFlag);
+                } },
+                react_1.default.createElement("option", { selected: true }, "Select"),
+                comparatorList.map((item) => (react_1.default.createElement("option", { key: item.value, value: item.value }, item.value))))),
+            react_1.default.createElement("input", { type: "date", value: startDate || null, onChange: (e) => {
+                    const date = e.target.value;
+                    setStartDate(date);
+                    filter(date, endDate, comparator, diffFlag);
+                }, className: `leading-4 p-2 focus:outline-none focus:ring shadow-sm sm:text-base border-2 border-gray-300 rounded-md text-black mr-2` }),
+            diffFlag && (react_1.default.createElement("input", { type: "date", value: endDate || null, onChange: (e) => {
+                    const date = e.target.value;
+                    setEndDate(date);
+                    filter(startDate, date, comparator, diffFlag);
+                }, className: `leading-4 p-2 focus:outline-none focus:ring shadow-sm sm:text-base border-2 border-gray-300 rounded-md text-black mr-2` })))));
+};
+exports.DateFilter = DateFilter;
+//# sourceMappingURL=FilterComp.js.map

package/lib/cjs/library/components/Organisms/FilterComp.js.map

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

package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import "./style.css";
+interface TableBootstrapProps {
+    id: string;
+    data: any;
+    totalSize?: number;
+    searchPlaceholder?: string;
+    page?: number;
+    sizePerPage?: number;
+    columns: any;
+    fileName: string;
+    isDelete?: boolean;
+    isEditModify?: boolean;
+    isSelectRow?: boolean;
+    onDelete?: (selectedItem: any) => void;
+    onSelectedRow?: (selectedItem: any) => void;
+    onUpdateItem?: (value: any, dataField: string, id: string) => void;
+    onPageSizeChange?: (page: number, limit: number) => void;
+    onFilter?: (type: string, filter: any, page: number, totalSize: number) => void;
+    clearAllFilter?: () => void;
+}
+export declare const TableBootstrap: ({ id, data, totalSize, searchPlaceholder, page, sizePerPage, columns, fileName, isEditModify, isSelectRow, onSelectedRow, onUpdateItem, onPageSizeChange, onFilter, clearAllFilter, }: TableBootstrapProps) => JSX.Element;
+export {};