@dhis2-ui/transfer 10.16.3 → 10.16.4

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

@@ -25,12 +25,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];
@@ -61,12 +58,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];
@@ -82,12 +76,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);
       toggleRange({
         option: options[3],
         lastClicked,
@@ -99,12 +90,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);
       toggleRange({
         option: options[3],
         lastClicked: options[1].value,
@@ -120,22 +108,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);
       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
       });
@@ -147,22 +129,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);
       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/es/__tests__/transfer.test.js

@@ -78,37 +78,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);
     mount(/*#__PURE__*/React.createElement(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/es/actions.js

@@ -2,19 +2,16 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const Actions = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["1457814848", [spacers.dp8]]])
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1457814848",
-    dynamic: [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 ${spacers.dp8};}`, "div.__jsx-style-dynamic-selector>button{margin-top:8px;}", "div.__jsx-style-dynamic-selector>button:first-child{margin-top:0;}"]));
-};
+export const Actions = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["1457814848", [spacers.dp8]]])
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1457814848",
+  dynamic: [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 ${spacers.dp8};}`, "div.__jsx-style-dynamic-selector>button{margin-top:8px;}", "div.__jsx-style-dynamic-selector>button:first-child{margin-top:0;}"]));
 Actions.propTypes = {
   dataTest: PropTypes.string.isRequired,
   children: PropTypes.node

package/build/es/add-all.js

@@ -2,23 +2,20 @@ import { Button } from '@dhis2-ui/button';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconAddAll } from './icons.js';
-export const AddAll = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Button, {
-    dataTest: dataTest,
-    disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/React.createElement(IconAddAll, {
-      dataTest: `${dataTest}-iconaddall`,
-      disabled: disabled
-    })
-  }, label);
-};
+export const AddAll = ({
+  label,
+  dataTest,
+  disabled,
+  onClick
+}) => /*#__PURE__*/React.createElement(Button, {
+  dataTest: dataTest,
+  disabled: disabled,
+  onClick: onClick,
+  icon: /*#__PURE__*/React.createElement(IconAddAll, {
+    dataTest: `${dataTest}-iconaddall`,
+    disabled: disabled
+  })
+}, label);
 AddAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

package/build/es/add-individual.js

@@ -2,23 +2,20 @@ import { Button } from '@dhis2-ui/button';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconAddIndividual } from './icons.js';
-export const AddIndividual = _ref => {
-  let {
-    label,
-    dataTest,
-    disabled,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Button, {
-    dataTest: dataTest,
+export const AddIndividual = ({
+  label,
+  dataTest,
+  disabled,
+  onClick
+}) => /*#__PURE__*/React.createElement(Button, {
+  dataTest: dataTest,
+  disabled: disabled,
+  onClick: onClick,
+  icon: /*#__PURE__*/React.createElement(IconAddIndividual, {
     disabled: disabled,
-    onClick: onClick,
-    icon: /*#__PURE__*/React.createElement(IconAddIndividual, {
-      disabled: disabled,
-      dataTest: `${dataTest}-iconaddindividual`
-    })
-  }, label);
-};
+    dataTest: `${dataTest}-iconaddindividual`
+  })
+}, label);
 AddIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

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

@@ -8,13 +8,12 @@ import { ADD_MODE, RANGE_MODE, REPLACE_MODE } from './modes.js';
  * @param {bool} args.metaKey
  * @return {string}
  */
