react-restyle-components 0.1.13 → 0.1.16
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 +2 -11
- package/lib/cjs/App.js +20 -0
- package/lib/cjs/App.js.map +1 -0
- package/lib/cjs/App.test.js +14 -0
- package/lib/cjs/App.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.component.js +42 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.component.js.map +1 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js +13 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.stories.js +23 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.stories.js.map +1 -0
- package/lib/cjs/core-components/index.js +18 -0
- package/lib/cjs/core-components/index.js.map +1 -0
- package/lib/cjs/core-utils/index.js +18 -0
- package/lib/cjs/core-utils/index.js.map +1 -0
- package/lib/cjs/core-utils/unit-test.utils.js +17 -0
- package/lib/cjs/core-utils/unit-test.utils.js.map +1 -0
- package/lib/cjs/index.js +6 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/{config/index.js → reportWebVitals.js} +18 -5
- package/lib/cjs/reportWebVitals.js.map +1 -0
- package/lib/cjs/setupTests.js +8 -0
- package/lib/cjs/setupTests.js.map +1 -0
- package/lib/esm/App.js +15 -0
- package/lib/esm/App.js.map +1 -0
- package/lib/esm/App.test.js +9 -0
- package/lib/esm/App.test.js.map +1 -0
- package/lib/esm/core-components/atoms/stepper/stepper.component.js +35 -0
- package/lib/esm/core-components/atoms/stepper/stepper.component.js.map +1 -0
- package/lib/esm/core-components/atoms/stepper/stepper.component.test.js +8 -0
- package/lib/esm/core-components/atoms/stepper/stepper.component.test.js.map +1 -0
- package/lib/esm/core-components/atoms/stepper/stepper.stories.js +16 -0
- package/lib/esm/core-components/atoms/stepper/stepper.stories.js.map +1 -0
- package/lib/esm/core-components/index.js +2 -0
- package/lib/esm/core-components/index.js.map +1 -0
- package/lib/esm/core-utils/index.js +2 -0
- package/lib/esm/core-utils/index.js.map +1 -0
- package/lib/esm/core-utils/unit-test.utils.js +10 -0
- package/lib/esm/core-utils/unit-test.utils.js.map +1 -0
- package/lib/esm/index.js +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/reportWebVitals.js +13 -0
- package/lib/esm/reportWebVitals.js.map +1 -0
- package/lib/esm/setupTests.js +6 -0
- package/lib/esm/setupTests.js.map +1 -0
- package/package.json +67 -35
- package/lib/cjs/config/index.d.ts +0 -2
- 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/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/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,109 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.AutoCompleteFilterMutiSelect = void 0;
|
|
23
|
-
/* eslint-disable */
|
|
24
|
-
const react_1 = __importStar(require("react"));
|
|
25
|
-
const react_bootstrap_1 = require("react-bootstrap");
|
|
26
|
-
const __1 = require("..");
|
|
27
|
-
const AutoCompleteFilterMutiSelect = ({ loader = false, placeholder = "Search...", data, hasError = false, onFilter, onUpdate, onSelect, }) => {
|
|
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
|
-
onUpdate && onUpdate(data.selected);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
setIsListOpen(false);
|
|
42
|
-
setValue("");
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
46
|
-
return () => {
|
|
47
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
48
|
-
};
|
|
49
|
-
}, [ref, isListOpen]);
|
|
50
|
-
};
|
|
51
|
-
const wrapperRef = react_1.useRef(null);
|
|
52
|
-
useOutsideAlerter(wrapperRef);
|
|
53
|
-
let count = 0;
|
|
54
|
-
const getSelectedItem = (selectedItem, list, findKey) => {
|
|
55
|
-
if (count === 0) {
|
|
56
|
-
const finalList = list.filter((item, index) => {
|
|
57
|
-
item.selected = false;
|
|
58
|
-
selectedItem && selectedItem.length > 0
|
|
59
|
-
? selectedItem.find((sItem, index) => {
|
|
60
|
-
if (sItem._id === item._id) {
|
|
61
|
-
item.selected = true;
|
|
62
|
-
}
|
|
63
|
-
})
|
|
64
|
-
: (item.selected = false);
|
|
65
|
-
count++;
|
|
66
|
-
return item;
|
|
67
|
-
});
|
|
68
|
-
list = finalList;
|
|
69
|
-
}
|
|
70
|
-
return list;
|
|
71
|
-
};
|
|
72
|
-
react_1.useEffect(() => {
|
|
73
|
-
setOriginalOptions(getSelectedItem(data.selected, data.list, data.findKey));
|
|
74
|
-
setOptions(getSelectedItem(data.selected, data.list, data.findKey));
|
|
75
|
-
//console.log('renader');
|
|
76
|
-
}, [data, data.selected]);
|
|
77
|
-
const onChange = (e) => {
|
|
78
|
-
const search = e.target.value;
|
|
79
|
-
setValue(search);
|
|
80
|
-
onFilter(search);
|
|
81
|
-
};
|
|
82
|
-
const onKeyUp = (e) => {
|
|
83
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
84
|
-
if (charCode === 8) {
|
|
85
|
-
const search = e.target.value;
|
|
86
|
-
onFilter(search);
|
|
87
|
-
}
|
|
88
|
-
};
|
|
89
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
90
|
-
react_1.default.createElement("div", { ref: wrapperRef },
|
|
91
|
-
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 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
92
|
-
react_1.default.createElement("input", { placeholder: placeholder, value: !isListOpen
|
|
93
|
-
? `${(data.selected && data.selected.length) || 0} Items`
|
|
94
|
-
: value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
95
|
-
loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
96
|
-
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
97
|
-
options && isListOpen
|
|
98
|
-
? (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" },
|
|
99
|
-
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,
|
|
100
|
-
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
101
|
-
react_1.default.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
|
|
102
|
-
" ",
|
|
103
|
-
react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" },
|
|
104
|
-
" ",
|
|
105
|
-
item[data.displayKey]))))))))
|
|
106
|
-
: null)));
|
|
107
|
-
};
|
|
108
|
-
exports.AutoCompleteFilterMutiSelect = AutoCompleteFilterMutiSelect;
|
|
109
|
-
//# 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/cjs/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/cjs/library/components/Molecules/AutoCompleteFilterMutiSelectMultiFieldsDisplay.js
DELETED
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.AutoCompleteFilterMutiSelectMultiFieldsDisplay = void 0;
|
|
23
|
-
/* eslint-disable */
|
|
24
|
-
const react_1 = __importStar(require("react"));
|
|
25
|
-
const react_bootstrap_1 = require("react-bootstrap");
|
|
26
|
-
const __1 = require("..");
|
|
27
|
-
const AutoCompleteFilterMutiSelectMultiFieldsDisplay = ({ loader = false, placeholder = "Search...", data, hasError = false, disable = false, onFilter, onUpdate, onSelect, }) => {
|
|
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
|
-
onUpdate && onUpdate(data.selected);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
setIsListOpen(false);
|
|
42
|
-
setValue("");
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
46
|
-
return () => {
|
|
47
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
48
|
-
};
|
|
49
|
-
}, [ref, isListOpen]);
|
|
50
|
-
};
|
|
51
|
-
const wrapperRef = react_1.useRef(null);
|
|
52
|
-
useOutsideAlerter(wrapperRef);
|
|
53
|
-
let count = 0;
|
|
54
|
-
const getSelectedItem = (selectedItem, list) => {
|
|
55
|
-
if (count === 0) {
|
|
56
|
-
const finalList = list.filter((item, index) => {
|
|
57
|
-
item.selected = false;
|
|
58
|
-
selectedItem && selectedItem.length > 0
|
|
59
|
-
? selectedItem.find((sItem, index) => {
|
|
60
|
-
if (sItem._id === item._id) {
|
|
61
|
-
item.selected = true;
|
|
62
|
-
}
|
|
63
|
-
})
|
|
64
|
-
: (item.selected = false);
|
|
65
|
-
count++;
|
|
66
|
-
return item;
|
|
67
|
-
});
|
|
68
|
-
list = finalList;
|
|
69
|
-
}
|
|
70
|
-
return list;
|
|
71
|
-
};
|
|
72
|
-
react_1.useEffect(() => {
|
|
73
|
-
setOriginalOptions(getSelectedItem(data.selected, data.list));
|
|
74
|
-
setOptions(getSelectedItem(data.selected, data.list));
|
|
75
|
-
}, [data, data.selected]);
|
|
76
|
-
const onChange = (e) => {
|
|
77
|
-
const search = e.target.value;
|
|
78
|
-
setValue(search);
|
|
79
|
-
onFilter(search);
|
|
80
|
-
};
|
|
81
|
-
const onKeyUp = (e) => {
|
|
82
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
83
|
-
if (charCode === 8) {
|
|
84
|
-
const search = e.target.value;
|
|
85
|
-
onFilter(search);
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
89
|
-
react_1.default.createElement("div", { ref: wrapperRef, className: "w-full" },
|
|
90
|
-
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 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
91
|
-
react_1.default.createElement("input", { placeholder: placeholder, disabled: disable, value: !isListOpen
|
|
92
|
-
? `${(data.selected && data.selected.length) || 0} Items`
|
|
93
|
-
: value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true) }),
|
|
94
|
-
loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
95
|
-
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
96
|
-
options && isListOpen
|
|
97
|
-
? (options === null || options === void 0 ? void 0 : options.length) > 0 && (react_1.default.createElement("div", { className: "mt-1 bg-gray-100 p-2 rounded-sm z-50" },
|
|
98
|
-
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,
|
|
99
|
-
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center" },
|
|
100
|
-
react_1.default.createElement("input", { type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }),
|
|
101
|
-
" ",
|
|
102
|
-
react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
|
|
103
|
-
.map((key) => `${item[key]}
|
|
104
|
-
`)
|
|
105
|
-
.join(" - ")))))))))
|
|
106
|
-
: null)));
|
|
107
|
-
};
|
|
108
|
-
exports.AutoCompleteFilterMutiSelectMultiFieldsDisplay = AutoCompleteFilterMutiSelectMultiFieldsDisplay;
|
|
109
|
-
//# sourceMappingURL=AutoCompleteFilterMutiSelectMultiFieldsDisplay.js.map
|
package/lib/cjs/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 {};
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.AutoCompleteFilterSingleSelect = void 0;
|
|
23
|
-
/* eslint-disable */
|
|
24
|
-
const react_1 = __importStar(require("react"));
|
|
25
|
-
const react_bootstrap_1 = require("react-bootstrap");
|
|
26
|
-
const __1 = require("..");
|
|
27
|
-
const AutoCompleteFilterSingleSelect = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, onFilter, onSelect, }) => {
|
|
28
|
-
const [value, setValue] = react_1.useState(displayValue);
|
|
29
|
-
const [options, setOptions] = react_1.useState();
|
|
30
|
-
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
31
|
-
const useOutsideAlerter = (ref) => {
|
|
32
|
-
react_1.useEffect(() => {
|
|
33
|
-
function handleClickOutside(event) {
|
|
34
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
35
|
-
setIsListOpen(false);
|
|
36
|
-
setValue("");
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
40
|
-
return () => {
|
|
41
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
42
|
-
};
|
|
43
|
-
}, [ref, isListOpen]);
|
|
44
|
-
};
|
|
45
|
-
const wrapperRef = react_1.useRef(null);
|
|
46
|
-
useOutsideAlerter(wrapperRef);
|
|
47
|
-
react_1.useEffect(() => {
|
|
48
|
-
setOptions(data.list);
|
|
49
|
-
}, [data]);
|
|
50
|
-
react_1.useEffect(() => {
|
|
51
|
-
setValue(displayValue);
|
|
52
|
-
}, [displayValue]);
|
|
53
|
-
const onChange = (e) => {
|
|
54
|
-
const search = e.target.value;
|
|
55
|
-
setValue(search);
|
|
56
|
-
onFilter(search);
|
|
57
|
-
};
|
|
58
|
-
const onKeyUp = (e) => {
|
|
59
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
60
|
-
if (charCode === 8) {
|
|
61
|
-
const search = e.target.value;
|
|
62
|
-
onFilter(search);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
66
|
-
react_1.default.createElement("div", { ref: wrapperRef },
|
|
67
|
-
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 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
68
|
-
react_1.default.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable }),
|
|
69
|
-
loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
70
|
-
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
71
|
-
options && isListOpen
|
|
72
|
-
? options.length > 0 && (react_1.default.createElement("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50" },
|
|
73
|
-
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,
|
|
74
|
-
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
|
|
75
|
-
setValue(item[data.displayKey]);
|
|
76
|
-
setIsListOpen(false);
|
|
77
|
-
onSelect(item);
|
|
78
|
-
} },
|
|
79
|
-
" ",
|
|
80
|
-
react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" },
|
|
81
|
-
" ",
|
|
82
|
-
item[data.displayKey]))))))))
|
|
83
|
-
: null)));
|
|
84
|
-
};
|
|
85
|
-
exports.AutoCompleteFilterSingleSelect = AutoCompleteFilterSingleSelect;
|
|
86
|
-
//# sourceMappingURL=AutoCompleteFilterSingleSelect.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteFilterSingleSelect.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelect.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteFilterSingleSelectMultiFieldsDisplayProps {
|
|
3
|
-
loader?: boolean;
|
|
4
|
-
disable?: boolean;
|
|
5
|
-
displayValue?: string;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
data: any;
|
|
8
|
-
hasError?: boolean;
|
|
9
|
-
posstion?: string;
|
|
10
|
-
onFilter: (item: any) => void;
|
|
11
|
-
onSelect: (item: any) => any;
|
|
12
|
-
}
|
|
13
|
-
export declare const AutoCompleteFilterSingleSelectMultiFieldsDisplay: ({ disable, loader, displayValue, placeholder, data, hasError, posstion, onFilter, onSelect }: AutoCompleteFilterSingleSelectMultiFieldsDisplayProps) => JSX.Element;
|
|
14
|
-
export {};
|
package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.AutoCompleteFilterSingleSelectMultiFieldsDisplay = void 0;
|
|
23
|
-
/* eslint-disable */
|
|
24
|
-
const react_1 = __importStar(require("react"));
|
|
25
|
-
const react_bootstrap_1 = require("react-bootstrap");
|
|
26
|
-
const __1 = require("..");
|
|
27
|
-
const AutoCompleteFilterSingleSelectMultiFieldsDisplay = ({ disable = false, loader = false, displayValue = "", placeholder = "Search...", data, hasError = false, posstion = 'absolute', onFilter, onSelect }) => {
|
|
28
|
-
const [value, setValue] = react_1.useState(displayValue);
|
|
29
|
-
const [options, setOptions] = react_1.useState(data.list);
|
|
30
|
-
const [isListOpen, setIsListOpen] = react_1.useState(false);
|
|
31
|
-
const useOutsideAlerter = (ref) => {
|
|
32
|
-
react_1.useEffect(() => {
|
|
33
|
-
function handleClickOutside(event) {
|
|
34
|
-
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
35
|
-
setIsListOpen(false);
|
|
36
|
-
setValue("");
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
40
|
-
return () => {
|
|
41
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
42
|
-
};
|
|
43
|
-
}, [ref, isListOpen]);
|
|
44
|
-
};
|
|
45
|
-
const wrapperRef = react_1.useRef(null);
|
|
46
|
-
useOutsideAlerter(wrapperRef);
|
|
47
|
-
react_1.useEffect(() => {
|
|
48
|
-
setOptions(data.list);
|
|
49
|
-
}, [data]);
|
|
50
|
-
react_1.useEffect(() => {
|
|
51
|
-
setValue(displayValue);
|
|
52
|
-
}, [displayValue]);
|
|
53
|
-
const onChange = (e) => {
|
|
54
|
-
const search = e.target.value;
|
|
55
|
-
setValue(search);
|
|
56
|
-
onFilter(search);
|
|
57
|
-
};
|
|
58
|
-
const onKeyUp = (e) => {
|
|
59
|
-
const charCode = e.which ? e.which : e.keyCode;
|
|
60
|
-
if (charCode === 8) {
|
|
61
|
-
const search = e.target.value;
|
|
62
|
-
onFilter(search);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
66
|
-
react_1.default.createElement("div", { ref: wrapperRef },
|
|
67
|
-
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 ${hasError ? "border-red-500" : "border-gray-300"} rounded-md` },
|
|
68
|
-
react_1.default.createElement("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`, onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable, onMouseDown: () => setValue("") }),
|
|
69
|
-
loader && react_1.default.createElement(react_bootstrap_1.Spinner, { animation: "border", className: "mr-2 h-4 w-4" }),
|
|
70
|
-
isListOpen ? (react_1.default.createElement(__1.Icons.IconFa.FaChevronUp, null)) : (react_1.default.createElement(__1.Icons.IconFa.FaChevronDown, null))),
|
|
71
|
-
options && isListOpen
|
|
72
|
-
? options.length > 0 && (react_1.default.createElement("div", { className: `mt-1 ${posstion} z-2 bg-gray-100 p-2 rounded-sm z-50` },
|
|
73
|
-
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,
|
|
74
|
-
react_1.default.createElement("li", { key: index, className: "text-gray-400 flex items-center", onClick: () => {
|
|
75
|
-
setValue(data.displayKey.map((key) => `${item[key]}`).join(" - "));
|
|
76
|
-
setIsListOpen(false);
|
|
77
|
-
onSelect(item);
|
|
78
|
-
} },
|
|
79
|
-
" ",
|
|
80
|
-
react_1.default.createElement("label", { className: "ml-2 mt-1 text-black" }, data.displayKey
|
|
81
|
-
.map((key) => `${item[key]}
|
|
82
|
-
`)
|
|
83
|
-
.join(" - ")))))))))
|
|
84
|
-
: null)));
|
|
85
|
-
};
|
|
86
|
-
exports.AutoCompleteFilterSingleSelectMultiFieldsDisplay = AutoCompleteFilterSingleSelectMultiFieldsDisplay;
|
|
87
|
-
//# sourceMappingURL=AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map
|
package/lib/cjs/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteFilterSingleSelectMultiFieldsDisplay.js","sourceRoot":"","sources":["../../../../../src/library/components/Molecules/AutoCompleteFilterSingleSelectMultiFieldsDisplay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qBAAqB;AACrB,+CAA0D;AAC1D,qDAAyC;AACzC,0BAAwB;AAcjB,MAAM,gDAAgD,GAAG,CAAC,EAC/D,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,EACd,YAAY,GAAG,EAAE,EACjB,WAAW,GAAG,WAAW,EACzB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAE,UAAU,EACpB,QAAQ,EACR,QAAQ,EAC8C,EAAE,EAAE;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,gBAAQ,CAAS,YAAY,CAAC,CAAA;IACxD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAQ,IAAI,CAAC,IAAI,CAAC,CAAA;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,iBAAiB,GAAG,CAAC,GAAG,EAAE,EAAE;QAChC,iBAAS,CAAC,GAAG,EAAE;YACb,SAAS,kBAAkB,CAAC,KAAK;gBAC/B,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,UAAU,EAAE;oBACpE,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,QAAQ,CAAC,EAAE,CAAC,CAAA;iBACb;YACH,CAAC;YACD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC1D,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;YAC/D,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,cAAM,CAAC,IAAI,CAAC,CAAA;IAC/B,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAE7B,iBAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,iBAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;QACrB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7B,QAAQ,CAAC,MAAM,CAAC,CAAA;QAChB,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,EAAE;QACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;QAC9C,IAAI,QAAQ,KAAK,CAAC,EAAE;YAClB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC7B,QAAQ,CAAC,MAAM,CAAC,CAAA;SACjB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,uCAAK,GAAG,EAAE,UAAU;YAClB,uCACE,SAAS,EAAE,yGACT,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAChC,aAAa;gBAEb,yCACE,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAClC,SAAS,EAAE,mCAAmC,EAC9C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,OAAO,EACjB,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,GAC/B;gBACD,MAAM,IAAI,8BAAC,yBAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,GAAG;gBACjE,UAAU,CAAC,CAAC,CAAC,CACZ,8BAAC,SAAK,CAAC,MAAM,CAAC,WAAW,OAAG,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,SAAK,CAAC,MAAM,CAAC,aAAa,OAAG,CAC/B,CACG;YAEL,OAAO,IAAI,UAAU;gBACpB,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,uCAAK,SAAS,EAAE,QAAQ,QAAQ,sCAAsC;oBACpE,0CACG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;wBACE,sCACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,CACN,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CACzD,CAAA;gCACD,aAAa,CAAC,KAAK,CAAC,CAAA;gCACpB,QAAQ,CAAC,IAAI,CAAC,CAAA;4BAChB,CAAC;4BAEA,GAAG;4BACJ,yCAAO,SAAS,EAAC,sBAAsB,IACpC,IAAI,CAAC,UAAU;iCACb,GAAG,CACF,CAAC,GAAG,EAAE,EAAE,CACN,GAAG,IAAI,CAAC,GAAG,CAAC;+BACb,CACF;iCACA,IAAI,CAAC,KAAK,CAAC,CACR,CACL,CACJ,CACJ,CAAC,CACC,CACD,CACP;gBACH,CAAC,CAAC,IAAI,CACJ,CACL,CACJ,CAAA;AACH,CAAC,CAAA;AAtHY,QAAA,gDAAgD,oDAsH5D"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface AutoCompleteGroupByCheckProps {
|
|
3
|
-
data?: any[];
|
|
4
|
-
defaultItem: Array<any>;
|
|
5
|
-
onChange?: (item: any) => void;
|
|
6
|
-
hasError?: boolean;
|
|
7
|
-
onClose?: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare const AutoCompleteGroupByCheck: (props: AutoCompleteGroupByCheckProps) => JSX.Element;
|
|
10
|
-
export {};
|