@dhis2-ui/transfer 10.16.3-alpha.1 → 10.16.4

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

@@ -8,84 +8,65 @@ var _react = _interopRequireWildcard(require("react"));
 var _transfer = require("../transfer.js");
 var _options = require("./common/options.js");
 var _statefulDecorator = require("./common/stateful-decorator.js");
-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); }
-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; }
+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); }
 var _default = exports.default = {
   title: 'Transfer End Of List',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
 window.onEndReached = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReached');
 window.onEndReachedPicked = window.Cypress ? window.Cypress.cy.stub() : () => console.log('onEndReachedPicked');
-const FullSourceList = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    options: _options.options,
-    selected: selected,
-    onChange: onChange,
-    onEndReached: window.onEndReached
-  });
-};
+const FullSourceList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+  options: _options.options,
+  selected: selected,
+  onChange: onChange,
+  onEndReached: window.onEndReached
+});
 exports.FullSourceList = FullSourceList;
-const FullPickedList = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    options: _options.options,
-    selected: selected,
-    onChange: onChange,
-    onEndReachedPicked: window.onEndReachedPicked
-  });
-};
+const FullPickedList = (_, {
+  selected,
+  onChange
+}) => /*#__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(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: _options.options.map(({
+      value
+    }) => value)
   })]
 };
-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
-  });
-};
+const PartialSourceList = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+  options: _options.options.slice(0, 4),
+  selected: selected,
+  onChange: onChange,
+  onEndReached: window.onEndReached
+});
 exports.PartialSourceList = PartialSourceList;
-const PartialPickedList = (_, _ref5) => {
-  let {
-    selected,
-    onChange
-  } = _ref5;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    options: _options.options,
-    selected: selected,
-    onChange: onChange,
-    onEndReachedPicked: window.onEndReachedPicked
-  });
-};
+const PartialPickedList = (_, {
+  selected,
+  onChange
+}) => /*#__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(_ref6 => {
-      let {
-        value
-      } = _ref6;
-      return value;
-    })
+    initialState: _options.options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };
 const selectedOptionsLookup = {
@@ -94,11 +75,10 @@ const selectedOptionsLookup = {
     label: 'Option nr. 9'
   }
 };
-const OptionChangesForShortList = (_, _ref7) => {
-  let {
-    onChange,
-    selected
-  } = _ref7;
+const OptionChangesForShortList = (_, {
+  onChange,
+  selected
+}) => {
   const [optionsCount, setOptionsCount] = (0, _react.useState)(7);
   const myOptions = (0, _react.useMemo)(() => {
     let counter = 1;

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

@@ -12,37 +12,28 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 var _default = exports.default = {
   title: 'Transfer Reorder Buttons'
 };
-const renderReorderTransfer = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    enableOrderChange: true,
-    selected: selected,
-    onChange: onChange,
-    options: _options.options
-  });
-};
+const renderReorderTransfer = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+  enableOrderChange: true,
+  selected: selected,
+  onChange: onChange,
+  options: _options.options
+});
 const HasSomeSelected = exports.HasSomeSelected = renderReorderTransfer.bind({});
 HasSomeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 8).map(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    })
+    initialState: _options.options.slice(0, 8).map(({
+      value
+    }) => value)
   })]
 };
 const HasThreeSelected = exports.HasThreeSelected = renderReorderTransfer.bind({});
 HasThreeSelected.story = {
   decorators: [(0, _statefulDecorator.statefulDecorator)({
-    initialState: _options.options.slice(0, 3).map(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: _options.options.slice(0, 3).map(({
+      value
+    }) => value)
   })]
 };

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

@@ -13,38 +13,29 @@ var _default = exports.default = {
   title: 'Transfer set & unset higlighted options',
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
-const HasOptions = (_, _ref) => {
-  let {
-    onChange,
-    selected
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    filterable: true,
-    selected: selected,
-    onChange: onChange,
-    options: _options.options
-  });
-};
+const HasOptions = (_, {
+  onChange,
+  selected
+}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+  filterable: true,
+  selected: selected,
+  onChange: onChange,
+  options: _options.options
+});
 exports.HasOptions = HasOptions;
-const HasSelected = (_, _ref2) => {
-  let {
-    onChange,
-    selected
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    onChange: onChange,
-    selected: selected,
-    options: _options.options
-  });
-};
+const HasSelected = (_, {
+  onChange,
+  selected
+}) => /*#__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(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: _options.options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };

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

@@ -14,37 +14,28 @@ var _default = exports.default = {
   decorators: [(0, _statefulDecorator.statefulDecorator)()]
 };
 window.options = _options.options;
-const HasOptions = (_, _ref) => {
-  let {
-    selected,
-    onChange
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: _options.options
-  });
-};
+const HasOptions = (_, {
+  selected,
+  onChange
+}) => /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
+  selected: selected,
+  onChange: onChange,
+  options: _options.options
+});
 exports.HasOptions = HasOptions;
-const SomeSelected = (_, _ref2) => {
-  let {
-    selected,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_transfer.Transfer, {
-    selected: selected,
-    onChange: onChange,
-    options: _options.options
-  });
-};
+const SomeSelected = (_, {
+  selected,
+  onChange
+}) => /*#__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(_ref3 => {
-      let {
-        value
-      } = _ref3;
-      return value;
-    })
+    initialState: _options.options.slice(0, 4).map(({
+      value
+    }) => value)
   })]
 };

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

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

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

@@ -27,12 +27,9 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=1', () => {
     const maxSelections = 1;
-    const highlightedOptions = options.slice(0, 1).map(_ref => {
-      let {
-        value
-      } = _ref;
-      return value;
-    });
+    const highlightedOptions = options.slice(0, 1).map(({
+      value
+    }) => value);
     const lastClicked = options[0].value;
     it('should replace the current highlighted option', () => {
       const option = options[1];
@@ -63,12 +60,9 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=Infinity', () => {
     const maxSelections = Infinity;
-    const highlightedOptions = options.slice(0, 1).map(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    });
+    const highlightedOptions = options.slice(0, 1).map(({
+      value
+    }) => value);
     const lastClicked = options[0].value;
     it('should not change the highlighted options', () => {
       const option = options[0];
@@ -84,12 +78,9 @@ 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(_ref3 => {
-        let {
-          value
-        } = _ref3;
-        return value;
-      });
+      const expected = options.slice(0, 4).map(({
+        value
+      }) => value);
       (0, _toggleRange.toggleRange)({
         option: options[3],
         lastClicked,
@@ -101,12 +92,9 @@ 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(_ref4 => {
-        let {
-          value
-        } = _ref4;
-        return value;
-      });
+      const expected = options.slice(1, 4).map(({
+        value
+      }) => value);
       (0, _toggleRange.toggleRange)({
         option: options[3],
         lastClicked: options[1].value,
@@ -122,22 +110,16 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      * E. g. lastClicked is hidden because of a filter change
      */
     it('should highlight from the highest in list to the clicked when last clicked not visible anymore', () => {
-      const expected = options.slice(1, 6).map(_ref5 => {
-        let {
-          value
-        } = _ref5;
-        return value;
-      });
+      const expected = options.slice(1, 6).map(({
+        value
+      }) => value);
       (0, _toggleRange.toggleRange)({
         option: options[5],
         lastClicked: 'not visible anymore',
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref6 => {
-          let {
-            value
-          } = _ref6;
-          return value;
-        }),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
+          value
+        }) => value),
         setHighlightedOptions,
         options
       });
