@dhis2-ui/transfer 10.16.3-alpha.1 → 10.16.4

package/build/es/icons.js

@@ -4,205 +4,181 @@ import PropTypes from 'prop-types';
 import React from 'react';
 const centerButtonStyles = ["svg.jsx-2392683210{min-width:20px;}", "div.centerButton.jsx-2392683210:dir(rtl){-webkit-transform:rotate(180deg) translateX(4px);-ms-transform:rotate(180deg) translateX(4px);transform:rotate(180deg) translateX(4px);}"];
 centerButtonStyles.__hash = "2392683210";
-export const IconAddAll = _ref => {
-  let {
-    dataTest,
-    disabled
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__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 : colors.grey800,
-    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 = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__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 : colors.grey800,
+  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));
 IconAddAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconAddIndividual = _ref2 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? theme.disabled : colors.grey800,
-    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 = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? theme.disabled : colors.grey800,
+  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));
 IconAddIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconRemoveAll = _ref3 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref3;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? theme.disabled : colors.grey800,
-    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 = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? theme.disabled : colors.grey800,
+  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));
 IconRemoveAll.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconRemoveIndividual = _ref4 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref4;
-  return /*#__PURE__*/React.createElement("div", {
-    className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
-  }, /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? theme.disabled : colors.grey800,
-    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 = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("div", {
+  className: `jsx-${centerButtonStyles.__hash}` + " " + "centerButton"
+}, /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? theme.disabled : colors.grey800,
+  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));
 IconRemoveIndividual.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveDown = _ref5 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref5;
-  return /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? colors.grey500 : colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13.5303 8.53027L12.4697 7.46973L8.75 11.1895V2H7.25V11.1895L3.53027 7.46973L2.46973 8.53027L8 14.0605L13.5303 8.53027Z"
-  }));
-};
+export const IconMoveDown = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? colors.grey500 : colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M13.5303 8.53027L12.4697 7.46973L8.75 11.1895V2H7.25V11.1895L3.53027 7.46973L2.46973 8.53027L8 14.0605L13.5303 8.53027Z"
+}));
 IconMoveDown.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveUp = _ref6 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref6;
-  return /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? colors.grey500 : colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13.5303 7.46973L12.4697 8.53027L8.75 4.81055V14H7.25V4.81055L3.53027 8.53027L2.46973 7.46973L8 1.93945L13.5303 7.46973Z"
-  }));
-};
+export const IconMoveUp = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? colors.grey500 : colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M13.5303 7.46973L12.4697 8.53027L8.75 4.81055V14H7.25V4.81055L3.53027 8.53027L2.46973 7.46973L8 1.93945L13.5303 7.46973Z"
+}));
 IconMoveUp.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveToTop = _ref7 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref7;
-  return /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? colors.grey500 : colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13.5303 10.4697L12.4697 11.5303L8.75 7.81055V14H7.25V7.81055L3.53027 11.5303L2.46973 10.4697L8 4.93945L13.5303 10.4697ZM13.5303 6.46973L12.4697 7.53027L8 3.06055L3.53027 7.53027L2.46973 6.46973L8 0.939453L13.5303 6.46973Z"
-  }));
-};
+export const IconMoveToTop = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? colors.grey500 : colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M13.5303 10.4697L12.4697 11.5303L8.75 7.81055V14H7.25V7.81055L3.53027 11.5303L2.46973 10.4697L8 4.93945L13.5303 10.4697ZM13.5303 6.46973L12.4697 7.53027L8 3.06055L3.53027 7.53027L2.46973 6.46973L8 0.939453L13.5303 6.46973Z"
+}));
 IconMoveToTop.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool
 };
