@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.
Files changed (156) hide show
  1. package/build/cjs/__e2e__/{add_remove-highlighted-options.stories.e2e.js → add_remove-highlighted-options.e2e.stories.js} +2 -13
  2. package/build/cjs/__e2e__/common/options.js +2 -3
  3. package/build/cjs/__e2e__/common/stateful-decorator.js +3 -8
  4. package/build/cjs/__e2e__/{disabled-transfer-buttons.stories.e2e.js → disabled-transfer-buttons.e2e.stories.js} +4 -20
  5. package/build/cjs/__e2e__/{disabled-transfer-options.stories.e2e.js → disabled-transfer-options.e2e.stories.js} +4 -12
  6. package/build/cjs/__e2e__/{display-order.stories.e2e.js → display-order.e2e.stories.js} +2 -13
  7. package/build/cjs/__e2e__/{filter-options-list.stories.e2e.js → filter-options-list.e2e.stories.js} +3 -24
  8. package/build/cjs/__e2e__/{highlight-range-of-options.stories.e2e.js → highlight-range-of-options.e2e.stories.js} +2 -15
  9. package/build/cjs/__e2e__/{loading_lists.stories.e2e.js → loading_lists.e2e.stories.js} +2 -16
  10. package/build/cjs/__e2e__/{notify_at_end_of_list.stories.e2e.js → notify_at_end_of_list.e2e.stories.js} +2 -17
  11. package/build/cjs/__e2e__/{reorder-with-buttons.stories.e2e.js → reorder-with-buttons.e2e.stories.js} +2 -11
  12. package/build/cjs/__e2e__/{set_unset-highlighted-option.stories.e2e.js → set_unset-highlighted-option.e2e.stories.js} +2 -13
  13. package/build/cjs/__e2e__/{transferring-items.stories.e2e.js → transferring-items.e2e.stories.js} +2 -13
  14. package/build/cjs/__tests__/common.test.js +0 -1
  15. package/build/cjs/__tests__/helper/add-all-selectable-source-options.test.js +0 -1
  16. package/build/cjs/__tests__/helper/add-individual-source-options.test.js +0 -1
  17. package/build/cjs/__tests__/helper/default-filter-callback.test.js +0 -1
  18. package/build/cjs/__tests__/helper/is-reorder-down-disabled.test.js +0 -1
  19. package/build/cjs/__tests__/helper/is-reorder-up-disabled.test.js +0 -1
  20. package/build/cjs/__tests__/helper/move-highlighted-picked-option-down.test.js +0 -1
  21. package/build/cjs/__tests__/helper/move-highlighted-picked-option-up.test.js +0 -1
  22. package/build/cjs/__tests__/helper/remove-all-picked-options.test.js +0 -1
  23. package/build/cjs/__tests__/helper/remove-individual-picked-options.test.js +0 -1
  24. package/build/cjs/__tests__/helper/use-highlighted-option/create-toggle-highlighted-option.test.js +2 -9
  25. package/build/cjs/__tests__/helper/use-highlighted-option/toggle-add.test.js +0 -1
  26. package/build/cjs/__tests__/helper/use-highlighted-option/toggle-range.test.js +2 -3
  27. package/build/cjs/__tests__/helper/use-highlighted-option/toggle-replace.test.js +0 -1
  28. package/build/cjs/__tests__/helper/use-highlighted-option.test.js +1 -5
  29. package/build/cjs/__tests__/transfer.test.js +1 -5
  30. package/build/cjs/actions.js +2 -9
  31. package/build/cjs/add-all.js +2 -9
  32. package/build/cjs/add-individual.js +2 -9
  33. package/build/cjs/common/find-option-index.js +0 -3
  34. package/build/cjs/common/get-mode-by-modifier-key.js +2 -8
  35. package/build/cjs/common/index.js +0 -6
  36. package/build/cjs/common/is-option.js +0 -2
  37. package/build/cjs/common/modes.js +6 -9
  38. package/build/cjs/common/remove-option.js +0 -6
  39. package/build/cjs/common/styles.js +3 -8
  40. package/build/cjs/common/toggle-value.js +0 -4
  41. package/build/cjs/container.js +2 -8
  42. package/build/cjs/end-intersection-detector.js +1 -8
  43. package/build/cjs/features/add_remove-highlighted-options/index.js +0 -1
  44. package/build/cjs/features/common/index.js +0 -2
  45. package/build/cjs/features/disabled-transfer-buttons/index.js +0 -1
  46. package/build/cjs/features/disabled-transfer-options/index.js +0 -2
  47. package/build/cjs/features/display-order/index.js +6 -5
  48. package/build/cjs/features/filter-options-list/index.js +6 -8
  49. package/build/cjs/features/highlight-range-of-options/index.js +8 -5
  50. package/build/cjs/features/loading_lists/index.js +2 -3
  51. package/build/cjs/features/notify_at_end_of_list/index.js +1 -2
  52. package/build/cjs/features/reorder-with-buttons/index.js +3 -3
  53. package/build/cjs/features/set_unset-highlighted-option/index.js +0 -2
  54. package/build/cjs/features/transferring-items/index.js +6 -6
  55. package/build/cjs/filter.js +5 -14
  56. package/build/cjs/icons.js +17 -35
  57. package/build/cjs/index.js +0 -2
  58. package/build/cjs/left-footer.js +2 -10
  59. package/build/cjs/left-header.js +2 -10
  60. package/build/cjs/left-side.js +2 -9
  61. package/build/cjs/options-container.js +9 -20
  62. package/build/cjs/picked-options.js +2 -10
  63. package/build/cjs/remove-all.js +2 -9
  64. package/build/cjs/remove-individual.js +2 -9
  65. package/build/cjs/reordering-actions.js +7 -16
  66. package/build/cjs/right-footer.js +2 -10
  67. package/build/cjs/right-header.js +2 -10
  68. package/build/cjs/right-side.js +2 -9
  69. package/build/cjs/source-options.js +2 -10
  70. package/build/cjs/transfer/add-all-selectable-source-options.js +3 -4
  71. package/build/cjs/transfer/add-individual-source-options.js +1 -4
  72. package/build/cjs/transfer/create-double-click-handlers.js +0 -5
  73. package/build/cjs/transfer/default-filter-callback.js +0 -2
  74. package/build/cjs/transfer/get-option-click-handlers.js +0 -3
  75. package/build/cjs/transfer/index.js +0 -26
  76. package/build/cjs/transfer/is-reorder-down-disabled.js +4 -4
  77. package/build/cjs/transfer/is-reorder-up-disabled.js +4 -4
  78. package/build/cjs/transfer/move-highlighted-picked-option-down.js +4 -5
  79. package/build/cjs/transfer/move-highlighted-picked-option-up.js +4 -5
  80. package/build/cjs/transfer/remove-all-picked-options.js +0 -2
  81. package/build/cjs/transfer/remove-individual-picked-options.js +1 -4
  82. package/build/cjs/transfer/use-filter.js +0 -4
  83. package/build/cjs/transfer/use-highlighted-options/create-toggle-highlighted-option.js +2 -12
  84. package/build/cjs/transfer/use-highlighted-options/toggle-add.js +0 -3
  85. package/build/cjs/transfer/use-highlighted-options/toggle-range.js +3 -8
  86. package/build/cjs/transfer/use-highlighted-options/toggle-replace.js +0 -4
  87. package/build/cjs/transfer/use-highlighted-options.js +0 -5
  88. package/build/cjs/transfer-option.js +4 -16
  89. package/build/cjs/transfer.js +29 -54
  90. package/build/cjs/{transfer.stories.js → transfer.prod.stories.js} +83 -103
  91. package/build/cjs/use-resize-counter.js +0 -4
  92. package/build/es/__e2e__/common/stateful-decorator.js +1 -2
  93. package/build/es/__e2e__/{disabled-transfer-buttons.stories.e2e.js → disabled-transfer-buttons.e2e.stories.js} +2 -1
  94. package/build/es/__e2e__/{disabled-transfer-options.stories.e2e.js → disabled-transfer-options.e2e.stories.js} +2 -1
  95. package/build/es/__e2e__/{filter-options-list.stories.e2e.js → filter-options-list.e2e.stories.js} +1 -3
  96. package/build/es/__tests__/helper/use-highlighted-option/create-toggle-highlighted-option.test.js +2 -1
  97. package/build/es/__tests__/helper/use-highlighted-option/toggle-range.test.js +2 -2
  98. package/build/es/__tests__/helper/use-highlighted-option.test.js +1 -1
  99. package/build/es/actions.js +1 -1
  100. package/build/es/add-all.js +1 -1
  101. package/build/es/add-individual.js +1 -1
  102. package/build/es/common/find-option-index.js +1 -1
  103. package/build/es/common/get-mode-by-modifier-key.js +3 -6
  104. package/build/es/common/modes.js +5 -4
  105. package/build/es/common/remove-option.js +1 -4
  106. package/build/es/common/toggle-value.js +0 -2
  107. package/build/es/container.js +1 -1
  108. package/build/es/features/display-order/index.js +6 -3
  109. package/build/es/features/filter-options-list/index.js +6 -6
  110. package/build/es/features/highlight-range-of-options/index.js +8 -3
  111. package/build/es/features/loading_lists/index.js +2 -2
  112. package/build/es/features/notify_at_end_of_list/index.js +1 -1
  113. package/build/es/features/reorder-with-buttons/index.js +3 -2
  114. package/build/es/features/transferring-items/index.js +6 -3
  115. package/build/es/filter.js +4 -4
  116. package/build/es/icons.js +16 -16
  117. package/build/es/left-footer.js +1 -1
  118. package/build/es/left-header.js +1 -1
  119. package/build/es/left-side.js +1 -1
  120. package/build/es/options-container.js +6 -5
  121. package/build/es/picked-options.js +1 -1
  122. package/build/es/remove-all.js +1 -1
  123. package/build/es/remove-individual.js +1 -1
  124. package/build/es/reordering-actions.js +6 -6
  125. package/build/es/right-footer.js +1 -1
  126. package/build/es/right-header.js +1 -1
  127. package/build/es/right-side.js +1 -1
  128. package/build/es/source-options.js +1 -1
  129. package/build/es/transfer/add-all-selectable-source-options.js +3 -2
  130. package/build/es/transfer/add-individual-source-options.js +1 -2
  131. package/build/es/transfer/create-double-click-handlers.js +0 -3
  132. package/build/es/transfer/get-option-click-handlers.js +1 -1
  133. package/build/es/transfer/is-reorder-down-disabled.js +4 -2
  134. package/build/es/transfer/is-reorder-up-disabled.js +4 -2
  135. package/build/es/transfer/move-highlighted-picked-option-down.js +4 -3
  136. package/build/es/transfer/move-highlighted-picked-option-up.js +4 -3
  137. package/build/es/transfer/remove-individual-picked-options.js +1 -2
  138. package/build/es/transfer/use-filter.js +0 -2
  139. package/build/es/transfer/use-highlighted-options/create-toggle-highlighted-option.js +3 -7
  140. package/build/es/transfer/use-highlighted-options/toggle-add.js +1 -1
  141. package/build/es/transfer/use-highlighted-options/toggle-range.js +4 -6
  142. package/build/es/transfer/use-highlighted-options/toggle-replace.js +0 -2
  143. package/build/es/transfer/use-highlighted-options.js +1 -2
  144. package/build/es/transfer-option.js +1 -2
  145. package/build/es/transfer.js +28 -32
  146. package/build/es/{transfer.stories.js → transfer.prod.stories.js} +65 -50
  147. package/build/es/use-resize-counter.js +1 -2
  148. package/package.json +10 -10
  149. /package/build/es/__e2e__/{add_remove-highlighted-options.stories.e2e.js → add_remove-highlighted-options.e2e.stories.js} +0 -0
  150. /package/build/es/__e2e__/{display-order.stories.e2e.js → display-order.e2e.stories.js} +0 -0
  151. /package/build/es/__e2e__/{highlight-range-of-options.stories.e2e.js → highlight-range-of-options.e2e.stories.js} +0 -0
  152. /package/build/es/__e2e__/{loading_lists.stories.e2e.js → loading_lists.e2e.stories.js} +0 -0
  153. /package/build/es/__e2e__/{notify_at_end_of_list.stories.e2e.js → notify_at_end_of_list.e2e.stories.js} +0 -0
  154. /package/build/es/__e2e__/{reorder-with-buttons.stories.e2e.js → reorder-with-buttons.e2e.stories.js} +0 -0
  155. /package/build/es/__e2e__/{set_unset-highlighted-option.stories.e2e.js → set_unset-highlighted-option.e2e.stories.js} +0 -0
  156. /package/build/es/__e2e__/{transferring-items.stories.e2e.js → transferring-items.e2e.stories.js} +0 -0
