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

package/build/cjs/locales/index.js

@@ -14,30 +14,30 @@ var _translations6 = _interopRequireDefault(require("./en/translations.json"));
 var _translations7 = _interopRequireDefault(require("./en_US/translations.json"));
 var _translations8 = _interopRequireDefault(require("./es/translations.json"));
 var _translations9 = _interopRequireDefault(require("./es_419/translations.json"));
-var _translations10 = _interopRequireDefault(require("./fr/translations.json"));
-var _translations11 = _interopRequireDefault(require("./hi_IN/translations.json"));
-var _translations12 = _interopRequireDefault(require("./id/translations.json"));
-var _translations13 = _interopRequireDefault(require("./km/translations.json"));
-var _translations14 = _interopRequireDefault(require("./lo/translations.json"));
-var _translations15 = _interopRequireDefault(require("./my/translations.json"));
-var _translations16 = _interopRequireDefault(require("./nb/translations.json"));
-var _translations17 = _interopRequireDefault(require("./nl/translations.json"));
-var _translations18 = _interopRequireDefault(require("./prs/translations.json"));
-var _translations19 = _interopRequireDefault(require("./ps/translations.json"));
-var _translations20 = _interopRequireDefault(require("./pt/translations.json"));
-var _translations21 = _interopRequireDefault(require("./pt_BR/translations.json"));
-var _translations22 = _interopRequireDefault(require("./ru/translations.json"));
-var _translations23 = _interopRequireDefault(require("./sv/translations.json"));
-var _translations24 = _interopRequireDefault(require("./tet/translations.json"));
-var _translations25 = _interopRequireDefault(require("./tg/translations.json"));
-var _translations26 = _interopRequireDefault(require("./uk/translations.json"));
-var _translations27 = _interopRequireDefault(require("./ur/translations.json"));
-var _translations28 = _interopRequireDefault(require("./uz_Latn/translations.json"));
-var _translations29 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
-var _translations30 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
-var _translations31 = _interopRequireDefault(require("./vi/translations.json"));
-var _translations32 = _interopRequireDefault(require("./zh/translations.json"));
-var _translations33 = _interopRequireDefault(require("./zh_CN/translations.json"));
+var _translations0 = _interopRequireDefault(require("./fr/translations.json"));
+var _translations1 = _interopRequireDefault(require("./hi_IN/translations.json"));
+var _translations10 = _interopRequireDefault(require("./id/translations.json"));
+var _translations11 = _interopRequireDefault(require("./km/translations.json"));
+var _translations12 = _interopRequireDefault(require("./lo/translations.json"));
+var _translations13 = _interopRequireDefault(require("./my/translations.json"));
+var _translations14 = _interopRequireDefault(require("./nb/translations.json"));
+var _translations15 = _interopRequireDefault(require("./nl/translations.json"));
+var _translations16 = _interopRequireDefault(require("./prs/translations.json"));
+var _translations17 = _interopRequireDefault(require("./ps/translations.json"));
+var _translations18 = _interopRequireDefault(require("./pt/translations.json"));
+var _translations19 = _interopRequireDefault(require("./pt_BR/translations.json"));
+var _translations20 = _interopRequireDefault(require("./ru/translations.json"));
+var _translations21 = _interopRequireDefault(require("./sv/translations.json"));
+var _translations22 = _interopRequireDefault(require("./tet/translations.json"));
+var _translations23 = _interopRequireDefault(require("./tg/translations.json"));
+var _translations24 = _interopRequireDefault(require("./uk/translations.json"));
+var _translations25 = _interopRequireDefault(require("./ur/translations.json"));
+var _translations26 = _interopRequireDefault(require("./uz_Latn/translations.json"));
+var _translations27 = _interopRequireDefault(require("./uz_UZ_Cyrl/translations.json"));
+var _translations28 = _interopRequireDefault(require("./uz_UZ_Latn/translations.json"));
+var _translations29 = _interopRequireDefault(require("./vi/translations.json"));
+var _translations30 = _interopRequireDefault(require("./zh/translations.json"));
+var _translations31 = _interopRequireDefault(require("./zh_CN/translations.json"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //------------------------------------------------------------------------------
 // <auto-generated>
@@ -49,37 +49,74 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 //------------------------------------------------------------------------------
 
 const namespace = 'default';
-_d2I18n.default.addResources('ar', namespace, _translations.default);
-_d2I18n.default.addResources('ar_IQ', namespace, _translations2.default);
-_d2I18n.default.addResources('ckb', namespace, _translations3.default);
-_d2I18n.default.addResources('cs', namespace, _translations4.default);
-_d2I18n.default.addResources('da', namespace, _translations5.default);
-_d2I18n.default.addResources('en', namespace, _translations6.default);
-_d2I18n.default.addResources('en_US', namespace, _translations7.default);
-_d2I18n.default.addResources('es', namespace, _translations8.default);
-_d2I18n.default.addResources('es_419', namespace, _translations9.default);
-_d2I18n.default.addResources('fr', namespace, _translations10.default);
-_d2I18n.default.addResources('hi_IN', namespace, _translations11.default);
-_d2I18n.default.addResources('id', namespace, _translations12.default);
-_d2I18n.default.addResources('km', namespace, _translations13.default);
-_d2I18n.default.addResources('lo', namespace, _translations14.default);
-_d2I18n.default.addResources('my', namespace, _translations15.default);
-_d2I18n.default.addResources('nb', namespace, _translations16.default);
-_d2I18n.default.addResources('nl', namespace, _translations17.default);
-_d2I18n.default.addResources('prs', namespace, _translations18.default);
-_d2I18n.default.addResources('ps', namespace, _translations19.default);
-_d2I18n.default.addResources('pt', namespace, _translations20.default);
-_d2I18n.default.addResources('pt_BR', namespace, _translations21.default);
-_d2I18n.default.addResources('ru', namespace, _translations22.default);
-_d2I18n.default.addResources('sv', namespace, _translations23.default);
-_d2I18n.default.addResources('tet', namespace, _translations24.default);
-_d2I18n.default.addResources('tg', namespace, _translations25.default);
-_d2I18n.default.addResources('uk', namespace, _translations26.default);
-_d2I18n.default.addResources('ur', namespace, _translations27.default);
-_d2I18n.default.addResources('uz_Latn', namespace, _translations28.default);
-_d2I18n.default.addResources('uz_UZ_Cyrl', namespace, _translations29.default);
-_d2I18n.default.addResources('uz_UZ_Latn', namespace, _translations30.default);
-_d2I18n.default.addResources('vi', namespace, _translations31.default);
-_d2I18n.default.addResources('zh', namespace, _translations32.default);
-_d2I18n.default.addResources('zh_CN', namespace, _translations33.default);
+
+// Use 'deep' = true and 'overwrite' = false to add to, but not overwrite,
+// custom translations from the datastore (added by the app adapter)
+
+_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
+_d2I18n.default.addResourceBundle('ar', namespace, _translations.default, true, false);
+_d2I18n.default.addResourceBundle('ar_IQ', namespace, _translations2.default, true, false);
+_d2I18n.default.addResourceBundle('ar-IQ', namespace, _translations2.default, true, false);
+_d2I18n.default.addResourceBundle('ckb', namespace, _translations3.default, true, false);
+_d2I18n.default.addResourceBundle('ckb', namespace, _translations3.default, true, false);
+_d2I18n.default.addResourceBundle('cs', namespace, _translations4.default, true, false);
+_d2I18n.default.addResourceBundle('cs', namespace, _translations4.default, true, false);
+_d2I18n.default.addResourceBundle('da', namespace, _translations5.default, true, false);
+_d2I18n.default.addResourceBundle('da', namespace, _translations5.default, true, false);
+_d2I18n.default.addResourceBundle('en', namespace, _translations6.default, true, false);
+_d2I18n.default.addResourceBundle('en', namespace, _translations6.default, true, false);
+_d2I18n.default.addResourceBundle('en_US', namespace, _translations7.default, true, false);
+_d2I18n.default.addResourceBundle('en-US', namespace, _translations7.default, true, false);
+_d2I18n.default.addResourceBundle('es', namespace, _translations8.default, true, false);
+_d2I18n.default.addResourceBundle('es', namespace, _translations8.default, true, false);
+_d2I18n.default.addResourceBundle('es_419', namespace, _translations9.default, true, false);
+_d2I18n.default.addResourceBundle('es-419', namespace, _translations9.default, true, false);
+_d2I18n.default.addResourceBundle('fr', namespace, _translations0.default, true, false);
+_d2I18n.default.addResourceBundle('fr', namespace, _translations0.default, true, false);
+_d2I18n.default.addResourceBundle('hi_IN', namespace, _translations1.default, true, false);
+_d2I18n.default.addResourceBundle('hi-IN', namespace, _translations1.default, true, false);
+_d2I18n.default.addResourceBundle('id', namespace, _translations10.default, true, false);
+_d2I18n.default.addResourceBundle('id', namespace, _translations10.default, true, false);
+_d2I18n.default.addResourceBundle('km', namespace, _translations11.default, true, false);
+_d2I18n.default.addResourceBundle('km', namespace, _translations11.default, true, false);
+_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
+_d2I18n.default.addResourceBundle('lo', namespace, _translations12.default, true, false);
+_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
+_d2I18n.default.addResourceBundle('my', namespace, _translations13.default, true, false);
+_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
+_d2I18n.default.addResourceBundle('nb', namespace, _translations14.default, true, false);
+_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
+_d2I18n.default.addResourceBundle('nl', namespace, _translations15.default, true, false);
+_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
+_d2I18n.default.addResourceBundle('prs', namespace, _translations16.default, true, false);
+_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
+_d2I18n.default.addResourceBundle('ps', namespace, _translations17.default, true, false);
+_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
+_d2I18n.default.addResourceBundle('pt', namespace, _translations18.default, true, false);
+_d2I18n.default.addResourceBundle('pt_BR', namespace, _translations19.default, true, false);
+_d2I18n.default.addResourceBundle('pt-BR', namespace, _translations19.default, true, false);
+_d2I18n.default.addResourceBundle('ru', namespace, _translations20.default, true, false);
+_d2I18n.default.addResourceBundle('ru', namespace, _translations20.default, true, false);
+_d2I18n.default.addResourceBundle('sv', namespace, _translations21.default, true, false);
+_d2I18n.default.addResourceBundle('sv', namespace, _translations21.default, true, false);
+_d2I18n.default.addResourceBundle('tet', namespace, _translations22.default, true, false);
+_d2I18n.default.addResourceBundle('tet', namespace, _translations22.default, true, false);
+_d2I18n.default.addResourceBundle('tg', namespace, _translations23.default, true, false);
+_d2I18n.default.addResourceBundle('tg', namespace, _translations23.default, true, false);
+_d2I18n.default.addResourceBundle('uk', namespace, _translations24.default, true, false);
+_d2I18n.default.addResourceBundle('uk', namespace, _translations24.default, true, false);
+_d2I18n.default.addResourceBundle('ur', namespace, _translations25.default, true, false);
+_d2I18n.default.addResourceBundle('ur', namespace, _translations25.default, true, false);
+_d2I18n.default.addResourceBundle('uz_Latn', namespace, _translations26.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Latn', namespace, _translations26.default, true, false);
+_d2I18n.default.addResourceBundle('uz_UZ_Cyrl', namespace, _translations27.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Cyrl-UZ', namespace, _translations27.default, true, false);
+_d2I18n.default.addResourceBundle('uz_UZ_Latn', namespace, _translations28.default, true, false);
+_d2I18n.default.addResourceBundle('uz-Latn-UZ', namespace, _translations28.default, true, false);
+_d2I18n.default.addResourceBundle('vi', namespace, _translations29.default, true, false);
+_d2I18n.default.addResourceBundle('vi', namespace, _translations29.default, true, false);
+_d2I18n.default.addResourceBundle('zh', namespace, _translations30.default, true, false);
+_d2I18n.default.addResourceBundle('zh', namespace, _translations30.default, true, false);
+_d2I18n.default.addResourceBundle('zh_CN', namespace, _translations31.default, true, false);
+_d2I18n.default.addResourceBundle('zh-CN', namespace, _translations31.default, true, false);
 var _default = exports.default = _d2I18n.default;

package/build/cjs/multi-select/features/menu_width_matches_input/index.js

@@ -25,8 +25,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the MultiSelect input is left aligned with the menu', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(selectDataTest, menuDataTest).should(_ref => {
-    let [inputs, menus] = _ref;
+  cy.getAll(selectDataTest, menuDataTest).should(([inputs, menus]) => {
     expect(inputs.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $input = inputs[0];
@@ -39,8 +38,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.When)('the MultiSelect input and menu have the same width', () => {
   const inputSelector = '[data-test="dhis2-uicore-select"]';
   const menuSelector = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(inputSelector, menuSelector).should(_ref2 => {
-    let [$input, $menu] = _ref2;
+  cy.getAll(inputSelector, menuSelector).should(([$input, $menu]) => {
     const inputWidth = Math.round($input.outerWidth());
     const menuWidth = Math.round($menu.outerWidth());
     expect(inputWidth).to.equal(menuWidth);

package/build/cjs/multi-select/features/position/index.js

@@ -33,8 +33,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the Input remains the same height', () => {
   const emptyInputHeight = '@emptyInputHeight';
   const inputDataTest = '[data-test="dhis2-uicore-select-input"]';
-  cy.getAll(emptyInputHeight, inputDataTest).should(_ref => {
-    let [emptyInputHeight, inputs] = _ref;
+  cy.getAll(emptyInputHeight, inputDataTest).should(([emptyInputHeight, inputs]) => {
     expect(inputs.length).to.equal(1);
     const $input = inputs[0];
     const inputRect = $input.getBoundingClientRect();
@@ -44,8 +43,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the top of the menu is aligned with the bottom of the input', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(selectDataTest, menuDataTest).should(_ref2 => {
-    let [selects, menus] = _ref2;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -58,8 +56,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the bottom of the menu is aligned with the top of the input', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(selectDataTest, menuDataTest).should(_ref3 => {
-    let [selects, menus] = _ref3;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -72,8 +69,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('it is rendered on top of the MultiSelect', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(selectDataTest, menuDataTest).should(_ref4 => {
-    let [selects, menus] = _ref4;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -87,8 +83,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the left of the Menu is aligned with the left of the Input', () => {
   const selectDataTest = '[data-test="dhis2-uicore-multiselect"]';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(selectDataTest, menuDataTest).should(_ref5 => {
-    let [selects, menus] = _ref5;
+  cy.getAll(selectDataTest, menuDataTest).should(([selects, menus]) => {
     expect(selects.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $select = selects[0];
@@ -101,8 +96,7 @@ var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preproces
 (0, _cypressCucumberPreprocessor.Then)('the Menu and the Input have an equal width', () => {
   const inputDataTest = '[data-test="dhis2-uicore-multiselect"] .root-input';
   const menuDataTest = '[data-test="dhis2-uicore-select-menu-menuwrapper"]';
-  cy.getAll(inputDataTest, menuDataTest).should(_ref6 => {
-    let [inputs, menus] = _ref6;
+  cy.getAll(inputDataTest, menuDataTest).should(([inputs, menus]) => {
     expect(inputs.length).to.equal(1);
     expect(menus.length).to.equal(1);
     const $input = inputs[0];

package/build/cjs/multi-select/filterable-menu.js

@@ -9,31 +9,28 @@ var _react = _interopRequireDefault(require("react"));
 var _index = require("../select/index.js");
 var _menu = require("./menu.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FilterableMenu = _ref => {
-  let {
-    dataTest,
-    options,
-    onChange,
-    selected,
-    empty,
-    handleClose,
-    handleFocusInput,
-    placeholder,
-    noMatchText
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_index.FilterableMenu, {
-    dataTest: dataTest,
-    options: options,
-    onChange: onChange,
-    selected: selected,
-    empty: empty,
-    handleClose: handleClose,
-    handleFocusInput: handleFocusInput,
-    placeholder: placeholder,
-    noMatchText: noMatchText,
-    Menu: _menu.Menu
-  });
-};
+const FilterableMenu = ({
+  dataTest,
+  options,
+  onChange,
+  selected,
+  empty,
+  handleClose,
+  handleFocusInput,
+  placeholder,
+  noMatchText
+}) => /*#__PURE__*/_react.default.createElement(_index.FilterableMenu, {
+  dataTest: dataTest,
+  options: options,
+  onChange: onChange,
+  selected: selected,
+  empty: empty,
+  handleClose: handleClose,
+  handleFocusInput: handleFocusInput,
+  placeholder: placeholder,
+  noMatchText: noMatchText,
+  Menu: _menu.Menu
+});
 exports.FilterableMenu = FilterableMenu;
 FilterableMenu.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

package/build/cjs/multi-select/input.js

@@ -14,21 +14,20 @@ var _index = _interopRequireDefault(require("../locales/index.js"));
 var _index2 = require("../select/index.js");
 var _selectionList = require("./selection-list.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Input = _ref => {
-  let {
-    selected,
-    onChange,
-    clearable,
-    clearText,
-    placeholder,
-    dataTest,
-    prefix,
-    options,
-    className,
-    disabled,
-    inputMaxHeight = '100px',
-    collapseSelectionAfter
-  } = _ref;
+const Input = ({
+  selected,
+  onChange,
+  clearable,
+  clearText,
+  placeholder,
+  dataTest,
+  prefix,
+  options,
+  className,
+  disabled,
+  inputMaxHeight = '100px',
+  collapseSelectionAfter
+}) => {
   const hasSelection = selected.length > 0;
   const shouldCollapse = hasSelection && typeof collapseSelectionAfter === 'number' && selected.length > collapseSelectionAfter;
   const onClear = e => {

package/build/cjs/multi-select/menu.js

@@ -12,40 +12,36 @@ const onDisabledClick = (_, e) => {
   e.stopPropagation();
   e.preventDefault();
 };
-const createHandler = _ref => {
-  let {
-    isActive,
-    onChange,
-    selected,
-    value
-  } = _ref;
-  return (_, e) => {
-    e.stopPropagation();
-
-    // If the option is currently selected remove it from the array of selected options
-    if (isActive) {
-      const filtered = (0, _index.removeOption)(value, selected);
-      const data = {
-        selected: filtered
-      };
-      return onChange(data, e);
-    }
+const createHandler = ({
+  isActive,
+  onChange,
+  selected,
+  value
+}) => (_, e) => {
+  e.stopPropagation();
 
-    // Otherwise, add it to selected
+  // If the option is currently selected remove it from the array of selected options
+  if (isActive) {
+    const filtered = (0, _index.removeOption)(value, selected);
     const data = {
-      selected: selected.concat([value])
+      selected: filtered
     };
     return onChange(data, e);
+  }
+
+  // Otherwise, add it to selected
+  const data = {
+    selected: selected.concat([value])
   };
+  return onChange(data, e);
 };
-const Menu = _ref2 => {
-  let {
-    options,
-    onChange,
-    selected,
-    empty = '',
-    dataTest
-  } = _ref2;
+const Menu = ({
+  options,
+  onChange,
+  selected,
+  empty = '',
+  dataTest
+}) => {
   const renderedOptions = (0, _index.filterIgnored)(options);
   if (_react.default.Children.count(renderedOptions) === 0) {
     // If it's a string, supply it to our <Empty> component so it looks better

package/build/cjs/multi-select/multi-select.e2e.stories.js

@@ -11,21 +11,17 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("../index.js");
 var _multiSelect = require("./multi-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); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 window.onChange = window.Cypress && window.Cypress.cy.stub();
 window.onFocus = window.Cypress && window.Cypress.cy.stub();
 window.onBlur = window.Cypress && window.Cypress.cy.stub();
-const CustomMultiSelectOption = _ref => {
-  let {
-    label,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e)
-  }, label);
-};
+const CustomMultiSelectOption = ({
+  label,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e)
+}, label);
 CustomMultiSelectOption.propTypes = {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func
@@ -602,10 +598,9 @@ const WithOptionsThatCanBeAddedToTheInput = () => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_multiSelect.MultiSelect, {
     className: "select",
     selected: values,
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
+    onChange: ({
+      selected
+    }) => {
       window.onChange && window.onChange({
         selected
       });
@@ -646,23 +641,17 @@ const MenuWidthChanging = () => {
       flexGrow: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_multiSelect.MultiSelect, {
-    onChange: _ref3 => {
-      let {
-        selected
-      } = _ref3;
-      return console.log('size changed to ' + selected);
-    }
-  }, options.map(_ref4 => {
-    let {
-      name,
-      id
-    } = _ref4;
-    return /*#__PURE__*/_react.default.createElement(_index.MultiSelectOption, {
-      key: id,
-      value: id,
-      label: name
-    });
-  }))), toggle && /*#__PURE__*/_react.default.createElement("div", {
+    onChange: ({
+      selected
+    }) => console.log('size changed to ' + selected)
+  }, options.map(({
+    name,
+    id
+  }) => /*#__PURE__*/_react.default.createElement(_index.MultiSelectOption, {
+    key: id,
+    value: id,
+    label: name
+  })))), toggle && /*#__PURE__*/_react.default.createElement("div", {
     style: {
       padding: '30px',
       border: '1px solid green'

package/build/cjs/multi-select/multi-select.js

@@ -17,37 +17,36 @@ var _menu = require("./menu.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // stable object reference
 const staticArr = [];
-const MultiSelect = _ref => {
-  let {
-    className,
-    selected = staticArr,
-    tabIndex,
-    maxHeight,
-    inputMaxHeight,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    loading,
-    error,
-    warning,
-    valid,
-    disabled,
-    children,
-    clearable,
-    clearText,
-    filterable,
-    filterPlaceholder,
-    placeholder,
-    prefix,
-    empty,
-    loadingText,
-    noMatchText,
-    initialFocus,
-    dense,
-    collapseSelectionAfter,
-    dataTest = 'dhis2-uicore-multiselect'
-  } = _ref;
+const MultiSelect = ({
+  className,
+  selected = staticArr,
+  tabIndex,
+  maxHeight,
+  inputMaxHeight,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  loading,
+  error,
+  warning,
+  valid,
+  disabled,
+  children,
+  clearable,
+  clearText,
+  filterable,
+  filterPlaceholder,
+  placeholder,
+  prefix,
+  empty,
+  loadingText,
+  noMatchText,
+  initialFocus,
+  dense,
+  collapseSelectionAfter,
+  dataTest = 'dhis2-uicore-multiselect'
+}) => {
   // If the select is filterable, use a filterable menu
   const menu = filterable ? /*#__PURE__*/_react.default.createElement(_filterableMenu.FilterableMenu, {
     dataTest: dataTest,

package/build/cjs/multi-select/multi-select.prod.stories.js

@@ -10,8 +10,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("../index.js");
 var _index2 = require("./index.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 description = `
 Multiple selection allows the user to select more than one option from the list. Checkboxes are used to highlight the possibility of making more than one selection. Selected options are displayed as chips inside the input. Make sure to communicate clearly to the user if there is a limit to the number of selectable elements.
@@ -33,15 +32,12 @@ const eventHandler = handlerName => (payload, event) => {
 const onChange = eventHandler('onChange');
 const onFocus = eventHandler('onFocus');
 const onBlur = eventHandler('onBlur');
-const CustomMultiSelectOption = _ref => {
-  let {
-    label,
-    onClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onClick: e => onClick({}, e)
-  }, label);
-};
+const CustomMultiSelectOption = ({
+  label,
+  onClick
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  onClick: e => onClick({}, e)
+}, label);
 CustomMultiSelectOption.propTypes = {
   label: _propTypes.default.string,
   onClick: _propTypes.default.func
@@ -348,10 +344,9 @@ const WithMultipleSelectionsWrapped = () => {
   }, /*#__PURE__*/_react.default.createElement(_index2.MultiSelect, {
     className: "select",
     selected: selected,
-    onChange: _ref2 => {
-      let {
-        selected
-      } = _ref2;
+    onChange: ({
+      selected
+    }) => {
       console.log({
         selected
       });
@@ -522,12 +517,9 @@ const CollapseSelectionAfterThreshold = () => {
   }, /*#__PURE__*/_react.default.createElement(_index2.MultiSelect, {
     className: "select",
     selected: selected,
-    onChange: _ref3 => {
-      let {
-        selected
-      } = _ref3;
-      return setSelected(selected);
-    },
+    onChange: ({
+      selected
+    }) => setSelected(selected),
     collapseSelectionAfter: 2,
     prefix: "Prefix text",
     clearable: true,