@dhis2-ui/transfer 8.2.0 → 8.2.1

package/build/cjs/add-all.js

@@ -15,20 +15,23 @@ var _icons = require("./icons.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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);
+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: "".concat(dataTest, "-iconaddall"),
+      disabled: disabled
+    })
+  }, label);
+};
 
 exports.AddAll = AddAll;
 AddAll.propTypes = {

package/build/cjs/add-individual.js

@@ -15,20 +15,23 @@ var _icons = require("./icons.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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, {
+const AddIndividual = _ref => {
+  let {
+    label,
+    dataTest,
+    disabled,
+    onClick
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_button.Button, {
+    dataTest: dataTest,
     disabled: disabled,
-    dataTest: `${dataTest}-iconaddindividual`
-  })
-}, label);
+    onClick: onClick,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.IconAddIndividual, {
+      disabled: disabled,
+      dataTest: "".concat(dataTest, "-iconaddindividual")
+    })
+  }, label);
+};
 
 exports.AddIndividual = AddIndividual;
 AddIndividual.propTypes = {

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

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

package/build/cjs/common/modes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RANGE_MODE = exports.ADD_MODE = exports.REPLACE_MODE = void 0;
+exports.REPLACE_MODE = exports.RANGE_MODE = exports.ADD_MODE = void 0;
 
 /**
  * Click modes when clicking on an option with/without

package/build/cjs/container.js

@@ -13,18 +13,21 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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};}`]));
+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:".concat(height, ";}")]));
+};
 
 exports.Container = Container;
 Container.propTypes = {

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

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

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

@@ -72,7 +72,8 @@ const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.
 });
 (0, _steps.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(([$sourceOptions, $previouslyHighlightedOptions]) => {
+  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@enabledHighlightedSourceOptions')).should(_ref => {
+    let [$sourceOptions, $previouslyHighlightedOptions] = _ref;
     const previouslyHighlightedOptions = $previouslyHighlightedOptions.toArray().map(_index2.extractOptionFromElement);
     const $notHighlightedSourceOptions = $sourceOptions.filter((_index, sourceOptionEl) => {
       const label = sourceOptionEl.innerText;
@@ -85,7 +86,8 @@ const disabledSourceOptionSelector = '{transfer-sourceoptions} {transferoption}.
   });
 });
 (0, _steps.Then)('the enabled options in the range are highlighted', () => {
-  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@clickedEnabledOption'), () => cy.get('@clickedWithShiftEnabledOption')).should(([$all, $clickedEnabledOption, $clickedWithShiftEnabledOption]) => {
+  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@clickedEnabledOption'), () => cy.get('@clickedWithShiftEnabledOption')).should(_ref2 => {
+    let [$all, $clickedEnabledOption, $clickedWithShiftEnabledOption] = _ref2;
     const from = $clickedEnabledOption.index();
     const to = $clickedWithShiftEnabledOption.index();
     const $allInRange = $all.slice(from, to + 1);

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

@@ -42,7 +42,8 @@ var _index = require("../common/index.js");
   cy.get('{transfer-actions-addindividual}').click();
 });
 (0, _steps.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(([win, $options]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
+    let [win, $options] = _ref;
     const {
       options
     } = win;
@@ -51,60 +52,80 @@ var _index = require("../common/index.js");
   });
 });
 (0, _steps.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(([win, $options]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
+    let [win, $options] = _ref2;
     const selectableSourceOptions = $options.toArray().map(_index.extractOptionFromElement);
-    const options = win.options.filter(option => selectableSourceOptions.find(({
-      label,
-      value
-    }) => label === option.label && value === option.value));
+    const options = win.options.filter(option => selectableSourceOptions.find(_ref3 => {
+      let {
+        label,
+        value
+      } = _ref3;
+      return label === option.label && value === option.value;
+    }));
     expect(selectableSourceOptions).to.eql(options);
   });
 });
 (0, _steps.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(([win, $selectableSourceOptions, deselectedOptions]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref4 => {
+    let [win, $selectableSourceOptions, deselectedOptions] = _ref4;
     // 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(({
-      label,
-      value
-    }) => label === option.label && value === option.value));
+    const originalOptions = win.options.filter(option => selectableSourceOptions.find(_ref5 => {
+      let {
+        label,
+        value
+      } = _ref5;
+      return 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(({
-      label,
-      value
-    }) => label === deselectedOption.label && value === deselectedOption.value);
+    const hasOption = !!selectableSourceOptions.find(_ref6 => {
+      let {
+        label,
+        value
+      } = _ref6;
+      return label === deselectedOption.label && value === deselectedOption.value;
+    });
     expect(hasOption).to.equal(true);
   });
 });
 (0, _steps.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(([win, $selectableSourceOptions, deselectedOptions]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@deselectedOptions')).should(_ref7 => {
+    let [win, $selectableSourceOptions, deselectedOptions] = _ref7;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(_index.extractOptionFromElement);
-    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(({
+    const options = win.options.filter(option => selectableSourceOptions.find(_ref8 => {
+      let {
         label,
         value
-      }) => label === deselectedOption.label && value === deselectedOption.value);
+      } = _ref8;
+      return 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;
+      });
       return result;
     });
     expect(hasAllOptions).to.equal(true);
   });
 });
 (0, _steps.Then)('it should be added to the end of the selected options list', () => {
-  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(([transferredOptions, $selectedOptions]) => {
+  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
+    let [transferredOptions, $selectedOptions] = _ref10;
     const lastSelectedOptions = $selectedOptions.toArray().slice(transferredOptions.length * -1).map(_index.extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });
 });
 (0, _steps.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(([transferredOptions, $selectedOptions]) => {
+  cy.all(() => cy.get('@selectedOptions'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref11 => {
+    let [transferredOptions, $selectedOptions] = _ref11;
     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,7 +35,8 @@ var _index = require("../common/index.js");
   cy.visitStory('Transfer filtering', 'Controlled Filter');
 });
 (0, _steps.When)('the user uses the same search term but {string}', secondCase => {
-  cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(([firstCaseTerm, $filterInput]) => {
+  cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(_ref => {
+    let [firstCaseTerm, $filterInput] = _ref;
     let secondCaseTerm;
 
     if (secondCase === 'uppercase') {
@@ -54,7 +55,8 @@ var _index = require("../common/index.js");
   cy.get('{transfer-filter} input').then($input => console.log('$input', $input) || $input).type('ANC');
 });
 (0, _steps.Then)('all the matching items should be shown in the options list', () => {
-  cy.all(() => cy.get('{transfer-filter}'), () => cy.get('{transferoption}')).should(([$filter, $options]) => {
+  cy.all(() => cy.get('{transfer-filter}'), () => cy.get('{transferoption}')).should(_ref2 => {
+    let [$filter, $options] = _ref2;
     const searchTerm = $filter.val();
     expect($options).to.have.length.of.at.least(1);
     $options.each((index, option) => {
@@ -72,7 +74,8 @@ var _index = require("../common/index.js");
   }).should('exist');
 });
 (0, _steps.Then)('the same options should be shown', () => {
-  cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([$firstCaseOptions, $secondCaseOptions]) => {
+  cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
+    let [$firstCaseOptions, $secondCaseOptions] = _ref3;
     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

@@ -79,7 +79,8 @@ var _index2 = require("../common/index.js");
   cy.get('@initiallyHighlighted').should('have.class', 'highlighted');
 });
 (0, _steps.Then)('the option is not highlighted', () => {
-  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(([hiddenHighlighted, $options]) => {
+  cy.all(() => cy.get('@hiddenHighlighted'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
+    let [hiddenHighlighted, $options] = _ref;
     const $hiddenHighlighted = $options.filter((index, optionEl) => {
       const option = (0, _index2.extractOptionFromElement)(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -90,7 +91,8 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _steps.Then)('the clicked options should be highlighted', () => {
-  cy.all(() => cy.get('@initiallyHighlighted'), () => cy.get('@secondBelowInitiallyHighlighted')).should(([$initiallyHighlighted, $secondBelowInitiallyHighlighted]) => {
+  cy.all(() => cy.get('@initiallyHighlighted'), () => cy.get('@secondBelowInitiallyHighlighted')).should(_ref2 => {
+    let [$initiallyHighlighted, $secondBelowInitiallyHighlighted] = _ref2;
     expect($initiallyHighlighted).to.have.class('highlighted');
     expect($secondBelowInitiallyHighlighted).to.have.class('highlighted');
   });
@@ -108,7 +110,8 @@ var _index2 = require("../common/index.js");
   cy.get('@firstBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
 (0, _steps.Then)('all other previously highlighted options are not highlighted anymore', () => {
-  cy.all(() => cy.get('@initiallyHighlightedMultiple').last().invoke('index'), () => cy.get('@initiallyHighlightedMultiple')).should(([lastInitiallyHighlightedIndex, $initiallyHighlightedMultiple]) => {
+  cy.all(() => cy.get('@initiallyHighlightedMultiple').last().invoke('index'), () => cy.get('@initiallyHighlightedMultiple')).should(_ref3 => {
+    let [lastInitiallyHighlightedIndex, $initiallyHighlightedMultiple] = _ref3;
     $initiallyHighlightedMultiple.filter((_, el) => {
       const $el = Cypress.$(el);
       return $el.index() !== lastInitiallyHighlightedIndex;
@@ -119,7 +122,8 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _steps.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(([$initiallyHighlightedMultiple, $firstShiftClicked, $all]) => {
+  cy.all(() => cy.get('@initiallyHighlightedMultiple'), () => cy.get('@firstShiftClicked'), () => cy.get('@list').find('{transferoption}')).should(_ref4 => {
+    let [$initiallyHighlightedMultiple, $firstShiftClicked, $all] = _ref4;
     const firstVisibleHighlightedIndex = $initiallyHighlightedMultiple.filter(':visible').eq(0).index();
     const shiftIndex = $firstShiftClicked.index();
     const from = Math.min(firstVisibleHighlightedIndex, shiftIndex);
@@ -133,7 +137,8 @@ var _index2 = require("../common/index.js");
   });
 });
 (0, _steps.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(([firstClickedIndexWithShift, secondClickedIndexWithShift, $all]) => {
+  cy.all(() => cy.get('@firstClickedIndexWithShift'), () => cy.get('@secondClickedIndexWithShift'), () => cy.get('@list').find('{transferoption}')).should(_ref5 => {
+    let [firstClickedIndexWithShift, secondClickedIndexWithShift, $all] = _ref5;
     const from = Math.min(firstClickedIndexWithShift, secondClickedIndexWithShift);
     const to = Math.max(firstClickedIndexWithShift, secondClickedIndexWithShift);
     const $insideRange = $all.slice(from, to + 1);

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

@@ -21,12 +21,12 @@ var _steps = require("cypress-cucumber-preprocessor/steps");
 (0, _steps.Then)('the loading indicator should be shown', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? '{transfer-leftside}' : '{transfer-rightside}';
-    cy.get(`${listSelector} .loading`).should('exist');
+    cy.get("".concat(listSelector, " .loading")).should('exist');
   });
 });
 (0, _steps.Then)('the loading indicator should not be shown', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? '{transfer-leftside}' : '{transfer-rightside}';
-    cy.get(`${listSelector} .loading`).should('not.exist');
+    cy.get("".concat(listSelector, " .loading")).should('not.exist');
   });
 });

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

@@ -32,17 +32,19 @@ Cypress.on('uncaught:exception', err => {
 (0, _steps.When)('the user scroll to the end of the list', () => {
   cy.get('@listType').then(listType => {
     const listSelector = listType === 'source' ? 'transfer-sourceoptions' : 'transfer-pickedoptions';
-    cy.get(`{${listSelector}-endintersectiondetector}`).scrollIntoView();
+    cy.get("{".concat(listSelector, "-endintersectiondetector}")).scrollIntoView();
   });
 });
 (0, _steps.Then)('the callback for reaching the end should not be called', () => {
-  cy.all(() => cy.window(), () => cy.get('@listType')).should(([win, listType]) => {
+  cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref => {
+    let [win, listType] = _ref;
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;
     expect(callback).to.not.be.called;
   });
 });
 (0, _steps.Then)('the callback for reaching the end should be called', () => {
-  cy.all(() => cy.window(), () => cy.get('@listType')).should(([win, listType]) => {
+  cy.all(() => cy.window(), () => cy.get('@listType')).should(_ref2 => {
+    let [win, listType] = _ref2;
     const callback = listType === 'source' ? win.onEndReached : win.onEndReachedPicked;
     expect(callback).to.be.calledOnce;
   });

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

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