@dhis2-ui/transfer 10.16.3 → 10.16.5

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 (128) hide show
  1. package/build/cjs/__e2e__/add_remove-highlighted-options.e2e.stories.js +20 -29
  2. package/build/cjs/__e2e__/common/stateful-decorator.js +20 -28
  3. package/build/cjs/__e2e__/disabled-transfer-buttons.e2e.stories.js +49 -70
  4. package/build/cjs/__e2e__/disabled-transfer-options.e2e.stories.js +11 -14
  5. package/build/cjs/__e2e__/display-order.e2e.stories.js +19 -28
  6. package/build/cjs/__e2e__/filter-options-list.e2e.stories.js +72 -96
  7. package/build/cjs/__e2e__/highlight-range-of-options.e2e.stories.js +33 -48
  8. package/build/cjs/__e2e__/notify_at_end_of_list.e2e.stories.js +47 -67
  9. package/build/cjs/__e2e__/reorder-with-buttons.e2e.stories.js +15 -24
  10. package/build/cjs/__e2e__/set_unset-highlighted-option.e2e.stories.js +20 -29
  11. package/build/cjs/__e2e__/transferring-items.e2e.stories.js +19 -28
  12. package/build/cjs/__tests__/helper/use-highlighted-option/toggle-add.test.js +3 -6
  13. package/build/cjs/__tests__/helper/use-highlighted-option/toggle-range.test.js +24 -48
  14. package/build/cjs/__tests__/transfer.test.js +10 -18
  15. package/build/cjs/actions.js +10 -13
  16. package/build/cjs/add-all.js +14 -17
  17. package/build/cjs/add-individual.js +13 -16
  18. package/build/cjs/common/get-mode-by-modifier-key.js +6 -7
  19. package/build/cjs/container.js +12 -15
  20. package/build/cjs/end-intersection-detector.js +15 -21
  21. package/build/cjs/features/disabled-transfer-options/index.js +2 -4
  22. package/build/cjs/features/display-order/index.js +26 -47
  23. package/build/cjs/features/filter-options-list/index.js +3 -6
  24. package/build/cjs/features/highlight-range-of-options/index.js +5 -10
  25. package/build/cjs/features/notify_at_end_of_list/index.js +2 -4
  26. package/build/cjs/features/set_unset-highlighted-option/index.js +3 -6
  27. package/build/cjs/features/transferring-items/index.js +41 -75
  28. package/build/cjs/filter.js +24 -27
  29. package/build/cjs/icons.js +147 -171
  30. package/build/cjs/left-footer.js +10 -13
  31. package/build/cjs/left-header.js +10 -13
  32. package/build/cjs/left-side.js +16 -19
  33. package/build/cjs/locales/index.js +6 -1
  34. package/build/cjs/options-container.js +15 -17
  35. package/build/cjs/remove-all.js +13 -16
  36. package/build/cjs/remove-individual.js +13 -16
  37. package/build/cjs/reordering-actions.js +75 -82
  38. package/build/cjs/right-footer.js +10 -13
  39. package/build/cjs/right-header.js +10 -13
  40. package/build/cjs/right-side.js +16 -19
  41. package/build/cjs/transfer/add-all-selectable-source-options.js +9 -13
  42. package/build/cjs/transfer/add-individual-source-options.js +9 -10
  43. package/build/cjs/transfer/create-double-click-handlers.js +13 -16
  44. package/build/cjs/transfer/default-filter-callback.js +3 -6
  45. package/build/cjs/transfer/get-highlighted-picked-indices.js +4 -5
  46. package/build/cjs/transfer/is-reorder-down-disabled.js +5 -6
  47. package/build/cjs/transfer/is-reorder-up-disabled.js +5 -6
  48. package/build/cjs/transfer/move-highlighted-picked-option-down.js +5 -6
  49. package/build/cjs/transfer/move-highlighted-picked-option-to-bottom.js +5 -6
  50. package/build/cjs/transfer/move-highlighted-picked-option-to-top.js +5 -6
  51. package/build/cjs/transfer/move-highlighted-picked-option-up.js +5 -6
  52. package/build/cjs/transfer/remove-all-picked-options.js +4 -5
  53. package/build/cjs/transfer/remove-individual-picked-options.js +8 -9
  54. package/build/cjs/transfer/use-filter.js +7 -8
  55. package/build/cjs/transfer/use-highlighted-options/create-toggle-highlighted-option.js +39 -43
  56. package/build/cjs/transfer/use-highlighted-options/toggle-add.js +6 -7
  57. package/build/cjs/transfer/use-highlighted-options/toggle-range.js +11 -15
  58. package/build/cjs/transfer/use-highlighted-options/toggle-replace.js +5 -6
  59. package/build/cjs/transfer/use-highlighted-options.js +5 -6
  60. package/build/cjs/transfer/use-options-key-monitor.js +6 -7
  61. package/build/cjs/transfer-option.js +11 -13
  62. package/build/cjs/transfer.js +65 -85
  63. package/build/cjs/transfer.prod.stories.js +99 -146
  64. package/build/es/__e2e__/add_remove-highlighted-options.e2e.stories.js +20 -29
  65. package/build/es/__e2e__/common/stateful-decorator.js +19 -26
  66. package/build/es/__e2e__/disabled-transfer-buttons.e2e.stories.js +49 -70
  67. package/build/es/__e2e__/disabled-transfer-options.e2e.stories.js +11 -14
  68. package/build/es/__e2e__/display-order.e2e.stories.js +19 -28
  69. package/build/es/__e2e__/filter-options-list.e2e.stories.js +72 -96
  70. package/build/es/__e2e__/highlight-range-of-options.e2e.stories.js +33 -48
  71. package/build/es/__e2e__/notify_at_end_of_list.e2e.stories.js +46 -65
  72. package/build/es/__e2e__/reorder-with-buttons.e2e.stories.js +15 -24
  73. package/build/es/__e2e__/set_unset-highlighted-option.e2e.stories.js +20 -29
  74. package/build/es/__e2e__/transferring-items.e2e.stories.js +19 -28
  75. package/build/es/__tests__/helper/use-highlighted-option/toggle-add.test.js +3 -6
  76. package/build/es/__tests__/helper/use-highlighted-option/toggle-range.test.js +24 -48
  77. package/build/es/__tests__/transfer.test.js +10 -18
  78. package/build/es/actions.js +10 -13
  79. package/build/es/add-all.js +14 -17
  80. package/build/es/add-individual.js +13 -16
  81. package/build/es/common/get-mode-by-modifier-key.js +6 -7
  82. package/build/es/container.js +12 -15
  83. package/build/es/end-intersection-detector.js +15 -21
  84. package/build/es/features/disabled-transfer-options/index.js +2 -4
  85. package/build/es/features/display-order/index.js +26 -47
  86. package/build/es/features/filter-options-list/index.js +3 -6
  87. package/build/es/features/highlight-range-of-options/index.js +5 -10
  88. package/build/es/features/notify_at_end_of_list/index.js +2 -4
  89. package/build/es/features/set_unset-highlighted-option/index.js +3 -6
  90. package/build/es/features/transferring-items/index.js +41 -75
  91. package/build/es/filter.js +24 -27
  92. package/build/es/icons.js +147 -171
  93. package/build/es/left-footer.js +10 -13
  94. package/build/es/left-header.js +10 -13
  95. package/build/es/left-side.js +16 -19
  96. package/build/es/locales/index.js +6 -1
  97. package/build/es/options-container.js +14 -15
  98. package/build/es/remove-all.js +13 -16
  99. package/build/es/remove-individual.js +13 -16
  100. package/build/es/reordering-actions.js +75 -82
  101. package/build/es/right-footer.js +10 -13
  102. package/build/es/right-header.js +10 -13
  103. package/build/es/right-side.js +16 -19
  104. package/build/es/transfer/add-all-selectable-source-options.js +9 -13
  105. package/build/es/transfer/add-individual-source-options.js +9 -10
  106. package/build/es/transfer/create-double-click-handlers.js +13 -16
  107. package/build/es/transfer/default-filter-callback.js +3 -6
  108. package/build/es/transfer/get-highlighted-picked-indices.js +4 -5
  109. package/build/es/transfer/is-reorder-down-disabled.js +5 -6
  110. package/build/es/transfer/is-reorder-up-disabled.js +5 -6
  111. package/build/es/transfer/move-highlighted-picked-option-down.js +5 -6
  112. package/build/es/transfer/move-highlighted-picked-option-to-bottom.js +5 -6
  113. package/build/es/transfer/move-highlighted-picked-option-to-top.js +5 -6
  114. package/build/es/transfer/move-highlighted-picked-option-up.js +5 -6
  115. package/build/es/transfer/remove-all-picked-options.js +4 -5
  116. package/build/es/transfer/remove-individual-picked-options.js +8 -9
  117. package/build/es/transfer/use-filter.js +7 -8
  118. package/build/es/transfer/use-highlighted-options/create-toggle-highlighted-option.js +39 -43
  119. package/build/es/transfer/use-highlighted-options/toggle-add.js +6 -7
  120. package/build/es/transfer/use-highlighted-options/toggle-range.js +11 -15
  121. package/build/es/transfer/use-highlighted-options/toggle-replace.js +5 -6
  122. package/build/es/transfer/use-highlighted-options.js +5 -6
  123. package/build/es/transfer/use-options-key-monitor.js +6 -7
  124. package/build/es/transfer-option.js +10 -11
  125. package/build/es/transfer.js +64 -83
  126. package/build/es/transfer.prod.stories.js +98 -144
  127. package/package.json +8 -8
  128. package/src/locales/index.js +6 -1