@@ -149,22 +131,16 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      * have been clicked with shift
      */
     it('should highlight from the highest in list to the clicked when last clicked null', () => {
-      const expected = options.slice(1, 6).map(_ref7 => {
-        let {
-          value
-        } = _ref7;
-        return value;
-      });
+      const expected = options.slice(1, 6).map(({
+        value
+      }) => value);
       (0, _toggleRange.toggleRange)({
         option: options[5],
         lastClicked: null,
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref8 => {
-          let {
-            value
-          } = _ref8;
-          return value;
-        }),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
+          value
+        }) => value),
         setHighlightedOptions,
         options
       });

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

@@ -81,37 +81,29 @@ describe('Pass selected state to renderOptions function', () => {
       options: options
     }));
     expect(renderOption).toHaveBeenCalledTimes(options.length);
-    renderOption.mock.calls.forEach(_ref => {
-      let [{
-        selected
-      }] = _ref;
+    renderOption.mock.calls.forEach(([{
+      selected
+    }]) => {
       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(_ref2 => {
-      let {
-        value
-      } = _ref2;
-      return value;
-    });
+    const pickedValues = picked.map(({
+      value
+    }) => 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(_ref3 => {
-      let [{
-        selected
-      }] = _ref3;
-      return selected;
-    });
+    const withSelectedTrue = renderOption.mock.calls.filter(([{
+      selected
+    }]) => selected);
     expect(withSelectedTrue).toHaveLength(picked.length);
-    withSelectedTrue.forEach((_ref4, index) => {
-      let [selected] = _ref4;
+    withSelectedTrue.forEach(([selected], index) => {
       expect(selected).toEqual(expect.objectContaining(picked[index]));
     });
   });

package/build/cjs/actions.js

@@ -9,19 +9,16 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 ${_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 = ({
+  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;}"]));
 exports.Actions = Actions;
 Actions.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/add-all.js

@@ -9,23 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("./icons.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AddAll = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_button.Button, {
-    dataTest: dataTest,
-    disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.IconAddAll, {
-      dataTest: `${dataTest}-iconaddall`,
-      disabled: disabled
-    })
-  }, label);
-};
+const AddAll = ({
+  label,
+  dataTest,
+  disabled,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement(_button.Button, {
+  dataTest: dataTest,
+  disabled: disabled,
+  onClick: onClick,
+  icon: /*#__PURE__*/_react.default.createElement(_icons.IconAddAll, {
+    dataTest: `${dataTest}-iconaddall`,
+    disabled: disabled
+  })
+}, label);
 exports.AddAll = AddAll;
 AddAll.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/add-individual.js

@@ -9,23 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _icons = require("./icons.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AddIndividual = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_button.Button, {
-    dataTest: dataTest,
+const AddIndividual = ({
+  label,
+  dataTest,
+  disabled,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement(_button.Button, {
+  dataTest: dataTest,
+  disabled: disabled,
+  onClick: onClick,
+  icon: /*#__PURE__*/_react.default.createElement(_icons.IconAddIndividual, {
     disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.IconAddIndividual, {
-      disabled: disabled,
-      dataTest: `${dataTest}-iconaddindividual`
-    })
-  }, label);
-};
+    dataTest: `${dataTest}-iconaddindividual`
+  })
+}, label);
 exports.AddIndividual = AddIndividual;
 AddIndividual.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/common/get-mode-by-modifier-key.js

@@ -13,13 +13,12 @@ var _modes = require("./modes.js");
  * @param {bool} args.metaKey
  * @return {string}
  */
-const getModeByModifierKey = _ref => {
-  let {
-    altKey,
-    shiftKey,
-    ctrlKey,
-    metaKey
-  } = _ref;
+const getModeByModifierKey = ({
+  altKey,
+  shiftKey,
+  ctrlKey,
+  metaKey
+}) => {
   const keys = [altKey, shiftKey, ctrlKey, metaKey];
   const amountKeyPressed = keys.filter(v => v);
   const moreThanOneKeyPressed = amountKeyPressed.length;