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

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

@@ -9,67 +9,61 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../select/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const createRemoveHandler = _ref => {
-  let {
-    selected,
-    onChange,
-    value
-  } = _ref;
-  return (_, e) => {
-    const filtered = (0, _index.removeOption)(value, selected);
-    const data = {
-      selected: filtered
-    };
-    onChange(data, e);
+const createRemoveHandler = ({
+  selected,
+  onChange,
+  value
+}) => (_, e) => {
+  const filtered = (0, _index.removeOption)(value, selected);
+  const data = {
+    selected: filtered
   };
+  onChange(data, e);
 };
-const SelectionList = _ref2 => {
-  let {
-    selected,
-    onChange,
-    disabled,
-    options
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selected.map(value => {
-    const isProduction = process.env.NODE_ENV === 'production';
-    const selectedOption = (0, _index.findOptionChild)(value, options);
-    if (!selectedOption) {
-      const message = `There is no option with the value: "${value}". ` + 'Make sure that all the values passed to the selected ' + 'prop match the value of an existing option.';
-      if (isProduction) {
-        // Don't crash the app if in production
-        console.error(message);
-      } else {
-        // Throw error if not in production for maximum visibility
-        throw new Error(message);
-      }
+const SelectionList = ({
+  selected,
+  onChange,
+  disabled,
+  options
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selected.map(value => {
+  const isProduction = process.env.NODE_ENV === 'production';
+  const selectedOption = (0, _index.findOptionChild)(value, options);
+  if (!selectedOption) {
+    const message = `There is no option with the value: "${value}". ` + 'Make sure that all the values passed to the selected ' + 'prop match the value of an existing option.';
+    if (isProduction) {
+      // Don't crash the app if in production
+      console.error(message);
+    } else {
+      // Throw error if not in production for maximum visibility
+      throw new Error(message);
     }
-    const isDisabled = selectedOption ?
-    // The chip should be disabled if the option or the select are disabled
-    selectedOption.props.disabled || disabled :
-    // If there is no selected option, just look at the select
-    disabled;
-    // Use the selected value if we do not have a label
-    const label = selectedOption ? selectedOption.props.label : value;
+  }
+  const isDisabled = selectedOption ?
+  // The chip should be disabled if the option or the select are disabled
+  selectedOption.props.disabled || disabled :
+  // If there is no selected option, just look at the select
+  disabled;
+  // Use the selected value if we do not have a label
+  const label = selectedOption ? selectedOption.props.label : value;
 
-    // Create an onRemove handler, but only if it's not disabled
-    const onRemove = isDisabled ? undefined : createRemoveHandler({
-      selected,
-      onChange,
-      value
-    });
-    return /*#__PURE__*/_react.default.createElement(_chip.Chip, {
-      key: value,
-      onRemove: onRemove,
-      disabled: isDisabled,
-      marginBottom: 0,
-      marginLeft: 0,
-      marginTop: 0,
-      marginRight: 0,
-      overflow: true,
-      dense: true
-    }, label);
-  }));
-};
+  // Create an onRemove handler, but only if it's not disabled
+  const onRemove = isDisabled ? undefined : createRemoveHandler({
+    selected,
+    onChange,
+    value
+  });
+  return /*#__PURE__*/_react.default.createElement(_chip.Chip, {
+    key: value,
+    onRemove: onRemove,
+    disabled: isDisabled,
+    marginBottom: 0,
+    marginLeft: 0,
+    marginTop: 0,
+    marginRight: 0,
+    overflow: true,
+    dense: true
+  }, label);
+}));
 exports.SelectionList = SelectionList;
 SelectionList.propTypes = {
   disabled: _propTypes.default.bool,

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

@@ -21,37 +21,34 @@ const {
   }, [`.jsx-2013783366{padding:${_uiConstants.spacers.dp8} ${_uiConstants.spacers.dp12};}`]),
   className: "jsx-2013783366"
 };
-const MultiSelectOption = _ref => {
-  let {
-    label,
+const MultiSelectOption = ({
+  label,
+  active,
+  disabled,
+  onClick,
+  className,
+  dataTest = 'dhis2-uicore-multiselectoption',
+  value
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  "data-value": value,
+  "data-label": label,
+  className: _style.default.dynamic([["2722881483", [_uiConstants.colors.grey200, _uiConstants.colors.teal050]]]) + " " + ((0, _classnames.default)(className, {
     active,
-    disabled,
-    onClick,
-    className,
-    dataTest = 'dhis2-uicore-multiselectoption',
-    value
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    "data-value": value,
-    "data-label": label,
-    className: _style.default.dynamic([["2722881483", [_uiConstants.colors.grey200, _uiConstants.colors.teal050]]]) + " " + ((0, _classnames.default)(className, {
-      active,
-      disabled
-    }) || "")
-  }, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
-    name: label,
-    className: checkboxClassname,
-    checked: active,
-    label: label,
-    onChange: onClick,
-    disabled: disabled,
-    dense: true
-  }), styles, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2722881483",
-    dynamic: [_uiConstants.colors.grey200, _uiConstants.colors.teal050]
-  }, [`div.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey200};}`, `div.active.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.teal050};}`, "div.active.__jsx-style-dynamic-selector:hover{background-color:#e6f4f4;}", "div.disabled.__jsx-style-dynamic-selector:hover{background-color:initial;}"]));
-};
+    disabled
+  }) || "")
+}, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
+  name: label,
+  className: checkboxClassname,
+  checked: active,
+  label: label,
+  onChange: onClick,
+  disabled: disabled,
+  dense: true
+}), styles, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2722881483",
+  dynamic: [_uiConstants.colors.grey200, _uiConstants.colors.teal050]
+}, [`div.__jsx-style-dynamic-selector:hover{background-color:${_uiConstants.colors.grey200};}`, `div.active.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.teal050};}`, "div.active.__jsx-style-dynamic-selector:hover{background-color:#e6f4f4;}", "div.disabled.__jsx-style-dynamic-selector:hover{background-color:initial;}"]));
 exports.MultiSelectOption = MultiSelectOption;
 MultiSelectOption.propTypes = {
   label: _propTypes.default.string.isRequired,

package/build/cjs/select/debounce/debounce.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.debounce = void 0;
-var _this = void 0;
 /**
  * Returns a function, that, as long as it continues to be invoked, will not be triggered. The
  * function will be called after it stops being called for N milliseconds. If `immediate` is
@@ -13,11 +12,8 @@ var _this = void 0;
 
 const debounce = (func, wait, immediate) => {
   let timeout;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    const context = _this;
+  return (...args) => {
+    const context = void 0;
     const later = () => {
       timeout = null;
       if (!immediate) {

package/build/cjs/select/empty.js

@@ -9,20 +9,17 @@ 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 {
-    message,
-    className,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + (className || "")
-  }, message, /*#__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 = ({
+  message,
+  className,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + (className || "")
+}, message, /*#__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 = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -10,30 +10,27 @@ var _input = require("@dhis2-ui/input");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FilterInput = _ref => {
-  let {
-    value,
-    onChange,
-    placeholder,
-    className,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["730881408", [_uiConstants.colors.white, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, _uiConstants.spacers.dp8]]]) + " " + (className || "")
-  }, /*#__PURE__*/_react.default.createElement(_input.Input, {
-    dense: true,
-    dataTest: dataTest,
-    value: value,
-    onChange: onChange,
-    type: "text",
-    name: "filter",
-    placeholder: placeholder,
-    initialFocus: true
-  }), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "730881408",
-    dynamic: [_uiConstants.colors.white, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, _uiConstants.spacers.dp8]
-  }, [`div.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;-webkit-inset-block-start:0;-ms-intb-rlock-start:0;inset-block-start:0;background:${_uiConstants.colors.white};padding-block-start:${_uiConstants.spacers.dp8};padding-inline-end:${_uiConstants.spacers.dp8};padding-block-end:${_uiConstants.spacers.dp4};padding-inline-start:${_uiConstants.spacers.dp8};z-index:1;}`]));
-};
+const FilterInput = ({
+  value,
+  onChange,
+  placeholder,
+  className,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["730881408", [_uiConstants.colors.white, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, _uiConstants.spacers.dp8]]]) + " " + (className || "")
+}, /*#__PURE__*/_react.default.createElement(_input.Input, {
+  dense: true,
+  dataTest: dataTest,
+  value: value,
+  onChange: onChange,
+  type: "text",
+  name: "filter",
+  placeholder: placeholder,
+  initialFocus: true
+}), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "730881408",
+  dynamic: [_uiConstants.colors.white, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp4, _uiConstants.spacers.dp8]
+}, [`div.__jsx-style-dynamic-selector{position:-webkit-sticky;position:sticky;-webkit-inset-block-start:0;-ms-intb-rlock-start:0;inset-block-start:0;background:${_uiConstants.colors.white};padding-block-start:${_uiConstants.spacers.dp8};padding-inline-end:${_uiConstants.spacers.dp8};padding-block-end:${_uiConstants.spacers.dp4};padding-inline-start:${_uiConstants.spacers.dp8};z-index:1;}`]));
 exports.FilterInput = FilterInput;
 FilterInput.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -9,23 +9,21 @@ var _react = _interopRequireWildcard(require("react"));
 var _filterInput = require("./filter-input.js");
 var _noMatch = require("./no-match.js");
 var _optionHelpers = require("./option-helpers.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 _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); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class FilterableMenu extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "state", {
       filter: ''
     });