@@ -13,38 +13,29 @@ var _default = exports.default = {
13
13
  title: 'Transfer add & remove highlighted options',
14
14
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
15
15
  };
16
- const HasOptions = (_, _ref) => {
17
- let {
18
- onChange,
19
- selected
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- filterable: true,
23
- selected: selected,
24
- onChange: onChange,
25
- options: _options.options
26
- });
27
- };
16
+ const HasOptions = (_, {
17
+ onChange,
18
+ selected
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ filterable: true,
21
+ selected: selected,
22
+ onChange: onChange,
23
+ options: _options.options
24
+ });
28
25
  exports.HasOptions = HasOptions;
29
- const HasSelected = (_, _ref2) => {
30
- let {
31
- onChange,
32
- selected
33
- } = _ref2;
34
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
35
- onChange: onChange,
36
- selected: selected,
37
- options: _options.options
38
- });
39
- };
26
+ const HasSelected = (_, {
27
+ onChange,
28
+ selected
29
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
30
+ onChange: onChange,
31
+ selected: selected,
32
+ options: _options.options
33
+ });
40
34
  exports.HasSelected = HasSelected;
41
35
  HasSelected.story = {
42
36
  decorators: [(0, _statefulDecorator.statefulDecorator)({
43
- initialState: _options.options.slice(0, 4).map(_ref3 => {
44
- let {
45
- value
46
- } = _ref3;
47
- return value;
48
- })
37
+ initialState: _options.options.slice(0, 4).map(({
38
+ value
39
+ }) => value)
49
40
  })]
50
41
  };
