react-restyle-components 0.1.2 → 0.1.6
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 +7 -12
- package/lib/cjs/config/index.d.ts +2 -1
- package/lib/cjs/config/index.js +2 -1
- package/lib/cjs/config/index.js.map +1 -1
- package/lib/cjs/config/{style.d.ts → styles.d.ts} +0 -0
- package/lib/cjs/config/{style.js → styles.js} +1 -1
- package/lib/cjs/config/styles.js.map +1 -0
- package/lib/cjs/library/components/Atoms/buttons.d.ts +31 -0
- package/lib/cjs/library/components/Atoms/buttons.js +81 -0
- package/lib/cjs/library/components/Atoms/buttons.js.map +1 -0
- package/lib/cjs/library/components/Atoms/carousel.d.ts +6 -0
- package/lib/cjs/library/components/Atoms/carousel.js +27 -0
- package/lib/cjs/library/components/Atoms/carousel.js.map +1 -0
- package/lib/cjs/library/components/Atoms/form.d.ts +94 -0
- package/lib/cjs/library/components/Atoms/form.js +140 -0
- package/lib/cjs/library/components/Atoms/form.js.map +1 -0
- package/lib/cjs/library/components/Atoms/grid.d.ts +6 -0
- package/lib/cjs/library/components/Atoms/grid.js +10 -0
- package/lib/cjs/library/components/Atoms/grid.js.map +1 -0
- package/lib/cjs/library/components/Atoms/header.d.ts +16 -0
- package/lib/cjs/library/components/Atoms/header.js +26 -0
- package/lib/cjs/library/components/Atoms/header.js.map +1 -0
- package/lib/cjs/library/components/Atoms/icons.d.ts +37 -0
- package/lib/cjs/library/components/Atoms/icons.js +189 -0
- package/lib/cjs/library/components/Atoms/icons.js.map +1 -0
- package/lib/cjs/library/components/Atoms/image.d.ts +21 -0
- package/lib/cjs/library/components/Atoms/image.js +25 -0
- package/lib/cjs/library/components/Atoms/image.js.map +1 -0
- package/lib/cjs/library/components/Atoms/list.d.ts +12 -0
- package/lib/cjs/library/components/Atoms/list.js +20 -0
- package/lib/cjs/library/components/Atoms/list.js.map +1 -0
- package/lib/cjs/library/components/Atoms/loader.d.ts +3 -0
- package/lib/cjs/library/components/Atoms/loader.js +85 -0
- package/lib/cjs/library/components/Atoms/loader.js.map +1 -0
- package/lib/cjs/library/components/Atoms/modals.d.ts +20 -0
- package/lib/cjs/library/components/Atoms/modals.js +84 -0
- package/lib/cjs/library/components/Atoms/modals.js.map +1 -0
- package/lib/cjs/library/components/Atoms/svg.d.ts +17 -0
- package/lib/cjs/library/components/Atoms/svg.js +52 -0
- package/lib/cjs/library/components/Atoms/svg.js.map +1 -0
- package/lib/cjs/library/components/Atoms/tooltip.d.ts +9 -0
- package/lib/cjs/library/components/Atoms/tooltip.js +61 -0
- package/lib/cjs/library/components/Atoms/tooltip.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoComplete.d.ts +14 -0
- package/lib/cjs/library/components/Molecules/AutoComplete.js +123 -0
- package/lib/cjs/library/components/Molecules/AutoComplete.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +140 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +128 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js +109 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +109 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js +86 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +87 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js +190 -0
- package/lib/cjs/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.js +126 -0
- package/lib/cjs/library/components/Molecules/AutocompleteCheck.js.map +1 -0
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js +137 -0
- package/lib/cjs/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalClock.d.ts +12 -0
- package/lib/cjs/library/components/Molecules/modal/ModalClock.js +46 -0
- package/lib/cjs/library/components/Molecules/modal/ModalClock.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js +59 -0
- package/lib/cjs/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js +67 -0
- package/lib/cjs/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js +44 -0
- package/lib/cjs/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js +79 -0
- package/lib/cjs/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js +44 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.js +27 -0
- package/lib/cjs/library/components/Molecules/modal/ModalTransition.js.map +1 -0
- package/lib/cjs/library/components/Organisms/FilterComp.d.ts +3 -0
- package/lib/cjs/library/components/Organisms/FilterComp.js +133 -0
- package/lib/cjs/library/components/Organisms/FilterComp.js.map +1 -0
- package/lib/cjs/library/components/Organisms/TableBootstrap.d.ts +23 -0
- package/lib/cjs/library/components/Organisms/TableBootstrap.js +242 -0
- package/lib/cjs/library/components/Organisms/TableBootstrap.js.map +1 -0
- package/lib/cjs/library/components/Organisms/utils.d.ts +3 -0
- package/lib/cjs/library/components/Organisms/utils.js +12 -0
- package/lib/cjs/library/components/Organisms/utils.js.map +1 -0
- package/lib/cjs/library/components/index.d.ts +32 -2
- package/lib/cjs/library/components/index.js +40 -3
- package/lib/cjs/library/components/index.js.map +1 -1
- package/lib/esm/config/index.d.ts +2 -1
- package/lib/esm/config/index.js +2 -1
- package/lib/esm/config/index.js.map +1 -1
- package/lib/esm/config/{style.d.ts → styles.d.ts} +0 -0
- package/lib/esm/config/{style.js → styles.js} +1 -1
- package/lib/esm/config/styles.js.map +1 -0
- package/lib/esm/library/components/Atoms/buttons.d.ts +31 -0
- package/lib/esm/library/components/Atoms/buttons.js +71 -0
- package/lib/esm/library/components/Atoms/buttons.js.map +1 -0
- package/lib/esm/library/components/Atoms/carousel.d.ts +6 -0
- package/lib/esm/library/components/Atoms/carousel.js +20 -0
- package/lib/esm/library/components/Atoms/carousel.js.map +1 -0
- package/lib/esm/library/components/Atoms/form.d.ts +94 -0
- package/lib/esm/library/components/Atoms/form.js +103 -0
- package/lib/esm/library/components/Atoms/form.js.map +1 -0
- package/lib/esm/library/components/Atoms/grid.d.ts +6 -0
- package/lib/esm/library/components/Atoms/grid.js +3 -0
- package/lib/esm/library/components/Atoms/grid.js.map +1 -0
- package/lib/esm/library/components/Atoms/header.d.ts +16 -0
- package/lib/esm/library/components/Atoms/header.js +16 -0
- package/lib/esm/library/components/Atoms/header.js.map +1 -0
- package/lib/esm/library/components/Atoms/icons.d.ts +37 -0
- package/lib/esm/library/components/Atoms/icons.js +145 -0
- package/lib/esm/library/components/Atoms/icons.js.map +1 -0
- package/lib/esm/library/components/Atoms/image.d.ts +21 -0
- package/lib/esm/library/components/Atoms/image.js +17 -0
- package/lib/esm/library/components/Atoms/image.js.map +1 -0
- package/lib/esm/library/components/Atoms/list.d.ts +12 -0
- package/lib/esm/library/components/Atoms/list.js +13 -0
- package/lib/esm/library/components/Atoms/list.js.map +1 -0
- package/lib/esm/library/components/Atoms/loader.d.ts +3 -0
- package/lib/esm/library/components/Atoms/loader.js +58 -0
- package/lib/esm/library/components/Atoms/loader.js.map +1 -0
- package/lib/esm/library/components/Atoms/modals.d.ts +20 -0
- package/lib/esm/library/components/Atoms/modals.js +60 -0
- package/lib/esm/library/components/Atoms/modals.js.map +1 -0
- package/lib/esm/library/components/Atoms/svg.d.ts +17 -0
- package/lib/esm/library/components/Atoms/svg.js +38 -0
- package/lib/esm/library/components/Atoms/svg.js.map +1 -0
- package/lib/esm/library/components/Atoms/tooltip.d.ts +9 -0
- package/lib/esm/library/components/Atoms/tooltip.js +38 -0
- package/lib/esm/library/components/Atoms/tooltip.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoComplete.d.ts +14 -0
- package/lib/esm/library/components/Molecules/AutoComplete.js +100 -0
- package/lib/esm/library/components/Molecules/AutoComplete.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.d.ts +16 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js +118 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.d.ts +10 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js +106 -0
- package/lib/esm/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.d.ts +12 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js +86 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelect.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts +13 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js +86 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.d.ts +13 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js +63 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelect.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts +14 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js +64 -0
- package/lib/esm/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.d.ts +10 -0
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js +164 -0
- package/lib/esm/library/components/Molecules/AutoCompleteGroupByCheck.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutocompleteCheck.d.ts +10 -0
- package/lib/esm/library/components/Molecules/AutocompleteCheck.js +104 -0
- package/lib/esm/library/components/Molecules/AutocompleteCheck.js.map +1 -0
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.d.ts +9 -0
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js +112 -0
- package/lib/esm/library/components/Molecules/AutocompleteGroupBy.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalClock.d.ts +12 -0
- package/lib/esm/library/components/Molecules/modal/ModalClock.js +20 -0
- package/lib/esm/library/components/Molecules/modal/ModalClock.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.d.ts +11 -0
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.js +36 -0
- package/lib/esm/library/components/Molecules/modal/ModalConfirm.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.d.ts +9 -0
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js +44 -0
- package/lib/esm/library/components/Molecules/modal/ModalFileUpload.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.d.ts +9 -0
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js +21 -0
- package/lib/esm/library/components/Molecules/modal/ModalIdleTimeout.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.d.ts +10 -0
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js +53 -0
- package/lib/esm/library/components/Molecules/modal/ModalSessionAllowed.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.d.ts +9 -0
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js +21 -0
- package/lib/esm/library/components/Molecules/modal/ModalTokenExpire.js.map +1 -0
- package/lib/esm/library/components/Molecules/modal/ModalTransition.d.ts +2 -0
- package/lib/esm/library/components/Molecules/modal/ModalTransition.js +20 -0
- package/lib/esm/library/components/Molecules/modal/ModalTransition.js.map +1 -0
- package/lib/esm/library/components/Organisms/FilterComp.d.ts +3 -0
- package/lib/esm/library/components/Organisms/FilterComp.js +109 -0
- package/lib/esm/library/components/Organisms/FilterComp.js.map +1 -0
- package/lib/esm/library/components/Organisms/TableBootstrap.d.ts +23 -0
- package/lib/esm/library/components/Organisms/TableBootstrap.js +216 -0
- package/lib/esm/library/components/Organisms/TableBootstrap.js.map +1 -0
- package/lib/esm/library/components/Organisms/utils.d.ts +3 -0
- package/lib/esm/library/components/Organisms/utils.js +4 -0
- package/lib/esm/library/components/Organisms/utils.js.map +1 -0
- package/lib/esm/library/components/index.d.ts +32 -2
- package/lib/esm/library/components/index.js +33 -2
- package/lib/esm/library/components/index.js.map +1 -1
- package/package.json +23 -5
- package/lib/cjs/config/style.js.map +0 -1
- package/lib/cjs/library/components/atoms/buttons.d.ts +0 -14
- package/lib/cjs/library/components/atoms/buttons.js +0 -85
- package/lib/cjs/library/components/atoms/buttons.js.map +0 -1
- package/lib/cjs/library/components/atoms/icon.d.ts +0 -8
- package/lib/cjs/library/components/atoms/icon.js +0 -3
- package/lib/cjs/library/components/atoms/icon.js.map +0 -1
- package/lib/cjs/library/components/atoms/index.d.ts +0 -1
- package/lib/cjs/library/components/atoms/index.js +0 -14
- package/lib/cjs/library/components/atoms/index.js.map +0 -1
- package/lib/cjs/library/components/molecules/index.d.ts +0 -0
- package/lib/cjs/library/components/molecules/index.js +0 -3
- package/lib/cjs/library/components/molecules/index.js.map +0 -1
- package/lib/esm/config/style.js.map +0 -1
- package/lib/esm/library/components/atoms/buttons.d.ts +0 -14
- package/lib/esm/library/components/atoms/buttons.js +0 -78
- package/lib/esm/library/components/atoms/buttons.js.map +0 -1
- package/lib/esm/library/components/atoms/icon.d.ts +0 -8
- package/lib/esm/library/components/atoms/icon.js +0 -2
- package/lib/esm/library/components/atoms/icon.js.map +0 -1
- package/lib/esm/library/components/atoms/index.d.ts +0 -1
- package/lib/esm/library/components/atoms/index.js +0 -2
- package/lib/esm/library/components/atoms/index.js.map +0 -1
- package/lib/esm/library/components/molecules/index.d.ts +0 -0
- package/lib/esm/library/components/molecules/index.js +0 -3
- package/lib/esm/library/components/molecules/index.js.map +0 -1
|
@@ -0,0 +1,190 @@
|
|
|
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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
22
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
23
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
24
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
25
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
26
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
27
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
31
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
32
|
+
};
|
|
33
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
+
exports.AutoCompleteGroupByCheck = void 0;
|
|
35
|
+
/* eslint-disable */
|
|
36
|
+
const react_1 = __importStar(require("react"));
|
|
37
|
+
const __1 = require("..");
|
|
38
|
+
const lodash_1 = __importDefault(require("lodash"));
|
|
39
|
+
const AutoCompleteGroupByCheck = (props) => {
|
|
40
|
+
//const [userRouter, setUserRouter] = useState<any>()
|
|
41
|
+
const [data, setData] = react_1.useState();
|
|
42
|
+
const [options, setOptions] = react_1.useState();
|
|
43
|
+
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
44
|
+
const selectedOptionsRef = react_1.useRef([]);
|
|
45
|
+
const valueRef = react_1.useRef("");
|
|
46
|
+
const useOutsideAlerter = (ref) => {
|
|
47
|
+
react_1.useEffect(() => {
|
|
48
|
+
function handleClickOutside(event) {
|
|
49
|
+
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
50
|
+
setIsListOpen(false);
|
|
51
|
+
props.onChange && props.onChange(selectedOptionsRef.current);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
// Bind the event listener
|
|
55
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
56
|
+
return () => {
|
|
57
|
+
// Unbind the event listener on clean up
|
|
58
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
59
|
+
};
|
|
60
|
+
}, [ref, isListOpen]);
|
|
61
|
+
};
|
|
62
|
+
const wrapperRef = react_1.useRef(null);
|
|
63
|
+
useOutsideAlerter(wrapperRef);
|
|
64
|
+
react_1.useEffect(() => {
|
|
65
|
+
if (props.data && props.defaultItem.length === 0) {
|
|
66
|
+
var result = props.data.map((item) => {
|
|
67
|
+
var item = Object.assign({}, item);
|
|
68
|
+
const childrenItem = item.children.map((children) => {
|
|
69
|
+
var record = Object.assign({}, children);
|
|
70
|
+
record.selected = false;
|
|
71
|
+
return record;
|
|
72
|
+
});
|
|
73
|
+
item.children = childrenItem;
|
|
74
|
+
return item;
|
|
75
|
+
});
|
|
76
|
+
setData(result);
|
|
77
|
+
setOptions(result);
|
|
78
|
+
}
|
|
79
|
+
else if (props.data && props.defaultItem.length > 0) {
|
|
80
|
+
var result = props.data.map((item) => {
|
|
81
|
+
var item = Object.assign({}, item);
|
|
82
|
+
const childrenItem = item.children.map((children) => {
|
|
83
|
+
children.selected = false;
|
|
84
|
+
props.defaultItem.filter((el) => {
|
|
85
|
+
el.children.forEach((element) => {
|
|
86
|
+
if (element.name == children.name) {
|
|
87
|
+
children.selected = true;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
return children;
|
|
92
|
+
});
|
|
93
|
+
item.children = childrenItem;
|
|
94
|
+
return item;
|
|
95
|
+
});
|
|
96
|
+
setData(result);
|
|
97
|
+
setOptions(result);
|
|
98
|
+
}
|
|
99
|
+
}, [props]);
|
|
100
|
+
const uniqByKeepFirst = (a, key) => {
|
|
101
|
+
const seen = new Set();
|
|
102
|
+
return a.filter((item) => {
|
|
103
|
+
const k = key(item);
|
|
104
|
+
return seen.has(k) ? false : seen.add(k);
|
|
105
|
+
});
|
|
106
|
+
};
|
|
107
|
+
const filter = (search, data) => {
|
|
108
|
+
if (search !== "") {
|
|
109
|
+
let filterArray = [];
|
|
110
|
+
data.filter((item) => {
|
|
111
|
+
item.children.filter((children) => {
|
|
112
|
+
const childrenItem = children.title &&
|
|
113
|
+
children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
114
|
+
if (childrenItem) {
|
|
115
|
+
const isSameArray = filterArray.filter((filterItem, index) => {
|
|
116
|
+
if (filterItem.name === item.name) {
|
|
117
|
+
const newChildren = filterArray[index].children.concat(children);
|
|
118
|
+
filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
if (isSameArray.length < 1) {
|
|
122
|
+
filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
|
|
123
|
+
}
|
|
124
|
+
const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
|
|
125
|
+
filterArray = uniqueChars;
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
});
|
|
129
|
+
setOptions(filterArray);
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
setOptions(data);
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
// const onChange = (e) => {
|
|
136
|
+
// const search = e.target.value
|
|
137
|
+
// valueRef.current = search
|
|
138
|
+
// filter(search, data)
|
|
139
|
+
// }
|
|
140
|
+
// const onKeyUp = (e) => {
|
|
141
|
+
// const charCode = e.which ? e.which : e.keyCode
|
|
142
|
+
// if (charCode === 8) {
|
|
143
|
+
// const search = e.target.value
|
|
144
|
+
// filter(search, data)
|
|
145
|
+
// }
|
|
146
|
+
// }
|
|
147
|
+
const onChangeItem = (index, childrenIndex) => {
|
|
148
|
+
if (options) {
|
|
149
|
+
options[index].children[childrenIndex].selected = !options[index].children[childrenIndex].selected;
|
|
150
|
+
let valueItem = [];
|
|
151
|
+
let selectedOptions = [];
|
|
152
|
+
options === null || options === void 0 ? void 0 : options.forEach((item) => {
|
|
153
|
+
let childrenItem = [];
|
|
154
|
+
item.children.forEach((record) => {
|
|
155
|
+
if (record.selected) {
|
|
156
|
+
valueItem.push(record.title);
|
|
157
|
+
childrenItem.push(record);
|
|
158
|
+
selectedOptions.push(Object.assign(Object.assign({}, item), { children: childrenItem }));
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
selectedOptions = lodash_1.default.uniqWith(selectedOptions, lodash_1.default.isEqual);
|
|
163
|
+
valueRef.current = valueItem.join(", ");
|
|
164
|
+
selectedOptionsRef.current = selectedOptions;
|
|
165
|
+
}
|
|
166
|
+
setOptions(JSON.parse(JSON.stringify(options)));
|
|
167
|
+
setIsListOpen(true);
|
|
168
|
+
};
|
|
169
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
170
|
+
react_1.default.createElement("div", { ref: wrapperRef },
|
|
171
|
+
react_1.default.createElement("div", { className: `flex items-center leading-4 p-2 bg-white focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` },
|
|
172
|
+
react_1.default.createElement("input", { placeholder: "Select item", value: valueRef.current, className: "w-full focus:outline-none",
|
|
173
|
+
//onKeyUp={onKeyUp}
|
|
174
|
+
//onChange={onChange}
|
|
175
|
+
onClick: () => setIsListOpen(true) }),
|
|
176
|
+
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
177
|
+
options && isListOpen
|
|
178
|
+
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute z-50 border-gray-500 rounded-md bg-gray-200" },
|
|
179
|
+
react_1.default.createElement("ul", { className: "p-2 rounded-sm " },
|
|
180
|
+
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) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
181
|
+
react_1.default.createElement("li", { key: index, className: "text-gray-400" }, item.title),
|
|
182
|
+
react_1.default.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => children.title && (react_1.default.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
183
|
+
onChangeItem(index, childrenIndex);
|
|
184
|
+
}) },
|
|
185
|
+
react_1.default.createElement("input", { type: "checkbox", checked: children.selected, className: "mr-2" }),
|
|
186
|
+
children.title)))))))))))
|
|
187
|
+
: null)));
|
|
188
|
+
};
|
|
189
|
+
exports.AutoCompleteGroupByCheck = AutoCompleteGroupByCheck;
|
|
190
|
+
//# sourceMappingURL=AutoCompleteGroupByCheck.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutoCompleteGroupByCheck.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteGroupByCheck.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AutocompleteCheckProps {
|
|
3
|
+
placeholder?: string;
|
|
4
|
+
data?: any;
|
|
5
|
+
defaultData?: any[];
|
|
6
|
+
hasError?: boolean;
|
|
7
|
+
onUpdate?: (item: any) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const AutocompleteCheck: (props: AutocompleteCheckProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,126 @@
|
|
|
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.AutocompleteCheck = void 0;
|
|
23
|
+
/* eslint-disable */
|
|
24
|
+
const react_1 = __importStar(require("react"));
|
|
25
|
+
const mobx_react_1 = require("mobx-react");
|
|
26
|
+
const __1 = require("..");
|
|
27
|
+
exports.AutocompleteCheck = mobx_react_1.observer((props) => {
|
|
28
|
+
const [value, setValue] = react_1.useState("");
|
|
29
|
+
const [options, setOptions] = react_1.useState();
|
|
30
|
+
const [originalOptions, setOriginalOptions] = react_1.useState();
|
|
31
|
+
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
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
|
+
setValue("");
|
|
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
|
+
let count = 0;
|
|
55
|
+
const getSelectedItem = (defulatValues, list, findKey) => {
|
|
56
|
+
if (count === 0) {
|
|
57
|
+
//console.log({ defulatValues, list })
|
|
58
|
+
const finalList = list.filter((item, index) => {
|
|
59
|
+
defulatValues.length > 0 &&
|
|
60
|
+
defulatValues.find((rItem, index) => {
|
|
61
|
+
if (rItem[findKey] === item[findKey]) {
|
|
62
|
+
item.selected = true;
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
count++;
|
|
66
|
+
return item;
|
|
67
|
+
});
|
|
68
|
+
//console.log({ finalList })
|
|
69
|
+
list = finalList;
|
|
70
|
+
}
|
|
71
|
+
return list;
|
|
72
|
+
};
|
|
73
|
+
react_1.useEffect(() => {
|
|
74
|
+
setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
|
|
75
|
+
setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
|
|
76
|
+
}, [props]);
|
|
77
|
+
const onChangeItem = (item, index) => {
|
|
78
|
+
if (options) {
|
|
79
|
+
options[index].selected = item.selected ? false : true;
|
|
80
|
+
}
|
|
81
|
+
setIsListOpen(true);
|
|
82
|
+
setOptions(options);
|
|
83
|
+
};
|
|
84
|
+
const filter = (search, data) => {
|
|
85
|
+
if (search) {
|
|
86
|
+
const filterArray = data.filter((item) => {
|
|
87
|
+
const value = item.name || item.description;
|
|
88
|
+
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
89
|
+
});
|
|
90
|
+
setOptions(filterArray);
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
setOptions(originalOptions);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
const onChange = (e) => {
|
|
97
|
+
const search = e.target.value;
|
|
98
|
+
setValue(search);
|
|
99
|
+
filter(search, options);
|
|
100
|
+
};
|
|
101
|
+
const onKeyUp = (e) => {
|
|
102
|
+
const charCode = e.which ? e.which : e.keyCode;
|
|
103
|
+
if (charCode === 8) {
|
|
104
|
+
const search = e.target.value;
|
|
105
|
+
filter(search, originalOptions);
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
109
|
+
react_1.default.createElement("div", { ref: wrapperRef },
|
|
110
|
+
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` },
|
|
111
|
+
react_1.default.createElement("input", { placeholder: props.placeholder || "Search ...", value: !isListOpen
|
|
112
|
+
? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
|
|
113
|
+
: value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
114
|
+
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
115
|
+
options && isListOpen
|
|
116
|
+
? (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" },
|
|
117
|
+
react_1.default.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
118
|
+
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
119
|
+
react_1.default.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
|
|
120
|
+
" ",
|
|
121
|
+
react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" },
|
|
122
|
+
" ",
|
|
123
|
+
item[props.data.displayKey]))))))))
|
|
124
|
+
: null)));
|
|
125
|
+
});
|
|
126
|
+
//# sourceMappingURL=AutocompleteCheck.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutocompleteCheck.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutocompleteCheck.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface AutocompleteGroupByProps {
|
|
3
|
+
data?: any[];
|
|
4
|
+
onChange?: (item: any, children: any) => void;
|
|
5
|
+
hasError?: boolean;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const AutocompleteGroupBy: (props: AutocompleteGroupByProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,137 @@
|
|
|
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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
22
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
23
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
24
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
25
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
26
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
27
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
31
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
32
|
+
};
|
|
33
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
34
|
+
exports.AutocompleteGroupBy = void 0;
|
|
35
|
+
/* eslint-disable */
|
|
36
|
+
const react_1 = __importStar(require("react"));
|
|
37
|
+
const mobx_react_1 = require("mobx-react");
|
|
38
|
+
const __1 = require("..");
|
|
39
|
+
const react_perfect_scrollbar_1 = __importDefault(require("react-perfect-scrollbar"));
|
|
40
|
+
exports.AutocompleteGroupBy = mobx_react_1.observer((props) => {
|
|
41
|
+
//const [userRouter, setUserRouter] = useState<any>()
|
|
42
|
+
const [value, setValue] = react_1.useState("");
|
|
43
|
+
const [data, setData] = react_1.useState();
|
|
44
|
+
const [options, setOptions] = react_1.useState();
|
|
45
|
+
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
46
|
+
const useOutsideAlerter = (ref) => {
|
|
47
|
+
react_1.useEffect(() => {
|
|
48
|
+
/**
|
|
49
|
+
* Alert if clicked on outside of element
|
|
50
|
+
*/
|
|
51
|
+
function handleClickOutside(event) {
|
|
52
|
+
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
53
|
+
setIsListOpen(false);
|
|
54
|
+
setValue("");
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
// Bind the event listener
|
|
58
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
59
|
+
return () => {
|
|
60
|
+
// Unbind the event listener on clean up
|
|
61
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
62
|
+
};
|
|
63
|
+
}, [ref, isListOpen]);
|
|
64
|
+
};
|
|
65
|
+
const wrapperRef = react_1.useRef(null);
|
|
66
|
+
useOutsideAlerter(wrapperRef);
|
|
67
|
+
react_1.useEffect(() => {
|
|
68
|
+
setData(props.data);
|
|
69
|
+
setOptions(props.data);
|
|
70
|
+
}, [props]);
|
|
71
|
+
const uniqByKeepFirst = (a, key) => {
|
|
72
|
+
const seen = new Set();
|
|
73
|
+
return a.filter((item) => {
|
|
74
|
+
const k = key(item);
|
|
75
|
+
return seen.has(k) ? false : seen.add(k);
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
const filter = (search, data) => {
|
|
79
|
+
if (search !== "") {
|
|
80
|
+
let filterArray = [];
|
|
81
|
+
data.filter((item) => {
|
|
82
|
+
item.children.filter((children) => {
|
|
83
|
+
const childrenItem = children.title &&
|
|
84
|
+
children.title.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
85
|
+
if (childrenItem) {
|
|
86
|
+
const isSameArray = filterArray.filter((filterItem, index) => {
|
|
87
|
+
if (filterItem.name === item.name) {
|
|
88
|
+
const newChildren = filterArray[index].children.concat(children);
|
|
89
|
+
filterArray[index] = Object.assign(Object.assign({}, filterArray[index]), { children: newChildren });
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
if (isSameArray.length < 1) {
|
|
93
|
+
filterArray.push(Object.assign(Object.assign({}, item), { children: [children] }));
|
|
94
|
+
}
|
|
95
|
+
const uniqueChars = uniqByKeepFirst(filterArray, (it) => it.name);
|
|
96
|
+
filterArray = uniqueChars;
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
setOptions(filterArray);
|
|
101
|
+
}
|
|
102
|
+
else {
|
|
103
|
+
setOptions(data);
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
const onChange = (e) => {
|
|
107
|
+
const search = e.target.value;
|
|
108
|
+
setValue(search);
|
|
109
|
+
filter(search, data);
|
|
110
|
+
};
|
|
111
|
+
const onKeyUp = (e) => {
|
|
112
|
+
const charCode = e.which ? e.which : e.keyCode;
|
|
113
|
+
if (charCode === 8) {
|
|
114
|
+
const search = e.target.value;
|
|
115
|
+
filter(search, data);
|
|
116
|
+
}
|
|
117
|
+
};
|
|
118
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
119
|
+
react_1.default.createElement("div", { ref: wrapperRef },
|
|
120
|
+
react_1.default.createElement("div", { className: `flex items-center leading-4 p-2 bg-white focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500 " : "border-gray-300"} rounded-md` },
|
|
121
|
+
react_1.default.createElement("input", { placeholder: "Search...", value: value, className: "w-full focus:outline-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
122
|
+
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
123
|
+
options && isListOpen
|
|
124
|
+
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute z-50 border-gray-500 rounded-md bg-gray-200" },
|
|
125
|
+
react_1.default.createElement("ul", { className: "p-2 rounded-sm" },
|
|
126
|
+
react_1.default.createElement(react_perfect_scrollbar_1.default, null,
|
|
127
|
+
react_1.default.createElement("div", { className: "", style: { height: "auto", maxHeight: "350px" } }, options === null || options === void 0 ? void 0 : options.map((item, index) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
128
|
+
react_1.default.createElement("li", { key: index, className: "text-gray-400" }, item.title),
|
|
129
|
+
react_1.default.createElement("ul", { className: "ml-4" }, item.children.map((children, childrenIndex) => (react_1.default.createElement("li", { key: childrenIndex, className: "hover:bg-gray-200 focus:outline-none cursor-pointer", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
|
|
130
|
+
props.onChange && props.onChange(item, children);
|
|
131
|
+
setIsListOpen(false);
|
|
132
|
+
setValue(children.title);
|
|
133
|
+
setOptions([]);
|
|
134
|
+
}) }, children.title))))))))))))
|
|
135
|
+
: null)));
|
|
136
|
+
});
|
|
137
|
+
//# sourceMappingURL=AutocompleteGroupBy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AutocompleteGroupBy.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutocompleteGroupBy.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface ModalProps {
|
|
3
|
+
time?: any;
|
|
4
|
+
show?: boolean;
|
|
5
|
+
title?: string;
|
|
6
|
+
type?: string;
|
|
7
|
+
body?: string;
|
|
8
|
+
onClick: (time?: any) => void;
|
|
9
|
+
onClose: () => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const ModalClock: (props: ModalProps) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
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.ModalClock = void 0;
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const reactstrap_1 = require("reactstrap");
|
|
28
|
+
const react_timekeeper_1 = __importDefault(require("react-timekeeper"));
|
|
29
|
+
const ModalClock = (props) => {
|
|
30
|
+
const [showModal, setShowModal] = react_1.default.useState(props.show);
|
|
31
|
+
react_1.useEffect(() => {
|
|
32
|
+
setShowModal(props.show);
|
|
33
|
+
}, [props]);
|
|
34
|
+
return (react_1.default.createElement(reactstrap_1.Container, null, showModal && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
35
|
+
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" },
|
|
36
|
+
react_1.default.createElement("div", { className: "relative w-0 my-6 mx-auto" },
|
|
37
|
+
react_1.default.createElement("div", { className: "border-0 justify-center items-center rounded-lg shadow-lg relative flex flex-col bg-white outline-none focus:outline-none" },
|
|
38
|
+
react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
|
+
react_1.default.createElement("div", { className: "relative p-2 flex-auto" },
|
|
40
|
+
react_1.default.createElement(react_timekeeper_1.default, { time: props.time, onChange: (newTime) => {
|
|
41
|
+
props.onClick(newTime.formatted12);
|
|
42
|
+
}, onDoneClick: () => props.onClose(), switchToMinuteOnHourSelect: true })))))),
|
|
43
|
+
react_1.default.createElement("div", { className: "opacity-25 fixed inset-0 z-40 bg-black" })))));
|
|
44
|
+
};
|
|
45
|
+
exports.ModalClock = ModalClock;
|
|
46
|
+
//# sourceMappingURL=ModalClock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModalClock.js","sourceRoot":"","sources":["../../../../../../src/library/components/Molecules/modal/ModalClock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,2CAAsC;AACtC,wEAAyC;AAYlC,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC9C,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,uCAAK,SAAS,EAAC,mHAAmH;YAChI,uCAAK,SAAS,EAAC,2BAA2B;gBAExC,uCAAK,SAAS,EAAC,4HAA4H;oBACzI;wBACE,uCAAK,SAAS,EAAC,wBAAwB;4BACrC,8BAAC,0BAAU,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;oCACpB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gCACpC,CAAC,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAClC,0BAA0B,SAC1B,CACE,CACL,CACC,CACF,CACF;QACN,uCAAK,SAAS,EAAC,wCAAwC,GAAO,CAC7D,CACJ,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,UAAU,cAkCtB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
+
onClose: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const ModalConfirm: (props: ModalProps) => JSX.Element;
|
|
11
|
+
export {};
|