@dhis2-ui/transfer 9.11.0 → 9.11.1-beta.10
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/build/cjs/__e2e__/{add_remove-highlighted-options.stories.e2e.js → add_remove-highlighted-options.e2e.stories.js} +2 -13
- package/build/cjs/__e2e__/common/options.js +2 -3
- package/build/cjs/__e2e__/common/stateful-decorator.js +3 -8
- package/build/cjs/__e2e__/{disabled-transfer-buttons.stories.e2e.js → disabled-transfer-buttons.e2e.stories.js} +4 -20
- package/build/cjs/__e2e__/{disabled-transfer-options.stories.e2e.js → disabled-transfer-options.e2e.stories.js} +4 -12
- package/build/cjs/__e2e__/{display-order.stories.e2e.js → display-order.e2e.stories.js} +2 -13
- package/build/cjs/__e2e__/{filter-options-list.stories.e2e.js → filter-options-list.e2e.stories.js} +3 -24
- package/build/cjs/__e2e__/{highlight-range-of-options.stories.e2e.js → highlight-range-of-options.e2e.stories.js} +2 -15
- package/build/cjs/__e2e__/{loading_lists.stories.e2e.js → loading_lists.e2e.stories.js} +2 -16
- package/build/cjs/__e2e__/{notify_at_end_of_list.stories.e2e.js → notify_at_end_of_list.e2e.stories.js} +2 -17
- package/build/cjs/__e2e__/{reorder-with-buttons.stories.e2e.js → reorder-with-buttons.e2e.stories.js} +2 -11
- package/build/cjs/__e2e__/{set_unset-highlighted-option.stories.e2e.js → set_unset-highlighted-option.e2e.stories.js} +2 -13
- package/build/cjs/__e2e__/{transferring-items.stories.e2e.js → transferring-items.e2e.stories.js} +2 -13
- package/build/cjs/__tests__/common.test.js +0 -1
- package/build/cjs/__tests__/helper/add-all-selectable-source-options.test.js +0 -1
- package/build/cjs/__tests__/helper/add-individual-source-options.test.js +0 -1
- package/build/cjs/__tests__/helper/default-filter-callback.test.js +0 -1
- package/build/cjs/__tests__/helper/is-reorder-down-disabled.test.js +0 -1
- package/build/cjs/__tests__/helper/is-reorder-up-disabled.test.js +0 -1
- package/build/cjs/__tests__/helper/move-highlighted-picked-option-down.test.js +0 -1
- package/build/cjs/__tests__/helper/move-highlighted-picked-option-up.test.js +0 -1
- package/build/cjs/__tests__/helper/remove-all-picked-options.test.js +0 -1
- package/build/cjs/__tests__/helper/remove-individual-picked-options.test.js +0 -1
- package/build/cjs/__tests__/helper/use-highlighted-option/create-toggle-highlighted-option.test.js +2 -9
- package/build/cjs/__tests__/helper/use-highlighted-option/toggle-add.test.js +0 -1
- package/build/cjs/__tests__/helper/use-highlighted-option/toggle-range.test.js +2 -3
- package/build/cjs/__tests__/helper/use-highlighted-option/toggle-replace.test.js +0 -1
- package/build/cjs/__tests__/helper/use-highlighted-option.test.js +1 -5
- package/build/cjs/__tests__/transfer.test.js +1 -5
- package/build/cjs/actions.js +2 -9
- package/build/cjs/add-all.js +2 -9
- package/build/cjs/add-individual.js +2 -9
- package/build/cjs/common/find-option-index.js +0 -3
- package/build/cjs/common/get-mode-by-modifier-key.js +2 -8
- package/build/cjs/common/index.js +0 -6
- package/build/cjs/common/is-option.js +0 -2
- package/build/cjs/common/modes.js +6 -9
- package/build/cjs/common/remove-option.js +0 -6
- package/build/cjs/common/styles.js +3 -8
- package/build/cjs/common/toggle-value.js +0 -4
- package/build/cjs/container.js +2 -8
- package/build/cjs/end-intersection-detector.js +1 -8
- package/build/cjs/features/add_remove-highlighted-options/index.js +0 -1
- package/build/cjs/features/common/index.js +0 -2
- package/build/cjs/features/disabled-transfer-buttons/index.js +0 -1
- package/build/cjs/features/disabled-transfer-options/index.js +0 -2
- package/build/cjs/features/display-order/index.js +6 -5
- package/build/cjs/features/filter-options-list/index.js +6 -8
- package/build/cjs/features/highlight-range-of-options/index.js +8 -5
- package/build/cjs/features/loading_lists/index.js +2 -3
- package/build/cjs/features/notify_at_end_of_list/index.js +1 -2
- package/build/cjs/features/reorder-with-buttons/index.js +3 -3
- package/build/cjs/features/set_unset-highlighted-option/index.js +0 -2
- package/build/cjs/features/transferring-items/index.js +6 -6
- package/build/cjs/filter.js +5 -14
- package/build/cjs/icons.js +17 -35
- package/build/cjs/index.js +0 -2
- package/build/cjs/left-footer.js +2 -10
- package/build/cjs/left-header.js +2 -10
- package/build/cjs/left-side.js +2 -9
- package/build/cjs/options-container.js +9 -20
- package/build/cjs/picked-options.js +2 -10
- package/build/cjs/remove-all.js +2 -9
- package/build/cjs/remove-individual.js +2 -9
- package/build/cjs/reordering-actions.js +7 -16
- package/build/cjs/right-footer.js +2 -10
- package/build/cjs/right-header.js +2 -10
- package/build/cjs/right-side.js +2 -9
- package/build/cjs/source-options.js +2 -10
- package/build/cjs/transfer/add-all-selectable-source-options.js +3 -4
- package/build/cjs/transfer/add-individual-source-options.js +1 -4
- package/build/cjs/transfer/create-double-click-handlers.js +0 -5
- package/build/cjs/transfer/default-filter-callback.js +0 -2
- package/build/cjs/transfer/get-option-click-handlers.js +0 -3
- package/build/cjs/transfer/index.js +0 -26
- package/build/cjs/transfer/is-reorder-down-disabled.js +4 -4
- package/build/cjs/transfer/is-reorder-up-disabled.js +4 -4
- package/build/cjs/transfer/move-highlighted-picked-option-down.js +4 -5
- package/build/cjs/transfer/move-highlighted-picked-option-up.js +4 -5
- package/build/cjs/transfer/remove-all-picked-options.js +0 -2
- package/build/cjs/transfer/remove-individual-picked-options.js +1 -4
- package/build/cjs/transfer/use-filter.js +0 -4
- package/build/cjs/transfer/use-highlighted-options/create-toggle-highlighted-option.js +2 -12
- package/build/cjs/transfer/use-highlighted-options/toggle-add.js +0 -3
- package/build/cjs/transfer/use-highlighted-options/toggle-range.js +3 -8
- package/build/cjs/transfer/use-highlighted-options/toggle-replace.js +0 -4
- package/build/cjs/transfer/use-highlighted-options.js +0 -5
- package/build/cjs/transfer-option.js +4 -16
- package/build/cjs/transfer.js +29 -54
- package/build/cjs/{transfer.stories.js → transfer.prod.stories.js} +83 -103
- package/build/cjs/use-resize-counter.js +0 -4
- package/build/es/__e2e__/common/stateful-decorator.js +1 -2
- package/build/es/__e2e__/{disabled-transfer-buttons.stories.e2e.js → disabled-transfer-buttons.e2e.stories.js} +2 -1
- package/build/es/__e2e__/{disabled-transfer-options.stories.e2e.js → disabled-transfer-options.e2e.stories.js} +2 -1
- package/build/es/__e2e__/{filter-options-list.stories.e2e.js → filter-options-list.e2e.stories.js} +1 -3
- package/build/es/__tests__/helper/use-highlighted-option/create-toggle-highlighted-option.test.js +2 -1
- package/build/es/__tests__/helper/use-highlighted-option/toggle-range.test.js +2 -2
- package/build/es/__tests__/helper/use-highlighted-option.test.js +1 -1
- package/build/es/actions.js +1 -1
- package/build/es/add-all.js +1 -1
- package/build/es/add-individual.js +1 -1
- package/build/es/common/find-option-index.js +1 -1
- package/build/es/common/get-mode-by-modifier-key.js +3 -6
- package/build/es/common/modes.js +5 -4
- package/build/es/common/remove-option.js +1 -4
- package/build/es/common/toggle-value.js +0 -2
- package/build/es/container.js +1 -1
- package/build/es/features/display-order/index.js +6 -3
- package/build/es/features/filter-options-list/index.js +6 -6
- package/build/es/features/highlight-range-of-options/index.js +8 -3
- package/build/es/features/loading_lists/index.js +2 -2
- package/build/es/features/notify_at_end_of_list/index.js +1 -1
- package/build/es/features/reorder-with-buttons/index.js +3 -2
- package/build/es/features/transferring-items/index.js +6 -3
- package/build/es/filter.js +4 -4
- package/build/es/icons.js +16 -16
- package/build/es/left-footer.js +1 -1
- package/build/es/left-header.js +1 -1
- package/build/es/left-side.js +1 -1
- package/build/es/options-container.js +6 -5
- package/build/es/picked-options.js +1 -1
- package/build/es/remove-all.js +1 -1
- package/build/es/remove-individual.js +1 -1
- package/build/es/reordering-actions.js +6 -6
- package/build/es/right-footer.js +1 -1
- package/build/es/right-header.js +1 -1
- package/build/es/right-side.js +1 -1
- package/build/es/source-options.js +1 -1
- package/build/es/transfer/add-all-selectable-source-options.js +3 -2
- package/build/es/transfer/add-individual-source-options.js +1 -2
- package/build/es/transfer/create-double-click-handlers.js +0 -3
- package/build/es/transfer/get-option-click-handlers.js +1 -1
- package/build/es/transfer/is-reorder-down-disabled.js +4 -2
- package/build/es/transfer/is-reorder-up-disabled.js +4 -2
- package/build/es/transfer/move-highlighted-picked-option-down.js +4 -3
- package/build/es/transfer/move-highlighted-picked-option-up.js +4 -3
- package/build/es/transfer/remove-individual-picked-options.js +1 -2
- package/build/es/transfer/use-filter.js +0 -2
- package/build/es/transfer/use-highlighted-options/create-toggle-highlighted-option.js +3 -7
- package/build/es/transfer/use-highlighted-options/toggle-add.js +1 -1
- package/build/es/transfer/use-highlighted-options/toggle-range.js +4 -6
- package/build/es/transfer/use-highlighted-options/toggle-replace.js +0 -2
- package/build/es/transfer/use-highlighted-options.js +1 -2
- package/build/es/transfer-option.js +1 -2
- package/build/es/transfer.js +28 -32
- package/build/es/{transfer.stories.js → transfer.prod.stories.js} +65 -50
- package/build/es/use-resize-counter.js +1 -2
- package/package.json +10 -10
- /package/build/es/__e2e__/{add_remove-highlighted-options.stories.e2e.js → add_remove-highlighted-options.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{display-order.stories.e2e.js → display-order.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{highlight-range-of-options.stories.e2e.js → highlight-range-of-options.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{loading_lists.stories.e2e.js → loading_lists.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{notify_at_end_of_list.stories.e2e.js → notify_at_end_of_list.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{reorder-with-buttons.stories.e2e.js → reorder-with-buttons.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{set_unset-highlighted-option.stories.e2e.js → set_unset-highlighted-option.e2e.stories.js} +0 -0
- /package/build/es/__e2e__/{transferring-items.stories.e2e.js → transferring-items.e2e.stories.js} +0 -0
package/build/cjs/remove-all.js
CHANGED
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RemoveAll = void 0;
|
|
7
|
-
|
|
8
7
|
var _button = require("@dhis2-ui/button");
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _icons = require("./icons.js");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const RemoveAll = _ref => {
|
|
19
13
|
let {
|
|
20
14
|
label,
|
|
@@ -28,11 +22,10 @@ const RemoveAll = _ref => {
|
|
|
28
22
|
onClick: onClick,
|
|
29
23
|
icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveAll, {
|
|
30
24
|
disabled: disabled,
|
|
31
|
-
dataTest:
|
|
25
|
+
dataTest: `${dataTest}-iconremoveall`
|
|
32
26
|
})
|
|
33
27
|
}, label);
|
|
34
28
|
};
|
|
35
|
-
|
|
36
29
|
exports.RemoveAll = RemoveAll;
|
|
37
30
|
RemoveAll.propTypes = {
|
|
38
31
|
dataTest: _propTypes.default.string.isRequired,
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RemoveIndividual = void 0;
|
|
7
|
-
|
|
8
7
|
var _button = require("@dhis2-ui/button");
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _icons = require("./icons.js");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const RemoveIndividual = _ref => {
|
|
19
13
|
let {
|
|
20
14
|
label,
|
|
@@ -28,11 +22,10 @@ const RemoveIndividual = _ref => {
|
|
|
28
22
|
onClick: onClick,
|
|
29
23
|
icon: /*#__PURE__*/_react.default.createElement(_icons.IconRemoveIndividual, {
|
|
30
24
|
disabled: disabled,
|
|
31
|
-
dataTest:
|
|
25
|
+
dataTest: `${dataTest}-iconremoveindividual`
|
|
32
26
|
})
|
|
33
27
|
}, label);
|
|
34
28
|
};
|
|
35
|
-
|
|
36
29
|
exports.RemoveIndividual = RemoveIndividual;
|
|
37
30
|
RemoveIndividual.propTypes = {
|
|
38
31
|
dataTest: _propTypes.default.string.isRequired,
|
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ReorderingActions = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
|
-
var _button = require("@dhis2-ui/button");
|
|
11
|
-
|
|
12
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
13
|
-
|
|
9
|
+
var _button = require("@dhis2-ui/button");
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var _icons = require("./icons.js");
|
|
19
|
-
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
14
|
const ReorderingActions = _ref => {
|
|
23
15
|
let {
|
|
24
16
|
dataTest,
|
|
@@ -34,26 +26,25 @@ const ReorderingActions = _ref => {
|
|
|
34
26
|
small: true,
|
|
35
27
|
disabled: disabledDown,
|
|
36
28
|
onClick: () => !disabledDown && onChangeDown(event),
|
|
37
|
-
dataTest:
|
|
29
|
+
dataTest: `${dataTest}-buttonmovedown`,
|
|
38
30
|
icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
|
|
39
|
-
dataTest:
|
|
31
|
+
dataTest: `${dataTest}-iconmovedown`,
|
|
40
32
|
disabled: disabledDown
|
|
41
33
|
})
|
|
42
34
|
}), /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
43
35
|
small: true,
|
|
44
36
|
disabled: disabledUp,
|
|
45
37
|
onClick: () => !disabledUp && onChangeUp(event),
|
|
46
|
-
dataTest:
|
|
38
|
+
dataTest: `${dataTest}-buttonmoveup`,
|
|
47
39
|
icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
|
|
48
|
-
dataTest:
|
|
40
|
+
dataTest: `${dataTest}-iconmoveup`,
|
|
49
41
|
disabled: disabledUp
|
|
50
42
|
})
|
|
51
43
|
}), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
52
44
|
id: "874845231",
|
|
53
45
|
dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
|
|
54
|
-
}, [
|
|
46
|
+
}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:last-child{padding-bottom:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector>button:first-child{margin-inline-start:${_uiConstants.spacers.dp8};}`]));
|
|
55
47
|
};
|
|
56
|
-
|
|
57
48
|
exports.ReorderingActions = ReorderingActions;
|
|
58
49
|
ReorderingActions.propTypes = {
|
|
59
50
|
dataTest: _propTypes.default.string.isRequired,
|
|
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RightFooter = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _index = require("./common/index.js");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
const RightFooter = _ref => {
|
|
21
14
|
let {
|
|
22
15
|
children,
|
|
@@ -28,9 +21,8 @@ const RightFooter = _ref => {
|
|
|
28
21
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
29
22
|
id: "3629116366",
|
|
30
23
|
dynamic: [_index.borderColor, _uiConstants.spacers.dp8]
|
|
31
|
-
}, [
|
|
24
|
+
}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${borderColor};padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
32
25
|
};
|
|
33
|
-
|
|
34
26
|
exports.RightFooter = RightFooter;
|
|
35
27
|
RightFooter.propTypes = {
|
|
36
28
|
children: _propTypes.default.node,
|
|
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RightHeader = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _index = require("./common/index.js");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
const RightHeader = _ref => {
|
|
21
14
|
let {
|
|
22
15
|
children,
|
|
@@ -28,9 +21,8 @@ const RightHeader = _ref => {
|
|
|
28
21
|
}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
29
22
|
id: "2175954399",
|
|
30
23
|
dynamic: [_index.borderColor, _uiConstants.spacers.dp8]
|
|
31
|
-
}, [
|
|
24
|
+
}, [`div.__jsx-style-dynamic-selector{border-bottom:1px solid ${borderColor};-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ${_uiConstants.spacers.dp8};}`]));
|
|
32
25
|
};
|
|
33
|
-
|
|
34
26
|
exports.RightHeader = RightHeader;
|
|
35
27
|
RightHeader.propTypes = {
|
|
36
28
|
children: _propTypes.default.node,
|
package/build/cjs/right-side.js
CHANGED
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.RightSide = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _index = require("./common/index.js");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
12
|
const RightSide = _ref => {
|
|
19
13
|
let {
|
|
20
14
|
children,
|
|
@@ -32,9 +26,8 @@ const RightSide = _ref => {
|
|
|
32
26
|
'', /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
33
27
|
id: "1391448013",
|
|
34
28
|
dynamic: [_index.backgroundColor, _index.borderColor, _index.borderRadius, width]
|
|
35
|
-
}, [
|
|
29
|
+
}, [`div.__jsx-style-dynamic-selector{background-color:${backgroundColor};border:1px solid ${borderColor};border-radius:${borderRadius};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;width:${width};}`]));
|
|
36
30
|
};
|
|
37
|
-
|
|
38
31
|
exports.RightSide = RightSide;
|
|
39
32
|
RightSide.propTypes = {
|
|
40
33
|
width: _propTypes.default.string.isRequired,
|
|
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SourceOptions = void 0;
|
|
7
|
-
|
|
8
7
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
|
-
|
|
10
8
|
var _uiConstants = require("@dhis2/ui-constants");
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _endIntersectionDetector = require("./end-intersection-detector.js");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
const SourceOptions = _ref => {
|
|
21
14
|
let {
|
|
22
15
|
children,
|
|
@@ -37,9 +30,8 @@ const SourceOptions = _ref => {
|
|
|
37
30
|
})), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
38
31
|
id: "392419471",
|
|
39
32
|
dynamic: [_uiConstants.spacers.dp4]
|
|
40
|
-
}, [
|
|
33
|
+
}, [`.container.__jsx-style-dynamic-selector{padding:${_uiConstants.spacers.dp4} 0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}`, ".content-container.__jsx-style-dynamic-selector{position:relative;}"]));
|
|
41
34
|
};
|
|
42
|
-
|
|
43
35
|
exports.SourceOptions = SourceOptions;
|
|
44
36
|
SourceOptions.propTypes = {
|
|
45
37
|
dataTest: _propTypes.default.string.isRequired,
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.addAllSelectableSourceOptions = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {Object[]} args.sourceOptions
|
|
@@ -27,17 +26,17 @@ const addAllSelectableSourceOptions = _ref => {
|
|
|
27
26
|
return !disabled;
|
|
28
27
|
});
|
|
29
28
|
const newSelected = enabledSourceOptions.reduce((accumulatedSelected, enabledSourceOption) => [...accumulatedSelected, enabledSourceOption.value], selected);
|
|
30
|
-
setHighlightedSourceOptions([]);
|
|
29
|
+
setHighlightedSourceOptions([]);
|
|
30
|
+
|
|
31
|
+
// If we ever allow maxSelection to be any value
|
|
31
32
|
// other than 1 and Infinity, we need to think
|
|
32
33
|
// about how this should behave:
|
|
33
34
|
//
|
|
34
35
|
// Either we hide this button when it's not "Infinity",
|
|
35
36
|
// or we have to decide whether we want to take the first
|
|
36
37
|
// nth options or the last
|
|
37
|
-
|
|
38
38
|
onChange({
|
|
39
39
|
selected: newSelected
|
|
40
40
|
});
|
|
41
41
|
};
|
|
42
|
-
|
|
43
42
|
exports.addAllSelectableSourceOptions = addAllSelectableSourceOptions;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.addIndividualSourceOptions = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {bool} args.filterable
|
|
@@ -25,7 +24,6 @@ const addIndividualSourceOptions = _ref => {
|
|
|
25
24
|
selected,
|
|
26
25
|
setHighlightedSourceOptions
|
|
27
26
|
} = _ref;
|
|
28
|
-
|
|
29
27
|
/**
|
|
30
28
|
* Creates a subset of the highlighted options to reflect a changed
|
|
31
29
|
* filter value in case previously highlighted options are now
|
|
@@ -40,16 +38,15 @@ const addIndividualSourceOptions = _ref => {
|
|
|
40
38
|
const filteredHighlightedSourceOptions = filterable ? highlightedSourceOptions.filter(value => sourceOptions.find(filteredOption => filteredOption.value === value)) : highlightedSourceOptions;
|
|
41
39
|
const newSelected = filteredHighlightedSourceOptions.reduce((accumulatedSelected, value) => [...accumulatedSelected, filteredHighlightedSourceOptions.find(filteredHighlightedSourceOption => filteredHighlightedSourceOption === value)], selected);
|
|
42
40
|
setHighlightedSourceOptions([]);
|
|
41
|
+
|
|
43
42
|
/**
|
|
44
43
|
* This will extract from the end, hence the "-1 *"
|
|
45
44
|
* As the "newest" additions are always at the end of the array,
|
|
46
45
|
* it's safe to just take the last nth (depending on maxSelection)
|
|
47
46
|
* to always get the right ones
|
|
48
47
|
*/
|
|
49
|
-
|
|
50
48
|
onChange({
|
|
51
49
|
selected: newSelected.slice(-1 * maxSelections)
|
|
52
50
|
});
|
|
53
51
|
};
|
|
54
|
-
|
|
55
52
|
exports.addIndividualSourceOptions = addIndividualSourceOptions;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createDoubleClickHandlers = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {number} args.maxSelections
|
|
@@ -22,7 +21,6 @@ const createDoubleClickHandlers = _ref => {
|
|
|
22
21
|
setHighlightedPickedOptions,
|
|
23
22
|
setHighlightedSourceOptions
|
|
24
23
|
} = _ref;
|
|
25
|
-
|
|
26
24
|
const selectSingleOption = _ref2 => {
|
|
27
25
|
let {
|
|
28
26
|
value
|
|
@@ -33,7 +31,6 @@ const createDoubleClickHandlers = _ref => {
|
|
|
33
31
|
selected: newSelected.slice(-1 * maxSelections)
|
|
34
32
|
});
|
|
35
33
|
};
|
|
36
|
-
|
|
37
34
|
const deselectSingleOption = _ref3 => {
|
|
38
35
|
let {
|
|
39
36
|
value
|
|
@@ -44,11 +41,9 @@ const createDoubleClickHandlers = _ref => {
|
|
|
44
41
|
selected: newSelected
|
|
45
42
|
});
|
|
46
43
|
};
|
|
47
|
-
|
|
48
44
|
return {
|
|
49
45
|
selectSingleOption,
|
|
50
46
|
deselectSingleOption
|
|
51
47
|
};
|
|
52
48
|
};
|
|
53
|
-
|
|
54
49
|
exports.createDoubleClickHandlers = createDoubleClickHandlers;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.defaultFilterCallback = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object[]} options
|
|
10
9
|
* @param {string} filter
|
|
@@ -16,5 +15,4 @@ const defaultFilterCallback = (options, filter) => filter === '' ? options : opt
|
|
|
16
15
|
} = _ref;
|
|
17
16
|
return label.match(new RegExp(filter, 'i'));
|
|
18
17
|
});
|
|
19
|
-
|
|
20
18
|
exports.defaultFilterCallback = defaultFilterCallback;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getOptionClickHandlers = void 0;
|
|
7
|
-
|
|
8
7
|
var _index = require("../common/index.js");
|
|
9
|
-
|
|
10
8
|
/**
|
|
11
9
|
* @param {Object} option
|
|
12
10
|
* @param {Function} selectionHandler
|
|
@@ -23,5 +21,4 @@ const getOptionClickHandlers = (option, selectionHandler, toggleHighlightedOptio
|
|
|
23
21
|
},
|
|
24
22
|
onDoubleClick: selectionHandler
|
|
25
23
|
});
|
|
26
|
-
|
|
27
24
|
exports.getOptionClickHandlers = getOptionClickHandlers;
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
var _addAllSelectableSourceOptions = require("./add-all-selectable-source-options.js");
|
|
8
|
-
|
|
9
7
|
Object.keys(_addAllSelectableSourceOptions).forEach(function (key) {
|
|
10
8
|
if (key === "default" || key === "__esModule") return;
|
|
11
9
|
if (key in exports && exports[key] === _addAllSelectableSourceOptions[key]) return;
|
|
@@ -16,9 +14,7 @@ Object.keys(_addAllSelectableSourceOptions).forEach(function (key) {
|
|
|
16
14
|
}
|
|
17
15
|
});
|
|
18
16
|
});
|
|
19
|
-
|
|
20
17
|
var _addIndividualSourceOptions = require("./add-individual-source-options.js");
|
|
21
|
-
|
|
22
18
|
Object.keys(_addIndividualSourceOptions).forEach(function (key) {
|
|
23
19
|
if (key === "default" || key === "__esModule") return;
|
|
24
20
|
if (key in exports && exports[key] === _addIndividualSourceOptions[key]) return;
|
|
@@ -29,9 +25,7 @@ Object.keys(_addIndividualSourceOptions).forEach(function (key) {
|
|
|
29
25
|
}
|
|
30
26
|
});
|
|
31
27
|
});
|
|
32
|
-
|
|
33
28
|
var _createDoubleClickHandlers = require("./create-double-click-handlers.js");
|
|
34
|
-
|
|
35
29
|
Object.keys(_createDoubleClickHandlers).forEach(function (key) {
|
|
36
30
|
if (key === "default" || key === "__esModule") return;
|
|
37
31
|
if (key in exports && exports[key] === _createDoubleClickHandlers[key]) return;
|
|
@@ -42,9 +36,7 @@ Object.keys(_createDoubleClickHandlers).forEach(function (key) {
|
|
|
42
36
|
}
|
|
43
37
|
});
|
|
44
38
|
});
|
|
45
|
-
|
|
46
39
|
var _defaultFilterCallback = require("./default-filter-callback.js");
|
|
47
|
-
|
|
48
40
|
Object.keys(_defaultFilterCallback).forEach(function (key) {
|
|
49
41
|
if (key === "default" || key === "__esModule") return;
|
|
50
42
|
if (key in exports && exports[key] === _defaultFilterCallback[key]) return;
|
|
@@ -55,9 +47,7 @@ Object.keys(_defaultFilterCallback).forEach(function (key) {
|
|
|
55
47
|
}
|
|
56
48
|
});
|
|
57
49
|
});
|
|
58
|
-
|
|
59
50
|
var _getOptionClickHandlers = require("./get-option-click-handlers.js");
|
|
60
|
-
|
|
61
51
|
Object.keys(_getOptionClickHandlers).forEach(function (key) {
|
|
62
52
|
if (key === "default" || key === "__esModule") return;
|
|
63
53
|
if (key in exports && exports[key] === _getOptionClickHandlers[key]) return;
|
|
@@ -68,9 +58,7 @@ Object.keys(_getOptionClickHandlers).forEach(function (key) {
|
|
|
68
58
|
}
|
|
69
59
|
});
|
|
70
60
|
});
|
|
71
|
-
|
|
72
61
|
var _isReorderDownDisabled = require("./is-reorder-down-disabled.js");
|
|
73
|
-
|
|
74
62
|
Object.keys(_isReorderDownDisabled).forEach(function (key) {
|
|
75
63
|
if (key === "default" || key === "__esModule") return;
|
|
76
64
|
if (key in exports && exports[key] === _isReorderDownDisabled[key]) return;
|
|
@@ -81,9 +69,7 @@ Object.keys(_isReorderDownDisabled).forEach(function (key) {
|
|
|
81
69
|
}
|
|
82
70
|
});
|
|
83
71
|
});
|
|
84
|
-
|
|
85
72
|
var _isReorderUpDisabled = require("./is-reorder-up-disabled.js");
|
|
86
|
-
|
|
87
73
|
Object.keys(_isReorderUpDisabled).forEach(function (key) {
|
|
88
74
|
if (key === "default" || key === "__esModule") return;
|
|
89
75
|
if (key in exports && exports[key] === _isReorderUpDisabled[key]) return;
|
|
@@ -94,9 +80,7 @@ Object.keys(_isReorderUpDisabled).forEach(function (key) {
|
|
|
94
80
|
}
|
|
95
81
|
});
|
|
96
82
|
});
|
|
97
|
-
|
|
98
83
|
var _moveHighlightedPickedOptionDown = require("./move-highlighted-picked-option-down.js");
|
|
99
|
-
|
|
100
84
|
Object.keys(_moveHighlightedPickedOptionDown).forEach(function (key) {
|
|
101
85
|
if (key === "default" || key === "__esModule") return;
|
|
102
86
|
if (key in exports && exports[key] === _moveHighlightedPickedOptionDown[key]) return;
|
|
@@ -107,9 +91,7 @@ Object.keys(_moveHighlightedPickedOptionDown).forEach(function (key) {
|
|
|
107
91
|
}
|
|
108
92
|
});
|
|
109
93
|
});
|
|
110
|
-
|
|
111
94
|
var _moveHighlightedPickedOptionUp = require("./move-highlighted-picked-option-up.js");
|
|
112
|
-
|
|
113
95
|
Object.keys(_moveHighlightedPickedOptionUp).forEach(function (key) {
|
|
114
96
|
if (key === "default" || key === "__esModule") return;
|
|
115
97
|
if (key in exports && exports[key] === _moveHighlightedPickedOptionUp[key]) return;
|
|
@@ -120,9 +102,7 @@ Object.keys(_moveHighlightedPickedOptionUp).forEach(function (key) {
|
|
|
120
102
|
}
|
|
121
103
|
});
|
|
122
104
|
});
|
|
123
|
-
|
|
124
105
|
var _removeAllPickedOptions = require("./remove-all-picked-options.js");
|
|
125
|
-
|
|
126
106
|
Object.keys(_removeAllPickedOptions).forEach(function (key) {
|
|
127
107
|
if (key === "default" || key === "__esModule") return;
|
|
128
108
|
if (key in exports && exports[key] === _removeAllPickedOptions[key]) return;
|
|
@@ -133,9 +113,7 @@ Object.keys(_removeAllPickedOptions).forEach(function (key) {
|
|
|
133
113
|
}
|
|
134
114
|
});
|
|
135
115
|
});
|
|
136
|
-
|
|
137
116
|
var _removeIndividualPickedOptions = require("./remove-individual-picked-options.js");
|
|
138
|
-
|
|
139
117
|
Object.keys(_removeIndividualPickedOptions).forEach(function (key) {
|
|
140
118
|
if (key === "default" || key === "__esModule") return;
|
|
141
119
|
if (key in exports && exports[key] === _removeIndividualPickedOptions[key]) return;
|
|
@@ -146,9 +124,7 @@ Object.keys(_removeIndividualPickedOptions).forEach(function (key) {
|
|
|
146
124
|
}
|
|
147
125
|
});
|
|
148
126
|
});
|
|
149
|
-
|
|
150
127
|
var _useFilter = require("./use-filter.js");
|
|
151
|
-
|
|
152
128
|
Object.keys(_useFilter).forEach(function (key) {
|
|
153
129
|
if (key === "default" || key === "__esModule") return;
|
|
154
130
|
if (key in exports && exports[key] === _useFilter[key]) return;
|
|
@@ -159,9 +135,7 @@ Object.keys(_useFilter).forEach(function (key) {
|
|
|
159
135
|
}
|
|
160
136
|
});
|
|
161
137
|
});
|
|
162
|
-
|
|
163
138
|
var _useHighlightedOptions = require("./use-highlighted-options.js");
|
|
164
|
-
|
|
165
139
|
Object.keys(_useHighlightedOptions).forEach(function (key) {
|
|
166
140
|
if (key === "default" || key === "__esModule") return;
|
|
167
141
|
if (key in exports && exports[key] === _useHighlightedOptions[key]) return;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isReorderDownDisabled = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {string} args.highlightedPickedOptions
|
|
@@ -16,10 +15,11 @@ const isReorderDownDisabled = _ref => {
|
|
|
16
15
|
highlightedPickedOptions,
|
|
17
16
|
selected
|
|
18
17
|
} = _ref;
|
|
19
|
-
return (
|
|
20
|
-
|
|
18
|
+
return (
|
|
19
|
+
// only one item can be moved with the buttons
|
|
20
|
+
highlightedPickedOptions.length !== 1 ||
|
|
21
|
+
// can't move an item down if it's the last one
|
|
21
22
|
selected.indexOf(highlightedPickedOptions[0]) === selected.length - 1
|
|
22
23
|
);
|
|
23
24
|
};
|
|
24
|
-
|
|
25
25
|
exports.isReorderDownDisabled = isReorderDownDisabled;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isReorderUpDisabled = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {string} args.highlightedPickedOptions
|
|
@@ -16,10 +15,11 @@ const isReorderUpDisabled = _ref => {
|
|
|
16
15
|
highlightedPickedOptions,
|
|
17
16
|
selected
|
|
18
17
|
} = _ref;
|
|
19
|
-
return (
|
|
20
|
-
|
|
18
|
+
return (
|
|
19
|
+
// only one item can be moved with the buttons
|
|
20
|
+
highlightedPickedOptions.length !== 1 ||
|
|
21
|
+
// can't move an item up if it's the first one
|
|
21
22
|
selected.indexOf(highlightedPickedOptions[0]) === 0
|
|
22
23
|
);
|
|
23
24
|
};
|
|
24
|
-
|
|
25
25
|
exports.isReorderUpDisabled = isReorderUpDisabled;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.moveHighlightedPickedOptionDown = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {string[]} args.selected
|
|
@@ -18,17 +17,17 @@ const moveHighlightedPickedOptionDown = _ref => {
|
|
|
18
17
|
highlightedPickedOptions,
|
|
19
18
|
onChange
|
|
20
19
|
} = _ref;
|
|
21
|
-
const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]);
|
|
20
|
+
const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]);
|
|
22
21
|
|
|
22
|
+
// Can't move down last or non-existing option
|
|
23
23
|
if (optionIndex === -1 || optionIndex > selected.length - 2) {
|
|
24
24
|
return;
|
|
25
|
-
}
|
|
26
|
-
|
|
25
|
+
}
|
|
27
26
|
|
|
27
|
+
// swap with next item
|
|
28
28
|
const reordered = [...selected.slice(0, optionIndex), selected[optionIndex + 1], selected[optionIndex], ...selected.slice(optionIndex + 2)];
|
|
29
29
|
onChange({
|
|
30
30
|
selected: reordered
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
|
-
|
|
34
33
|
exports.moveHighlightedPickedOptionDown = moveHighlightedPickedOptionDown;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.moveHighlightedPickedOptionUp = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {string[]} args.selected
|
|
@@ -18,17 +17,17 @@ const moveHighlightedPickedOptionUp = _ref => {
|
|
|
18
17
|
highlightedPickedOptions,
|
|
19
18
|
onChange
|
|
20
19
|
} = _ref;
|
|
21
|
-
const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]);
|
|
20
|
+
const optionIndex = selected.findIndex(selectedOption => selectedOption === highlightedPickedOptions[0]);
|
|
22
21
|
|
|
22
|
+
// Can't move up option at index 0 or non-existing option
|
|
23
23
|
if (optionIndex < 1) {
|
|
24
24
|
return;
|
|
25
|
-
}
|
|
26
|
-
|
|
25
|
+
}
|
|
27
26
|
|
|
27
|
+
// swap with previous item
|
|
28
28
|
const reordered = [...selected.slice(0, optionIndex - 1), selected[optionIndex], selected[optionIndex - 1], ...selected.slice(optionIndex + 1)];
|
|
29
29
|
onChange({
|
|
30
30
|
selected: reordered
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
|
-
|
|
34
33
|
exports.moveHighlightedPickedOptionUp = moveHighlightedPickedOptionUp;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.removeAllPickedOptions = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {Function} args.setHighlightedPickedOptions
|
|
@@ -21,5 +20,4 @@ const removeAllPickedOptions = _ref => {
|
|
|
21
20
|
selected: []
|
|
22
21
|
});
|
|
23
22
|
};
|
|
24
|
-
|
|
25
23
|
exports.removeAllPickedOptions = removeAllPickedOptions;
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.removeIndividualPickedOptions = void 0;
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* @param {Object} args
|
|
10
9
|
* @param {string[]} args.highlightedPickedOptions
|
|
@@ -22,7 +21,6 @@ const removeIndividualPickedOptions = _ref => {
|
|
|
22
21
|
selected,
|
|
23
22
|
setHighlightedPickedOptions
|
|
24
23
|
} = _ref;
|
|
25
|
-
|
|
26
24
|
/**
|
|
27
25
|
* Creates a subset of the highlighted options to reflect a changed
|
|
28
26
|
* filter value in case previously highlighted options are now
|
|
@@ -37,15 +35,14 @@ const removeIndividualPickedOptions = _ref => {
|
|
|
37
35
|
const filteredHighlightedPickedOptions = filterablePicked ? highlightedPickedOptions.filter(value => pickedOptions.find(filteredOption => filteredOption.value === value)) : highlightedPickedOptions;
|
|
38
36
|
const newSelected = selected.filter(selectedOption => !filteredHighlightedPickedOptions.includes(selectedOption));
|
|
39
37
|
setHighlightedPickedOptions([]);
|
|
38
|
+
|
|
40
39
|
/**
|
|
41
40
|
* as the maximum amount of selected items
|
|
42
41
|
* is already restricted through the selection mechanism,
|
|
43
42
|
* there's no need to handle `maxSelection` here
|
|
44
43
|
*/
|
|
45
|
-
|
|
46
44
|
onChange({
|
|
47
45
|
selected: newSelected
|
|
48
46
|
});
|
|
49
47
|
};
|
|
50
|
-
|
|
51
48
|
exports.removeIndividualPickedOptions = removeIndividualPickedOptions;
|