-export const getModeByModifierKey = _ref => {
-  let {
-    altKey,
-    shiftKey,
-    ctrlKey,
-    metaKey
-  } = _ref;
+export const getModeByModifierKey = ({
+  altKey,
+  shiftKey,
+  ctrlKey,
+  metaKey
+}) => {
   const keys = [altKey, shiftKey, ctrlKey, metaKey];
   const amountKeyPressed = keys.filter(v => v);
   const moreThanOneKeyPressed = amountKeyPressed.length;

package/build/es/container.js

@@ -1,21 +1,18 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-export const Container = _ref => {
-  let {
-    children,
-    dataTest,
-    className,
-    height
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["3332822660", [height]]]) + " " + (className || "")
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3332822660",
-    dynamic: [height]
-  }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:${height};}`]));
-};
+export const Container = ({
+  children,
+  dataTest,
+  className,
+  height
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["3332822660", [height]]]) + " " + (className || "")
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3332822660",
+  dynamic: [height]
+}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:${height};}`]));
 Container.propTypes = {
   height: PropTypes.string.isRequired,
   children: PropTypes.node,

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

@@ -3,27 +3,21 @@ import { IntersectionDetector } from '@dhis2-ui/intersection-detector';
 import PropTypes from 'prop-types';
 import React from 'react';
 export const INTERSECTION_DETECTOR_HEIGHT = 50;
-export const EndIntersectionDetector = _ref => {
-  let {
-    rootRef,
-    onEndReached,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: "jsx-3586508456"
-  }, /*#__PURE__*/React.createElement(IntersectionDetector, {
-    rootRef: rootRef,
-    onChange: _ref2 => {
-      let {
-        isIntersecting
-      } = _ref2;
-      return isIntersecting && onEndReached();
-    }
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3586508456"
-  }, [`div.jsx-3586508456{width:100%;height:${INTERSECTION_DETECTOR_HEIGHT}px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}`]));
-};
+export const EndIntersectionDetector = ({
+  rootRef,
+  onEndReached,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: "jsx-3586508456"
+}, /*#__PURE__*/React.createElement(IntersectionDetector, {
+  rootRef: rootRef,
+  onChange: ({
+    isIntersecting
+  }) => isIntersecting && onEndReached()
+}), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3586508456"
+}, [`div.jsx-3586508456{width:100%;height:${INTERSECTION_DETECTOR_HEIGHT}px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}`]));
 EndIntersectionDetector.propTypes = {
   rootRef: PropTypes.shape({
     current: PropTypes.instanceOf(HTMLElement)

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

@@ -68,8 +68,7 @@ Then('the previously highlighted items are still highlighted', () => {
 });
 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(extractOptionFromElement);
     const $notHighlightedSourceOptions = $sourceOptions.filter((_index, sourceOptionEl) => {
       const label = sourceOptionEl.innerText;
@@ -82,8 +81,7 @@ Then('only the previously highlighted items are highlighted', () => {
   });
 });
 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/es/features/display-order/index.js

@@ -40,8 +40,7 @@ When('the user selects multiple options', () => {
   cy.get('{transfer-actions-addindividual}').click();
 });
 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;
@@ -50,81 +49,61 @@ Then('the order of the selectable options should match the order of the supplied
   });
 });
 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(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);
   });
 });
 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(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);
   });
 });
 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(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);
   });
 });
 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(extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });
 });
 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(extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });

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

@@ -33,8 +33,7 @@ Given("the filter value is controlled by the component's consumer", () => {
   cy.visitStory('Transfer filtering', 'Controlled Filter');
 });
 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();
@@ -51,8 +50,7 @@ When('the filter value changes', () => {
   cy.get('{transfer-filter} input').then($input => console.log('$input', $input) || $input).type('ANC');
 });
 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) => {
@@ -70,8 +68,7 @@ Then('information should be displayed that no items matched the filter', () => {
   }).should('exist');
 });
 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(extractOptionFromElement);
     const secondCaseOptions = $secondCaseOptions.toArray().map(extractOptionFromElement);
     expect(firstCaseOptions).to.eql(secondCaseOptions);

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

@@ -80,8 +80,7 @@ Then('the clicked option should be highlighted', () => {
   cy.get('@initiallyHighlighted').should('have.class', 'highlighted');
 });
 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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -92,8 +91,7 @@ Then('the option is not highlighted', () => {
   });
 });
 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');
   });
@@ -111,8 +109,7 @@ Then('all options between the option highlighted most recently without SHIFT and
   cy.get('@firstBelowInitiallyHighlighted').should('have.class', 'highlighted');
 });
 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;
@@ -123,8 +120,7 @@ Then('all other previously highlighted options are not highlighted anymore', ()
   });
 });
 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);
@@ -138,8 +134,7 @@ Then('the range from the visually first highlighted option to the SHIFT-clicked
   });
 });
 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/es/features/notify_at_end_of_list/index.js

@@ -32,15 +32,13 @@ Then('the last list item should be fully visible', () => {
   cy.contains('ARI treated with antibiotics (pneumonia) new').should('be.visible');
 });
 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;
   });
 });
 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;
   });