@dhis2-ui/transfer 8.2.0 → 8.2.1

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

@@ -25,9 +25,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=1', () => {
     const maxSelections = 1;
-    const highlightedOptions = options.slice(0, 1).map(({
-      value
-    }) => value);
+    const highlightedOptions = options.slice(0, 1).map(_ref => {
+      let {
+        value
+      } = _ref;
+      return value;
+    });
     const lastClicked = options[0].value;
     it('should replace the current highlighted option', () => {
       const option = options[1];
@@ -58,9 +61,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
   });
   describe('maxSelections=Infinity', () => {
     const maxSelections = Infinity;
-    const highlightedOptions = options.slice(0, 1).map(({
-      value
-    }) => value);
+    const highlightedOptions = options.slice(0, 1).map(_ref2 => {
+      let {
+        value
+      } = _ref2;
+      return value;
+    });
     const lastClicked = options[0].value;
     it('should not change the highlighted options', () => {
       const option = options[0];
@@ -76,9 +82,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
       expect(setHighlightedOptions).toHaveBeenCalledWith(expected);
     });
     it('should highlight all option from the highlighted one to the clicked one', () => {
-      const expected = options.slice(0, 4).map(({
-        value
-      }) => value);
+      const expected = options.slice(0, 4).map(_ref3 => {
+        let {
+          value
+        } = _ref3;
+        return value;
+      });
       toggleRange({
         option: options[3],
         lastClicked,
@@ -90,9 +99,12 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
       expect(setHighlightedOptions).toHaveBeenCalledWith(expected);
     });
     it('should highlight from the lastClicked to the most recently clicked one', () => {
-      const expected = options.slice(1, 4).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 4).map(_ref4 => {
+        let {
+          value
+        } = _ref4;
+        return value;
+      });
       toggleRange({
         option: options[3],
         lastClicked: options[1].value,
@@ -108,16 +120,22 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      */
 
     it('should highlight from the highest in list to the clicked when last clicked not visible anymore', () => {
-      const expected = options.slice(1, 6).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 6).map(_ref5 => {
+        let {
+          value
+        } = _ref5;
+        return value;
+      });
       toggleRange({
         option: options[5],
         lastClicked: 'not visible anymore',
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
-          value
-        }) => value),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref6 => {
+          let {
+            value
+          } = _ref6;
+          return value;
+        }),
         setHighlightedOptions,
         options
       });
@@ -129,16 +147,22 @@ describe('Transfer- useHighlightedOptions - toggleRange', () => {
      */
 
     it('should highlight from the highest in list to the clicked when last clicked null', () => {
-      const expected = options.slice(1, 6).map(({
-        value
-      }) => value);
+      const expected = options.slice(1, 6).map(_ref7 => {
+        let {
+          value
+        } = _ref7;
+        return value;
+      });
       toggleRange({
         option: options[5],
         lastClicked: null,
         maxSelections,
-        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(({
-          value
-        }) => value),
+        highlightedOptions: [...options.slice(1, 2), ...options.slice(3, 5)].map(_ref8 => {
+          let {
+            value
+          } = _ref8;
+          return value;
+        }),
         setHighlightedOptions,
         options
       });

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

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

package/build/es/actions.js

@@ -2,16 +2,19 @@ import _JSXStyle from "styled-jsx/style";
 import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-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;}"]));
+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 ".concat(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,20 +2,23 @@ import { Button } from '@dhis2-ui/button';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { IconAddAll } from './icons.js';
-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);
+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: "".concat(dataTest, "-iconaddall"),
+      disabled: disabled
+    })
+  }, label);
+};
 AddAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,

package/build/es/add-individual.js

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

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

@@ -8,12 +8,13 @@ import { ADD_MODE, RANGE_MODE, REPLACE_MODE } from './modes.js';
  * @return {string}
  */
 
-export const getModeByModifierKey = ({
-  altKey,
-  shiftKey,
-  ctrlKey,
-  metaKey
-}) => {
+export 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/es/container.js

@@ -1,18 +1,21 @@
 import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
-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};}`]));
+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:".concat(height, ";}")]));
+};
 Container.propTypes = {
   height: PropTypes.string.isRequired,
   children: PropTypes.node,

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

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

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

@@ -68,7 +68,8 @@ 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(([$sourceOptions, $previouslyHighlightedOptions]) => {
+  cy.all(() => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('@enabledHighlightedSourceOptions')).should(_ref => {
+    let [$sourceOptions, $previouslyHighlightedOptions] = _ref;
     const previouslyHighlightedOptions = $previouslyHighlightedOptions.toArray().map(extractOptionFromElement);
     const $notHighlightedSourceOptions = $sourceOptions.filter((_index, sourceOptionEl) => {
       const label = sourceOptionEl.innerText;
@@ -81,7 +82,8 @@ 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(([$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/es/features/display-order/index.js

@@ -38,7 +38,8 @@ 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(([win, $options]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
+    let [win, $options] = _ref;
     const {
       options
     } = win;
@@ -47,60 +48,80 @@ 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(([win, $options]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref2 => {
+    let [win, $options] = _ref2;
     const selectableSourceOptions = $options.toArray().map(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);
   });
 });
 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(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);
   });
 });
 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(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);
   });
 });
 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(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(([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(extractOptionFromElement);
     expect(transferredOptions).to.eql(lastSelectedOptions);
   });

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

@@ -31,7 +31,8 @@ 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(([firstCaseTerm, $filterInput]) => {
+  cy.all(() => cy.get('@firstCaseTerm'), () => cy.get('{transfer-filter} input')).then(_ref => {
+    let [firstCaseTerm, $filterInput] = _ref;
     let secondCaseTerm;
 
     if (secondCase === 'uppercase') {
@@ -50,7 +51,8 @@ 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(([$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) => {
@@ -68,7 +70,8 @@ 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(([$firstCaseOptions, $secondCaseOptions]) => {
+  cy.all(() => cy.get('@firstCaseOptions'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref3 => {
+    let [$firstCaseOptions, $secondCaseOptions] = _ref3;
     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

@@ -75,7 +75,8 @@ 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(([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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -86,7 +87,8 @@ Then('the option is not highlighted', () => {
   });
 });
 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');
   });
@@ -104,7 +106,8 @@ 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(([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;
@@ -115,7 +118,8 @@ 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(([$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);
@@ -129,7 +133,8 @@ 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(([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/es/features/loading_lists/index.js

@@ -18,12 +18,12 @@ Given('the picked list is not loading', () => {
 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');
   });
 });
 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/es/features/notify_at_end_of_list/index.js

@@ -29,17 +29,19 @@ Given('the Transfer does not have enough items to fill the picked list completel
 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();
   });
 });
 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;
   });
 });
 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;
   });