@@ -5,42 +5,34 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.statefulDecorator = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- 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); }
9
- 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 && {}.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; }
8
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
9
  /* eslint-disable react/display-name */
11
10
 
12
- const WithState = _ref => {
13
- let {
14
- fn,
15
- initialState,
16
- initialSearchTerm,
17
- controlFilter
18
- } = _ref;
11
+ const WithState = ({
12
+ fn,
13
+ initialState,
14
+ initialSearchTerm,
15
+ controlFilter
16
+ }) => {
19
17
  const [selected, setSelected] = (0, _react.useState)(initialState);
20
18
  const [searchTerm, setSearchTerm] = (0, _react.useState)(initialSearchTerm);
21
19
  return fn({
22
20
  selected,
23
21
  searchTerm: controlFilter ? searchTerm : undefined,
24
22
  onChange: payload => setSelected(payload.selected),
25
- onFilterChange: controlFilter ? _ref2 => {
26
- let {
27
- value
28
- } = _ref2;
29
- return setSearchTerm(value);
30
- } : undefined
31
- });
32
- };
33
- const statefulDecorator = function () {
34
- let {
35
- initialState = [],
36
- controlFilter = false,
37
- initialSearchTerm = ''
38
- } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
39
- return fn => /*#__PURE__*/_react.default.createElement(WithState, {
40
- initialState: initialState,
41
- initialSearchTerm: initialSearchTerm,
42
- controlFilter: controlFilter,
43
- fn: fn
23
+ onFilterChange: controlFilter ? ({
24
+ value
25
+ }) => setSearchTerm(value) : undefined
44
26
  });
45
27
  };
28
+ const statefulDecorator = ({
29
+ initialState = [],
30
+ controlFilter = false,
31
+ initialSearchTerm = ''
32
+ } = {}) => fn => /*#__PURE__*/_react.default.createElement(WithState, {
33
+ initialState: initialState,
34
+ initialSearchTerm: initialSearchTerm,
35
+ controlFilter: controlFilter,
36
+ fn: fn
37
+ });
46
38
  exports.statefulDecorator = statefulDecorator;
@@ -13,86 +13,65 @@ var _default = exports.default = {
13
13
  title: 'Transfer Disabled Transfer Buttons',
14
14
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
15
15
  };
16
- const NoOptions = (_, _ref) => {
17
- let {
18
- selected,
19
- onChange
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- selected: selected,
23
- onChange: onChange,
24
- options: []
25
- });
26
- };
16
+ const NoOptions = (_, {
17
+ selected,
18
+ onChange
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ selected: selected,
21
+ onChange: onChange,
22
+ options: []
23
+ });
27
24
  exports.NoOptions = NoOptions;