-    _defineProperty(this, "onFilterChange", _ref => {
-      let {
-        value
-      } = _ref;
+    _defineProperty(this, "onFilterChange", ({
+      value
+    }) => {
       this.setState({
         filter: value
       });

package/build/cjs/select/input-clear-button.js

@@ -10,37 +10,34 @@ var _tooltip = require("@dhis2-ui/tooltip");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const InputClearButton = _ref => {
-  let {
-    onClear,
-    clearText,
-    className,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
-    openDelay: 500,
-    content: clearText
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    "data-test": dataTest,
-    onClick: onClear,
-    type: "button",
-    className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]]) + " " + (className || "")
-  }, /*#__PURE__*/_react.default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm3.536-5.879a1 1 0 1 1-1.415 1.414l-2.12-2.12-2.122 2.121a1 1 0 1 1-1.415-1.414L6.586 8 4.464 5.878A1 1 0 1 1 5.88 4.464L8 6.586l2.121-2.121a1 1 0 1 1 1.415 1.414L9.415 8l2.12 2.121Z",
-    fill: "none",
-    className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
-  })), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "2859518049",
-    dynamic: [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]
-  }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", "button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${_uiConstants.theme.focus};}`])));
-};
+const InputClearButton = ({
+  onClear,
+  clearText,
+  className,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
+  openDelay: 500,
+  content: clearText
+}, /*#__PURE__*/_react.default.createElement("button", {
+  "data-test": dataTest,
+  onClick: onClear,
+  type: "button",
+  className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]]) + " " + (className || "")
+}, /*#__PURE__*/_react.default.createElement("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm3.536-5.879a1 1 0 1 1-1.415 1.414l-2.12-2.12-2.122 2.121a1 1 0 1 1-1.415-1.414L6.586 8 4.464 5.878A1 1 0 1 1 5.88 4.464L8 6.586l2.121-2.121a1 1 0 1 1 1.415 1.414L9.415 8l2.12 2.121Z",
+  fill: "none",
+  className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
+})), /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "2859518049",
+  dynamic: [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]
+}, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", "button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${_uiConstants.theme.focus};}`])));
 exports.InputClearButton = InputClearButton;
 InputClearButton.propTypes = {
   clearText: _propTypes.default.string.isRequired,

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

@@ -9,12 +9,11 @@ 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 InputPlaceholder = _ref => {
-  let {
-    placeholder,
-    className,
-    dataTest
-  } = _ref;
+const InputPlaceholder = ({
+  placeholder,
+  className,
+  dataTest
+}) => {
   if (!placeholder) {
     return null;
   }

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

@@ -9,12 +9,11 @@ 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 InputPrefix = _ref => {
-  let {
-    prefix,
-    className,
-    dataTest
-  } = _ref;
+const InputPrefix = ({
+  prefix,
+  className,
+  dataTest
+}) => {
   if (!prefix) {
     return null;
   }

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

@@ -11,20 +11,19 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const InputWrapper = _ref => {
-  let {
-    dataTest,
-    onToggle,
-    children,
-    tabIndex = '0',
-    error,
-    warning,
-    valid,
-    disabled,
-    dense,
-    className,
-    inputRef
-  } = _ref;
+const InputWrapper = ({
+  dataTest,
+  onToggle,
+  children,
+  tabIndex = '0',
+  error,
+  warning,
+  valid,
+  disabled,
+  dense,
+  className,
+  inputRef
+}) => {
   const classNames = (0, _classnames.default)(className, 'root', {
     error,
     warning,

package/build/cjs/select/loading.js

@@ -11,24 +11,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Loading = _ref => {
-  let {
-    message,
-    className,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": dataTest,
-    className: _style.default.dynamic([["3603755746", [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + ((0, _classnames.default)(className, 'container') || "")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["3603755746", [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]])
-  }, /*#__PURE__*/_react.default.createElement(_loader.CircularLoader, {
-    small: true
-  })), message, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3603755746",
-    dynamic: [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
-  }, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_uiConstants.spacers.dp16};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};}`]));
-};
+const Loading = ({
+  message,
+  className,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  "data-test": dataTest,
+  className: _style.default.dynamic([["3603755746", [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + ((0, _classnames.default)(className, 'container') || "")
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3603755746", [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]])
+}, /*#__PURE__*/_react.default.createElement(_loader.CircularLoader, {
+  small: true
+})), message, /*#__PURE__*/_react.default.createElement(_style.default, {
+  id: "3603755746",
+  dynamic: [_uiConstants.spacers.dp16, _uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]
+}, [`.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:${_uiConstants.spacers.dp16};-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:${_uiConstants.colors.grey700};font-family:${_uiConstants.theme.fonts};font-size:13px;padding-block:${_uiConstants.spacers.dp8};padding-inline:${_uiConstants.spacers.dp24};}`]));
 exports.Loading = Loading;
 Loading.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -11,15 +11,14 @@ var _popper = require("@dhis2-ui/popper");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MenuWrapper = _ref => {
-  let {
-    children,
-    dataTest,
-    maxHeight = '280px',
-    menuWidth,
-    onClick,
-    selectRef
-  } = _ref;
+const MenuWrapper = ({
+  children,
+  dataTest,
+  maxHeight = '280px',
+  menuWidth,
+  onClick,
+  selectRef
+}) => {
   return /*#__PURE__*/_react.default.createElement(_layer.Layer, {
     onBackdropClick: onClick,
     transparent: true

package/build/cjs/select/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 {
-    message,
-    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 || "")
-  }, message, /*#__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 = ({
+  message,
+  className
+}) => /*#__PURE__*/_react.default.createElement("div", {
+  className: _style.default.dynamic([["3788156646", [_uiConstants.colors.grey700, _uiConstants.theme.fonts, _uiConstants.spacers.dp8, _uiConstants.spacers.dp24]]]) + " " + (className || "")
+}, message, /*#__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 = {
   message: _propTypes.default.string.isRequired,

package/build/cjs/select/select.js

@@ -10,8 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _debounce = require("./debounce/debounce.js");
 var _inputWrapper = require("./input-wrapper.js");
 var _menuWrapper = require("./menu-wrapper.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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -23,8 +22,8 @@ const SPACE_KEY = 32;
 const UP_KEY = 38;
 const DOWN_KEY = 40;
 class Select extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "state", {
       open: false,
       menuWidth: 'auto'

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

@@ -7,8 +7,7 @@ exports.DefaultPosition = 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 DefaultPosition = () => {
   const [selected, setSelected] = (0, _react.useState)({
     label: 'ANC 1st visit',