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

package/build/cjs/simple-single-select/__stories__/WithSimpleFilteringDemo.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.WithSimpleFilteringDemo = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _simpleSingleSelect = require("../simple-single-select.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const options = [{
   label: 'No selection',
   value: ''
@@ -32,10 +31,9 @@ function filterOptions(options, searchTerm) {
 
   // We're transform both the label and the search term to
   // lower-case strings so the search is case-insensitive
-  return options.filter(_ref => {
-    let {
-      label
-    } = _ref;
+  return options.filter(({
+    label
+  }) => {
     return label.toLowerCase().startsWith(searchTerm.toLowerCase());
   });
 }

package/build/cjs/simple-single-select/__stories__/WithoutOptionsAndLoading.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.WithoutOptionsAndLoading = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _simpleSingleSelect = require("../simple-single-select.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const WithoutOptionsAndLoading = () => {
   const [selected, setSelected] = (0, _react.useState)(null);
   return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {

package/build/cjs/simple-single-select/__stories__/WithoutSelection.js

@@ -7,8 +7,7 @@ exports.WithoutSelection = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _simpleSingleSelect = require("../simple-single-select.js");
 var _options = require("./options.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const WithoutSelection = () => {
   const [selected, setSelected] = (0, _react.useState)(null);
   return /*#__PURE__*/_react.default.createElement(_simpleSingleSelect.SimpleSingleSelect, {

package/build/cjs/simple-single-select/__stories__/simple-single-select-server-side-filtering/CustomDataProvider.js

@@ -13,12 +13,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function randomBetween(min, max) {
   return Math.floor(Math.random() * (max - min + 1) + min);
 }
-const fakeNetworkDelay = _ref => {
-  let {
-    pager,
-    dataElements,
-    signal
-  } = _ref;
+const fakeNetworkDelay = ({
+  pager,
+  dataElements,
+  signal
+}) => {
   const delay = randomBetween(750, 1550);
   const response = {
     dataElements
@@ -31,26 +30,23 @@ const fakeNetworkDelay = _ref => {
       clearTimeout(timeout);
       reject('Aborted');
     };
-    signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', onAbort);
+    signal === null || signal === void 0 || signal.addEventListener('abort', onAbort);
     const timeout = setTimeout(() => {
-      signal === null || signal === void 0 ? void 0 : signal.removeEventListener('abort', onAbort);
+      signal === null || signal === void 0 || signal.removeEventListener('abort', onAbort);
       resolve(response);
     }, delay);
   });
 };
-const Provider = _ref2 => {
-  let {
-    children
-  } = _ref2;
+const Provider = ({
+  children
+}) => {
   const data = {
-    dataElements: (_, _ref3, _ref4) => {
-      let {
-        id,
-        params = {}
-      } = _ref3;
-      let {
-        signal
-      } = _ref4;
+    dataElements: (_, {
+      id,
+      params = {}
+    }, {
+      signal
+    }) => {
       if (id) {
         const dataElement = _dataElements.dataElements.find(curDE => id === curDE.id);
         return fakeNetworkDelay({
@@ -61,12 +57,9 @@ const Provider = _ref2 => {
 
       // Only this specific filter is supported by this server-mock
       const searchTerm = params.filter ? params.filter[0].split(':')[2] : '';
-      const filteredDataElements = searchTerm ? _dataElements.dataElements.filter(_ref5 => {
-        let {
-          displayName
-        } = _ref5;
-        return displayName.startsWith(searchTerm);
-      }) : _dataElements.dataElements;
+      const filteredDataElements = searchTerm ? _dataElements.dataElements.filter(({
+        displayName
+      }) => displayName.startsWith(searchTerm)) : _dataElements.dataElements;
       const page = params.page || 1;
       const total = filteredDataElements.length;
       const pageSize = params.pageSize || 50;

package/build/cjs/simple-single-select/features/keyboard-interactions.test.e2e.js

@@ -167,8 +167,7 @@ describe('<SimpleSingleSelect/>', () => {
     cy.wait(1);
     cy.all(() => cy.findAllByRole('option').invoke('get', 0), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref => {
-      let [firstOption, highlightedOption] = _ref;
+    }).invoke('get', 0)).then(([firstOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(firstOption);
     });
   });
@@ -207,8 +206,7 @@ describe('<SimpleSingleSelect/>', () => {
     cy.wait(1);
     cy.all(() => cy.findAllByRole('option').invoke('get', 1), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref2 => {
-      let [firstOption, highlightedOption] = _ref2;
+    }).invoke('get', 0)).then(([firstOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(firstOption);
     });
   });
@@ -231,8 +229,7 @@ describe('<SimpleSingleSelect/>', () => {
     cy.wait(1);
     cy.all(() => cy.get('[role="option"]:visible').last().invoke('get', 0), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref3 => {
-      let [lastVisibleOption, highlightedOption] = _ref3;
+    }).invoke('get', 0)).then(([lastVisibleOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(lastVisibleOption);
     });
   });
@@ -261,15 +258,13 @@ describe('<SimpleSingleSelect/>', () => {
     cy.log('**Then the first enabled option after last option on the currently displayed page is highlighted**');
     cy.all(() => cy.findAllByRole('option').invoke('get', 19), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref4 => {
-      let [eighteensOptions, highlightedOption] = _ref4;
+    }).invoke('get', 0)).then(([eighteensOptions, highlightedOption]) => {
       expect(highlightedOption).to.equal(eighteensOptions);
     });
     cy.log('**And the first enabled option after last option on the currently displayed page is the first visible option**');
     cy.all(() => cy.get('[role="option"]:visible').invoke('get', 0), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref5 => {
-      let [lastVisibleOption, highlightedOption] = _ref5;
+    }).invoke('get', 0)).then(([lastVisibleOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(lastVisibleOption);
     });
   });
@@ -323,8 +318,7 @@ describe('<SimpleSingleSelect/>', () => {
     // scrollable div
     () => cy.findByRole('option', {
       selected: true
-    }).invoke('parent').invoke('parent')).then(_ref6 => {
-      let [nextTopOption, listBoxParent] = _ref6;
+    }).invoke('parent').invoke('parent')).then(([nextTopOption, listBoxParent]) => {
       const {
         offsetTop
       } = nextTopOption.get(0);
@@ -385,8 +379,7 @@ describe('<SimpleSingleSelect/>', () => {
     cy.wait(1);
     cy.all(() => cy.findAllByRole('option').last().invoke('get', 0), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref7 => {
-      let [lastOption, highlightedOption] = _ref7;
+    }).invoke('get', 0)).then(([lastOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(lastOption);
     });
     cy.log('**And the last option is visible**');
@@ -409,8 +402,7 @@ describe('<SimpleSingleSelect/>', () => {
     }).should('be.visible');
     cy.log('**And the 3rd-last option is the last option on the current page**');
     cy.all(() => cy.findAllByRole('option').eq(89), () => cy.findByRole('listbox').invoke('parent') // scrollable div
-    ).then(_ref8 => {
-      let [nextTopOption, listBoxParent] = _ref8;
+    ).then(([nextTopOption, listBoxParent]) => {
       const {
         offsetTop
       } = nextTopOption.get(0);
@@ -429,8 +421,7 @@ describe('<SimpleSingleSelect/>', () => {
     cy.wait(1);
     cy.all(() => cy.findAllByRole('option').invoke('get', 98), () => cy.findByRole('option', {
       selected: true
-    }).invoke('get', 0)).then(_ref9 => {
-      let [secondLastOption, highlightedOption] = _ref9;
+    }).invoke('get', 0)).then(([secondLastOption, highlightedOption]) => {
       expect(highlightedOption).to.equal(secondLastOption);
     });
     cy.log('**And the second last option is visible**');

package/build/cjs/simple-single-select/features/menu-positioning.test.e2e.js

@@ -9,8 +9,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     cy.findByRole('combobox').click();
 
     // Then the top of the menu is aligned with the bottom of the input
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref => {
-      let [selectedValue, menu] = _ref;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -24,8 +23,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     });
 
     // And the left of the SingleSelect is aligned with the left of the anchor
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref2 => {
-      let [selectedValue, menu] = _ref2;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -49,8 +47,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     cy.all(() => cy.findByRole('combobox'),
     // We need to get the parent as the menu itself
     // extends withing the div container
-    () => cy.findByRole('listbox').invoke('parent')).should(_ref3 => {
-      let [selectedValue, menu] = _ref3;
+    () => cy.findByRole('listbox').invoke('parent')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -61,8 +58,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     });
 
     // And the left of the SingleSelect is aligned with the left of the anchor
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref4 => {
-      let [selectedValue, menu] = _ref4;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -83,8 +79,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     cy.findByRole('combobox').click();
 
     // Then it is rendered on top of the SingleSelect
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref5 => {
-      let [selectedValue, menu] = _ref5;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -96,8 +91,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     });
 
     // And the left of the SingleSelect is aligned with the left of the anchor
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref6 => {
-      let [selectedValue, menu] = _ref6;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -120,8 +114,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     cy.scrollTo(0, 800);
 
     // Then the top of the menu is aligned with the bottom of the input
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref7 => {
-      let [selectedValue, menu] = _ref7;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];
@@ -135,8 +128,7 @@ describe('SimpleSingleSelect: Menu positioning', () => {
     });
 
     // And the left of the SingleSelect is aligned with the left of the anchor
-    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(_ref8 => {
-      let [selectedValue, menu] = _ref8;
+    cy.all(() => cy.findByRole('combobox'), () => cy.findByRole('listbox')).should(([selectedValue, menu]) => {
       expect(selectedValue.length).to.equal(1);
       expect(menu.length).to.equal(1);
       const $selectedValue = selectedValue[0];

package/build/cjs/simple-single-select/menu/empty.js

@@ -9,17 +9,14 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Empty = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]])
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3788156646",
-    dynamic: [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
-  }, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;line-height:16px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};text-align:center;}`]));
-};
+const Empty = ({
+  children
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]])
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3788156646",
+  dynamic: [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
+}, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;line-height:16px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};text-align:center;}`]));
 exports.Empty = Empty;
 Empty.propTypes = {
   children: _propTypes.default.string.isRequired

package/build/cjs/simple-single-select/menu/filter.js

@@ -9,17 +9,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../../locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Filter(_ref) {
-  let {
-    ariaControls,
-    dataTest,
-    inputRef,
-    label,
-    placeholder,
-    value,
-    onChange,
-    onKeyDown
-  } = _ref;
+function Filter({
+  ariaControls,
+  dataTest,
+  inputRef,
+  label,
+  placeholder,
+  value,
+  onChange,
+  onKeyDown
+}) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
     ref: inputRef,
     type: "text",
@@ -34,7 +33,7 @@ function Filter(_ref) {
     onClick: e => e.stopPropagation(),
     onKeyDown: e => {
       e.stopPropagation();
-      onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+      onKeyDown === null || onKeyDown === void 0 || onKeyDown(e);
     },
     className: "jsx-1122123784" + " " + "filter-input"
   }), /*#__PURE__*/_react.default.createElement(_style.default, {

package/build/cjs/simple-single-select/menu/loading.js

@@ -10,10 +10,9 @@ var _loader = require("@dhis2-ui/loader");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Loading(_ref) {
-  let {
-    message
-  } = _ref;
+function Loading({
+  message
+}) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["316664301", [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + "container"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/build/cjs/simple-single-select/menu/menu.js

@@ -15,35 +15,33 @@ var _empty = require("./empty.js");
 var _loading = require("./loading.js");
 var _noMatch = require("./no-match.js");
 var _optionsList = require("./options-list.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Menu(_ref) {
-  let {
-    comboBoxId,
-    focussedOptionIndex,
-    name,
-    options,
-    onChange,
-    optionComponent,
-    dataTest,
-    disabled,
-    empty,
-    filterValue,
-    hidden,
-    labelledBy,
-    listBoxRef,
-    loading,
-    loadingText,
-    maxHeight,
-    noMatchText,
-    optionUpdateStrategy,
-    selectRef,
-    selectedValue,
-    onBlur,
-    onClose,
-    onEndReached
-  } = _ref;
+function Menu({
+  comboBoxId,
+  focussedOptionIndex,
+  name,
+  options,
+  onChange,
+  optionComponent,
+  dataTest,
+  disabled,
+  empty,
+  filterValue,
+  hidden,
+  labelledBy,
+  listBoxRef,
+  loading,
+  loadingText,
+  maxHeight,
+  noMatchText,
+  optionUpdateStrategy,
+  selectRef,
+  selectedValue,
+  onBlur,
+  onClose,
+  onEndReached
+}) {
   const [menuWidth, setWidth] = (0, _react.useState)('auto');
   const dataTestPrefix = `${dataTest}-menu`;
   (0, _react.useEffect)(() => {

package/build/cjs/simple-single-select/menu/no-match.js

@@ -9,18 +9,15 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NoMatch = _ref => {
-  let {
-    children,
-    className
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + (className || "")
-  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3788156646",
-    dynamic: [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
-  }, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;line-height:16px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};text-align:center;}`]));
-};
+const NoMatch = ({
+  children,
+  className
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + (className || "")
+}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3788156646",
+  dynamic: [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
+}, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;line-height:16px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};text-align:center;}`]));
 exports.NoMatch = NoMatch;
 NoMatch.propTypes = {
   children: _propTypes.default.string.isRequired,

package/build/cjs/simple-single-select/menu/option.js

@@ -9,17 +9,15 @@ var _uiConstants = require("@dhis2/ui-constants");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const VISIBILE_INTERSECTION_RATIO = 0.99;
-function DefaultStyle(_ref) {
-  let {
-    label,
-    disabled,
-    highlighted
-  } = _ref;
+function DefaultStyle({
+  label,
+  disabled,
+  highlighted
+}) {
   return /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.dynamic([["4038065645", [_uiConstants.colors.grey900, _uiConstants.spacers.dp8, _uiConstants.spacers.dp12, _uiConstants.spacers.dp16, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey500]]]) + " " + ((0, _classnames.default)('option', {
       disabled,
@@ -35,21 +33,20 @@ DefaultStyle.propTypes = {
   disabled: _propTypes.default.bool,
   highlighted: _propTypes.default.bool
 };
-function Option(_ref2) {
-  let {
-    comboBoxId,
-    index,
-    label,
-    value,
-    onClick,
-    component: StyleComponent = DefaultStyle,
-    dataTest,
-    disabled,
-    highlighted,
-    listBoxRef,
-    onBecameVisible,
-    ...rest
-  } = _ref2;
+function Option({
+  comboBoxId,
+  index,
+  label,
+  value,
+  onClick,
+  component: StyleComponent = DefaultStyle,
+  dataTest,
+  disabled,
+  highlighted,
+  listBoxRef,
+  onBecameVisible,
+  ...rest
+}) {
   const buttonRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
     if (onBecameVisible) {

package/build/cjs/simple-single-select/menu/options-list.js

@@ -9,26 +9,24 @@ var _react = _interopRequireWildcard(require("react"));
 var _isOptionHidden = require("../is-option-hidden.js");
 var _sharedPropTypes = require("../shared-prop-types.js");
 var _option = require("./option.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const OptionsList = exports.OptionsList = /*#__PURE__*/(0, _react.forwardRef)(function OptionsList(_ref, ref) {
-  let {
-    comboBoxId,
-    optionComponent,
-    focussedOptionIndex,
-    id,
-    labelledBy,
-    optionUpdateStrategy,
-    options,
-    selectedValue,
-    dataTest,
-    disabled,
-    loading,
-    onChange,
-    onBlur,
-    onEndReached
-  } = _ref;
+const OptionsList = exports.OptionsList = /*#__PURE__*/(0, _react.forwardRef)(function OptionsList({
+  comboBoxId,
+  optionComponent,
+  focussedOptionIndex,
+  id,
+  labelledBy,
+  optionUpdateStrategy,
+  options,
+  selectedValue,
+  dataTest,
+  disabled,
+  loading,
+  onChange,
+  onBlur,
+  onEndReached
+}, ref) {
   // scrolls the highlighted option into view when:
   // * the highlighted option changes
   // * the menu opens
@@ -54,13 +52,12 @@ const OptionsList = exports.OptionsList = /*#__PURE__*/(0, _react.forwardRef)(fu
     "aria-busy": loading.toString(),
     "data-test": dataTest,
     onBlur: onBlur
-  }, options.map((_ref2, index) => {
-    let {
-      value,
-      label,
-      component,
-      disabled: optionDisabled = false
-    } = _ref2;
+  }, options.map(({
+    value,
+    label,
+    component,
+    disabled: optionDisabled = false
+  }, index) => {
     const isSelected = value === selectedValue;
     const isLast = index === options.length - 1;
     return /*#__PURE__*/_react.default.createElement(_option.Option, {

package/build/cjs/simple-single-select/selected-value/clear-button.js

@@ -10,12 +10,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = _interopRequireDefault(require("../../locales/index.js"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ClearButton(_ref) {
-  let {
-    onClear,
-    clearText,
-    dataTest
-  } = _ref;
+function ClearButton({
+  onClear,
+  clearText,
+  dataTest
+}) {
   return /*#__PURE__*/_react.default.createElement("button", {
     "aria-label": _index.default.t('{{clearText}}', {
       clearText