28
- const HasOptions = (_, _ref2) => {
29
- let {
30
- selected,
31
- onChange
32
- } = _ref2;
33
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
34
- selected: selected,
35
- onChange: onChange,
36
- options: _options.options
37
- });
38
- };
25
+ const HasOptions = (_, {
26
+ selected,
27
+ onChange
28
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
29
+ selected: selected,
30
+ onChange: onChange,
31
+ options: _options.options
32
+ });
39
33
  exports.HasOptions = HasOptions;
40
- const SomeOptionsSelected = (_, _ref3) => {
41
- let {
42
- selected,
43
- onChange
44
- } = _ref3;
45
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
46
- selected: selected,
47
- onChange: onChange,
48
- options: _options.options
49
- });
50
- };
34
+ const SomeOptionsSelected = (_, {
35
+ selected,
36
+ onChange
37
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
38
+ selected: selected,
39
+ onChange: onChange,
40
+ options: _options.options
41
+ });
51
42
  exports.SomeOptionsSelected = SomeOptionsSelected;
52
- const OnlyDisabledSourceOptions = (_, _ref4) => {
53
- let {
54
- selected,
55
- onChange
56
- } = _ref4;
57
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
58
- selected: selected,
59
- onChange: onChange,
60
- options: [{
61
- ..._options.options[0],
62
- disabled: true
63
- }]
64
- });
65
- };
43
+ const OnlyDisabledSourceOptions = (_, {
44
+ selected,
45
+ onChange
46
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
47
+ selected: selected,
48
+ onChange: onChange,
49
+ options: [{
50
+ ..._options.options[0],
51
+ disabled: true
52
+ }]
53
+ });
66
54
  exports.OnlyDisabledSourceOptions = OnlyDisabledSourceOptions;
