@dhis2-ui/transfer 8.2.0 → 8.2.3

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

@@ -39,7 +39,8 @@ 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(([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;
@@ -48,7 +49,8 @@ Then('the option is visible', () => {
   });
 });
 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 = extractOptionFromElement(optionEl);
       return option.label === hiddenHighlighted.label && option.value === hiddenHighlighted.value;
@@ -57,7 +59,8 @@ Then('the option is 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(_ref3 => {
+    let [hiddenHighlighted, $options] = _ref3;
     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

@@ -40,69 +40,90 @@ 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(([itemsToBeSelected, $selectableSourceOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref => {
+    let [itemsToBeSelected, $selectableSourceOptions] = _ref;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(extractOptionFromElement);
     const itemsStillSelectable = itemsToBeSelected.every(itemToBeSelected => {
-      const result = selectableSourceOptions.find(({
-        label,
-        value
-      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
+      const result = selectableSourceOptions.find(_ref2 => {
+        let {
+          label,
+          value
+        } = _ref2;
+        return 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(([itemsToBeSelected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref3 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref3;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
-    const itemsSelected = itemsToBeSelected.every(itemToBeSelected => selectedOptions.find(({
-      label,
-      value
-    }) => label === itemToBeSelected.label && value === itemToBeSelected.value));
+    const itemsSelected = itemsToBeSelected.every(itemToBeSelected => selectedOptions.find(_ref4 => {
+      let {
+        label,
+        value
+      } = _ref4;
+      return 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(([itemsToBeSelected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref5 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref5;
     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(([itemsToBeDeselected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref6 => {
+    let [itemsToBeDeselected, $selectedOptions] = _ref6;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const itemsStillSelected = itemsToBeDeselected.every(itemToBeSelected => {
-      const result = selectedOptions.find(({
-        label,
-        value
-      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
+      const result = selectedOptions.find(_ref7 => {
+        let {
+          label,
+          value
+        } = _ref7;
+        return 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(([itemsToBeDeselected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref8 => {
+    let [itemsToBeDeselected, $selectedOptions] = _ref8;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const itemsSelectable = itemsToBeDeselected.every(itemToBeSelected => {
-      const result = selectedOptions.find(({
-        label,
-        value
-      }) => label === itemToBeSelected.label && value === itemToBeSelected.value);
+      const result = selectedOptions.find(_ref9 => {
+        let {
+          label,
+          value
+        } = _ref9;
+        return 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(([win, $selectableSourceOptions, $selectedOptions]) => {
+  cy.all(() => cy.window(), () => cy.get('{transfer-sourceoptions} {transferoption}'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref10 => {
+    let [win, $selectableSourceOptions, $selectedOptions] = _ref10;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(extractOptionFromElement);
     const allOptionsWithoutSelected = win.options.filter(option => {
-      return !selectedOptions.find(({
-        label,
-        value
-      }) => option.label === label && option.value === value);
+      return !selectedOptions.find(_ref11 => {
+        let {
+          label,
+          value
+        } = _ref11;
+        return option.label === label && option.value === value;
+      });
     });
     expect(allOptionsWithoutSelected).to.eql(selectableSourceOptions);
   });
@@ -111,19 +132,24 @@ 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(([itemsToBeSelected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref12 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref12;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const allSelected = itemsToBeSelected.every(option => {
-      return selectedOptions.find(({
-        label,
-        value
-      }) => option.label === label && option.value === value);
+      return selectedOptions.find(_ref13 => {
+        let {
+          label,
+          value
+        } = _ref13;
+        return option.label === label && option.value === value;
+      });
     });
     expect(allSelected).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(([itemsToBeSelected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref14 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref14;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
     expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
@@ -133,19 +159,24 @@ 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(([itemsToBeDeselected, $selectableSourceOptions]) => {
+  cy.all(() => cy.get('@itemsToBeDeselected'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref15 => {
+    let [itemsToBeDeselected, $selectableSourceOptions] = _ref15;
     const selectableSourceOptions = $selectableSourceOptions.toArray().map(extractOptionFromElement);
     const allSelectable = itemsToBeDeselected.every(option => {
-      return selectableSourceOptions.find(({
-        label,
-        value
-      }) => option.label === label && option.value === value);
+      return selectableSourceOptions.find(_ref16 => {
+        let {
+          label,
+          value
+        } = _ref16;
+        return 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(([itemsToBeSelected, $selectedOptions]) => {
+  cy.all(() => cy.get('@itemsToBeSelected'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref17 => {
+    let [itemsToBeSelected, $selectedOptions] = _ref17;
     const selectedOptions = $selectedOptions.toArray().map(extractOptionFromElement);
     const previouslySelectedSubset = selectedOptions.slice(-1 * itemsToBeSelected.length);
     expect(itemsToBeSelected).to.eql(previouslySelectedSubset);
@@ -154,7 +185,8 @@ 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(([win, $selectableSourceOptions, $pickedOptions]) => {
+  })).should(_ref18 => {
+    let [win, $selectableSourceOptions, $pickedOptions] = _ref18;
     const pickedPlainOptions = $pickedOptions.toArray().map(extractOptionFromElement);
     const originalOrderWithoutSelected = win.options.filter(originalOption => {
       return !pickedPlainOptions.find(pickedPlainOption => pickedPlainOption.value === originalOption.value && pickedPlainOption.label === originalOption.label);
@@ -164,21 +196,24 @@ 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(([doubleClickedPlainOption, $sourceOptions]) => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-sourceoptions} {transferoption}')).should(_ref19 => {
+    let [doubleClickedPlainOption, $sourceOptions] = _ref19;
     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(([doubleClickedPlainOption, $pickedOptions]) => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref20 => {
+    let [doubleClickedPlainOption, $pickedOptions] = _ref20;
     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(([doubleClickedPlainOption, $pickedOptions]) => {
+  cy.all(() => cy.get('@doubleClickedPlainOption'), () => cy.get('{transfer-pickedoptions} {transferoption}')).should(_ref21 => {
+    let [doubleClickedPlainOption, $pickedOptions] = _ref21;
     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,29 +4,32 @@ import { Input } from '@dhis2-ui/input';
 import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-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, {
-  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 = _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: "".concat(dataTest, "-field")
+  }, /*#__PURE__*/React.createElement(Input, {
+    dataTest: "".concat(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:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:first-child{padding-top:".concat(spacers.dp8, ";}")]));
+};
 Filter.propTypes = {
   dataTest: PropTypes.string.isRequired,
   filter: PropTypes.string.isRequired,

package/build/es/icons.js

@@ -4,141 +4,159 @@ import PropTypes from 'prop-types';
 import React from 'react';
 const centerButtonStyles = ["svg.jsx-114231192{min-width:20px;}"];
 centerButtonStyles.__hash = "114231192";
-export const IconAddAll = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest,
-  fill: disabled ? theme.disabled : '#404B5A',
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("g", {
-  fillRule: "evenodd",
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("polygon", {
-  fillRule: "nonzero",
-  points: "6 2 4.94 3.06 9.13 7.25 0 7.25 0 8.75 9.13 8.75 4.94 12.94 6 14 12 8",
-  className: `jsx-${centerButtonStyles.__hash}`
-}), /*#__PURE__*/React.createElement("polygon", {
-  fillRule: "nonzero",
-  points: "10 2 8.94 3.06 13.13 7.25 13.9 8 13.13 8.75 8.94 12.94 10 14 16 8",
-  className: `jsx-${centerButtonStyles.__hash}`
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: centerButtonStyles.__hash
-}, centerButtonStyles));
+export const IconAddAll = _ref => {
+  let {
+    dataTest,
+    disabled
+  } = _ref;
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest,
+    fill: disabled ? theme.disabled : '#404B5A',
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("g", {
+    fillRule: "evenodd",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fillRule: "nonzero",
+    points: "6 2 4.94 3.06 9.13 7.25 0 7.25 0 8.75 9.13 8.75 4.94 12.94 6 14 12 8",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }), /*#__PURE__*/React.createElement("polygon", {
+    fillRule: "nonzero",
+    points: "10 2 8.94 3.06 13.13 7.25 13.9 8 13.13 8.75 8.94 12.94 10 14 16 8",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: centerButtonStyles.__hash
+  }, centerButtonStyles));
+};
 IconAddAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconAddIndividual = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  fill: disabled ? theme.disabled : '#404B5A',
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest,
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("polygon", {
-  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-  className: `jsx-${centerButtonStyles.__hash}`
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: centerButtonStyles.__hash
-}, centerButtonStyles));
+export const IconAddIndividual = _ref2 => {
+  let {
+    dataTest,
+    disabled
+  } = _ref2;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: disabled ? theme.disabled : '#404B5A',
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest,
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("polygon", {
+    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: centerButtonStyles.__hash
+  }, centerButtonStyles));
+};
 IconAddIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconRemoveAll = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  fill: disabled ? theme.disabled : '#404B5A',
-  width: "16px",
-  height: "16px",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest,
-  xmlns: "http://www.w3.org/2000/svg",
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("g", {
-  fillRule: "evenodd",
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("polygon", {
-  fillRule: "nonzero",
-  points: "10 2 8.94 3.06 13.13 7.25 4 7.25 4 8.75 13.13 8.75 8.94 12.94 10 14 16 8",
-  transform: "matrix(-1 0 0 1 20 0)",
-  className: `jsx-${centerButtonStyles.__hash}`
-}), /*#__PURE__*/React.createElement("polygon", {
-  fillRule: "nonzero",
-  points: "1.06 2 0 3.06 4.19 7.25 4.96 8 4.19 8.75 0 12.94 1.06 14 7.06 8",
-  transform: "matrix(-1 0 0 1 7.06 0)",
-  className: `jsx-${centerButtonStyles.__hash}`
-})), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: centerButtonStyles.__hash
-}, centerButtonStyles));
+export const IconRemoveAll = _ref3 => {
+  let {
+    dataTest,
+    disabled
+  } = _ref3;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: disabled ? theme.disabled : '#404B5A',
+    width: "16px",
+    height: "16px",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest,
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("g", {
+    fillRule: "evenodd",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("polygon", {
+    fillRule: "nonzero",
+    points: "10 2 8.94 3.06 13.13 7.25 4 7.25 4 8.75 13.13 8.75 8.94 12.94 10 14 16 8",
+    transform: "matrix(-1 0 0 1 20 0)",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }), /*#__PURE__*/React.createElement("polygon", {
+    fillRule: "nonzero",
+    points: "1.06 2 0 3.06 4.19 7.25 4.96 8 4.19 8.75 0 12.94 1.06 14 7.06 8",
+    transform: "matrix(-1 0 0 1 7.06 0)",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: centerButtonStyles.__hash
+  }, centerButtonStyles));
+};
 IconRemoveAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconRemoveIndividual = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  fill: disabled ? theme.disabled : '#404B5A',
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest,
-  className: `jsx-${centerButtonStyles.__hash}`
-}, /*#__PURE__*/React.createElement("polygon", {
-  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-  transform: "matrix(-1 0 0 1 16 0)",
-  className: `jsx-${centerButtonStyles.__hash}`
-}), /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: centerButtonStyles.__hash
-}, centerButtonStyles));
+export const IconRemoveIndividual = _ref4 => {
+  let {
+    dataTest,
+    disabled
+  } = _ref4;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: disabled ? theme.disabled : '#404B5A',
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest,
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }, /*#__PURE__*/React.createElement("polygon", {
+    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+    transform: "matrix(-1 0 0 1 16 0)",
+    className: "jsx-".concat(centerButtonStyles.__hash)
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: centerButtonStyles.__hash
+  }, centerButtonStyles));
+};
 IconRemoveIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveDown = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  fill: disabled ? theme.disabled : '#404B5A',
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest
-}, /*#__PURE__*/React.createElement("polygon", {
-  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-  transform: "matrix(0 1 1 0 0 0)"
-}));
+export const IconMoveDown = _ref5 => {
+  let {
+    dataTest,
+    disabled
+  } = _ref5;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: disabled ? theme.disabled : '#404B5A',
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest
+  }, /*#__PURE__*/React.createElement("polygon", {
+    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+    transform: "matrix(0 1 1 0 0 0)"
+  }));
+};
 IconMoveDown.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveUp = ({
-  dataTest,
-  disabled
-}) => /*#__PURE__*/React.createElement("svg", {
-  fill: disabled ? theme.disabled : '#404B5A',
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  "data-test": dataTest
-}, /*#__PURE__*/React.createElement("polygon", {
-  points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
-  transform: "rotate(-90 8 8)"
-}));
+export const IconMoveUp = _ref6 => {
+  let {
+    dataTest,
+    disabled
+  } = _ref6;
+  return /*#__PURE__*/React.createElement("svg", {
+    fill: disabled ? theme.disabled : '#404B5A',
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    "data-test": dataTest
+  }, /*#__PURE__*/React.createElement("polygon", {
+    points: "8 2 6.94 3.06 11.13 7.25 2 7.25 2 8.75 11.13 8.75 6.94 12.94 8 14 14 8",
+    transform: "rotate(-90 8 8)"
+  }));
+};
 IconMoveUp.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool

package/build/es/left-footer.js

@@ -3,16 +3,19 @@ import { spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { borderColor } from './common/index.js';
-export const LeftFooter = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["3629116366", [borderColor, spacers.dp8]]])
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3629116366",
-  dynamic: [borderColor, spacers.dp8]
-}, [`div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ${borderColor};padding:0 ${spacers.dp8};}`]));
+export const LeftFooter = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["3629116366", [borderColor, spacers.dp8]]])
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3629116366",
+    dynamic: [borderColor, spacers.dp8]
+  }, ["div.__jsx-style-dynamic-selector{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid ".concat(borderColor, ";padding:0 ").concat(spacers.dp8, ";}")]));
+};
 LeftFooter.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string