@dhis2-ui/transfer 10.16.3 → 10.16.5

package/build/cjs/container.js

@@ -8,21 +8,18 @@ var _style = _interopRequireDefault(require("styled-jsx/style"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Container = _ref => {
-  let {
-    children,
-    dataTest,
-    className,
-    height
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["3332822660", [height]]]) + " " + (className || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3332822660",
-    dynamic: [height]
-  }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:${height};}`]));
-};
+const Container = ({
+  children,
+  dataTest,
+  className,
+  height
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["3332822660", [height]]]) + " " + (className || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3332822660",
+  dynamic: [height]
+}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:${height};}`]));
 exports.Container = Container;
 Container.propTypes = {
   height: _propTypes.default.string.isRequired,

package/build/cjs/end-intersection-detector.js

@@ -10,27 +10,21 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const INTERSECTION_DETECTOR_HEIGHT = exports.INTERSECTION_DETECTOR_HEIGHT = 50;
-const EndIntersectionDetector = _ref => {
-  let {
-    rootRef,
-    onEndReached,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: "jsx-3586508456"
-  }, /*#__PURE__*/_react.default.createElement(_intersectionDetector.IntersectionDetector, {
-    rootRef: rootRef,
-    onChange: _ref2 => {
-      let {
-        isIntersecting
-      } = _ref2;
-      return isIntersecting && onEndReached();
-    }
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3586508456"
-  }, [`div.jsx-3586508456{width:100%;height:${INTERSECTION_DETECTOR_HEIGHT}px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}`]));
-};
+const EndIntersectionDetector = ({
+  rootRef,
+  onEndReached,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: "jsx-3586508456"
+}, /*#__PURE__*/_react.default.createElement(_intersectionDetector.IntersectionDetector, {
+  rootRef: rootRef,
+  onChange: ({
+    isIntersecting
+  }) => isIntersecting && onEndReached()
+}), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3586508456"
+}, [`div.jsx-3586508456{width:100%;height:${INTERSECTION_DETECTOR_HEIGHT}px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}`]));
 exports.EndIntersectionDetector = EndIntersectionDetector;
 EndIntersectionDetector.propTypes = {
   rootRef: _propTypes.default.shape({

package/build/cjs/features/disabled-transfer-options/index.js

@@ -70,8 +70,7 @@ const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.
 });
 (0, _cypressCucumberPreprocessor.Then)('only the previously highlighted items are highlighted', () => {
   cy.get('@enabledHighlightedSourceOptions').should('have.class', 'highlighted');
-  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@enabledHighlightedSourceOptions')).should(_ref => {
-    let [$sourceOptions, $previouslyHighlightedOptions] = _ref;
+  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@enabledHighlightedSourceOptions')).should(([$sourceOptions, $previouslyHighlightedOptions]) => {
     const previouslyHighlightedOptions = $previouslyHighlightedOptions.toArray().map(_index2.extractOptionFromElement);
     const $notHighlightedSourceOptions = $sourceOptions.filter((_index, sourceOptionEl) => {
       const label = sourceOptionEl.innerText;
@@ -84,8 +83,7 @@ const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the enabled options in the range are highlighted', () => {
-  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@clickedEnabledOption'), () => cy.get('@clickedWithShiftEnabledOption')).should(_ref2 => {
-    let [$all, $clickedEnabledOption, $clickedWithShiftEnabledOption] = _ref2;
+  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@clickedEnabledOption'), () => cy.get('@clickedWithShiftEnabledOption')).should(([$all, $clickedEnabledOption, $clickedWithShiftEnabledOption]) => {
     const from = $clickedEnabledOption.index();
     const to = $clickedWithShiftEnabledOption.index();
     const $allInRange = $all.slice(from, to + 1);

package/build/cjs/features/display-order/index.js

@@ -42,8 +42,7 @@ var _index = require("../common/index.js");
   cy.get('{transfer-actions-addindividual}').click();
 });
 (0, _cypressCucumberPreprocessor.Then)('the order of the selectable options should match the order of the supplied options', () => {
-  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
-    let [win, $options] = _ref;
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([win, $options]) => {
     const {
       options
     } = win;
@@ -52,81 +51,61 @@ var _index = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the order of the remaining selectable options should match the order of the supplied options', () => {
-  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
-    let [win, $options] = _ref2;
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([win, $options]) => {
     const selectableSourceOptions = $options.toArray().map(_index.extractOptionFromElement);
-    const options = win.options.filter(option => selectableSourceOptions.find(_ref3 => {
-      let {
-        label,
-        value
-      } = _ref3;
-      return label === option.label && value === option.value;
-    }));
+    const options = win.options.filter(option => selectableSourceOptions.find(({
+      label,
+      value
+    }) => label === option.label && value === option.value));
     expect(selectableSourceOptions).to.eql(options);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('it should be positioned according to the order of the supplied options', () => {
-  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref4 => {
-    let [win, $selectableSourceOptions, deselectedOptions] = _ref4;
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(([win, $selectableSourceOptions, deselectedOptions]) => {
     // filter out non-selectable options and compare with selectable options
     // this confirms that the order is correct
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
-    const originalOptions = win.options.filter(option => selectableSourceOptions.find(_ref5 => {
-      let {
-        label,
-        value
-      } = _ref5;
-      return label === option.label && value === option.value;
-    }));
+    const originalOptions = win.options.filter(option => selectableSourceOptions.find(({
+      label,
+      value
+    }) => label === option.label && value === option.value));
     expect(selectableSourceOptions).to.eql(originalOptions);
 
     // and confirm that the deselected option is in the selectable options list
     const [deselectedOption] = deselectedOptions;
-    const hasOption = !!selectableSourceOptions.find(_ref6 => {
-      let {
-        label,
-        value
-      } = _ref6;
-      return label === deselectedOption.label && value === deselectedOption.value;
-    });
+    const hasOption = !!selectableSourceOptions.find(({
+      label,
+      value
+    }) => label === deselectedOption.label && value === deselectedOption.value);
     expect(hasOption).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('all should take the position according to the order of the supplied options', () => {
-  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref7 => {
-    let [win, $selectableSourceOptions, deselectedOptions] = _ref7;
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(([win, $selectableSourceOptions, deselectedOptions]) => {
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
-    const options = win.options.filter(option => selectableSourceOptions.find(_ref8 => {
-      let {
-        label,
-        value
-      } = _ref8;
-      return label === option.label && value === option.value;
-    }));
+    const options = win.options.filter(option => selectableSourceOptions.find(({
+      label,
+      value
+    }) => label === option.label && value === option.value));
     expect(selectableSourceOptions).to.eql(options);
     const hasAllOptions = deselectedOptions.every(deselectedOption => {
-      const result = !!selectableSourceOptions.find(_ref9 => {
-        let {
-          label,
-          value
-        } = _ref9;
-        return label === deselectedOption.label && value === deselectedOption.value;
-      });
+      const result = !!selectableSourceOptions.find(({
+        label,
+        value
+      }) => label === deselectedOption.label && value === deselectedOption.value);
       return result;
     });
     expect(hasAllOptions).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('it should be added to the end of the selected options list', () => {
-  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
-    let [transferredOptions, $selectedOptions] = _ref10;
+  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([transferredOptions, $selectedOptions]) => {
     const lastSelectedOptions = $selectedOptions.toArray().slice(transferredOptions.length * -1).map(_index.extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('they should be added to the end of the selected options list in the order they have been highlighted', () => {
-  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref11 => {
-    let [transferredOptions, $selectedOptions] = _ref11;
+  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([transferredOptions, $selectedOptions]) => {
     const lastSelectedOptions = $selectedOptions.toArray().slice(transferredOptions.length * -1).map(_index.extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });

package/build/cjs/features/filter-options-list/index.js

@@ -35,8 +35,7 @@ var _index = require("../common/index.js");
   cy.visitStory('Transfer filtering', 'Controlled Filter');
 });
 (0, _cypressCucumberPreprocessor.When)('the user uses the same search term but {string}', secondCase => {
-  cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(_ref => {
-    let [firstCaseTerm, $filterInput] = _ref;
+  cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(([firstCaseTerm, $filterInput]) => {
     let secondCaseTerm;
     if (secondCase === 'uppercase') {
       secondCaseTerm = firstCaseTerm.toUpperCase();
@@ -53,8 +52,7 @@ var _index = require("../common/index.js");
   cy.get('{transfer-filter} input').then($input => console.log('$input', $input) || $input).type('ANC');
 });
 (0, _cypressCucumberPreprocessor.Then)('all the matching items should be shown in the options list', () => {
-  cy.all(() => cy.get('{transfer-filter}'), () => cy.get('{transferoption}')).should(_ref2 => {
-    let [$filter, $options] = _ref2;
+  cy.all(() => cy.get('{transfer-filter}'), () => cy.get('{transferoption}')).should(([$filter, $options]) => {
     const searchTerm = $filter.val();
     expect($options).to.have.length.of.at.least(1);
     $options.each((index, option) => {
@@ -72,8 +70,7 @@ var _index = require("../common/index.js");
   }).should('exist');
 });
 (0, _cypressCucumberPreprocessor.Then)('the same options should be shown', () => {
-  cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
-    let [$firstCaseOptions, $secondCaseOptions] = _ref3;
+  cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([$firstCaseOptions, $secondCaseOptions]) => {
     const firstCaseOptions = $firstCaseOptions.toArray().map(_index.extractOptionFromElement);
     const secondCaseOptions = $secondCaseOptions.toArray().map(_index.extractOptionFromElement);
     expect(firstCaseOptions).to.eql(secondCaseOptions);

package/build/cjs/features/highlight-range-of-options/index.js

@@ -82,8 +82,7 @@ var _index2 = require("../common/index.js");
   cy.get('@initiallyHighlighted').should('have.class', 'highlighted');
 });
 (0, _cypressCucumberPreprocessor.Then)('the option is not highlighted', () => {
-  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
-    let [hiddenHighlighted, $options] = _ref;
+  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([hiddenHighlighted, $options]) => {
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
       const option = (0, _index2.extractOptionFromElement)(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -94,8 +93,7 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the clicked options should be highlighted', () => {
-  cy.all(() => cy.get('@initiallyHighlighted'), () => cy.get('@secondBelowInitiallyHighlighted')).should(_ref2 => {
-    let [$initiallyHighlighted, $secondBelowInitiallyHighlighted] = _ref2;
+  cy.all(() => cy.get('@initiallyHighlighted'), () => cy.get('@secondBelowInitiallyHighlighted')).should(([$initiallyHighlighted, $secondBelowInitiallyHighlighted]) => {
     expect($initiallyHighlighted).to.have.class('highlighted');
     expect($secondBelowInitiallyHighlighted).to.have.class('highlighted');
   });
@@ -113,8 +111,7 @@ var _index2 = require("../common/index.js");
   cy.get('@firstBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
 (0, _cypressCucumberPreprocessor.Then)('all other previously highlighted options are not highlighted anymore', () => {
-  cy.all(() => cy.get('@initiallyHighlightedMultiple').last().invoke('index'), () => cy.get('@initiallyHighlightedMultiple')).should(_ref3 => {
-    let [lastInitiallyHighlightedIndex, $initiallyHighlightedMultiple] = _ref3;
+  cy.all(() => cy.get('@initiallyHighlightedMultiple').last().invoke('index'), () => cy.get('@initiallyHighlightedMultiple')).should(([lastInitiallyHighlightedIndex, $initiallyHighlightedMultiple]) => {
     $initiallyHighlightedMultiple.filter((_, el) => {
       const $el = Cypress.$(el);
       return $el.index() !== lastInitiallyHighlightedIndex;
@@ -125,8 +122,7 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the range from the visually first highlighted option to the SHIFT-clicked option is highlighted', () => {
-  cy.all(() => cy.get('@initiallyHighlightedMultiple'), () => cy.get('@firstShiftClicked'), () => cy.get('@list').find('{transferoption}')).should(_ref4 => {
-    let [$initiallyHighlightedMultiple, $firstShiftClicked, $all] = _ref4;
+  cy.all(() => cy.get('@initiallyHighlightedMultiple'), () => cy.get('@firstShiftClicked'), () => cy.get('@list').find('{transferoption}')).should(([$initiallyHighlightedMultiple, $firstShiftClicked, $all]) => {
     const firstVisibleHighlightedIndex = $initiallyHighlightedMultiple.filter(':visible').eq(0).index();
     const shiftIndex = $firstShiftClicked.index();
     const from = Math.min(firstVisibleHighlightedIndex, shiftIndex);
@@ -140,8 +136,7 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the range from the first clicked option to the second clicked option is highlighted', () => {
-  cy.all(() => cy.get('@firstClickedIndexWithShift'), () => cy.get('@secondClickedIndexWithShift'), () => cy.get('@list').find('{transferoption}')).should(_ref5 => {
-    let [firstClickedIndexWithShift, secondClickedIndexWithShift, $all] = _ref5;
+  cy.all(() => cy.get('@firstClickedIndexWithShift'), () => cy.get('@secondClickedIndexWithShift'), () => cy.get('@list').find('{transferoption}')).should(([firstClickedIndexWithShift, secondClickedIndexWithShift, $all]) => {
     const from = Math.min(firstClickedIndexWithShift, secondClickedIndexWithShift);
     const to = Math.max(firstClickedIndexWithShift, secondClickedIndexWithShift);
     const $insideRange = $all.slice(from, to + 1);

package/build/cjs/features/notify_at_end_of_list/index.js

@@ -34,15 +34,13 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
   cy.contains('ARI treated with antibiotics (pneumonia) new').should('be.visible');
 });
 (0, _cypressCucumberPreprocessor.Then)('the callback for reaching the end should not be called', () => {
-  cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref => {
-    let [win, listType] = _ref;
+  cy.all(() => cy.window(), () => cy.get('@listType')).should(([win, listType]) => {
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;
     expect(callback).to.not.be.called;
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the callback for reaching the end should be called', () => {
-  cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref2 => {
-    let [win, listType] = _ref2;
+  cy.all(() => cy.window(), () => cy.get('@listType')).should(([win, listType]) => {
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;
     expect(callback).to.be.calledOnce;
   });

package/build/cjs/features/set_unset-highlighted-option/index.js

@@ -41,8 +41,7 @@ var _index = require("../common/index.js");
   cy.get('@initiallyHighlighted').should('have.not.class', 'highlighted');
 });
 (0, _cypressCucumberPreprocessor.Then)('the option is visible', () => {
-  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
-    let [hiddenHighlighted, $options] = _ref;
+  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([hiddenHighlighted, $options]) => {
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
       const option = (0, _index.extractOptionFromElement)(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -51,8 +50,7 @@ var _index = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the option is highlighted', () => {
-  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
-    let [hiddenHighlighted, $options] = _ref2;
+  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([hiddenHighlighted, $options]) => {
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
       const option = (0, _index.extractOptionFromElement)(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -61,8 +59,7 @@ var _index = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the option is not highlighted', () => {
-  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
-    let [hiddenHighlighted, $options] = _ref3;
+  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([hiddenHighlighted, $options]) => {
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
       const option = (0, _index.extractOptionFromElement)(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;

package/build/cjs/features/transferring-items/index.js

@@ -45,90 +45,69 @@ var _index = require("../common/index.js");
   cy.get('{transfer-pickedoptions} {transferoption}').first().dblclick().then(_index.extractOptionFromElement).as('doubleClickedPlainOption');
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be removed from the options list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
-    let [itemsToBeSelected, $selectableSourceOptions] = _ref;
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([itemsToBeSelected, $selectableSourceOptions]) => {
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
     const itemsStillSelectable = itemsToBeSelected.every(itemToBeSelected => {
-      const result = selectableSourceOptions.find(_ref2 => {
-        let {
-          label,
-          value
-        } = _ref2;
-        return label === itemToBeSelected.label && value === itemToBeSelected.value;
-      });
+      const result = selectableSourceOptions.find(({
+        label,
+        value
+      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
       return result;
     });
     expect(itemsStillSelectable).to.equal(false);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be visible in the selected list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref3 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref3;
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([itemsToBeSelected, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
-    const itemsSelected = itemsToBeSelected.every(itemToBeSelected => selectedOptions.find(_ref4 => {
-      let {
-        label,
-        value
-      } = _ref4;
-      return label === itemToBeSelected.label && value === itemToBeSelected.value;
-    }));
+    const itemsSelected = itemsToBeSelected.every(itemToBeSelected => selectedOptions.find(({
+      label,
+      value
+    }) => label === itemToBeSelected.label && value === itemToBeSelected.value));
     expect(itemsSelected).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be appended to the selected list in the order they were highlighted', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref5 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref5;
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([itemsToBeSelected, $selectedOptions]) => {
     const lastNSelectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement).slice(itemsToBeSelected.length * -1);
     expect(itemsToBeSelected).to.eql(lastNSelectedOptions);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be removed from the selected list', () => {
-  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref6 => {
-    let [itemsToBeDeselected, $selectedOptions] = _ref6;
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([itemsToBeDeselected, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const itemsStillSelected = itemsToBeDeselected.every(itemToBeSelected => {
-      const result = selectedOptions.find(_ref7 => {
-        let {
-          label,
-          value
-        } = _ref7;
-        return label === itemToBeSelected.label && value === itemToBeSelected.value;
-      });
+      const result = selectedOptions.find(({
+        label,
+        value
+      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
       return result;
     });
     expect(itemsStillSelected).to.equal(false);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be visible in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref8 => {
-    let [itemsToBeDeselected, $selectedOptions] = _ref8;
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([itemsToBeDeselected, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const itemsSelectable = itemsToBeDeselected.every(itemToBeSelected => {
-      const result = selectedOptions.find(_ref9 => {
-        let {
-          label,
-          value
-        } = _ref9;
-        return label === itemToBeSelected.label && value === itemToBeSelected.value;
-      });
+      const result = selectedOptions.find(({
+        label,
+        value
+      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
       return result;
     });
     expect(itemsSelectable).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the highlighted items should be in the original options list ordering', () => {
-  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
-    let [win, $selectableSourceOptions, $selectedOptions] = _ref10;
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([win, $selectableSourceOptions, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
     const allOptionsWithoutSelected = win.options.filter(option => {
-      return !selectedOptions.find(_ref11 => {
-        let {
-          label,
-          value
-        } = _ref11;
-        return option.label === label && option.value === value;
-      });
+      return !selectedOptions.find(({
+        label,
+        value
+      }) => option.label === label && option.value === value);
     });
     expect(allOptionsWithoutSelected).to.eql(selectableSourceOptions);
   });
@@ -137,17 +116,13 @@ var _index = require("../common/index.js");
   cy.get('{transfer-sourceoptions} {transferoption}').should('not.exist');
 });
 (0, _cypressCucumberPreprocessor.Then)('all items removed from options list should be visible in the selected list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref12 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref12;
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([itemsToBeSelected, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const allSelected = itemsToBeSelected.every(option => {
-      return selectedOptions.find(_ref13 => {
-        let {
-          label,
-          value
-        } = _ref13;
-        return option.label === label && option.value === value;
-      });
+      return selectedOptions.find(({
+        label,
+        value
+      }) => option.label === label && option.value === value);
     });
     expect(allSelected).to.equal(true);
   });
@@ -156,24 +131,19 @@ var _index = require("../common/index.js");
   cy.get('{transfer-pickedoptions} {transferoption}').should('not.exist');
 });
 (0, _cypressCucumberPreprocessor.Then)('all items removed from selected list should be visible in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref14 => {
-    let [itemsToBeDeselected, $selectableSourceOptions] = _ref14;
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([itemsToBeDeselected, $selectableSourceOptions]) => {
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
     const allSelectable = itemsToBeDeselected.every(option => {
-      return selectableSourceOptions.find(_ref15 => {
-        let {
-          label,
-          value
-        } = _ref15;
-        return option.label === label && option.value === value;
-      });
+      return selectableSourceOptions.find(({
+        label,
+        value
+      }) => option.label === label && option.value === value);
     });
     expect(allSelectable).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the transferred items should be appended to the selected list in the order they were displayed in the options list', () => {
-  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref16 => {
-    let [itemsToBeSelected, $selectedOptions] = _ref16;
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([itemsToBeSelected, $selectedOptions]) => {
     const selectedOptions = $selectedOptions.toArray().map(_index.extractOptionFromElement);
     const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
     expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
@@ -182,8 +152,7 @@ var _index = require("../common/index.js");
 (0, _cypressCucumberPreprocessor.Then)('the options list items should be ordered in the original order', () => {
   cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions}').then($pickedOptions => {
     return $pickedOptions.find((0, _parseSelectorWithDataTest.parseSelectorWithDataTest)('{transferoption}'));
-  })).should(_ref17 => {
-    let [win, $selectableSourceOptions, $pickedOptions] = _ref17;
+  })).should(([win, $selectableSourceOptions, $pickedOptions]) => {
     const pickedPlainOptions = $pickedOptions.toArray().map(_index.extractOptionFromElement);
     const originalOrderWithoutSelected = win.options.filter(originalOption => {
       return !pickedPlainOptions.find(pickedPlainOption => pickedPlainOption.value === originalOption.value && pickedPlainOption.label === originalOption.label);
@@ -193,24 +162,21 @@ var _index = require("../common/index.js");
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the item should be removed from its options list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref18 => {
-    let [doubleClickedPlainOption, $sourceOptions] = _ref18;
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([doubleClickedPlainOption, $sourceOptions]) => {
     const sourcePlainOptions = $sourceOptions.toArray().map(_index.extractOptionFromElement);
     const found = sourcePlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the item should be visible at the bottom of the selected list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref19 => {
-    let [doubleClickedPlainOption, $pickedOptions] = _ref19;
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([doubleClickedPlainOption, $pickedOptions]) => {
     const lastSourcePlainOption = $pickedOptions.last().toArray().map(_index.extractOptionFromElement).pop();
     const doubleClickedOptionIsLast = lastSourcePlainOption.value === doubleClickedPlainOption.value && lastSourcePlainOption.label === doubleClickedPlainOption.label;
     expect(doubleClickedOptionIsLast).to.equal(true);
   });
 });
 (0, _cypressCucumberPreprocessor.Then)('the item should be removed from the selected list', () => {
-  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref20 => {
-    let [doubleClickedPlainOption, $pickedOptions] = _ref20;
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([doubleClickedPlainOption, $pickedOptions]) => {
     const pickedPlainOptions = $pickedOptions.toArray().map(_index.extractOptionFromElement);
     const found = pickedPlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);

package/build/cjs/filter.js

@@ -11,33 +11,30 @@ var _input = require("@dhis2-ui/input");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Filter = _ref => {
-  let {
-    dataTest,
-    filter,
-    onChange,
-    label,
-    placeholder
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["3679907342", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
-  }, /*#__PURE__*/_react.default.createElement(_field.Field, {
-    label: label,
-    name: dataTest,
-    dataTest: `${dataTest}-field`
-  }, /*#__PURE__*/_react.default.createElement(_input.Input, {
-    dense: true,
-    dataTest: `${dataTest}-input`,
-    type: "search",
-    placeholder: placeholder,
-    value: filter,
-    onChange: onChange
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3679907342",
-    dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{padding-bottom:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:first-child{padding-top:${_uiConstants.spacers.dp8};}`]));
-};
+const Filter = ({
+  dataTest,
+  filter,
+  onChange,
+  label,
+  placeholder
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["3679907342", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
+}, /*#__PURE__*/_react.default.createElement(_field.Field, {
+  label: label,
+  name: dataTest,
+  dataTest: `${dataTest}-field`
+}, /*#__PURE__*/_react.default.createElement(_input.Input, {
+  dense: true,
+  dataTest: `${dataTest}-input`,
+  type: "search",
+  placeholder: placeholder,
+  value: filter,
+  onChange: onChange
+})), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3679907342",
+  dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{padding-bottom:${_uiConstants.spacers.dp8};}`, `div.__jsx-style-dynamic-selector:first-child{padding-top:${_uiConstants.spacers.dp8};}`]));
 exports.Filter = Filter;
 Filter.propTypes = {
   dataTest: _propTypes.default.string.isRequired,