67
55
  SomeOptionsSelected.story = {
68
56
  decorators: [(0, _statefulDecorator.statefulDecorator)({
69
- initialState: _options.options.slice(0, 4).map(_ref5 => {
70
- let {
71
- value
72
- } = _ref5;
73
- return value;
74
- })
57
+ initialState: _options.options.slice(0, 4).map(({
58
+ value
59
+ }) => value)
75
60
  })]
76
61
  };
77
- const AllOptionsSelected = (_, _ref6) => {
78
- let {
79
- selected,
80
- onChange
81
- } = _ref6;
82
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
83
- selected: selected,
84
- onChange: onChange,
85
- options: _options.options
86
- });
87
- };
62
+ const AllOptionsSelected = (_, {
63
+ selected,
64
+ onChange
65
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
66
+ selected: selected,
67
+ onChange: onChange,
68
+ options: _options.options
69
+ });
88
70
  exports.AllOptionsSelected = AllOptionsSelected;
89
71
  AllOptionsSelected.story = {
90
72
  decorators: [(0, _statefulDecorator.statefulDecorator)({
91
- initialState: _options.options.map(_ref7 => {
92
- let {
93
- value
94
- } = _ref7;
95
- return value;
96
- })
73
+ initialState: _options.options.map(({
74
+ value
75
+ }) => value)
97
76
  })]
98
77
  };
@@ -13,18 +13,15 @@ var _default = exports.default = {
13
13
  title: 'Disabled Source Options',
14
14
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
15
15
  };
16
- const OneDisabled = (_, _ref) => {
17
- let {
18
- selected,
19
- onChange
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- selected: selected,
23
- onChange: onChange,
24
- options: [..._options.options.slice(0, 3), {
25
- ..._options.options[3],
26
- disabled: true
27
- }, ..._options.options.slice(4)]
28
- });
29
- };
16
+ const OneDisabled = (_, {
17
+ selected,
18
+ onChange
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ selected: selected,
21
+ onChange: onChange,
22
+ options: [..._options.options.slice(0, 3), {
23
+ ..._options.options[3],
24
+ disabled: true
25
+ }, ..._options.options.slice(4)]
26
+ });
30
27
  exports.OneDisabled = OneDisabled;
@@ -13,37 +13,28 @@ var _default = exports.default = {
13
13
  title: 'Transfer Display Order'
14
14
  };
15
15
  window.options = _options.options;
16
- const NoSelection = (_, _ref) => {
17
- let {
18
- selected,
19
- onChange
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- selected: selected,
23
- onChange: onChange,
24
- options: _options.options
25
- });
26
- };
16
+ const NoSelection = (_, {
17
+ selected,
18
+ onChange
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ selected: selected,
21
+ onChange: onChange,
22
+ options: _options.options
23
+ });
27
24
  exports.NoSelection = NoSelection;
28
- const SomeSelected = (_, _ref2) => {
29
- let {
30
- selected,
31
- onChange
32
- } = _ref2;
33
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
34
- selected: selected,
35
- onChange: onChange,
36
- options: _options.options
37
- });
38
- };
25
+ const SomeSelected = (_, {
26
+ selected,
27
+ onChange
28
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
29
+ selected: selected,
30
+ onChange: onChange,
31
+ options: _options.options
32
+ });
39
33
  exports.SomeSelected = SomeSelected;
40
34
  SomeSelected.story = {
41
35
  decorators: [(0, _statefulDecorator.statefulDecorator)({
42
- initialState: _options.options.slice(0, 4).map(_ref3 => {
43
- let {
44
- value
45
- } = _ref3;
46
- return value;
47
- })
36
+ initialState: _options.options.slice(0, 4).map(({
37
+ value
38
+ }) => value)
48
39
  })]
49
40
  };
@@ -13,110 +13,86 @@ var _default = exports.default = {
13
13
  title: 'Transfer filtering',
14
14
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
15
15
  };
