@dhis2-ui/transfer 8.2.0 → 8.2.1

package/build/cjs/__e2e__/highlight-range-of-options.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AllSelected = exports.HasSelected = exports.HasOptions = exports.default = void 0;
+exports.default = exports.HasSelected = exports.HasOptions = exports.AllSelected = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,52 +21,67 @@ var _default = {
 };
 exports.default = _default;
 
-const HasOptions = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasOptions = (_, _ref) => {
+  let {
+    onChange,
+    selected
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasOptions = HasOptions;
 
-const HasSelected = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  onChange: onChange,
-  selected: selected,
-  options: _options.options
-});
+const HasSelected = (_, _ref2) => {
+  let {
+    onChange,
+    selected
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    onChange: onChange,
+    selected: selected,
+    options: _options.options
+  });
+};
 
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };
 
-const AllSelected = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  onChange: onChange,
-  selected: selected,
-  options: _options.options
-});
+const AllSelected = (_, _ref4) => {
+  let {
+    onChange,
+    selected
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    onChange: onChange,
+    selected: selected,
+    options: _options.options
+  });
+};
 
 exports.AllSelected = AllSelected;
 AllSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.map(({
-      value
-    }) => value)
+    initialState: _options.options.map(_ref5 => {
+      let {
+        value
+      } = _ref5;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/loading_lists.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NotLoadingPicked = exports.NotLoadingSource = exports.LoadingPicked = exports.LoadingSource = exports.default = void 0;
+exports.default = exports.NotLoadingSource = exports.NotLoadingPicked = exports.LoadingSource = exports.LoadingPicked = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/build/cjs/__e2e__/notify_at_end_of_list.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PartialPickedList = exports.PartialSourceList = exports.FullPickedList = exports.FullSourceList = exports.default = void 0;
+exports.default = exports.PartialSourceList = exports.PartialPickedList = exports.FullSourceList = exports.FullPickedList = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -23,64 +23,82 @@ exports.default = _default;
 window.onEndReached = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReached');
 window.onEndReachedPicked = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReachedPicked');
 
-const FullSourceList = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  options: _options.options,
-  selected: selected,
-  onChange: onChange,
-  onEndReached: window.onEndReached
-});
+const FullSourceList = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    options: _options.options,
+    selected: selected,
+    onChange: onChange,
+    onEndReached: window.onEndReached
+  });
+};
 
 exports.FullSourceList = FullSourceList;
 
-const FullPickedList = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  options: _options.options,
-  selected: selected,
-  onChange: onChange,
-  onEndReachedPicked: window.onEndReachedPicked
-});
+const FullPickedList = (_, _ref2) => {
+  let {
+    selected,
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    options: _options.options,
+    selected: selected,
+    onChange: onChange,
+    onEndReachedPicked: window.onEndReachedPicked
+  });
+};
 
 exports.FullPickedList = FullPickedList;
 FullPickedList.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.map(({
-      value
-    }) => value)
+    initialState: _options.options.map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };
 
-const PartialSourceList = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  options: _options.options.slice(0, 4),
-  selected: selected,
-  onChange: onChange,
-  onEndReached: window.onEndReached
-});
+const PartialSourceList = (_, _ref4) => {
+  let {
+    selected,
+    onChange
+  } = _ref4;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    options: _options.options.slice(0, 4),
+    selected: selected,
+    onChange: onChange,
+    onEndReached: window.onEndReached
+  });
+};
 
 exports.PartialSourceList = PartialSourceList;
 
-const PartialPickedList = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  options: _options.options,
-  selected: selected,
-  onChange: onChange,
-  onEndReachedPicked: window.onEndReachedPicked
-});
+const PartialPickedList = (_, _ref5) => {
+  let {
+    selected,
+    onChange
+  } = _ref5;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    options: _options.options,
+    selected: selected,
+    onChange: onChange,
+    onEndReachedPicked: window.onEndReachedPicked
+  });
+};
 
 exports.PartialPickedList = PartialPickedList;
 PartialPickedList.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref6 => {
+      let {
+        value
+      } = _ref6;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/reorder-with-buttons.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HasSomeSelected = exports.default = void 0;
+exports.default = exports.HasSomeSelected = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -20,21 +20,27 @@ var _default = {
 };
 exports.default = _default;
 
-const HasSomeSelected = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  enableOrderChange: true,
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasSomeSelected = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    enableOrderChange: true,
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasSomeSelected = HasSomeSelected;
 HasSomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 3).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 3).map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/set_unset-highlighted-option.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HasSelected = exports.HasOptions = exports.default = void 0;