-export const IconMoveToBottom = _ref8 => {
-  let {
-    dataTest,
-    disabled
-  } = _ref8;
-  return /*#__PURE__*/React.createElement("svg", {
-    fill: disabled ? colors.grey500 : colors.grey800,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    "data-test": dataTest
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M13.5303 5.53027L12.4697 4.46973L8.75 8.18945V2H7.25V8.18945L3.53027 4.46973L2.46973 5.53027L8 11.0605L13.5303 5.53027ZM13.5303 9.53027L12.4697 8.46973L8 12.9395L3.53027 8.46973L2.46973 9.53027L8 15.0605L13.5303 9.53027Z"
-  }));
-};
+export const IconMoveToBottom = ({
+  dataTest,
+  disabled
+}) => /*#__PURE__*/React.createElement("svg", {
+  fill: disabled ? colors.grey500 : colors.grey800,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  "data-test": dataTest
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M13.5303 5.53027L12.4697 4.46973L8.75 8.18945V2H7.25V8.18945L3.53027 4.46973L2.46973 5.53027L8 11.0605L13.5303 5.53027ZM13.5303 9.53027L12.4697 8.46973L8 12.9395L3.53027 8.46973L2.46973 9.53027L8 15.0605L13.5303 9.53027Z"
+}));
 IconMoveToBottom.propTypes = {
   dataTest: PropTypes.string.isRequired,
   disabled: PropTypes.bool

package/build/es/left-footer.js

@@ -2,19 +2,16 @@ import _JSXStyle from "styled-jsx/style";
 import { colors, spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const LeftFooter = _ref => {
-  let {
-    children,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
-  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1797409102",
-    dynamic: [colors.grey400, 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 ${colors.grey400};padding:0 ${spacers.dp8};}`]));
-};
+export const LeftFooter = ({
+  children,
+  dataTest
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["1797409102", [colors.grey400, spacers.dp8]]])
+}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "1797409102",
+  dynamic: [colors.grey400, 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 ${colors.grey400};padding:0 ${spacers.dp8};}`]));
 LeftFooter.propTypes = {
   children: PropTypes.node,
   dataTest: PropTypes.string

package/build/es/left-header.js

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

package/build/es/left-side.js

@@ -2,25 +2,22 @@ import _JSXStyle from "styled-jsx/style";
 import { colors } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
-export const LeftSide = _ref => {
-  let {
-    children,
-    dataTest,
-    width
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    "data-test": dataTest,
-    className: _JSXStyle.dynamic([["599208166", [colors.white, colors.grey400, width]]])
-  }, children,
-  /**
-   * Flex basis 0px to make sure right and left side
-   * always have the same width
-   */
-  '', /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "599208166",
-    dynamic: [colors.white, colors.grey400, width]
-  }, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${colors.white};border-radius:3px;border:1px solid ${colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
-};
+export const LeftSide = ({
+  children,
+  dataTest,
+  width
+}) => /*#__PURE__*/React.createElement("div", {
+  "data-test": dataTest,
+  className: _JSXStyle.dynamic([["599208166", [colors.white, colors.grey400, width]]])
+}, children,
+/**
+ * Flex basis 0px to make sure right and left side
+ * always have the same width
+ */
+'', /*#__PURE__*/React.createElement(_JSXStyle, {
+  id: "599208166",
+  dynamic: [colors.white, colors.grey400, width]
+}, [`div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:${colors.white};border-radius:3px;border:1px solid ${colors.grey400};min-height:240px;max-width:100%;width:${width};}`]));
 LeftSide.propTypes = {
   width: PropTypes.string.isRequired,
   children: PropTypes.node,

package/build/es/locales/index.js

@@ -9,5 +9,10 @@
 import i18n from '@dhis2/d2-i18n';
 import enTranslations from './en/translations.json';
 const namespace = 'default';
-i18n.addResources('en', namespace, enTranslations);
+
+// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
+// custom translations from the datastore (added by the app adapter)
+
+i18n.addResourceBundle('en', namespace, enTranslations, true, false);
+i18n.addResourceBundle('en', namespace, enTranslations, true, false);
 export default i18n;

package/build/es/options-container.js

@@ -4,21 +4,20 @@ import PropTypes from 'prop-types';
 import React, { Fragment, useRef } from 'react';
 import { EndIntersectionDetector } from './end-intersection-detector.js';
 import { useOptionsKeyMonitor } from './transfer/use-options-key-monitor.js';
-export const OptionsContainer = _ref => {
-  let {
-    allOptionsKey,
-    dataTest,
-    emptyComponent,
-    onEndReached,
-    getOptionClickHandlers,
-    highlightedOptions,
-    loading,
-    renderOption,
-    options,
-    selected = false,
-    selectionHandler,
-    toggleHighlightedOption
-  } = _ref;
+export const OptionsContainer = ({
+  allOptionsKey,
+  dataTest,
+  emptyComponent,
+  onEndReached,
+  getOptionClickHandlers,
+  highlightedOptions,
+  loading,
+  renderOption,
+  options,
+  selected = false,
+  selectionHandler,
+  toggleHighlightedOption
+}) => {
   const scrollBoxRef = useRef(null);
   const listRef = useRef(null);
   useOptionsKeyMonitor({

package/build/es/remove-all.js

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

package/build/es/remove-individual.js

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