16
- const EmptyResult = (_, _ref) => {
17
- let {
18
- selected,
19
- onChange
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- filterable: true,
23
- initialSearchTerm: "Foobarbaz",
24
- selected: selected,
25
- onChange: onChange,
26
- sourceEmptyPlaceholder: /*#__PURE__*/_react.default.createElement("span", {
27
- "data-test": "no-results"
28
- }, "No results"),
29
- options: _options.options
30
- });
31
- };
16
+ const EmptyResult = (_, {
17
+ selected,
18
+ onChange
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ filterable: true,
21
+ initialSearchTerm: "Foobarbaz",
22
+ selected: selected,
23
+ onChange: onChange,
24
+ sourceEmptyPlaceholder: /*#__PURE__*/_react.default.createElement("span", {
25
+ "data-test": "no-results"
26
+ }, "No results"),
27
+ options: _options.options
28
+ });
32
29
  exports.EmptyResult = EmptyResult;
33
- const SomeResults = (_, _ref2) => {
34
- let {
35
- selected,
36
- onChange
37
- } = _ref2;
38
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
39
- selected: selected,
40
- filterable: true,
41
- initialSearchTerm: "ANC",
42
- onChange: onChange,
43
- options: _options.options
44
- });
45
- };
30
+ const SomeResults = (_, {
31
+ selected,
32
+ onChange
33
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
34
+ selected: selected,
35
+ filterable: true,
36
+ initialSearchTerm: "ANC",
37
+ onChange: onChange,
38
+ options: _options.options
39
+ });
46
40
  exports.SomeResults = SomeResults;
47
- const UppercaseSearch = (_, _ref3) => {
48
- let {
49
- selected,
50
- onChange
51
- } = _ref3;
52
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
53
- selected: selected,
54
- filterable: true,
55
- initialSearchTerm: "ANC",
56
- onChange: onChange,
57
- options: _options.options
58
- });
59
- };
41
+ const UppercaseSearch = (_, {
42
+ selected,
43
+ onChange
44
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
45
+ selected: selected,
46
+ filterable: true,
47
+ initialSearchTerm: "ANC",
48
+ onChange: onChange,
49
+ options: _options.options
50
+ });
60
51
  exports.UppercaseSearch = UppercaseSearch;
61
- const LowercaseSearch = (_, _ref4) => {
62
- let {
63
- selected,
64
- onChange
65
- } = _ref4;
66
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
67
- filterable: true,
68
- initialSearchTerm: "anc",
69
- selected: selected,
70
- onChange: onChange,
71
- options: _options.options
72
- });
73
- };
52
+ const LowercaseSearch = (_, {
53
+ selected,
54
+ onChange
55
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
56
+ filterable: true,
57
+ initialSearchTerm: "anc",
58
+ selected: selected,
59
+ onChange: onChange,
60
+ options: _options.options
61
+ });
74
62
  exports.LowercaseSearch = LowercaseSearch;
75
- const AncCustomFilter = (_, _ref5) => {
76
- let {
77
- selected,
78
- onChange
79
- } = _ref5;
80
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
81
- filterable: true,
82
- selected: selected,
83
- onChange: onChange,
84
- filterCallback: (options, filter) => options.filter(_ref6 => {
85
- let {
86
- label
87
- } = _ref6;
88
- return label.match(`(^| )ANC .*${filter}`);
89
- }),
90
- options: _options.options
91
- });
92
- };
63
+ const AncCustomFilter = (_, {
64
+ selected,
65
+ onChange
66
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
67
+ filterable: true,
68
+ selected: selected,
69
+ onChange: onChange,
70
+ filterCallback: (options, filter) => options.filter(({
71
+ label
72
+ }) => label.match(`(^| )ANC .*${filter}`)),
73
+ options: _options.options
74
+ });
93
75
  exports.AncCustomFilter = AncCustomFilter;