+exports.default = exports.HasSelected = exports.HasOptions = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -21,32 +21,41 @@ var _default = {
 };
 exports.default = _default;
 
-const HasOptions = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  filterable: true,
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasOptions = (_, _ref) => {
+  let {
+    onChange,
+    selected
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    filterable: true,
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasOptions = HasOptions;
 
-const HasSelected = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  onChange: onChange,
-  selected: selected,
-  options: _options.options
-});
+const HasSelected = (_, _ref2) => {
+  let {
+    onChange,
+    selected
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    onChange: onChange,
+    selected: selected,
+    options: _options.options
+  });
+};
 
 exports.HasSelected = HasSelected;
 HasSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

package/build/cjs/__e2e__/transferring-items.stories.e2e.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SomeSelected = exports.HasOptions = exports.default = void 0;
+exports.default = exports.SomeSelected = exports.HasOptions = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -22,31 +22,40 @@ var _default = {
 exports.default = _default;
 window.options = _options.options;
 
-const HasOptions = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const HasOptions = (_, _ref) => {
+  let {
+    selected,
+    onChange
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.HasOptions = HasOptions;
 
-const SomeSelected = (_, {
-  selected,
-  onChange
-}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-  selected: selected,
-  onChange: onChange,
-  options: _options.options
-});
+const SomeSelected = (_, _ref2) => {
+  let {
+    selected,
+    onChange
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+    selected: selected,
+    onChange: onChange,
+    options: _options.options
+  });
+};
 
 exports.SomeSelected = SomeSelected;
 SomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 4).map(({
-      value
-    }) => value)
+    initialState: _options.options.slice(0, 4).map(_ref3 => {
+      let {
+        value
+      } = _ref3;
+      return value;
+    })
   })]
 };

package/build/cjs/__tests__/helper/use-highlighted-option/toggle-add.test.js

