react-restyle-components 0.1.12 → 0.1.15
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 +3 -10
- 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,100 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { Icons } from "..";
|
|
4
|
-
export const AutoComplete = (props) => {
|
|
5
|
-
const [value, setValue] = useState("");
|
|
6
|
-
const [options, setOptions] = useState();
|
|
7
|
-
const [originalOptions, setOriginalOptions] = useState();
|
|
8
|
-
const [isListOpen, setIsListOpen] = useState(false);
|
|
9
|
-
const valueRef = useRef('');
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
-
if (originalOptions && options) {
|
|
15
|
-
if (isListOpen) {
|
|
16
|
-
props.onUpdate &&
|
|
17
|
-
props.onUpdate(options.filter((item) => item.selected === true));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
setIsListOpen(false);
|
|
21
|
-
props.onChange(valueRef.current);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
25
|
-
return () => {
|
|
26
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
27
|
-
};
|
|
28
|
-
}, [ref, isListOpen]);
|
|
29
|
-
};
|
|
30
|
-
const wrapperRef = useRef(null);
|
|
31
|
-
useOutsideAlerter(wrapperRef);
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
if (props) {
|
|
34
|
-
setOriginalOptions(props.data && props.data.list);
|
|
35
|
-
setOptions(props.data && props.data.list);
|
|
36
|
-
}
|
|
37
|
-
}, [props]);
|
|
38
|
-
const filter = (search, data) => {
|
|
39
|
-
if (search) {
|
|
40
|
-
const filterArray = data.filter((item) => {
|
|
41
|
-
var _a, _b;
|
|
42
|
-
const filed = (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.findKey) === null || _b === void 0 ? void 0 : _b.filter((findKey) => {
|
|
43
|
-
const value = item[findKey];
|
|
44
|
-
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
45
|
-
});
|
|
46
|
-
const value = item[filed[0]];
|
|
47
|
-
console.log({ value });
|
|
48
|
-
if (value) {
|
|
49
|
-
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
50
|
-
}
|
|
51
|
-
else {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
//console.log({ filterArray })
|
|
56
|
-
setOptions(filterArray);
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
setOptions(originalOptions);
|
|
60
|
-
}
|
|
61
|
-
};
|
|
62
|
-
const onChange = (e) => {
|
|
63
|
-
const search = e.target.value;
|
|
64
|
-
filter(search, options);
|
|
65
|
-
setValue(search);
|
|
66
|
-
valueRef.current = search;
|
|
67
|
-
};
|
|
68
|
-
const onKeyUp = (e) => {
|
|
69
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
70
|
-
if (charCode === 8) {
|
|
71
|
-
const search = e.target.value;
|
|
72
|
-
filter(search, originalOptions);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
const onChangeItem = (item) => {
|
|
76
|
-
var _a, _b;
|
|
77
|
-
if (props.data && props.data.displayKey) {
|
|
78
|
-
setValue(item[props.data.displayKey && ((_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey[0])]);
|
|
79
|
-
props.onChange(item[props.data.displayKey && ((_b = props.data) === null || _b === void 0 ? void 0 : _b.displayKey[0])]);
|
|
80
|
-
}
|
|
81
|
-
setIsListOpen(false);
|
|
82
|
-
setOptions(options);
|
|
83
|
-
};
|
|
84
|
-
return (React.createElement(React.Fragment, null,
|
|
85
|
-
React.createElement("div", { ref: wrapperRef },
|
|
86
|
-
React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
87
|
-
React.createElement("input", { placeholder: props.placeholder || "Search ...", value: value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
88
|
-
isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
|
|
89
|
-
options && isListOpen
|
|
90
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
91
|
-
React.createElement("ul", null,
|
|
92
|
-
React.createElement("div", { className: 'overflow-y-auto', style: { height: 'auto', maxHeight: '350px' } }, options === null || options === void 0 ? void 0 : options.map((item, index) => {
|
|
93
|
-
var _a, _b;
|
|
94
|
-
return (React.createElement(React.Fragment, null,
|
|
95
|
-
React.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => onChangeItem(item) },
|
|
96
|
-
React.createElement("label", { className: "ml-2 mt-1 text-black" }, (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey) === null || _b === void 0 ? void 0 : _b.map((findKey) => item[findKey]).join(" - ")))));
|
|
97
|
-
})))))
|
|
98
|
-
: null)));
|
|
99
|
-
};
|
|
100
|
-
//# 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 {};
|
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { observer } from "mobx-react";
|
|
4
|
-
import { Icons } from "..";
|
|
5
|
-
export const AutoCompleteCheckMultiFilterKeys = observer((props) => {
|
|
6
|
-
const [value, setValue] = useState("");
|
|
7
|
-
const [options, setOptions] = useState();
|
|
8
|
-
const [originalOptions, setOriginalOptions] = useState();
|
|
9
|
-
const [isListOpen, setIsListOpen] = useState(false);
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
-
if (originalOptions && options) {
|
|
15
|
-
if (isListOpen) {
|
|
16
|
-
props.onUpdate &&
|
|
17
|
-
props.onUpdate(options.filter((item) => item.selected === true));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
setIsListOpen(false);
|
|
21
|
-
setValue("");
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
25
|
-
return () => {
|
|
26
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
27
|
-
};
|
|
28
|
-
}, [ref, isListOpen]);
|
|
29
|
-
};
|
|
30
|
-
const wrapperRef = useRef(null);
|
|
31
|
-
useOutsideAlerter(wrapperRef);
|
|
32
|
-
let count = 0;
|
|
33
|
-
const getSelectedItem = (defulatValues, list, findKey) => {
|
|
34
|
-
if (count === 0 && list && findKey) {
|
|
35
|
-
//console.log({ defulatValues, list })
|
|
36
|
-
const finalList = list.filter((item, index) => {
|
|
37
|
-
defulatValues.length > 0 &&
|
|
38
|
-
defulatValues.find((rItem, index) => {
|
|
39
|
-
findKey.filter((findItem) => {
|
|
40
|
-
if (rItem[findItem] === item[findItem]) {
|
|
41
|
-
item.selected = true;
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
count++;
|
|
46
|
-
return item;
|
|
47
|
-
});
|
|
48
|
-
// console.log({ finalList })
|
|
49
|
-
list = finalList;
|
|
50
|
-
}
|
|
51
|
-
return list;
|
|
52
|
-
};
|
|
53
|
-
useEffect(() => {
|
|
54
|
-
if (props) {
|
|
55
|
-
setOriginalOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && props.data.findKey));
|
|
56
|
-
setOptions(getSelectedItem((props.data && props.data.defulatValues) || [], props.data && props.data.list, props.data && props.data.findKey));
|
|
57
|
-
}
|
|
58
|
-
}, [props]);
|
|
59
|
-
const onChangeItem = (item, index) => {
|
|
60
|
-
if (options) {
|
|
61
|
-
options[index].selected = item.selected ? false : true;
|
|
62
|
-
}
|
|
63
|
-
setIsListOpen(true);
|
|
64
|
-
setOptions(options);
|
|
65
|
-
};
|
|
66
|
-
// const filter = (search, data) => {
|
|
67
|
-
// if (search) {
|
|
68
|
-
// const filterArray = data.filter((item) => {
|
|
69
|
-
// const filed: any = props.data?.findKey?.filter((findKey) => {
|
|
70
|
-
// const value = item[findKey]
|
|
71
|
-
// return value.toLowerCase().indexOf(search.toLowerCase()) > -1
|
|
72
|
-
// })
|
|
73
|
-
// const value = item[filed[0]]
|
|
74
|
-
// console.log({ value })
|
|
75
|
-
// if (value) {
|
|
76
|
-
// return value.toLowerCase().indexOf(search.toLowerCase()) > -1
|
|
77
|
-
// } else {
|
|
78
|
-
// return
|
|
79
|
-
// }
|
|
80
|
-
// })
|
|
81
|
-
// console.log({ filterArray })
|
|
82
|
-
// setOptions(filterArray)
|
|
83
|
-
// } else {
|
|
84
|
-
// setOptions(originalOptions)
|
|
85
|
-
// }
|
|
86
|
-
// }
|
|
87
|
-
const onChange = (e) => {
|
|
88
|
-
const search = e.target.value;
|
|
89
|
-
setValue(search);
|
|
90
|
-
props.onFilter && props.onFilter(search);
|
|
91
|
-
};
|
|
92
|
-
const onKeyUp = (e) => {
|
|
93
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
94
|
-
if (charCode === 8) {
|
|
95
|
-
const search = e.target.value;
|
|
96
|
-
props.onFilter && props.onFilter(search);
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
return (React.createElement(React.Fragment, null,
|
|
100
|
-
React.createElement("div", { ref: wrapperRef },
|
|
101
|
-
React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
102
|
-
React.createElement("input", { placeholder: props.placeholder || "Search ...", value: !isListOpen
|
|
103
|
-
? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
|
|
104
|
-
: value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
105
|
-
isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
|
|
106
|
-
options && isListOpen
|
|
107
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
108
|
-
React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => {
|
|
109
|
-
var _a, _b;
|
|
110
|
-
return (React.createElement(React.Fragment, null,
|
|
111
|
-
React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
112
|
-
React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
|
|
113
|
-
" ",
|
|
114
|
-
React.createElement("label", { className: "ml-2 mt-1 text-black" }, (_b = (_a = props.data) === null || _a === void 0 ? void 0 : _a.displayKey) === null || _b === void 0 ? void 0 : _b.map((findKey) => item[findKey]).join(" - ")))));
|
|
115
|
-
}))))
|
|
116
|
-
: null)));
|
|
117
|
-
});
|
|
118
|
-
//# sourceMappingURL=AutoCompleteCheckMultiFilterKeys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteCheckMultiFilterKeys.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteCheckMultiFilterKeys.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutocompleteCheckProps {
|
|
3
|
-
data?: any;
|
|
4
|
-
defaultData?: any[];
|
|
5
|
-
titleKey?: any;
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
onUpdate?: (item: any) => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const AutoCompleteCheckTwoTitleKeys: (props: AutocompleteCheckProps) => JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { observer } from "mobx-react";
|
|
4
|
-
import { Icons } from "..";
|
|
5
|
-
export const AutoCompleteCheckTwoTitleKeys = observer((props) => {
|
|
6
|
-
const [value, setValue] = useState("");
|
|
7
|
-
const [options, setOptions] = useState();
|
|
8
|
-
const [originalOptions, setOriginalOptions] = useState();
|
|
9
|
-
const [isListOpen, setIsListOpen] = useState(false);
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
-
if (originalOptions && options) {
|
|
15
|
-
if (isListOpen) {
|
|
16
|
-
props.onUpdate &&
|
|
17
|
-
props.onUpdate(options.filter((item) => item.selected === true));
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
setIsListOpen(false);
|
|
21
|
-
setValue("");
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
25
|
-
return () => {
|
|
26
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
27
|
-
};
|
|
28
|
-
}, [ref, isListOpen]);
|
|
29
|
-
};
|
|
30
|
-
const wrapperRef = useRef(null);
|
|
31
|
-
useOutsideAlerter(wrapperRef);
|
|
32
|
-
let count = 0;
|
|
33
|
-
const getSelectedItem = (defulatValues, list, findKey) => {
|
|
34
|
-
if (count === 0) {
|
|
35
|
-
//console.log({ defulatValues, list })
|
|
36
|
-
const finalList = list.filter((item, index) => {
|
|
37
|
-
defulatValues.length > 0 &&
|
|
38
|
-
defulatValues.find((rItem, index) => {
|
|
39
|
-
if (rItem[findKey] === item[findKey]) {
|
|
40
|
-
item.selected = true;
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
count++;
|
|
44
|
-
return item;
|
|
45
|
-
});
|
|
46
|
-
// console.log({ finalList })
|
|
47
|
-
list = finalList;
|
|
48
|
-
}
|
|
49
|
-
return list;
|
|
50
|
-
};
|
|
51
|
-
useEffect(() => {
|
|
52
|
-
setOriginalOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
|
|
53
|
-
setOptions(getSelectedItem(props.data.defulatValues, props.data.list, props.data.findKey));
|
|
54
|
-
}, [props]);
|
|
55
|
-
const onChangeItem = (item, index) => {
|
|
56
|
-
if (options) {
|
|
57
|
-
options[index].selected = item.selected ? false : true;
|
|
58
|
-
}
|
|
59
|
-
setIsListOpen(true);
|
|
60
|
-
setOptions(options);
|
|
61
|
-
};
|
|
62
|
-
const filter = (search, data) => {
|
|
63
|
-
if (search) {
|
|
64
|
-
const filterArray = data.filter((item) => {
|
|
65
|
-
const value = item.name || item.description;
|
|
66
|
-
return value.toLowerCase().indexOf(search.toLowerCase()) > -1;
|
|
67
|
-
});
|
|
68
|
-
setOptions(filterArray);
|
|
69
|
-
}
|
|
70
|
-
else {
|
|
71
|
-
setOptions(originalOptions);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
const onChange = (e) => {
|
|
75
|
-
const search = e.target.value;
|
|
76
|
-
setValue(search);
|
|
77
|
-
filter(search, options);
|
|
78
|
-
};
|
|
79
|
-
const onKeyUp = (e) => {
|
|
80
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
81
|
-
if (charCode === 8) {
|
|
82
|
-
const search = e.target.value;
|
|
83
|
-
filter(search, originalOptions);
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
return (React.createElement(React.Fragment, null,
|
|
87
|
-
React.createElement("div", { ref: wrapperRef },
|
|
88
|
-
React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${props.hasError
|
|
89
|
-
? "border-red-500"
|
|
90
|
-
: "border-gray-300"} rounded-md` },
|
|
91
|
-
React.createElement("input", { placeholder: "Search ...", value: !isListOpen
|
|
92
|
-
? `${(options === null || options === void 0 ? void 0 : options.filter((item) => item.selected === true).length) || 0} Items`
|
|
93
|
-
: value, className: "w-full focus:outline-none bg-none", onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
94
|
-
isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
|
|
95
|
-
options && isListOpen
|
|
96
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
97
|
-
React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
|
|
98
|
-
React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
99
|
-
React.createElement("input", { type: "checkbox", name: item.code, value: item.code, checked: item.selected, onChange: () => onChangeItem(item, index) }),
|
|
100
|
-
" ",
|
|
101
|
-
React.createElement("label", { className: "ml-2 mt-1 text-black" },
|
|
102
|
-
" ",
|
|
103
|
-
`${item[props.titleKey.key1]} (${item[props.titleKey.key2]}) `))))))))
|
|
104
|
-
: null)));
|
|
105
|
-
});
|
|
106
|
-
//# sourceMappingURL=AutoCompleteCheckTwoTitleKeys.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteCheckTwoTitleKeys.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteCheckTwoTitleKeys.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteFilterMutiSelectProps {
|
|
3
|
-
loader?: boolean;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
data: any;
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
onFilter: (value: string) => void;
|
|
8
|
-
onUpdate: (item: any) => void;
|
|
9
|
-
onSelect: (item: any) => any;
|
|
10
|
-
}
|
|
11
|
-
export declare const AutoCompleteFilterMutiSelect: ({ loader, placeholder, data, hasError, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectProps) => JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { Spinner } from "react-bootstrap";
|
|
4
|
-
import { Icons } from "..";
|
|
5
|
-
export const AutoCompleteFilterMutiSelect = ({ loader = false, placeholder = "Search...", data, hasError = false, onFilter, onUpdate, onSelect, }) => {
|
|
6
|
-
const [value, setValue] = useState("");
|
|
7
|
-
const [options, setOptions] = useState();
|
|
8
|
-
const [originalOptions, setOriginalOptions] = useState();
|
|
9
|
-
const [isListOpen, setIsListOpen] = useState(false);
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
-
if (originalOptions && options) {
|
|
15
|
-
if (isListOpen) {
|
|
16
|
-
onUpdate && onUpdate(data.selected);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
setIsListOpen(false);
|
|
20
|
-
setValue("");
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
24
|
-
return () => {
|
|
25
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
26
|
-
};
|
|
27
|
-
}, [ref, isListOpen]);
|
|
28
|
-
};
|
|
29
|
-
const wrapperRef = useRef(null);
|
|
30
|
-
useOutsideAlerter(wrapperRef);
|
|
31
|
-
let count = 0;
|
|
32
|
-
const getSelectedItem = (selectedItem, list, findKey) => {
|
|
33
|
-
if (count === 0) {
|
|
34
|
-
const finalList = list.filter((item, index) => {
|
|
35
|
-
item.selected = false;
|
|
36
|
-
selectedItem && selectedItem.length > 0
|
|
37
|
-
? selectedItem.find((sItem, index) => {
|
|
38
|
-
if (sItem._id === item._id) {
|
|
39
|
-
item.selected = true;
|
|
40
|
-
}
|
|
41
|
-
})
|
|
42
|
-
: (item.selected = false);
|
|
43
|
-
count++;
|
|
44
|
-
return item;
|
|
45
|
-
});
|
|
46
|
-
list = finalList;
|
|
47
|
-
}
|
|
48
|
-
return list;
|
|
49
|
-
};
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
setOriginalOptions(getSelectedItem(data.selected, data.list, data.findKey));
|
|
52
|
-
setOptions(getSelectedItem(data.selected, data.list, data.findKey));
|
|
53
|
-
//console.log('renader');
|
|
54
|
-
}, [data, data.selected]);
|
|
55
|
-
const onChange = (e) => {
|
|
56
|
-
const search = e.target.value;
|
|
57
|
-
setValue(search);
|
|
58
|
-
onFilter(search);
|
|
59
|
-
};
|
|
60
|
-
const onKeyUp = (e) => {
|
|
61
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
62
|
-
if (charCode === 8) {
|
|
63
|
-
const search = e.target.value;
|
|
64
|
-
onFilter(search);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
return (React.createElement(React.Fragment, null,
|
|
68
|
-
React.createElement("div", { ref: wrapperRef },
|
|
69
|
-
React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
70
|
-
React.createElement("input", { placeholder: placeholder, value: !isListOpen
|
|
71
|
-
? `${(data.selected && data.selected.length) || 0} Items`
|
|
72
|
-
: value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
73
|
-
loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
74
|
-
isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
|
|
75
|
-
options && isListOpen
|
|
76
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
77
|
-
React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
|
|
78
|
-
React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
79
|
-
React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
|
|
80
|
-
" ",
|
|
81
|
-
React.createElement("label", { className: "ml-2 mt-1 text-black" },
|
|
82
|
-
" ",
|
|
83
|
-
item[data.displayKey]))))))))
|
|
84
|
-
: null)));
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=AutoCompleteFilterMutiSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteFilterMutiSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelect.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteFilterMutiSelectMultiFieldsDisplayProps {
|
|
3
|
-
loader?: boolean;
|
|
4
|
-
placeholder?: string;
|
|
5
|
-
data: any;
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
disable?: boolean;
|
|
8
|
-
onFilter: (value: string) => void;
|
|
9
|
-
onUpdate: (item: any) => void;
|
|
10
|
-
onSelect: (item: any) => any;
|
|
11
|
-
}
|
|
12
|
-
export declare const AutoCompleteFilterMutiSelectMultiFieldsDisplay: ({ loader, placeholder, data, hasError, disable, onFilter, onUpdate, onSelect, }: AutoCompleteFilterMutiSelectMultiFieldsDisplayProps) => JSX.Element;
|
|
13
|
-
export {};
|
package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js
DELETED
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import React, { useState, useEffect, useRef } from "react";
|
|
3
|
-
import { Spinner } from "react-bootstrap";
|
|
4
|
-
import { Icons } from "..";
|
|
5
|
-
export const AutoCompleteFilterMutiSelectMultiFieldsDisplay = ({ loader = false, placeholder = "Search...", data, hasError = false, disable = false, onFilter, onUpdate, onSelect, }) => {
|
|
6
|
-
const [value, setValue] = useState("");
|
|
7
|
-
const [options, setOptions] = useState();
|
|
8
|
-
const [originalOptions, setOriginalOptions] = useState();
|
|
9
|
-
const [isListOpen, setIsListOpen] = useState(false);
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
-
if (originalOptions && options) {
|
|
15
|
-
if (isListOpen) {
|
|
16
|
-
onUpdate && onUpdate(data.selected);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
setIsListOpen(false);
|
|
20
|
-
setValue("");
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
24
|
-
return () => {
|
|
25
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
26
|
-
};
|
|
27
|
-
}, [ref, isListOpen]);
|
|
28
|
-
};
|
|
29
|
-
const wrapperRef = useRef(null);
|
|
30
|
-
useOutsideAlerter(wrapperRef);
|
|
31
|
-
let count = 0;
|
|
32
|
-
const getSelectedItem = (selectedItem, list) => {
|
|
33
|
-
if (count === 0) {
|
|
34
|
-
const finalList = list.filter((item, index) => {
|
|
35
|
-
item.selected = false;
|
|
36
|
-
selectedItem && selectedItem.length > 0
|
|
37
|
-
? selectedItem.find((sItem, index) => {
|
|
38
|
-
if (sItem._id === item._id) {
|
|
39
|
-
item.selected = true;
|
|
40
|
-
}
|
|
41
|
-
})
|
|
42
|
-
: (item.selected = false);
|
|
43
|
-
count++;
|
|
44
|
-
return item;
|
|
45
|
-
});
|
|
46
|
-
list = finalList;
|
|
47
|
-
}
|
|
48
|
-
return list;
|
|
49
|
-
};
|
|
50
|
-
useEffect(() => {
|
|
51
|
-
setOriginalOptions(getSelectedItem(data.selected, data.list));
|
|
52
|
-
setOptions(getSelectedItem(data.selected, data.list));
|
|
53
|
-
}, [data, data.selected]);
|
|
54
|
-
const onChange = (e) => {
|
|
55
|
-
const search = e.target.value;
|
|
56
|
-
setValue(search);
|
|
57
|
-
onFilter(search);
|
|
58
|
-
};
|
|
59
|
-
const onKeyUp = (e) => {
|
|
60
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
61
|
-
if (charCode === 8) {
|
|
62
|
-
const search = e.target.value;
|
|
63
|
-
onFilter(search);
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
return (React.createElement(React.Fragment, null,
|
|
67
|
-
React.createElement("div", { ref: wrapperRef, className: "w-full" },
|
|
68
|
-
React.createElement("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
69
|
-
React.createElement("input", { placeholder: placeholder, disabled: disable, value: !isListOpen
|
|
70
|
-
? `${(data.selected && data.selected.length) || 0} Items`
|
|
71
|
-
: value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
72
|
-
loader && React.createElement(Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
73
|
-
isListOpen ? (React.createElement(Icons.IconFa.FaChevronUp, null)) : (React.createElement(Icons.IconFa.FaChevronDown, null))),
|
|
74
|
-
options && isListOpen
|
|
75
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (React.createElement("div", { className: "mt-1 bg-gray-100 p-2 rounded-sm z-50" },
|
|
76
|
-
React.createElement("ul", null, options === null || options === void 0 ? void 0 : options.map((item, index) => (React.createElement(React.Fragment, null,
|
|
77
|
-
React.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
78
|
-
React.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
|
|
79
|
-
" ",
|
|
80
|
-
React.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
|
|
81
|
-
.map((key) => `${item[key]}
|
|
82
|
-
`)
|
|
83
|
-
.join(" - ")))))))))
|
|
84
|
-
: null)));
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map
|
package/lib/esm/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteFilterMutiSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteFilterSingleSelectProps {
|
|
3
|
-
loader?: boolean;
|
|
4
|
-
disable?: boolean;
|
|
5
|
-
displayValue?: string;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
data: any;
|
|
8
|
-
hasError?: boolean;
|
|
9
|
-
onFilter: (item: any) => void;
|
|
10
|
-
onSelect: (item: any) => any;
|
|
11
|
-
}
|
|
12
|
-
export declare const AutoCompleteFilterSingleSelect: ({ disable, loader, displayValue, placeholder, data, hasError, onFilter, onSelect, }: AutoCompleteFilterSingleSelectProps) => JSX.Element;
|
|
13
|
-
export {};
|