@pareto-engineering/design-system 4.0.0-alpha.63 → 4.0.0-alpha.64
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/dist/cjs/f/FormInput/FormInput.js +13 -43
- package/dist/cjs/f/common/Description/Description.js +6 -5
- package/dist/cjs/f/common/Label/Label.js +9 -22
- package/dist/cjs/f/common/Label/styles.scss +0 -5
- package/dist/cjs/f/common/index.js +1 -21
- package/dist/cjs/f/fields/Checkbox/Checkbox.js +16 -21
- package/dist/cjs/f/fields/Checkbox/styles.scss +7 -5
- package/dist/cjs/f/fields/ChoicesInput/ChoicesInput.js +13 -23
- package/dist/cjs/f/fields/ChoicesInput/styles.scss +44 -41
- package/dist/cjs/f/fields/EditorInput/EditorInput.js +11 -39
- package/dist/cjs/f/fields/EditorInput/styles.scss +92 -90
- package/dist/cjs/f/fields/LinkInput/LinkInput.js +14 -20
- package/dist/cjs/f/fields/LinkInput/styles.scss +52 -51
- package/dist/cjs/f/fields/QueryChoices/QueryChoices.js +2 -26
- package/dist/cjs/f/fields/QueryCombobox/QueryCombobox.js +4 -30
- package/dist/cjs/f/fields/QueryCombobox/common/Combobox/Combobox.js +7 -16
- package/dist/cjs/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +9 -17
- package/dist/cjs/f/fields/QueryCombobox/styles.scss +38 -37
- package/dist/cjs/f/fields/QuerySelect/QuerySelect.js +2 -10
- package/dist/cjs/f/fields/RatingsInput/RatingsInput.js +14 -38
- package/dist/cjs/f/fields/RatingsInput/styles.scss +5 -1
- package/dist/cjs/f/fields/SelectInput/SelectInput.js +14 -36
- package/dist/cjs/f/fields/SelectInput/styles.scss +5 -2
- package/dist/cjs/f/fields/TextInput/TextInput.js +19 -37
- package/dist/cjs/f/fields/TextInput/styles.scss +37 -30
- package/dist/cjs/f/fields/TextareaInput/TextareaInput.js +15 -37
- package/dist/cjs/f/fields/TextareaInput/styles.scss +30 -27
- package/dist/cjs/f/fields/index.js +1 -26
- package/dist/es/f/FormInput/FormInput.js +3 -33
- package/dist/es/f/common/Description/Description.js +4 -1
- package/dist/es/f/common/Label/Label.js +15 -24
- package/dist/es/f/common/Label/styles.scss +0 -5
- package/dist/es/f/common/index.js +1 -3
- package/dist/es/f/fields/Checkbox/Checkbox.js +14 -19
- package/dist/es/f/fields/Checkbox/styles.scss +7 -5
- package/dist/es/f/fields/ChoicesInput/ChoicesInput.js +31 -39
- package/dist/es/f/fields/ChoicesInput/styles.scss +44 -41
- package/dist/es/f/fields/EditorInput/EditorInput.js +12 -35
- package/dist/es/f/fields/EditorInput/styles.scss +92 -90
- package/dist/es/f/fields/LinkInput/LinkInput.js +14 -20
- package/dist/es/f/fields/LinkInput/styles.scss +52 -51
- package/dist/es/f/fields/QueryChoices/QueryChoices.js +2 -26
- package/dist/es/f/fields/QueryCombobox/QueryCombobox.js +4 -26
- package/dist/es/f/fields/QueryCombobox/common/Combobox/Combobox.js +8 -17
- package/dist/es/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +10 -18
- package/dist/es/f/fields/QueryCombobox/styles.scss +38 -37
- package/dist/es/f/fields/QuerySelect/QuerySelect.js +2 -10
- package/dist/es/f/fields/RatingsInput/RatingsInput.js +15 -35
- package/dist/es/f/fields/RatingsInput/styles.scss +5 -1
- package/dist/es/f/fields/SelectInput/SelectInput.js +14 -36
- package/dist/es/f/fields/SelectInput/styles.scss +5 -2
- package/dist/es/f/fields/TextInput/TextInput.js +19 -37
- package/dist/es/f/fields/TextInput/styles.scss +37 -30
- package/dist/es/f/fields/TextareaInput/TextareaInput.js +15 -37
- package/dist/es/f/fields/TextareaInput/styles.scss +30 -27
- package/dist/es/f/fields/index.js +1 -2
- package/package.json +2 -2
- package/src/stories/f/Checkbox.stories.jsx +13 -21
- package/src/stories/f/ChoicesInput.stories.jsx +12 -27
- package/src/stories/f/EditorInput.stories.jsx +7 -14
- package/src/stories/f/LinkInput.stories.jsx +15 -22
- package/src/stories/f/QueryChoices.stories.jsx +12 -19
- package/src/stories/f/QueryCombobox.stories.jsx +16 -24
- package/src/stories/f/QuerySelect.stories.jsx +12 -19
- package/src/stories/f/RatingsInput.stories.jsx +7 -14
- package/src/stories/f/SelectInput.stories.jsx +12 -19
- package/src/stories/f/TextInput.stories.jsx +16 -23
- package/src/stories/f/TextareaInput.stories.jsx +7 -14
- package/src/ui/f/FormInput/FormInput.jsx +12 -57
- package/src/ui/f/common/Description/Description.jsx +6 -2
- package/src/ui/f/common/Label/Label.jsx +27 -37
- package/src/ui/f/common/Label/styles.scss +0 -5
- package/src/ui/f/common/index.js +0 -2
- package/src/ui/f/fields/Checkbox/Checkbox.jsx +27 -33
- package/src/ui/f/fields/Checkbox/styles.scss +7 -5
- package/src/ui/f/fields/ChoicesInput/ChoicesInput.jsx +29 -38
- package/src/ui/f/fields/ChoicesInput/styles.scss +44 -41
- package/src/ui/f/fields/EditorInput/EditorInput.jsx +16 -41
- package/src/ui/f/fields/EditorInput/styles.scss +92 -90
- package/src/ui/f/fields/LinkInput/LinkInput.jsx +38 -45
- package/src/ui/f/fields/LinkInput/styles.scss +52 -51
- package/src/ui/f/fields/QueryChoices/QueryChoices.jsx +0 -28
- package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx +5 -31
- package/src/ui/f/fields/QueryCombobox/common/Combobox/Combobox.jsx +35 -46
- package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +63 -73
- package/src/ui/f/fields/QueryCombobox/styles.scss +38 -37
- package/src/ui/f/fields/QuerySelect/QuerySelect.jsx +0 -8
- package/src/ui/f/fields/RatingsInput/RatingsInput.jsx +20 -47
- package/src/ui/f/fields/RatingsInput/styles.scss +5 -1
- package/src/ui/f/fields/SelectInput/SelectInput.jsx +33 -61
- package/src/ui/f/fields/SelectInput/styles.scss +5 -2
- package/src/ui/f/fields/TextInput/TextInput.jsx +27 -50
- package/src/ui/f/fields/TextInput/styles.scss +37 -30
- package/src/ui/f/fields/TextareaInput/TextareaInput.jsx +32 -59
- package/src/ui/f/fields/TextareaInput/styles.scss +30 -27
- package/src/ui/f/fields/index.js +0 -1
- package/dist/cjs/f/common/InputWrapper/InputWrapper.js +0 -73
- package/dist/cjs/f/common/InputWrapper/index.js +0 -13
- package/dist/cjs/f/common/InputWrapper/styles.scss +0 -13
- package/dist/cjs/f/common/V2/Description/Description.js +0 -76
- package/dist/cjs/f/common/V2/Description/index.js +0 -13
- package/dist/cjs/f/common/V2/Description/styles.scss +0 -10
- package/dist/cjs/f/common/V2/Label/Label.js +0 -84
- package/dist/cjs/f/common/V2/Label/index.js +0 -13
- package/dist/cjs/f/common/V2/Label/styles.scss +0 -9
- package/dist/cjs/f/common/V2/index.js +0 -19
- package/dist/cjs/f/fields/V2/Checkbox/Checkbox.js +0 -122
- package/dist/cjs/f/fields/V2/Checkbox/index.js +0 -13
- package/dist/cjs/f/fields/V2/Checkbox/styles.scss +0 -16
- package/dist/cjs/f/fields/V2/ChoicesInput/ChoicesInput.js +0 -154
- package/dist/cjs/f/fields/V2/ChoicesInput/common/Choice/Choice.js +0 -104
- package/dist/cjs/f/fields/V2/ChoicesInput/common/Choice/index.js +0 -13
- package/dist/cjs/f/fields/V2/ChoicesInput/common/index.js +0 -12
- package/dist/cjs/f/fields/V2/ChoicesInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/ChoicesInput/styles.scss +0 -79
- package/dist/cjs/f/fields/V2/EditorInput/EditorInput.js +0 -197
- package/dist/cjs/f/fields/V2/EditorInput/common/Toolbar.js +0 -257
- package/dist/cjs/f/fields/V2/EditorInput/common/TreeViewPlugin.js +0 -18
- package/dist/cjs/f/fields/V2/EditorInput/common/index.js +0 -20
- package/dist/cjs/f/fields/V2/EditorInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/EditorInput/styles.scss +0 -149
- package/dist/cjs/f/fields/V2/LinkInput/LinkInput.js +0 -156
- package/dist/cjs/f/fields/V2/LinkInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/LinkInput/styles.scss +0 -90
- package/dist/cjs/f/fields/V2/QueryChoices/QueryChoices.js +0 -137
- package/dist/cjs/f/fields/V2/QueryChoices/index.js +0 -13
- package/dist/cjs/f/fields/V2/QueryCombobox/QueryCombobox.js +0 -229
- package/dist/cjs/f/fields/V2/QueryCombobox/common/Combobox/Combobox.js +0 -236
- package/dist/cjs/f/fields/V2/QueryCombobox/common/Combobox/index.js +0 -13
- package/dist/cjs/f/fields/V2/QueryCombobox/common/Menu/Menu.js +0 -83
- package/dist/cjs/f/fields/V2/QueryCombobox/common/Menu/index.js +0 -13
- package/dist/cjs/f/fields/V2/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +0 -300
- package/dist/cjs/f/fields/V2/QueryCombobox/common/MultipleCombobox/index.js +0 -13
- package/dist/cjs/f/fields/V2/QueryCombobox/common/index.js +0 -26
- package/dist/cjs/f/fields/V2/QueryCombobox/index.js +0 -13
- package/dist/cjs/f/fields/V2/QueryCombobox/styles.scss +0 -127
- package/dist/cjs/f/fields/V2/QuerySelect/QuerySelect.js +0 -198
- package/dist/cjs/f/fields/V2/QuerySelect/index.js +0 -13
- package/dist/cjs/f/fields/V2/RatingsInput/RatingsInput.js +0 -130
- package/dist/cjs/f/fields/V2/RatingsInput/common/Rating/Rating.js +0 -117
- package/dist/cjs/f/fields/V2/RatingsInput/common/Rating/index.js +0 -13
- package/dist/cjs/f/fields/V2/RatingsInput/common/index.js +0 -12
- package/dist/cjs/f/fields/V2/RatingsInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/RatingsInput/styles.scss +0 -48
- package/dist/cjs/f/fields/V2/SelectInput/SelectInput.js +0 -154
- package/dist/cjs/f/fields/V2/SelectInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/SelectInput/styles.scss +0 -87
- package/dist/cjs/f/fields/V2/TextInput/TextInput.js +0 -155
- package/dist/cjs/f/fields/V2/TextInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/TextInput/styles.scss +0 -78
- package/dist/cjs/f/fields/V2/TextareaInput/TextareaInput.js +0 -152
- package/dist/cjs/f/fields/V2/TextareaInput/index.js +0 -13
- package/dist/cjs/f/fields/V2/TextareaInput/styles.scss +0 -53
- package/dist/cjs/f/fields/V2/index.js +0 -82
- package/dist/es/f/common/InputWrapper/InputWrapper.js +0 -61
- package/dist/es/f/common/InputWrapper/index.js +0 -2
- package/dist/es/f/common/InputWrapper/styles.scss +0 -13
- package/dist/es/f/common/V2/Description/Description.js +0 -68
- package/dist/es/f/common/V2/Description/index.js +0 -2
- package/dist/es/f/common/V2/Description/styles.scss +0 -10
- package/dist/es/f/common/V2/Label/Label.js +0 -76
- package/dist/es/f/common/V2/Label/index.js +0 -2
- package/dist/es/f/common/V2/Label/styles.scss +0 -9
- package/dist/es/f/common/V2/index.js +0 -2
- package/dist/es/f/fields/V2/Checkbox/Checkbox.js +0 -114
- package/dist/es/f/fields/V2/Checkbox/index.js +0 -2
- package/dist/es/f/fields/V2/Checkbox/styles.scss +0 -16
- package/dist/es/f/fields/V2/ChoicesInput/ChoicesInput.js +0 -148
- package/dist/es/f/fields/V2/ChoicesInput/common/Choice/Choice.js +0 -97
- package/dist/es/f/fields/V2/ChoicesInput/common/Choice/index.js +0 -2
- package/dist/es/f/fields/V2/ChoicesInput/common/index.js +0 -1
- package/dist/es/f/fields/V2/ChoicesInput/index.js +0 -2
- package/dist/es/f/fields/V2/ChoicesInput/styles.scss +0 -79
- package/dist/es/f/fields/V2/EditorInput/EditorInput.js +0 -192
- package/dist/es/f/fields/V2/EditorInput/common/Toolbar.js +0 -246
- package/dist/es/f/fields/V2/EditorInput/common/TreeViewPlugin.js +0 -11
- package/dist/es/f/fields/V2/EditorInput/common/index.js +0 -2
- package/dist/es/f/fields/V2/EditorInput/index.js +0 -2
- package/dist/es/f/fields/V2/EditorInput/styles.scss +0 -149
- package/dist/es/f/fields/V2/LinkInput/LinkInput.js +0 -148
- package/dist/es/f/fields/V2/LinkInput/index.js +0 -2
- package/dist/es/f/fields/V2/LinkInput/styles.scss +0 -90
- package/dist/es/f/fields/V2/QueryChoices/QueryChoices.js +0 -126
- package/dist/es/f/fields/V2/QueryChoices/index.js +0 -2
- package/dist/es/f/fields/V2/QueryCombobox/QueryCombobox.js +0 -221
- package/dist/es/f/fields/V2/QueryCombobox/common/Combobox/Combobox.js +0 -229
- package/dist/es/f/fields/V2/QueryCombobox/common/Combobox/index.js +0 -2
- package/dist/es/f/fields/V2/QueryCombobox/common/Menu/Menu.js +0 -73
- package/dist/es/f/fields/V2/QueryCombobox/common/Menu/index.js +0 -2
- package/dist/es/f/fields/V2/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js +0 -293
- package/dist/es/f/fields/V2/QueryCombobox/common/MultipleCombobox/index.js +0 -2
- package/dist/es/f/fields/V2/QueryCombobox/common/index.js +0 -3
- package/dist/es/f/fields/V2/QueryCombobox/index.js +0 -2
- package/dist/es/f/fields/V2/QueryCombobox/styles.scss +0 -127
- package/dist/es/f/fields/V2/QuerySelect/QuerySelect.js +0 -186
- package/dist/es/f/fields/V2/QuerySelect/index.js +0 -2
- package/dist/es/f/fields/V2/RatingsInput/RatingsInput.js +0 -124
- package/dist/es/f/fields/V2/RatingsInput/common/Rating/Rating.js +0 -109
- package/dist/es/f/fields/V2/RatingsInput/common/Rating/index.js +0 -2
- package/dist/es/f/fields/V2/RatingsInput/common/index.js +0 -1
- package/dist/es/f/fields/V2/RatingsInput/index.js +0 -2
- package/dist/es/f/fields/V2/RatingsInput/styles.scss +0 -48
- package/dist/es/f/fields/V2/SelectInput/SelectInput.js +0 -146
- package/dist/es/f/fields/V2/SelectInput/index.js +0 -2
- package/dist/es/f/fields/V2/SelectInput/styles.scss +0 -87
- package/dist/es/f/fields/V2/TextInput/TextInput.js +0 -147
- package/dist/es/f/fields/V2/TextInput/index.js +0 -2
- package/dist/es/f/fields/V2/TextInput/styles.scss +0 -78
- package/dist/es/f/fields/V2/TextareaInput/TextareaInput.js +0 -146
- package/dist/es/f/fields/V2/TextareaInput/index.js +0 -2
- package/dist/es/f/fields/V2/TextareaInput/styles.scss +0 -53
- package/dist/es/f/fields/V2/index.js +0 -11
- package/src/stories/f/v2/Checkbox.stories.jsx +0 -102
- package/src/stories/f/v2/ChoicesInput.stories.jsx +0 -139
- package/src/stories/f/v2/EditorInput.stories.jsx +0 -81
- package/src/stories/f/v2/LinkInput.stories.jsx +0 -93
- package/src/stories/f/v2/QueryChoices.stories.jsx +0 -144
- package/src/stories/f/v2/QueryCombobox.stories.jsx +0 -301
- package/src/stories/f/v2/QuerySelect.stories.jsx +0 -150
- package/src/stories/f/v2/RatingsInput.stories.jsx +0 -77
- package/src/stories/f/v2/SelectInput.stories.jsx +0 -95
- package/src/stories/f/v2/TextInput.stories.jsx +0 -120
- package/src/stories/f/v2/TextareaInput.stories.jsx +0 -107
- package/src/stories/f/v2/__generated__/FormInputAllTaskStatusesQuery.graphql.js +0 -122
- package/src/stories/f/v2/__generated__/FormInputAllTeamsQuery.graphql.js +0 -139
- package/src/stories/f/v2/__generated__/QueryChoicesAllTaskStatusesQuery.graphql.js +0 -122
- package/src/stories/f/v2/__generated__/QueryComboboxAllTeamsQuery.graphql.js +0 -139
- package/src/stories/f/v2/__generated__/QuerySelectAllTaskStatusesQuery.graphql.js +0 -122
- package/src/ui/f/common/InputWrapper/InputWrapper.jsx +0 -83
- package/src/ui/f/common/InputWrapper/index.js +0 -2
- package/src/ui/f/common/InputWrapper/styles.scss +0 -13
- package/src/ui/f/common/V2/Description/Description.jsx +0 -94
- package/src/ui/f/common/V2/Description/index.js +0 -2
- package/src/ui/f/common/V2/Description/styles.scss +0 -10
- package/src/ui/f/common/V2/Label/Label.jsx +0 -102
- package/src/ui/f/common/V2/Label/index.js +0 -2
- package/src/ui/f/common/V2/Label/styles.scss +0 -9
- package/src/ui/f/common/V2/index.js +0 -2
- package/src/ui/f/fields/V2/Checkbox/Checkbox.jsx +0 -146
- package/src/ui/f/fields/V2/Checkbox/index.js +0 -2
- package/src/ui/f/fields/V2/Checkbox/styles.scss +0 -16
- package/src/ui/f/fields/V2/ChoicesInput/ChoicesInput.jsx +0 -183
- package/src/ui/f/fields/V2/ChoicesInput/common/Choice/Choice.jsx +0 -125
- package/src/ui/f/fields/V2/ChoicesInput/common/Choice/index.js +0 -2
- package/src/ui/f/fields/V2/ChoicesInput/common/index.js +0 -1
- package/src/ui/f/fields/V2/ChoicesInput/index.js +0 -2
- package/src/ui/f/fields/V2/ChoicesInput/styles.scss +0 -79
- package/src/ui/f/fields/V2/EditorInput/EditorInput.jsx +0 -244
- package/src/ui/f/fields/V2/EditorInput/common/Toolbar.jsx +0 -356
- package/src/ui/f/fields/V2/EditorInput/common/TreeViewPlugin.jsx +0 -16
- package/src/ui/f/fields/V2/EditorInput/common/index.jsx +0 -2
- package/src/ui/f/fields/V2/EditorInput/index.js +0 -2
- package/src/ui/f/fields/V2/EditorInput/styles.scss +0 -149
- package/src/ui/f/fields/V2/LinkInput/LinkInput.jsx +0 -187
- package/src/ui/f/fields/V2/LinkInput/index.js +0 -2
- package/src/ui/f/fields/V2/LinkInput/styles.scss +0 -90
- package/src/ui/f/fields/V2/QueryChoices/QueryChoices.jsx +0 -153
- package/src/ui/f/fields/V2/QueryChoices/index.js +0 -2
- package/src/ui/f/fields/V2/QueryCombobox/QueryCombobox.jsx +0 -254
- package/src/ui/f/fields/V2/QueryCombobox/common/Combobox/Combobox.jsx +0 -276
- package/src/ui/f/fields/V2/QueryCombobox/common/Combobox/index.js +0 -2
- package/src/ui/f/fields/V2/QueryCombobox/common/Menu/Menu.jsx +0 -103
- package/src/ui/f/fields/V2/QueryCombobox/common/Menu/index.js +0 -2
- package/src/ui/f/fields/V2/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx +0 -362
- package/src/ui/f/fields/V2/QueryCombobox/common/MultipleCombobox/index.js +0 -2
- package/src/ui/f/fields/V2/QueryCombobox/common/index.js +0 -3
- package/src/ui/f/fields/V2/QueryCombobox/index.js +0 -2
- package/src/ui/f/fields/V2/QueryCombobox/styles.scss +0 -127
- package/src/ui/f/fields/V2/QuerySelect/QuerySelect.jsx +0 -220
- package/src/ui/f/fields/V2/QuerySelect/index.js +0 -2
- package/src/ui/f/fields/V2/RatingsInput/RatingsInput.jsx +0 -152
- package/src/ui/f/fields/V2/RatingsInput/common/Rating/Rating.jsx +0 -142
- package/src/ui/f/fields/V2/RatingsInput/common/Rating/index.js +0 -2
- package/src/ui/f/fields/V2/RatingsInput/common/index.js +0 -1
- package/src/ui/f/fields/V2/RatingsInput/index.js +0 -2
- package/src/ui/f/fields/V2/RatingsInput/styles.scss +0 -48
- package/src/ui/f/fields/V2/SelectInput/SelectInput.jsx +0 -187
- package/src/ui/f/fields/V2/SelectInput/index.js +0 -2
- package/src/ui/f/fields/V2/SelectInput/styles.scss +0 -87
- package/src/ui/f/fields/V2/TextInput/TextInput.jsx +0 -192
- package/src/ui/f/fields/V2/TextInput/index.js +0 -2
- package/src/ui/f/fields/V2/TextInput/styles.scss +0 -78
- package/src/ui/f/fields/V2/TextareaInput/TextareaInput.jsx +0 -180
- package/src/ui/f/fields/V2/TextareaInput/index.js +0 -2
- package/src/ui/f/fields/V2/TextareaInput/styles.scss +0 -53
- package/src/ui/f/fields/V2/index.js +0 -11
|
@@ -1,236 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var React = _react;
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _downshift = require("downshift");
|
|
11
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
12
|
-
var _ = require("../../../../..");
|
|
13
|
-
var _a = require("../../../../../../a");
|
|
14
|
-
var _b = require("../../../../../../b");
|
|
15
|
-
var _common = require("../../../../../common");
|
|
16
|
-
var _Menu = require("../Menu");
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
21
|
-
const baseClassName = _exports.default.base;
|
|
22
|
-
const componentClassName = 'combobox';
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* This is the component description.
|
|
26
|
-
*/
|
|
27
|
-
const Combobox = _ref => {
|
|
28
|
-
let {
|
|
29
|
-
id,
|
|
30
|
-
className: userClassName,
|
|
31
|
-
style,
|
|
32
|
-
label,
|
|
33
|
-
labelColor,
|
|
34
|
-
name,
|
|
35
|
-
options: items,
|
|
36
|
-
getOptions,
|
|
37
|
-
setOptions,
|
|
38
|
-
setValue,
|
|
39
|
-
description,
|
|
40
|
-
value,
|
|
41
|
-
color,
|
|
42
|
-
minLength,
|
|
43
|
-
isFetching,
|
|
44
|
-
transformSearch,
|
|
45
|
-
disabled,
|
|
46
|
-
optional,
|
|
47
|
-
placeholder,
|
|
48
|
-
promptCreateNewOption
|
|
49
|
-
// ...otherProps
|
|
50
|
-
} = _ref;
|
|
51
|
-
const {
|
|
52
|
-
isOpen,
|
|
53
|
-
selectItem,
|
|
54
|
-
selectedItem,
|
|
55
|
-
inputValue,
|
|
56
|
-
setInputValue,
|
|
57
|
-
getLabelProps,
|
|
58
|
-
getMenuProps,
|
|
59
|
-
getInputProps,
|
|
60
|
-
highlightedIndex,
|
|
61
|
-
getComboboxProps,
|
|
62
|
-
getItemProps
|
|
63
|
-
} = (0, _downshift.useCombobox)({
|
|
64
|
-
items,
|
|
65
|
-
initialSelectedItem: value,
|
|
66
|
-
itemToString: item => item ? item.label : '',
|
|
67
|
-
onInputValueChange: _ref2 => {
|
|
68
|
-
let {
|
|
69
|
-
inputValue: searchInputValue
|
|
70
|
-
} = _ref2;
|
|
71
|
-
const transformedInput = transformSearch(searchInputValue);
|
|
72
|
-
if (transformedInput.length > minLength) {
|
|
73
|
-
getOptions(transformedInput);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
(0, _react.useEffect)(() => {
|
|
78
|
-
if (promptCreateNewOption) {
|
|
79
|
-
(0, _common.lookUpInputValueFromFetchedOptions)({
|
|
80
|
-
items,
|
|
81
|
-
inputValue,
|
|
82
|
-
setOptions,
|
|
83
|
-
minLength
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
}, [inputValue, items, promptCreateNewOption]);
|
|
87
|
-
|
|
88
|
-
// If the user has selected an item, we'll set the value of the field
|
|
89
|
-
// or if the combobox state has a selected item, we'll set the value to the formik state
|
|
90
|
-
(0, _react.useEffect)(() => {
|
|
91
|
-
if (selectedItem) {
|
|
92
|
-
setValue(selectedItem);
|
|
93
|
-
}
|
|
94
|
-
}, [selectedItem]);
|
|
95
|
-
|
|
96
|
-
// If the formik state has a value, we'll set the selected item to the combobox state
|
|
97
|
-
(0, _react.useEffect)(() => {
|
|
98
|
-
if (value?.value !== selectedItem?.value) {
|
|
99
|
-
selectItem(value);
|
|
100
|
-
}
|
|
101
|
-
}, [value]);
|
|
102
|
-
const parentRef = (0, _react.useRef)(null);
|
|
103
|
-
const resetInputValue = () => setInputValue('');
|
|
104
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
105
|
-
id: id,
|
|
106
|
-
className: [baseClassName, componentClassName, userClassName, `y-${color}`].filter(e => e).join(' '),
|
|
107
|
-
style: style,
|
|
108
|
-
ref: parentRef
|
|
109
|
-
}, getComboboxProps()), /*#__PURE__*/React.createElement(_.FormLabelV2, _extends({}, getLabelProps(), {
|
|
110
|
-
name: name,
|
|
111
|
-
optional: optional,
|
|
112
|
-
color: labelColor
|
|
113
|
-
}), label), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(), {
|
|
114
|
-
className: "input",
|
|
115
|
-
disabled: disabled,
|
|
116
|
-
placeholder: placeholder
|
|
117
|
-
})), isFetching && /*#__PURE__*/React.createElement(_a.LoadingCircle, {
|
|
118
|
-
className: "x-main"
|
|
119
|
-
}), inputValue.length > minLength && !isFetching && /*#__PURE__*/React.createElement(_b.Button, {
|
|
120
|
-
isSimple: true,
|
|
121
|
-
isCompact: true,
|
|
122
|
-
color: "heading",
|
|
123
|
-
onClick: resetInputValue
|
|
124
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
125
|
-
className: "icon"
|
|
126
|
-
}, "Y")), /*#__PURE__*/React.createElement(_.FormDescriptionV2, {
|
|
127
|
-
className: "s-1",
|
|
128
|
-
description: description,
|
|
129
|
-
name: name
|
|
130
|
-
}), /*#__PURE__*/React.createElement(_a.Popover, {
|
|
131
|
-
isOpen: isOpen,
|
|
132
|
-
parentRef: parentRef
|
|
133
|
-
}, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({
|
|
134
|
-
className: `y-${color}`,
|
|
135
|
-
isOpen: isOpen,
|
|
136
|
-
getItemProps: getItemProps,
|
|
137
|
-
highlightedIndex: highlightedIndex,
|
|
138
|
-
items: items
|
|
139
|
-
}, getMenuProps()))));
|
|
140
|
-
};
|
|
141
|
-
Combobox.propTypes = {
|
|
142
|
-
/**
|
|
143
|
-
* The HTML id for this element
|
|
144
|
-
*/
|
|
145
|
-
id: _propTypes.default.string,
|
|
146
|
-
/**
|
|
147
|
-
* The HTML class names for this element
|
|
148
|
-
*/
|
|
149
|
-
className: _propTypes.default.string,
|
|
150
|
-
/**
|
|
151
|
-
* The React-written, css properties for this element.
|
|
152
|
-
*/
|
|
153
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
154
|
-
/**
|
|
155
|
-
* The label of the custom select input
|
|
156
|
-
*/
|
|
157
|
-
label: _propTypes.default.string,
|
|
158
|
-
/**
|
|
159
|
-
* The custom select input options from the backend
|
|
160
|
-
*/
|
|
161
|
-
options: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
162
|
-
value: _propTypes.default.string,
|
|
163
|
-
label: _propTypes.default.string
|
|
164
|
-
})),
|
|
165
|
-
/**
|
|
166
|
-
* The name of the custom select input
|
|
167
|
-
*/
|
|
168
|
-
name: _propTypes.default.string,
|
|
169
|
-
/**
|
|
170
|
-
* The function to fetch the options from the backend
|
|
171
|
-
*/
|
|
172
|
-
getOptions: _propTypes.default.func,
|
|
173
|
-
/**
|
|
174
|
-
* The function to set the value of the custom select input
|
|
175
|
-
*/
|
|
176
|
-
setValue: _propTypes.default.func.isRequired,
|
|
177
|
-
/**
|
|
178
|
-
* The custom select input description
|
|
179
|
-
*/
|
|
180
|
-
description: _propTypes.default.string,
|
|
181
|
-
/**
|
|
182
|
-
* The value of the custom select input
|
|
183
|
-
*/
|
|
184
|
-
value: _propTypes.default.shape({
|
|
185
|
-
value: _propTypes.default.string,
|
|
186
|
-
label: _propTypes.default.string
|
|
187
|
-
}),
|
|
188
|
-
/**
|
|
189
|
-
* The base color of the combobox custom select input
|
|
190
|
-
*/
|
|
191
|
-
color: _propTypes.default.string,
|
|
192
|
-
/**
|
|
193
|
-
* Whether the query getting the combobox options is inFlight
|
|
194
|
-
*/
|
|
195
|
-
isFetching: _propTypes.default.bool.isRequired,
|
|
196
|
-
/**
|
|
197
|
-
* The minimum length of the search input to start fetching the options
|
|
198
|
-
*/
|
|
199
|
-
minLength: _propTypes.default.number,
|
|
200
|
-
/**
|
|
201
|
-
* The function to transform the search input
|
|
202
|
-
*/
|
|
203
|
-
transformSearch: _propTypes.default.func,
|
|
204
|
-
/**
|
|
205
|
-
* Whether the input filed shpuld be disabled
|
|
206
|
-
*/
|
|
207
|
-
disabled: _propTypes.default.bool,
|
|
208
|
-
/**
|
|
209
|
-
* The number of columns the label should span
|
|
210
|
-
*/
|
|
211
|
-
labelSpan: _propTypes.default.number,
|
|
212
|
-
/**
|
|
213
|
-
* The number of columns the input should span
|
|
214
|
-
*/
|
|
215
|
-
inputSpan: _propTypes.default.number,
|
|
216
|
-
/**
|
|
217
|
-
* The number of columns the label should span on desktop
|
|
218
|
-
*/
|
|
219
|
-
desktopLabelSpan: _propTypes.default.number,
|
|
220
|
-
/**
|
|
221
|
-
* The number of columns the input should span on desktop
|
|
222
|
-
*/
|
|
223
|
-
desktopInputSpan: _propTypes.default.number,
|
|
224
|
-
/**
|
|
225
|
-
* Whether the input is optional or not
|
|
226
|
-
*/
|
|
227
|
-
optional: _propTypes.default.bool,
|
|
228
|
-
/**
|
|
229
|
-
* The placeholder text for the input
|
|
230
|
-
*/
|
|
231
|
-
placeholder: _propTypes.default.string
|
|
232
|
-
};
|
|
233
|
-
Combobox.defaultProps = {
|
|
234
|
-
// someProp: false
|
|
235
|
-
};
|
|
236
|
-
var _default = exports.default = Combobox;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Combobox", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Combobox.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _Combobox = _interopRequireDefault(require("./Combobox"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */
|
|
14
|
-
// Local Definitions
|
|
15
|
-
|
|
16
|
-
const baseClassName = _exports.default.base;
|
|
17
|
-
const componentClassName = 'menu';
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* This is the component description.
|
|
21
|
-
*/
|
|
22
|
-
const Menu = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
23
|
-
let {
|
|
24
|
-
id,
|
|
25
|
-
className: userClassName,
|
|
26
|
-
style,
|
|
27
|
-
items,
|
|
28
|
-
isOpen,
|
|
29
|
-
highlightedIndex,
|
|
30
|
-
getItemProps,
|
|
31
|
-
...otherProps
|
|
32
|
-
} = _ref;
|
|
33
|
-
return /*#__PURE__*/React.createElement("ul", _extends({
|
|
34
|
-
id: id,
|
|
35
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
36
|
-
style: style,
|
|
37
|
-
ref: ref
|
|
38
|
-
}, otherProps), isOpen && items.map((item, index) => /*#__PURE__*/React.createElement("li", _extends({
|
|
39
|
-
key: item.label
|
|
40
|
-
}, getItemProps({
|
|
41
|
-
item,
|
|
42
|
-
index
|
|
43
|
-
}), {
|
|
44
|
-
className: ['item', highlightedIndex === index && _exports.default.modifierActive].filter(Boolean).join(' ')
|
|
45
|
-
}), /*#__PURE__*/React.createElement("p", null, item.label))));
|
|
46
|
-
});
|
|
47
|
-
Menu.propTypes = {
|
|
48
|
-
/**
|
|
49
|
-
* The HTML id for this element
|
|
50
|
-
*/
|
|
51
|
-
id: _propTypes.default.string,
|
|
52
|
-
/**
|
|
53
|
-
* The HTML class names for this element
|
|
54
|
-
*/
|
|
55
|
-
className: _propTypes.default.string,
|
|
56
|
-
/**
|
|
57
|
-
* The React-written, css properties for this element.
|
|
58
|
-
*/
|
|
59
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
60
|
-
/**
|
|
61
|
-
* The items to be displayed in the menu
|
|
62
|
-
*/
|
|
63
|
-
items: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
64
|
-
value: _propTypes.default.string,
|
|
65
|
-
label: _propTypes.default.string
|
|
66
|
-
})),
|
|
67
|
-
/**
|
|
68
|
-
* Whether or not the menu is open
|
|
69
|
-
*/
|
|
70
|
-
isOpen: _propTypes.default.bool,
|
|
71
|
-
/**
|
|
72
|
-
* The index of the highlighted item
|
|
73
|
-
*/
|
|
74
|
-
highlightedIndex: _propTypes.default.number,
|
|
75
|
-
/**
|
|
76
|
-
* The function to get the item props
|
|
77
|
-
*/
|
|
78
|
-
getItemProps: _propTypes.default.func
|
|
79
|
-
};
|
|
80
|
-
Menu.defaultProps = {
|
|
81
|
-
// someProp:false
|
|
82
|
-
};
|
|
83
|
-
var _default = exports.default = Menu;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Menu", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Menu.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,300 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var React = _react;
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
|
|
11
|
-
var _downshift = require("downshift");
|
|
12
|
-
var _b = require("../../../../../../b");
|
|
13
|
-
var _a = require("../../../../../../a");
|
|
14
|
-
var _ = require("../../../../..");
|
|
15
|
-
var _common = require("../../../../../common");
|
|
16
|
-
var _Menu = require("../Menu");
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* @pareto-engineering/generator-front 1.0.12 */ // Local Definitions
|
|
21
|
-
const baseClassName = _exports.default.base;
|
|
22
|
-
const componentClassName = 'multiple-combobox';
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* @param {Array[Object]} first - first array to check if it has an item not in the second array.
|
|
26
|
-
* @param {Array[Object]} second - second array to check against the first array.
|
|
27
|
-
*
|
|
28
|
-
* @returns {Boolean} - true if the first array has an item not in the second array.
|
|
29
|
-
*/
|
|
30
|
-
const testIfArraysAreUnique = (first, second) => first.filter(objInFirstArray => !second.some(objInSecondArray => objInFirstArray.value === objInSecondArray.value)).length > 0;
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* This is the component description.
|
|
34
|
-
*/
|
|
35
|
-
const MultipleCombobox = _ref => {
|
|
36
|
-
let {
|
|
37
|
-
id,
|
|
38
|
-
className: userClassName,
|
|
39
|
-
style,
|
|
40
|
-
label,
|
|
41
|
-
labelColor,
|
|
42
|
-
name,
|
|
43
|
-
optional,
|
|
44
|
-
options: items,
|
|
45
|
-
getOptions,
|
|
46
|
-
setValue,
|
|
47
|
-
description,
|
|
48
|
-
value,
|
|
49
|
-
color,
|
|
50
|
-
isFetching,
|
|
51
|
-
minLength,
|
|
52
|
-
transformSearch,
|
|
53
|
-
disabled,
|
|
54
|
-
placeholder,
|
|
55
|
-
setOptions,
|
|
56
|
-
promptCreateNewOption
|
|
57
|
-
// ...otherProps
|
|
58
|
-
} = _ref;
|
|
59
|
-
const [searchInputValue, setSearchInputValue] = (0, _react.useState)('');
|
|
60
|
-
const {
|
|
61
|
-
getSelectedItemProps,
|
|
62
|
-
getDropdownProps,
|
|
63
|
-
addSelectedItem,
|
|
64
|
-
removeSelectedItem,
|
|
65
|
-
setSelectedItems,
|
|
66
|
-
selectedItems
|
|
67
|
-
} = (0, _downshift.useMultipleSelection)({
|
|
68
|
-
initialSelectedItems: value || []
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* @returns {Boolean} - Unique items from the options array so that the combobox
|
|
73
|
-
* shows only the options that are not yet selected.
|
|
74
|
-
*/
|
|
75
|
-
const getFilteredItems = () => items.filter(item => selectedItems.findIndex(e => e.label === item.label) < 0);
|
|
76
|
-
const {
|
|
77
|
-
isOpen,
|
|
78
|
-
getLabelProps,
|
|
79
|
-
getMenuProps,
|
|
80
|
-
getInputProps,
|
|
81
|
-
getComboboxProps,
|
|
82
|
-
highlightedIndex,
|
|
83
|
-
getItemProps,
|
|
84
|
-
inputValue,
|
|
85
|
-
setInputValue
|
|
86
|
-
} = (0, _downshift.useCombobox)({
|
|
87
|
-
searchInputValue,
|
|
88
|
-
defaultHighlightedIndex: 0,
|
|
89
|
-
// after selection, highlight the first item.
|
|
90
|
-
selectedItem: null,
|
|
91
|
-
items: getFilteredItems(),
|
|
92
|
-
circularNavigation: true,
|
|
93
|
-
stateReducer: (state, actionAndChanges) => {
|
|
94
|
-
const {
|
|
95
|
-
changes,
|
|
96
|
-
type
|
|
97
|
-
} = actionAndChanges;
|
|
98
|
-
switch (type) {
|
|
99
|
-
case _downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
|
|
100
|
-
case _downshift.useCombobox.stateChangeTypes.ItemClick:
|
|
101
|
-
return {
|
|
102
|
-
...changes,
|
|
103
|
-
isOpen: true // keep the menu open after selection.
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
default:
|
|
107
|
-
break;
|
|
108
|
-
}
|
|
109
|
-
return changes;
|
|
110
|
-
},
|
|
111
|
-
onStateChange: _ref2 => {
|
|
112
|
-
let {
|
|
113
|
-
inputValue: newSearchInputValue,
|
|
114
|
-
type,
|
|
115
|
-
selectedItem
|
|
116
|
-
} = _ref2;
|
|
117
|
-
switch (type) {
|
|
118
|
-
case _downshift.useCombobox.stateChangeTypes.InputChange:
|
|
119
|
-
{
|
|
120
|
-
const transformedInput = transformSearch(newSearchInputValue);
|
|
121
|
-
if (transformedInput.length > minLength) {
|
|
122
|
-
getOptions(transformedInput);
|
|
123
|
-
}
|
|
124
|
-
setSearchInputValue(newSearchInputValue);
|
|
125
|
-
break;
|
|
126
|
-
}
|
|
127
|
-
case _downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
|
|
128
|
-
case _downshift.useCombobox.stateChangeTypes.ItemClick:
|
|
129
|
-
case _downshift.useCombobox.stateChangeTypes.InputBlur:
|
|
130
|
-
if (selectedItem) {
|
|
131
|
-
setSearchInputValue('');
|
|
132
|
-
addSelectedItem(selectedItem);
|
|
133
|
-
}
|
|
134
|
-
break;
|
|
135
|
-
default:
|
|
136
|
-
break;
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
});
|
|
140
|
-
(0, _react.useEffect)(() => {
|
|
141
|
-
if (selectedItems?.length > 0) {
|
|
142
|
-
setValue(selectedItems);
|
|
143
|
-
}
|
|
144
|
-
}, [selectedItems]);
|
|
145
|
-
(0, _react.useEffect)(() => {
|
|
146
|
-
if (promptCreateNewOption) {
|
|
147
|
-
(0, _common.lookUpInputValueFromFetchedOptions)({
|
|
148
|
-
items,
|
|
149
|
-
inputValue,
|
|
150
|
-
setOptions,
|
|
151
|
-
minLength
|
|
152
|
-
});
|
|
153
|
-
}
|
|
154
|
-
}, [inputValue, items, promptCreateNewOption]);
|
|
155
|
-
(0, _react.useEffect)(() => {
|
|
156
|
-
if (value?.length > 0 && (testIfArraysAreUnique(value, selectedItems) || testIfArraysAreUnique(selectedItems, value))) {
|
|
157
|
-
setSelectedItems(value);
|
|
158
|
-
}
|
|
159
|
-
}, [value]);
|
|
160
|
-
const parentRef = (0, _react.useRef)(null);
|
|
161
|
-
const resetInputValue = () => setInputValue('');
|
|
162
|
-
return /*#__PURE__*/React.createElement("div", _extends({
|
|
163
|
-
id: id,
|
|
164
|
-
className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
|
|
165
|
-
style: style,
|
|
166
|
-
ref: parentRef
|
|
167
|
-
}, getComboboxProps()), /*#__PURE__*/React.createElement(_.FormLabelV2, _extends({
|
|
168
|
-
className: [baseClassName, componentClassName].filter(e => e).join(' ')
|
|
169
|
-
}, getLabelProps(), {
|
|
170
|
-
name: name,
|
|
171
|
-
optional: optional,
|
|
172
|
-
color: labelColor
|
|
173
|
-
}), label), selectedItems?.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
174
|
-
className: "selected-items"
|
|
175
|
-
}, selectedItems.map((selectedItem, index) => /*#__PURE__*/React.createElement("div", _extends({
|
|
176
|
-
key: selectedItem.label
|
|
177
|
-
}, getSelectedItemProps({
|
|
178
|
-
selectedItem,
|
|
179
|
-
index
|
|
180
|
-
}), {
|
|
181
|
-
className: "item"
|
|
182
|
-
}), /*#__PURE__*/React.createElement(_b.Button, {
|
|
183
|
-
onClick: e => {
|
|
184
|
-
e.stopPropagation();
|
|
185
|
-
removeSelectedItem(selectedItem);
|
|
186
|
-
},
|
|
187
|
-
isCompact: true,
|
|
188
|
-
color: color
|
|
189
|
-
}, /*#__PURE__*/React.createElement("span", null, selectedItem.label), /*#__PURE__*/React.createElement("span", {
|
|
190
|
-
className: "icon close"
|
|
191
|
-
}, "Y"))))), /*#__PURE__*/React.createElement("input", _extends({}, getInputProps(getDropdownProps({
|
|
192
|
-
preventKeyAction: isOpen
|
|
193
|
-
})), {
|
|
194
|
-
className: "input",
|
|
195
|
-
disabled: disabled,
|
|
196
|
-
placeholder: placeholder
|
|
197
|
-
})), isFetching && /*#__PURE__*/React.createElement(_a.LoadingCircle, {
|
|
198
|
-
className: "x-main"
|
|
199
|
-
}), inputValue.length > minLength && !isFetching && /*#__PURE__*/React.createElement(_b.Button, {
|
|
200
|
-
isSimple: true,
|
|
201
|
-
isCompact: true,
|
|
202
|
-
color: "interactive",
|
|
203
|
-
onClick: resetInputValue
|
|
204
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
205
|
-
className: "icon"
|
|
206
|
-
}, "Y")), /*#__PURE__*/React.createElement(_.FormDescriptionV2, {
|
|
207
|
-
className: "s-1",
|
|
208
|
-
description: description,
|
|
209
|
-
name: name
|
|
210
|
-
}), /*#__PURE__*/React.createElement(_a.Popover, {
|
|
211
|
-
isOpen: isOpen,
|
|
212
|
-
parentRef: parentRef
|
|
213
|
-
}, /*#__PURE__*/React.createElement(_Menu.Menu, _extends({
|
|
214
|
-
className: `y-${color}`,
|
|
215
|
-
isOpen: isOpen,
|
|
216
|
-
getItemProps: getItemProps,
|
|
217
|
-
highlightedIndex: highlightedIndex,
|
|
218
|
-
items: getFilteredItems()
|
|
219
|
-
}, getMenuProps()))));
|
|
220
|
-
};
|
|
221
|
-
MultipleCombobox.propTypes = {
|
|
222
|
-
/**
|
|
223
|
-
* The HTML id for this element
|
|
224
|
-
*/
|
|
225
|
-
id: _propTypes.default.string,
|
|
226
|
-
/**
|
|
227
|
-
* The HTML class names for this element
|
|
228
|
-
*/
|
|
229
|
-
className: _propTypes.default.string,
|
|
230
|
-
/**
|
|
231
|
-
* The React-written, css properties for this element.
|
|
232
|
-
*/
|
|
233
|
-
style: _propTypes.default.objectOf(_propTypes.default.string),
|
|
234
|
-
/**
|
|
235
|
-
* The label of the custom select input
|
|
236
|
-
*/
|
|
237
|
-
label: _propTypes.default.string,
|
|
238
|
-
/**
|
|
239
|
-
* The custom select input options from the backend
|
|
240
|
-
*/
|
|
241
|
-
options: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
242
|
-
value: _propTypes.default.string,
|
|
243
|
-
label: _propTypes.default.string
|
|
244
|
-
})),
|
|
245
|
-
/**
|
|
246
|
-
* The name of the custom select input
|
|
247
|
-
*/
|
|
248
|
-
name: _propTypes.default.string,
|
|
249
|
-
/**
|
|
250
|
-
* The function to fetch the options from the backend
|
|
251
|
-
*/
|
|
252
|
-
getOptions: _propTypes.default.func,
|
|
253
|
-
/**
|
|
254
|
-
* The function to set the value of the custom select input
|
|
255
|
-
*/
|
|
256
|
-
setValue: _propTypes.default.func.isRequired,
|
|
257
|
-
/**
|
|
258
|
-
* The custom select input description
|
|
259
|
-
*/
|
|
260
|
-
description: _propTypes.default.string,
|
|
261
|
-
/**
|
|
262
|
-
* The value of the custom select input
|
|
263
|
-
*/
|
|
264
|
-
value: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
265
|
-
value: _propTypes.default.string,
|
|
266
|
-
label: _propTypes.default.string
|
|
267
|
-
})),
|
|
268
|
-
/**
|
|
269
|
-
* The base color of the custom select input
|
|
270
|
-
*/
|
|
271
|
-
color: _propTypes.default.string,
|
|
272
|
-
/**
|
|
273
|
-
* Whether the query getting the combobox options is inFlight
|
|
274
|
-
*/
|
|
275
|
-
isFetching: _propTypes.default.bool.isRequired,
|
|
276
|
-
/**
|
|
277
|
-
* The minimum length of the search input to start fetching the options
|
|
278
|
-
*/
|
|
279
|
-
minLength: _propTypes.default.number,
|
|
280
|
-
/**
|
|
281
|
-
* The function to transform the search input
|
|
282
|
-
*/
|
|
283
|
-
transformSearch: _propTypes.default.func,
|
|
284
|
-
/**
|
|
285
|
-
* Whether the input filed shpuld be disabled
|
|
286
|
-
*/
|
|
287
|
-
disabled: _propTypes.default.bool,
|
|
288
|
-
/**
|
|
289
|
-
* Whether the input is optional or not
|
|
290
|
-
*/
|
|
291
|
-
optional: _propTypes.default.bool,
|
|
292
|
-
/**
|
|
293
|
-
* The placeholder text for the input
|
|
294
|
-
*/
|
|
295
|
-
placeholder: _propTypes.default.string
|
|
296
|
-
};
|
|
297
|
-
MultipleCombobox.defaultProps = {
|
|
298
|
-
// someProp: false
|
|
299
|
-
};
|
|
300
|
-
var _default = exports.default = MultipleCombobox;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "MultipleCombobox", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _MultipleCombobox.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _MultipleCombobox = _interopRequireDefault(require("./MultipleCombobox"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Combobox", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Combobox.Combobox;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "Menu", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _Menu.Menu;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "MultipleCombobox", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _MultipleCombobox.MultipleCombobox;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var _Menu = require("./Menu");
|
|
25
|
-
var _Combobox = require("./Combobox");
|
|
26
|
-
var _MultipleCombobox = require("./MultipleCombobox");
|