@@ -71,9 +71,12 @@ describe('Transfer - useHighlightedOptions - toggleAdd', () => {
         label: 'Baz'
       };
       const highlightedOptions = [optionOne.value, optionTwo.value, optionThree.value];
-      const expected = [optionOne, optionThree].map(({
-        value
-      }) => value);
+      const expected = [optionOne, optionThree].map(_ref => {
+        let {
+          value
+        } = _ref;
+        return value;
+      });
       const option = optionTwo;
       (0, _toggleAdd.toggleAdd)({
         maxSelections,

package/build/cjs/__tests__/helper/use-highlighted-option/toggle-range.test.js

@@ -28,9 +28,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=1', () => {
     const maxSelections = 1;
-    const highlightedOptions = options.slice(0, 1).map(({
-      value
-    }) => value);
+    const highlightedOptions = options.slice(0, 1).map(_ref => {
+      let {
+        value
+      } = _ref;
+      return value;
+    });
     const lastClicked = options[0].value;
     it('should replace the current highlighted option', () => {
       const option = options[1];
@@ -61,9 +64,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=Infinity', () => {
     const maxSelections = Infinity;
-    const highlightedOptions = options.slice(0, 1).map(({
-      value
-    }) => value);
+    const highlightedOptions = options.slice(0, 1).map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    });
     const lastClicked = options[0].value;
     it('should not change the highlighted options', () => {
       const option = options[0];
@@ -79,9 +85,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
       expect(setHighlightedOptions).toHaveBeenCalledWith(expected);
     });
     it('should highlight all option from the highlighted one to the clicked one', () => {
-      const expected = options.slice(0, 4).map(({
-        value
-      }) => value);
+      const expected = options.slice(0, 4).map(_ref3 => {
+        let {
+          value
+        } = _ref3;
+        return value;
+      });
       (0, _toggleRange.toggleRange)({
         option: options[3],
         lastClicked,
@@ -93,9 +102,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
       expect(setHighlightedOptions).toHaveBeenCalledWith(expected);
     });
     it('should highlight from the lastClicked to the most recently clicked one', () => {
-      const expected = options.slice(1, 4).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 4).map(_ref4 => {
+        let {
+          value
+        } = _ref4;
+        return value;
+      });
       (0, _toggleRange.toggleRange)({
         option: options[3],
         lastClicked: options[1].value,
@@ -111,16 +123,22 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      */
 
     it('should highlight from the highest in list to the clicked when last clicked not visible anymore', () => {
-      const expected = options.slice(1, 6).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 6).map(_ref5 => {
+        let {
+          value
+        } = _ref5;
+        return value;
+      });
       (0, _toggleRange.toggleRange)({
         option: options[5],
         lastClicked: 'not visible anymore',
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
-          value
-        }) => value),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref6 => {
+          let {
+            value
+          } = _ref6;
+          return value;
+        }),
         setHighlightedOptions,
         options
       });
@@ -132,16 +150,22 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      */
 
     it('should highlight from the highest in list to the clicked when last clicked null', () => {
-      const expected = options.slice(1, 6).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 6).map(_ref7 => {
+        let {
+          value
+        } = _ref7;
+        return value;
+      });
       (0, _toggleRange.toggleRange)({
         option: options[5],
         lastClicked: null,
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
-          value
-        }) => value),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref8 => {
+          let {
+            value
+          } = _ref8;
+          return value;
+        }),
         setHighlightedOptions,
         options
       });

package/build/cjs/__tests__/transfer.test.js

@@ -85,29 +85,37 @@ describe('Pass selected state to renderOptions function', () => {
       options: options
     }));
     expect(renderOption).toHaveBeenCalledTimes(options.length);
-    renderOption.mock.calls.forEach(([{
-      selected
-    }]) => {
+    renderOption.mock.calls.forEach(_ref => {
+      let [{
+        selected
+      }] = _ref;
       expect(selected).toBe(false);
     });
   });
   it('should pass selected=true to picked options', () => {
     const renderOption = jest.fn();
     const picked = options.slice(0, 3);
-    const pickedValues = picked.map(({
-      value
-    }) => value);
+    const pickedValues = picked.map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    });
     (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
       renderOption: renderOption,
       onChange: jest.fn(),
       selected: pickedValues,
       options: options
     }));
-    const withSelectedTrue = renderOption.mock.calls.filter(([{
-      selected
-    }]) => selected);
+    const withSelectedTrue = renderOption.mock.calls.filter(_ref3 => {
+      let [{
+        selected
+      }] = _ref3;
+      return selected;
+    });
     expect(withSelectedTrue).toHaveLength(picked.length);
-    withSelectedTrue.forEach(([selected], index) => {
+    withSelectedTrue.forEach((_ref4, index) => {
+      let [selected] = _ref4;
       expect(selected).toEqual(expect.objectContaining(picked[index]));
     });
   });

package/build/cjs/actions.js

@@ -15,16 +15,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Actions = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["1457814848", [_uiConstants.spacers.dp8]]])
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "1457814848",
-  dynamic: [_uiConstants.spacers.dp8]
-}, [`div.__jsx-style-dynamic-selector{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 ${_uiConstants.spacers.dp8};}`, "div.__jsx-style-dynamic-selector>button{margin-top:8px;}", "div.__jsx-style-dynamic-selector>button:first-child{margin-top:0;}"]));
+const Actions = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["1457814848", [_uiConstants.spacers.dp8]]])
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "1457814848",
+    dynamic: [_uiConstants.spacers.dp8]
+  }, ["div.__jsx-style-dynamic-selector{-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 ".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button{margin-top:8px;}", "div.__jsx-style-dynamic-selector>button:first-child{margin-top:0;}"]));
+};
 
 exports.Actions = Actions;
 Actions.propTypes = {