react-restyle-components 0.1.11 → 0.1.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -20
- package/package.json +66 -35
- package/lib/cjs/config/index.d.ts +0 -2
- package/lib/cjs/config/index.js +0 -25
- package/lib/cjs/config/index.js.map +0 -1
- package/lib/cjs/config/styles.d.ts +0 -15
- package/lib/cjs/config/styles.js +0 -20
- package/lib/cjs/config/styles.js.map +0 -1
- package/lib/cjs/index.d.ts +0 -1
- package/lib/cjs/index.js +0 -14
- package/lib/cjs/index.js.map +0 -1
- package/lib/cjs/library/components/Atoms/buttons.d.ts +0 -31
- package/lib/cjs/library/components/Atoms/buttons.js +0 -81
- package/lib/cjs/library/components/Atoms/buttons.js.map +0 -1
- package/lib/cjs/library/components/Atoms/carousel.d.ts +0 -6
- package/lib/cjs/library/components/Atoms/carousel.js +0 -27
- package/lib/cjs/library/components/Atoms/carousel.js.map +0 -1
- package/lib/cjs/library/components/Atoms/form.d.ts +0 -94
- package/lib/cjs/library/components/Atoms/form.js +0 -140
- package/lib/cjs/library/components/Atoms/form.js.map +0 -1
- package/lib/cjs/library/components/Atoms/grid.d.ts +0 -6
- package/lib/cjs/library/components/Atoms/grid.js +0 -10
- package/lib/cjs/library/components/Atoms/grid.js.map +0 -1
- package/lib/cjs/library/components/Atoms/header.d.ts +0 -16
- package/lib/cjs/library/components/Atoms/header.js +0 -26
- package/lib/cjs/library/components/Atoms/header.js.map +0 -1
- package/lib/cjs/library/components/Atoms/icons.d.ts +0 -37
- package/lib/cjs/library/components/Atoms/icons.js +0 -189
- package/lib/cjs/library/components/Atoms/icons.js.map +0 -1
- package/lib/cjs/library/components/Atoms/image.d.ts +0 -21
- package/lib/cjs/library/components/Atoms/image.js +0 -25
- package/lib/cjs/library/components/Atoms/image.js.map +0 -1
- package/lib/cjs/library/components/Atoms/list.d.ts +0 -12
- package/lib/cjs/library/components/Atoms/list.js +0 -20
- package/lib/cjs/library/components/Atoms/list.js.map +0 -1
- package/lib/cjs/library/components/Atoms/loader.d.ts +0 -3
- package/lib/cjs/library/components/Atoms/loader.js +0 -85
- package/lib/cjs/library/components/Atoms/loader.js.map +0 -1
- package/lib/cjs/library/components/Atoms/modals.d.ts +0 -20
- package/lib/cjs/library/components/Atoms/modals.js +0 -84
- package/lib/cjs/library/components/Atoms/modals.js.map +0 -1
- package/lib/cjs/library/components/Atoms/svg.d.ts +0 -17
- package/lib/cjs/library/components/Atoms/svg.js +0 -52
- package/lib/cjs/library/components/Atoms/svg.js.map +0 -1
- package/lib/cjs/library/components/Atoms/tooltip.d.ts +0 -9
- package/lib/cjs/library/components/Atoms/tooltip.js +0 -61
- package/lib/cjs/library/components/Atoms/tooltip.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +0 -14
- package/lib/cjs/library/components/Molecules/AutoComplete.js +0 -123
- package/lib/cjs/library/components/Molecules/AutoComplete.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -140
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -128
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -109
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -109
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -86
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -87
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -190
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +0 -126
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +0 -1
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +0 -137
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +0 -12
- package/lib/cjs/library/components/Molecules/modal/ModalClock.js +0 -46
- package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +0 -59
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +0 -67
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +0 -44
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +0 -79
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +0 -44
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +0 -27
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +0 -1
- package/lib/cjs/library/components/Organisms/FilterComp.d.ts +0 -3
- package/lib/cjs/library/components/Organisms/FilterComp.js +0 -133
- package/lib/cjs/library/components/Organisms/FilterComp.js.map +0 -1
- package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +0 -23
- package/lib/cjs/library/components/Organisms/TableBootstrap.js +0 -242
- package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +0 -1
- package/lib/cjs/library/components/Organisms/utils.d.ts +0 -3
- package/lib/cjs/library/components/Organisms/utils.js +0 -12
- package/lib/cjs/library/components/Organisms/utils.js.map +0 -1
- package/lib/cjs/library/components/index.d.ts +0 -34
- package/lib/cjs/library/components/index.js +0 -69
- package/lib/cjs/library/components/index.js.map +0 -1
- package/lib/cjs/library/modules/toast/index.d.ts +0 -2
- package/lib/cjs/library/modules/toast/index.js +0 -8
- package/lib/cjs/library/modules/toast/index.js.map +0 -1
- package/lib/cjs/library/modules/toast/module.d.ts +0 -7
- package/lib/cjs/library/modules/toast/module.js +0 -51
- package/lib/cjs/library/modules/toast/module.js.map +0 -1
- package/lib/esm/config/index.d.ts +0 -2
- package/lib/esm/config/index.js +0 -3
- package/lib/esm/config/index.js.map +0 -1
- package/lib/esm/config/styles.d.ts +0 -15
- package/lib/esm/config/styles.js +0 -17
- package/lib/esm/config/styles.js.map +0 -1
- package/lib/esm/index.d.ts +0 -1
- package/lib/esm/index.js +0 -2
- package/lib/esm/index.js.map +0 -1
- package/lib/esm/library/components/Atoms/buttons.d.ts +0 -31
- package/lib/esm/library/components/Atoms/buttons.js +0 -71
- package/lib/esm/library/components/Atoms/buttons.js.map +0 -1
- package/lib/esm/library/components/Atoms/carousel.d.ts +0 -6
- package/lib/esm/library/components/Atoms/carousel.js +0 -20
- package/lib/esm/library/components/Atoms/carousel.js.map +0 -1
- package/lib/esm/library/components/Atoms/form.d.ts +0 -94
- package/lib/esm/library/components/Atoms/form.js +0 -103
- package/lib/esm/library/components/Atoms/form.js.map +0 -1
- package/lib/esm/library/components/Atoms/grid.d.ts +0 -6
- package/lib/esm/library/components/Atoms/grid.js +0 -3
- package/lib/esm/library/components/Atoms/grid.js.map +0 -1
- package/lib/esm/library/components/Atoms/header.d.ts +0 -16
- package/lib/esm/library/components/Atoms/header.js +0 -16
- package/lib/esm/library/components/Atoms/header.js.map +0 -1
- package/lib/esm/library/components/Atoms/icons.d.ts +0 -37
- package/lib/esm/library/components/Atoms/icons.js +0 -145
- package/lib/esm/library/components/Atoms/icons.js.map +0 -1
- package/lib/esm/library/components/Atoms/image.d.ts +0 -21
- package/lib/esm/library/components/Atoms/image.js +0 -17
- package/lib/esm/library/components/Atoms/image.js.map +0 -1
- package/lib/esm/library/components/Atoms/list.d.ts +0 -12
- package/lib/esm/library/components/Atoms/list.js +0 -13
- package/lib/esm/library/components/Atoms/list.js.map +0 -1
- package/lib/esm/library/components/Atoms/loader.d.ts +0 -3
- package/lib/esm/library/components/Atoms/loader.js +0 -58
- package/lib/esm/library/components/Atoms/loader.js.map +0 -1
- package/lib/esm/library/components/Atoms/modals.d.ts +0 -20
- package/lib/esm/library/components/Atoms/modals.js +0 -60
- package/lib/esm/library/components/Atoms/modals.js.map +0 -1
- package/lib/esm/library/components/Atoms/svg.d.ts +0 -17
- package/lib/esm/library/components/Atoms/svg.js +0 -38
- package/lib/esm/library/components/Atoms/svg.js.map +0 -1
- package/lib/esm/library/components/Atoms/tooltip.d.ts +0 -9
- package/lib/esm/library/components/Atoms/tooltip.js +0 -38
- package/lib/esm/library/components/Atoms/tooltip.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoComplete.d.ts +0 -14
- package/lib/esm/library/components/Molecules/AutoComplete.js +0 -100
- package/lib/esm/library/components/Molecules/AutoComplete.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +0 -16
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +0 -118
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +0 -10
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +0 -106
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +0 -12
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +0 -86
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +0 -13
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +0 -86
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +0 -13
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +0 -63
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +0 -14
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +0 -64
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +0 -10
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +0 -164
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +0 -10
- package/lib/esm/library/components/Molecules/AutocompleteCheck.js +0 -104
- package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +0 -1
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +0 -9
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +0 -112
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +0 -12
- package/lib/esm/library/components/Molecules/modal/ModalClock.js +0 -20
- package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +0 -11
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +0 -36
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +0 -9
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +0 -44
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +0 -9
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +0 -21
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +0 -10
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +0 -53
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +0 -9
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +0 -21
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +0 -1
- package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +0 -2
- package/lib/esm/library/components/Molecules/modal/ModalTransition.js +0 -20
- package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +0 -1
- package/lib/esm/library/components/Organisms/FilterComp.d.ts +0 -3
- package/lib/esm/library/components/Organisms/FilterComp.js +0 -109
- package/lib/esm/library/components/Organisms/FilterComp.js.map +0 -1
- package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +0 -23
- package/lib/esm/library/components/Organisms/TableBootstrap.js +0 -216
- package/lib/esm/library/components/Organisms/TableBootstrap.js.map +0 -1
- package/lib/esm/library/components/Organisms/utils.d.ts +0 -3
- package/lib/esm/library/components/Organisms/utils.js +0 -4
- package/lib/esm/library/components/Organisms/utils.js.map +0 -1
- package/lib/esm/library/components/index.d.ts +0 -34
- package/lib/esm/library/components/index.js +0 -36
- package/lib/esm/library/components/index.js.map +0 -1
- package/lib/esm/library/modules/toast/index.d.ts +0 -2
- package/lib/esm/library/modules/toast/index.js +0 -3
- package/lib/esm/library/modules/toast/index.js.map +0 -1
- package/lib/esm/library/modules/toast/module.d.ts +0 -7
- package/lib/esm/library/modules/toast/module.js +0 -49
- package/lib/esm/library/modules/toast/module.js.map +0 -1
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.ModalLoader = exports.Loader = void 0;
|
|
26
|
-
const react_1 = __importDefault(require("react"));
|
|
27
|
-
const Bootstrap = __importStar(require("react-bootstrap"));
|
|
28
|
-
const Loader = () => {
|
|
29
|
-
return (react_1.default.createElement("div", { className: "bg-black" },
|
|
30
|
-
react_1.default.createElement(Bootstrap.Modal, { show: true, centered: true },
|
|
31
|
-
react_1.default.createElement(Bootstrap.Modal.Body, { style: { textAlign: "center" } },
|
|
32
|
-
react_1.default.createElement(Bootstrap.Spinner, { animation: "border", variant: "dark" }),
|
|
33
|
-
react_1.default.createElement("br", null),
|
|
34
|
-
react_1.default.createElement("span", null, "Loading...")))));
|
|
35
|
-
};
|
|
36
|
-
exports.Loader = Loader;
|
|
37
|
-
const ModalLoader = () => {
|
|
38
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
|
-
react_1.default.createElement(react_1.default.Fragment, null,
|
|
40
|
-
react_1.default.createElement("div", { className: "justify-center items-center flex overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none" },
|
|
41
|
-
react_1.default.createElement("div", { className: "relative w-full my-6 mx-auto max-w-xl" },
|
|
42
|
-
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" },
|
|
43
|
-
react_1.default.createElement("div", { className: "relative p-2 flex-auto flex flex-col items-center" },
|
|
44
|
-
react_1.default.createElement("style", null, `
|
|
45
|
-
.spinner .background {
|
|
46
|
-
fill: #555;
|
|
47
|
-
}
|
|
48
|
-
.spinner .line {
|
|
49
|
-
animation: PacMan 5s infinite;
|
|
50
|
-
fill: none;
|
|
51
|
-
stroke: #d26188;
|
|
52
|
-
stroke-width: 25;
|
|
53
|
-
}
|
|
54
|
-
.spinner .spinner {
|
|
55
|
-
animation: Spin 2s infinite linear;
|
|
56
|
-
}
|
|
57
|
-
@keyframes PacMan {
|
|
58
|
-
0% {
|
|
59
|
-
stroke-dasharray: 79px 79;
|
|
60
|
-
}
|
|
61
|
-
50% {
|
|
62
|
-
stroke-dasharray: 1px 79;
|
|
63
|
-
}
|
|
64
|
-
100% {
|
|
65
|
-
stroke-dasharray: 79px 79;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
@keyframes Spin {
|
|
69
|
-
0% {
|
|
70
|
-
transform: rotate(0deg);
|
|
71
|
-
}
|
|
72
|
-
100% {
|
|
73
|
-
transform: rotate(360deg);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
`),
|
|
77
|
-
react_1.default.createElement("svg", { className: "spinner", width: "100", height: "100", viewBox: "0 0 100 100" },
|
|
78
|
-
react_1.default.createElement("circle", { className: "background", cx: "0", cy: "0" }),
|
|
79
|
-
react_1.default.createElement("path", { className: "line", d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })),
|
|
80
|
-
" ",
|
|
81
|
-
react_1.default.createElement("span", { style: { marginTop: -15 } }, "loading ..."))))),
|
|
82
|
-
react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" }))));
|
|
83
|
-
};
|
|
84
|
-
exports.ModalLoader = ModalLoader;
|
|
85
|
-
//# sourceMappingURL=loader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,2DAA6C;AAEtC,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,8BAAC,SAAS,CAAC,KAAK,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ;YACnC,8BAAC,SAAS,CAAC,KAAK,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;gBAClD,8BAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,GAAG;gBACvD,yCAAM;gBACN,yDAAuB,CACF,CACP,CACd,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEK,MAAM,WAAW,GAAE,GAAG,EAAE;IAC7B,OAAO,CACL;QACE;YACE,uCAAK,SAAS,EAAC,uHAAuH;gBACpI,uCAAK,SAAS,EAAC,uCAAuC;oBAEpD,uCAAK,SAAS,EAAC,sGAAsG;wBAEnH,uCAAK,SAAS,EAAC,mDAAmD;4BAChE,6CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCd,CACmB;4BACR,uCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa;gCAErB,0CAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAU;gCACtD,wCACE,SAAS,EAAC,MAAM,EAChB,CAAC,EAAC,2KAA2K,GACvK,CACJ;4BAAC,GAAG;4BACV,wCAAM,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,kBAAoB,CAC/C,CACF,CACF,CACF;YACN,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACF,CACJ,CAAA;AACH,CAAC,CAAA;AAlEY,QAAA,WAAW,eAkEvB"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface ModalProps {
|
|
3
|
-
show?: boolean;
|
|
4
|
-
title?: string;
|
|
5
|
-
type?: string;
|
|
6
|
-
body?: string;
|
|
7
|
-
click: (type?: string) => void;
|
|
8
|
-
close: () => void;
|
|
9
|
-
}
|
|
10
|
-
export declare const ModalConfirm: (props: ModalProps) => JSX.Element;
|
|
11
|
-
interface ModalImportFileProps {
|
|
12
|
-
show?: boolean;
|
|
13
|
-
title?: string;
|
|
14
|
-
body?: string;
|
|
15
|
-
accept?: string;
|
|
16
|
-
click: (file: any) => void;
|
|
17
|
-
close: () => void;
|
|
18
|
-
}
|
|
19
|
-
export declare const ModalImportFile: (props: ModalImportFileProps) => JSX.Element;
|
|
20
|
-
export {};
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.ModalImportFile = exports.ModalConfirm = void 0;
|
|
23
|
-
const react_1 = __importStar(require("react"));
|
|
24
|
-
const reactstrap_1 = require("reactstrap");
|
|
25
|
-
const __1 = require("..");
|
|
26
|
-
const ModalConfirm = (props) => {
|
|
27
|
-
const [showModal, setShowModal] = react_1.default.useState(props.show);
|
|
28
|
-
react_1.useEffect(() => {
|
|
29
|
-
setShowModal(props.show);
|
|
30
|
-
}, [props]);
|
|
31
|
-
return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
32
|
-
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" },
|
|
33
|
-
react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
|
|
34
|
-
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" },
|
|
35
|
-
react_1.default.createElement("div", { className: "flex items-start justify-between p-2 border-b border-solid border-gray-300 rounded-t" },
|
|
36
|
-
react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title)),
|
|
37
|
-
props.body && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
-
react_1.default.createElement("div", { className: "relative p-2 flex-auto" },
|
|
39
|
-
react_1.default.createElement("p", { className: "my-4 text-gray-600 text-lg leading-relaxed" }, props.body)))),
|
|
40
|
-
react_1.default.createElement("div", { className: "flex items-center justify-end p-2 border-t border-solid border-gray-300 rounded-b" },
|
|
41
|
-
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: () => {
|
|
42
|
-
setShowModal(false);
|
|
43
|
-
} }, "No"),
|
|
44
|
-
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: () => {
|
|
45
|
-
setShowModal(false);
|
|
46
|
-
props.click(props.type);
|
|
47
|
-
} }, "Yes"))))),
|
|
48
|
-
react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
|
|
49
|
-
};
|
|
50
|
-
exports.ModalConfirm = ModalConfirm;
|
|
51
|
-
const ModalImportFile = (props) => {
|
|
52
|
-
const [showModal, setShowModal] = react_1.default.useState(props.show);
|
|
53
|
-
const [file, setFile] = react_1.useState(null);
|
|
54
|
-
react_1.useEffect(() => {
|
|
55
|
-
setShowModal(props.show);
|
|
56
|
-
}, [props]);
|
|
57
|
-
return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
58
|
-
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" },
|
|
59
|
-
react_1.default.createElement("div", { className: "relative w-auto my-6 mx-auto max-w-3xl" },
|
|
60
|
-
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" },
|
|
61
|
-
react_1.default.createElement("div", { className: "flex items-start justify-between p-5 border-b border-solid border-gray-300 rounded-t" },
|
|
62
|
-
react_1.default.createElement("h3", { className: "text-3xl font-semibold" }, props.title),
|
|
63
|
-
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: () => {
|
|
64
|
-
props.close();
|
|
65
|
-
setShowModal(false);
|
|
66
|
-
} },
|
|
67
|
-
react_1.default.createElement("span", { className: " text-black h-6 w-6 text-2xl block outline-none focus:outline-none" }, "\u00D7"))),
|
|
68
|
-
react_1.default.createElement("div", { className: "relative p-6 flex-auto" },
|
|
69
|
-
react_1.default.createElement(__1.Form.InputFile, { label: "Import", id: "file", accept: props.accept, placeholder: "Import File", onChange: (e) => setFile(e.target.files[0]) })),
|
|
70
|
-
react_1.default.createElement("div", { className: "flex items-center justify-end p-6 border-t border-solid border-gray-300 rounded-b" },
|
|
71
|
-
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: () => {
|
|
72
|
-
props.close();
|
|
73
|
-
setShowModal(false);
|
|
74
|
-
} }, "Close"),
|
|
75
|
-
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: () => {
|
|
76
|
-
if (file) {
|
|
77
|
-
setShowModal(false);
|
|
78
|
-
props.click(file);
|
|
79
|
-
}
|
|
80
|
-
} }, "Import"))))),
|
|
81
|
-
react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
|
|
82
|
-
};
|
|
83
|
-
exports.ModalImportFile = ModalImportFile;
|
|
84
|
-
//# sourceMappingURL=modals.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/modals.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface IconProps {
|
|
3
|
-
type?: "solid" | "inverse";
|
|
4
|
-
size?: "small" | "medium" | "large";
|
|
5
|
-
buttonOffset?: boolean;
|
|
6
|
-
small?: boolean;
|
|
7
|
-
icon?: string;
|
|
8
|
-
color?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const Save: React.FunctionComponent<IconProps>;
|
|
11
|
-
export declare const ReSendPassword: React.FunctionComponent<IconProps>;
|
|
12
|
-
export declare const Add: React.FunctionComponent<IconProps>;
|
|
13
|
-
export declare const Remove: React.FunctionComponent<IconProps>;
|
|
14
|
-
export declare const Check: React.FunctionComponent<IconProps>;
|
|
15
|
-
export declare const Plus: React.FunctionComponent<IconProps>;
|
|
16
|
-
export declare const Spinner: React.FunctionComponent<IconProps>;
|
|
17
|
-
export declare const Tick: React.FunctionComponent<IconProps>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Tick = exports.Spinner = exports.Plus = exports.Check = exports.Remove = exports.Add = exports.ReSendPassword = exports.Save = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const getIconClass = (props) => {
|
|
9
|
-
const iconSizeClass = props.size === "small"
|
|
10
|
-
? `h-3 w-3`
|
|
11
|
-
: props.size === "large"
|
|
12
|
-
? `h-6 h-6`
|
|
13
|
-
: "h-5 w-5";
|
|
14
|
-
const iconColorClass = props.type === "solid" ? "text-gray-600" : "text-white";
|
|
15
|
-
return `${props.buttonOffset && "-ml-1 -mt-1 mr-2"} ${iconSizeClass} ${iconColorClass}`;
|
|
16
|
-
};
|
|
17
|
-
const Save = (props) => {
|
|
18
|
-
return (react_1.default.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
19
|
-
react_1.default.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" })));
|
|
20
|
-
};
|
|
21
|
-
exports.Save = Save;
|
|
22
|
-
const ReSendPassword = (props) => {
|
|
23
|
-
return (react_1.default.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
24
|
-
react_1.default.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" })));
|
|
25
|
-
};
|
|
26
|
-
exports.ReSendPassword = ReSendPassword;
|
|
27
|
-
const Add = (props) => {
|
|
28
|
-
return (react_1.default.createElement("svg", { className: getIconClass(props), fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
29
|
-
react_1.default.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" })));
|
|
30
|
-
};
|
|
31
|
-
exports.Add = Add;
|
|
32
|
-
const Remove = (props) => {
|
|
33
|
-
return (react_1.default.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" },
|
|
34
|
-
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 13" })));
|
|
35
|
-
};
|
|
36
|
-
exports.Remove = Remove;
|
|
37
|
-
const Check = (props) => {
|
|
38
|
-
return (react_1.default.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" },
|
|
39
|
-
react_1.default.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" })));
|
|
40
|
-
};
|
|
41
|
-
exports.Check = Check;
|
|
42
|
-
const Plus = (props) => (react_1.default.createElement("svg", { className: getIconClass(props), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" },
|
|
43
|
-
react_1.default.createElement("path", { d: "M12 6v6m0 0v6m0-6h6m-6 0H6" })));
|
|
44
|
-
exports.Plus = Plus;
|
|
45
|
-
const Spinner = (props) => (react_1.default.createElement("svg", { className: `animate-spin ${getIconClass(props)}`, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
|
|
46
|
-
react_1.default.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "4" }),
|
|
47
|
-
react_1.default.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" })));
|
|
48
|
-
exports.Spinner = Spinner;
|
|
49
|
-
const Tick = (props) => (react_1.default.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" },
|
|
50
|
-
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, d: "M5 13l4 4L19 7" })));
|
|
51
|
-
exports.Tick = Tick;
|
|
52
|
-
//# sourceMappingURL=svg.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/svg.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.Tooltip = void 0;
|
|
23
|
-
const react_1 = __importStar(require("react"));
|
|
24
|
-
const getPosition = (position) => {
|
|
25
|
-
if (position === "left")
|
|
26
|
-
return {
|
|
27
|
-
left: -20,
|
|
28
|
-
bottom: -50,
|
|
29
|
-
opacity: 0,
|
|
30
|
-
};
|
|
31
|
-
if (position === "top")
|
|
32
|
-
return {
|
|
33
|
-
left: -20,
|
|
34
|
-
top: -50,
|
|
35
|
-
opacity: 0,
|
|
36
|
-
};
|
|
37
|
-
else
|
|
38
|
-
return {
|
|
39
|
-
left: -20,
|
|
40
|
-
bottom: -50,
|
|
41
|
-
opacity: 0,
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
const Tooltip = ({ tooltipText, position = "bottom", className, children, }) => {
|
|
45
|
-
const tipRef = react_1.useRef(null);
|
|
46
|
-
const handleMouseEnter = (tipRef) => {
|
|
47
|
-
tipRef.current.style.opacity = 1;
|
|
48
|
-
// tipRef.current.style.marginLeft = "20px"
|
|
49
|
-
};
|
|
50
|
-
function handleMouseLeave(tipRef) {
|
|
51
|
-
tipRef.current.style.opacity = 0;
|
|
52
|
-
// tipRef.current.style.marginLeft = "10px"
|
|
53
|
-
}
|
|
54
|
-
return (react_1.default.createElement("div", { className: `${className} relative flex items-center`, onMouseEnter: () => handleMouseEnter(tipRef), onMouseLeave: () => handleMouseLeave(tipRef) },
|
|
55
|
-
react_1.default.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 },
|
|
56
|
-
react_1.default.createElement("div", { className: "bg-black h-3 w-3 absolute", style: position !== "bottom" ? { bottom: "-6px", transform: "rotate(45deg)" } : { top: "-6px", transform: "rotate(45deg)" } }),
|
|
57
|
-
react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: tooltipText } })),
|
|
58
|
-
children));
|
|
59
|
-
};
|
|
60
|
-
exports.Tooltip = Tooltip;
|
|
61
|
-
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../src/library/components/Atoms/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;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;AASM,MAAM,OAAO,GAA0C,CAAC,EAC7D,WAAW,EACX,QAAQ,GAAG,QAAQ,EACnB,SAAS,EACT,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,cAAM,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,uCACE,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,uCACE,SAAS,EAAC,sJAAsJ,EAChK,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAC5B,GAAG,EAAE,MAAM;YAEX,uCACE,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,uCAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CACrD;QACL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,OAAO,WAmCnB"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteProps {
|
|
3
|
-
hasError?: boolean;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
data?: {
|
|
6
|
-
list?: any[];
|
|
7
|
-
displayKey?: string[];
|
|
8
|
-
findKey?: string[];
|
|
9
|
-
};
|
|
10
|
-
onUpdate?: (item: any) => void;
|
|
11
|
-
onChange: (item: any) => void;
|
|
12
|
-
}
|
|
13
|
-
export declare const AutoComplete: (props: AutoCompleteProps) => JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.AutoComplete = void 0;
|
|
23
|
-
/* eslint-disable */
|
|
24
|
-
const react_1 = __importStar(require("react"));
|
|
25
|
-
const __1 = require("..");
|
|
26
|
-
const AutoComplete = (props) => {
|
|
27
|
-
const [value, setValue] = react_1.useState("");
|
|
28
|
-
const [options, setOptions] = react_1.useState();
|
|
29
|
-
const [originalOptions, setOriginalOptions] = react_1.useState();
|
|
30
|
-
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
31
|
-
const valueRef = react_1.useRef('');
|
|
32
|
-
const useOutsideAlerter = (ref) => {
|
|
33
|
-
react_1.useEffect(() => {
|
|
34
|
-
function handleClickOutside(event) {
|
|
35
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
36
|
-
if (originalOptions && options) {
|
|
37
|
-
if (isListOpen) {
|
|
38
|
-
props.onUpdate &&
|
|
39
|
-
props.onUpdate(options.filter((item) => item.selected === true));
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
setIsListOpen(false);
|
|
43
|
-
props.onChange(valueRef.current);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
47
|
-
return () => {
|
|
48
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
49
|
-
};
|
|
50
|
-
}, [ref, isListOpen]);
|
|
51
|
-
};
|
|
52
|
-
const wrapperRef = react_1.useRef(null);
|
|
53
|
-
useOutsideAlerter(wrapperRef);
|
|
54
|
-
react_1.useEffect(() => {
|
|
55
|
-
if (props) {
|
|
56
|
-
setOriginalOptions(props.data && props.data.list);
|
|
57
|
-
setOptions(props.data && props.data.list);
|
|
58
|
-
}
|
|
59
|
-
}, [props]);
|
|
60
|
-
const filter = (search, data) => {
|
|
61
|
-
if (search) {
|
|
62
|
-
const filterArray = data.filter((item) => {
|
|
63
|
-
var _a, _b;
|
|
64
|
-
const filed = (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.findKey) === null || _b === void 0 ? void 0 : _b.filter((findKey) => {
|
|
65
|
-
const value = item[findKey];
|
|
66
|
-
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
67
|
-
});
|
|
68
|
-
const value = item[filed[0]];
|
|
69
|
-
console.log({ value });
|
|
70
|
-
if (value) {
|
|
71
|
-
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
72
|
-
}
|
|
73
|
-
else {
|
|
74
|
-
return;
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
//console.log({ filterArray })
|
|
78
|
-
setOptions(filterArray);
|
|
79
|
-
}
|
|
80
|
-
else {
|
|
81
|
-
setOptions(originalOptions);
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
const onChange = (e) => {
|
|
85
|
-
const search = e.target.value;
|
|
86
|
-
filter(search, options);
|
|
87
|
-
setValue(search);
|
|
88
|
-
valueRef.current = search;
|
|
89
|
-
};
|
|
90
|
-
const onKeyUp = (e) => {
|
|
91
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
92
|
-
if (charCode === 8) {
|
|
93
|
-
const search = e.target.value;
|
|
94
|
-
filter(search, originalOptions);
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
const onChangeItem = (item) => {
|
|
98
|
-
var _a, _b;
|
|
99
|
-
if (props.data && props.data.displayKey) {
|
|
100
|
-
setValue(item[props.data.displayKey && ((_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey[0])]);
|
|
101
|
-
props.onChange(item[props.data.displayKey && ((_b = props.data) === null || _b === void 0 ? void 0 : _b.displayKey[0])]);
|
|
102
|
-
}
|
|
103
|
-
setIsListOpen(false);
|
|
104
|
-
setOptions(options);
|
|
105
|
-
};
|
|
106
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
107
|
-
react_1.default.createElement("div", { ref: wrapperRef },
|
|
108
|
-
react_1.default.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` },
|
|
109
|
-
react_1.default.createElement("input", { placeholder: props.placeholder || "Search ...", value: value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
110
|
-
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
111
|
-
options && isListOpen
|
|
112
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
113
|
-
react_1.default.createElement("ul", null,
|
|
114
|
-
react_1.default.createElement("div", { className: 'overflow-y-auto', style: { height: 'auto', maxHeight: '350px' } }, options === null || options === void 0 ? void 0 : options.map((item, index) => {
|
|
115
|
-
var _a, _b;
|
|
116
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
117
|
-
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => onChangeItem(item) },
|
|
118
|
-
react_1.default.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(" - ")))));
|
|
119
|
-
})))))
|
|
120
|
-
: null)));
|
|
121
|
-
};
|
|
122
|
-
exports.AutoComplete = AutoComplete;
|
|
123
|
-
//# sourceMappingURL=AutoComplete.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoComplete.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoComplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteCheckMultiFilterKeysProps {
|
|
3
|
-
placeholder?: string;
|
|
4
|
-
hasError?: boolean;
|
|
5
|
-
data?: {
|
|
6
|
-
defulatValues?: any[];
|
|
7
|
-
list?: any[];
|
|
8
|
-
displayKey?: string[];
|
|
9
|
-
findKey?: string[];
|
|
10
|
-
};
|
|
11
|
-
defaultData?: any[];
|
|
12
|
-
onUpdate?: (item: any) => void;
|
|
13
|
-
onFilter?: (value: string) => void;
|
|
14
|
-
}
|
|
15
|
-
export declare const AutoCompleteCheckMultiFilterKeys: (props: AutoCompleteCheckMultiFilterKeysProps) => JSX.Element;
|
|
16
|
-
export {};
|