@dhis2-ui/transfer 10.16.3 → 10.16.4

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

@@ -39,8 +39,7 @@ Then('the previously highlighted item should no longer be highlighted', () => {
   cy.get('@initiallyHighlighted').should('have.not.class', 'highlighted');
 });
 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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -49,8 +48,7 @@ Then('the option is visible', () => {
   });
 });
 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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -59,8 +57,7 @@ Then('the option is highlighted', () => {
   });
 });
 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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;

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

@@ -43,90 +43,69 @@ When('the user double clicks an item in the selected list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').first().dblclick().then(extractOptionFromElement).as('doubleClickedPlainOption');
 });
 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(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);
   });
 });
 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(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);
   });
 });
 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(extractOptionFromElement).slice(itemsToBeSelected.length * -1);
     expect(itemsToBeSelected).to.eql(lastNSelectedOptions);
   });
 });
 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(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);
   });
 });
 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(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);
   });
 });
 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(extractOptionFromElement);
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(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);
   });
@@ -135,17 +114,13 @@ Then('all items should be removed from the options list', () => {
   cy.get('{transfer-sourceoptions} {transferoption}').should('not.exist');
 });
 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(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);
   });
@@ -154,24 +129,19 @@ Then('all items should be removed from the selected list', () => {
   cy.get('{transfer-pickedoptions} {transferoption}').should('not.exist');
 });
 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(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);
   });
 });
 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(extractOptionFromElement);
     const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
     expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
@@ -180,8 +150,7 @@ Then('the transferred items should be appended to the selected list in the order
 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(parseSelectorWithDataTest('{transferoption}'));
-  })).should(_ref17 => {
-    let [win, $selectableSourceOptions, $pickedOptions] = _ref17;
+  })).should(([win, $selectableSourceOptions, $pickedOptions]) => {
     const pickedPlainOptions = $pickedOptions.toArray().map(extractOptionFromElement);
     const originalOrderWithoutSelected = win.options.filter(originalOption => {
       return !pickedPlainOptions.find(pickedPlainOption => pickedPlainOption.value === originalOption.value && pickedPlainOption.label === originalOption.label);
@@ -191,24 +160,21 @@ Then('the options list items should be ordered in the original order', () => {
   });
 });
 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(extractOptionFromElement);
     const found = sourcePlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);
   });
 });
 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(extractOptionFromElement).pop();
     const doubleClickedOptionIsLast = lastSourcePlainOption.value === doubleClickedPlainOption.value && lastSourcePlainOption.label === doubleClickedPlainOption.label;
     expect(doubleClickedOptionIsLast).to.equal(true);
   });
 });
 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(extractOptionFromElement);
     const found = pickedPlainOptions.find(sourcePlainOption => sourcePlainOption.value === doubleClickedPlainOption.value && sourcePlainOption.label === doubleClickedPlainOption.label);
     expect(found).to.not.equal(true);

package/build/es/filter.js

@@ -4,33 +4,30 @@ import { Field } from '@dhis2-ui/field';
 import { Input } from '@dhis2-ui/input';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const Filter = _ref => {
-  let {
-    dataTest,
-    filter,
-    onChange,
-    label,
-    placeholder
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["3679907342", [spacers.dp8, spacers.dp8]]])
-  }, /*#__PURE__*/React.createElement(Field, {
-    label: label,
-    name: dataTest,
-    dataTest: `${dataTest}-field`
-  }, /*#__PURE__*/React.createElement(Input, {
-    dense: true,
-    dataTest: `${dataTest}-input`,
-    type: "search",
-    placeholder: placeholder,
-    value: filter,
-    onChange: onChange
-  })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3679907342",
-    dynamic: [spacers.dp8, spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{padding-bottom:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector:first-child{padding-top:${spacers.dp8};}`]));
-};
+export const Filter = ({
+  dataTest,
+  filter,
+  onChange,
+  label,
+  placeholder
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["3679907342", [spacers.dp8, spacers.dp8]]])
+}, /*#__PURE__*/React.createElement(Field, {
+  label: label,
+  name: dataTest,
+  dataTest: `${dataTest}-field`
+}, /*#__PURE__*/React.createElement(Input, {
+  dense: true,
+  dataTest: `${dataTest}-input`,
+  type: "search",
+  placeholder: placeholder,
+  value: filter,
+  onChange: onChange
+})), /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "3679907342",
+  dynamic: [spacers.dp8, spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{padding-bottom:${spacers.dp8};}`, `div.__jsx-style-dynamic-selector:first-child{padding-top:${spacers.dp8};}`]));
 Filter.propTypes = {
   dataTest: PropTypes.string.isRequired,
   filter: PropTypes.string.isRequired,