@@ -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: "".concat(dataTest, "-iconremoveall")
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: "".concat(dataTest, "-iconremoveindividual")
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: "".concat(dataTest, "-buttonmovedown"),
29
+ dataTest: `${dataTest}-buttonmovedown`,
38
30
  icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveDown, {
39
- dataTest: "".concat(dataTest, "-iconmovedown"),
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: "".concat(dataTest, "-buttonmoveup"),
38
+ dataTest: `${dataTest}-buttonmoveup`,
47
39
  icon: /*#__PURE__*/_react.default.createElement(_icons.IconMoveUp, {
48
- dataTest: "".concat(dataTest, "-iconmoveup"),
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
- }, ["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:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-inline-start:".concat(_uiConstants.spacers.dp8, ";}")]));
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
- }, ["div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ".concat(borderColor, ";padding:0 ").concat(_uiConstants.spacers.dp8, ";}")]));
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
- }, ["div.__jsx-style-dynamic-selector{border-bottom:1px solid ".concat(borderColor, ";-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;padding:0 ").concat(_uiConstants.spacers.dp8, ";}")]));
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,
@@ -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
- }, ["div.__jsx-style-dynamic-selector{background-color:".concat(backgroundColor, ";border:1px solid ").concat(borderColor, ";border-radius:").concat(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:").concat(width, ";}")]));
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
- }, [".container.__jsx-style-dynamic-selector{padding:".concat(_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;}"]));
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([]); // If we ever allow maxSelection to be any value
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 (// only one item can be moved with the buttons
20
- highlightedPickedOptions.length !== 1 || // can't move an item down if it's the last one
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 (// only one item can be moved with the buttons
20
- highlightedPickedOptions.length !== 1 || // can't move an item up if it's the first one
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]); // Can't move down last or non-existing option
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
- } // swap with next item
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]); // Can't move up option at index 0 or non-existing option
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
- } // swap with previous item
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;