94
76
  window.customFilterCallback = (options, filter) => {
95
- return options.filter(_ref7 => {
96
- let {
97
- label
98
- } = _ref7;
99
- return label.indexOf(filter) !== -1;
100
- });
77
+ return options.filter(({
78
+ label
79
+ }) => label.indexOf(filter) !== -1);
101
80
  };
102
81
  window.Cypress && window.Cypress.cy.spy(window, 'customFilterCallback');
103
- const ControlledFilter = (_, _ref8) => {
104
- let {
105
- filter,
106
- onChange,
107
- onFilterChange,
108
- selected
109
- } = _ref8;
110
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
111
- selected: selected,
112
- onChange: onChange,
113
- filterable: true,
114
- filterCallback: window.customFilterCallback,
115
- searchTerm: filter,
116
- onFilterChange: onFilterChange,
117
- options: _options.options
118
- });
119
- };
82
+ const ControlledFilter = (_, {
83
+ filter,
84
+ onChange,
85
+ onFilterChange,
86
+ selected
87
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
88
+ selected: selected,
89
+ onChange: onChange,
90
+ filterable: true,
91
+ filterCallback: window.customFilterCallback,
92
+ searchTerm: filter,
93
+ onFilterChange: onFilterChange,
94
+ options: _options.options
95
+ });
120
96
  exports.ControlledFilter = ControlledFilter;
121
97
  ControlledFilter.story = {
122
98
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
@@ -13,62 +13,47 @@ var _default = exports.default = {
13
13
  title: 'Transfer highlight range of options',
14
14
  decorators: [(0, _statefulDecorator.statefulDecorator)()]
15
15
  };
16
- const HasOptions = (_, _ref) => {
17
- let {
18
- onChange,
19
- selected
20
- } = _ref;
21
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
22
- filterable: true,
23
- selected: selected,
24
- onChange: onChange,
25
- options: _options.options
26
- });
27
- };
16
+ const HasOptions = (_, {
17
+ onChange,
18
+ selected
19
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
20
+ filterable: true,
21
+ selected: selected,
22
+ onChange: onChange,
23
+ options: _options.options
24
+ });
28
25
  exports.HasOptions = HasOptions;
29
- const HasSelected = (_, _ref2) => {
30
- let {
31
- onChange,
32
- selected
33
- } = _ref2;
34
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
35
- filterable: true,
36
- onChange: onChange,
37
- selected: selected,
38
- options: _options.options
39
- });
40
- };
26
+ const HasSelected = (_, {
27
+ onChange,
28
+ selected
29
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
30
+ filterable: true,
31
+ onChange: onChange,
32
+ selected: selected,
33
+ options: _options.options
34
+ });
41
35
  exports.HasSelected = HasSelected;
42
36
  HasSelected.story = {
43
37
  decorators: [(0, _statefulDecorator.statefulDecorator)({
44
- initialState: _options.options.slice(0, 4).map(_ref3 => {
45
- let {
46
- value
47
- } = _ref3;
48
- return value;
49
- })
38
+ initialState: _options.options.slice(0, 4).map(({
39
+ value
40
+ }) => value)
50
41
  })]
51
42
  };
52
- const AllSelected = (_, _ref4) => {
53
- let {
54
- onChange,
55
- selected
56
- } = _ref4;
57
- return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
58
- filterable: true,
59
- onChange: onChange,
60
- selected: selected,
61
- options: _options.options
62
- });
63
- };
43
+ const AllSelected = (_, {
44
+ onChange,
45
+ selected
46
+ }) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
47
+ filterable: true,
48
+ onChange: onChange,
49
+ selected: selected,
50
+ options: _options.options
51
+ });
64
52
  exports.AllSelected = AllSelected;
65
53
  AllSelected.story = {
66
54
  decorators: [(0, _statefulDecorator.statefulDecorator)({
67
- initialState: _options.options.map(_ref5 => {
68
- let {
69
- value
70
- } = _ref5;
71
- return value;
72
- })
55
+ initialState: _options.options.map(({
56
+ value
57
+ }) => value)
73
58
  })]
74
59
  };