@dhis2-ui/select 9.11.0 → 9.11.1-beta.10

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

@@ -4,35 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FilterableMenu = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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 _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);
-
     _defineProperty(this, "state", {
       filter: ''
     });
-
     _defineProperty(this, "onFilterChange", _ref => {
       let {
         value
@@ -42,7 +31,6 @@ class FilterableMenu extends _react.Component {
       });
     });
   }
-
   render() {
     const {
       dataTest,
@@ -67,11 +55,12 @@ class FilterableMenu extends _react.Component {
       handleFocusInput,
       dataTest
     };
-    const renderedOptions = (0, _optionHelpers.filterIgnored)(options); // If there are no options or there's no filter, just pass everything through
+    const renderedOptions = (0, _optionHelpers.filterIgnored)(options);
 
+    // If there are no options or there's no filter, just pass everything through
     if (_react.default.Children.count(renderedOptions) === 0 || !filter) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_filterInput.FilterInput, {
-        dataTest: "".concat(dataTest, "-filterinput"),
+        dataTest: `${dataTest}-filterinput`,
         placeholder: placeholder,
         value: filter,
         onChange: this.onFilterChange
@@ -79,25 +68,24 @@ class FilterableMenu extends _react.Component {
         options: options
       })));
     }
-
     const filtered = _react.default.Children.map(options, child => {
-      const isValidOption = (0, _optionHelpers.checkIfValidOption)(child); // Filter it out if it's an invalid option
+      const isValidOption = (0, _optionHelpers.checkIfValidOption)(child);
 
+      // Filter it out if it's an invalid option
       if (!isValidOption) {
         return null;
       }
-
       const {
         label
-      } = child.props; // Filter by label, because that's the part of an option that's displayed to the user
+      } = child.props;
 
+      // Filter by label, because that's the part of an option that's displayed to the user
       const match = label.toLowerCase().includes(filter.toLowerCase());
       return match ? child : null;
     });
-
     const hasMatch = _react.default.Children.count(filtered) > 0;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_filterInput.FilterInput, {
-      dataTest: "".concat(dataTest, "-filterinput"),
+      dataTest: `${dataTest}-filterinput`,
       placeholder: placeholder,
       value: filter,
       onChange: this.onFilterChange
@@ -107,9 +95,7 @@ class FilterableMenu extends _react.Component {
       message: noMatchText
     }));
   }
-
 }
-
 exports.FilterableMenu = FilterableMenu;
 FilterableMenu.propTypes = {
   Menu: _propTypes.default.elementType.isRequired,

package/build/cjs/select/index.js

@@ -75,19 +75,11 @@ Object.defineProperty(exports, "removeOption", {
     return _optionHelpers.removeOption;
   }
 });
-
 var _select = require("./select.js");
-
 var _loading = require("./loading.js");
-
 var _filterableMenu = require("./filterable-menu.js");
-
 var _empty = require("./empty.js");
-
 var _optionHelpers = require("./option-helpers.js");
-
 var _inputClearButton = require("./input-clear-button.js");
-
 var _inputPlaceholder = require("./input-placeholder.js");
-
 var _inputPrefix = require("./input-prefix.js");

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputClearButton = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _tooltip = require("@dhis2-ui/tooltip");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _tooltip = require("@dhis2-ui/tooltip");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InputClearButton = _ref => {
   let {
     onClear,
@@ -46,9 +39,8 @@ const InputClearButton = _ref => {
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2606883952",
     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-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 path.__jsx-style-dynamic-selector{fill:".concat(_uiConstants.colors.grey500, ";}"), "button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:".concat(_uiConstants.colors.grey800, ";}"), "button.__jsx-style-dynamic-selector:hover{background:".concat(_uiConstants.colors.grey200, ";}"), "button.__jsx-style-dynamic-selector:focus{outline:2px solid ".concat(_uiConstants.theme.focus, ";}")])));
+  }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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 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

@@ -4,37 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputPlaceholder = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InputPlaceholder = _ref => {
   let {
     placeholder,
     className,
     dataTest
   } = _ref;
-
   if (!placeholder) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
     className: _style.default.dynamic([["1027033961", [_uiConstants.colors.grey600]]]) + " " + (className || "")
   }, placeholder, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1027033961",
     dynamic: [_uiConstants.colors.grey600]
-  }, ["div.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.grey600, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")]));
+  }, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`]));
 };
-
 exports.InputPlaceholder = InputPlaceholder;
 InputPlaceholder.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -4,37 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputPrefix = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InputPrefix = _ref => {
   let {
     prefix,
     className,
     dataTest
   } = _ref;
-
   if (!prefix) {
     return null;
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-test": dataTest,
     className: _style.default.dynamic([["1343055987", [_uiConstants.colors.grey600, _uiConstants.spacers.dp12]]]) + " " + (className || "")
   }, prefix, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1343055987",
     dynamic: [_uiConstants.colors.grey600, _uiConstants.spacers.dp12]
-  }, ["div.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.grey600, ";padding-inline-end:").concat(_uiConstants.spacers.dp12, ";font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")]));
+  }, [`div.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};padding-inline-end:${_uiConstants.spacers.dp12};font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`]));
 };
-
 exports.InputPrefix = InputPrefix;
 InputPrefix.propTypes = {
   dataTest: _propTypes.default.string.isRequired,

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InputWrapper = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _uiIcons = require("@dhis2/ui-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const InputWrapper = _ref => {
   let {
     dataTest,
@@ -53,9 +45,8 @@ const InputWrapper = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown16, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1568723238",
     dynamic: [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]
-  }, [".root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ".concat(_uiConstants.colors.grey500, ";box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}"), ".root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ".concat(_uiConstants.theme.focus, ";border-color:").concat(_uiConstants.theme.focus, ";}"), ".root.valid.__jsx-style-dynamic-selector{border-color:".concat(_uiConstants.theme.valid, ";}"), ".root.warning.__jsx-style-dynamic-selector{border-color:".concat(_uiConstants.theme.warning, ";}"), ".root.error.__jsx-style-dynamic-selector{border-color:".concat(_uiConstants.theme.error, ";}"), ".root.disabled.__jsx-style-dynamic-selector{background-color:".concat(_uiConstants.colors.grey100, ";border-color:").concat(_uiConstants.colors.grey500, ";color:").concat(_uiConstants.theme.disabled, ";cursor:not-allowed;}"), ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:8px;}"]));
+  }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${_uiConstants.colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${_uiConstants.theme.focus};border-color:${_uiConstants.theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey100};border-color:${_uiConstants.colors.grey500};color:${_uiConstants.theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:8px;}"]));
 };
-
 exports.InputWrapper = InputWrapper;
 InputWrapper.defaultProps = {
   tabIndex: '0'

package/build/cjs/select/loading.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Loading = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _loader = require("@dhis2-ui/loader");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _loader = require("@dhis2-ui/loader");
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Loading = _ref => {
   let {
     message,
@@ -35,9 +27,8 @@ const Loading = _ref => {
   })), 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:".concat(_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:").concat(_uiConstants.colors.grey700, ";font-family:").concat(_uiConstants.theme.fonts, ";font-size:13px;padding-block:").concat(_uiConstants.spacers.dp8, ";padding-inline:").concat(_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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuWrapper = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
+var _uiConstants = require("@dhis2/ui-constants");
 var _layer = require("@dhis2-ui/layer");
-
 var _popper = require("@dhis2-ui/popper");
-
-var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MenuWrapper = _ref => {
   let {
     children,
@@ -36,14 +28,13 @@ const MenuWrapper = _ref => {
     placement: "bottom-start",
     observeReferenceResize: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    "data-test": "".concat(dataTest, "-menuwrapper"),
+    "data-test": `${dataTest}-menuwrapper`,
     className: _style.default.dynamic([["1363246346", [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.e300]]])
   }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1363246346",
     dynamic: [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.e300]
-  }, ["div.__jsx-style-dynamic-selector{width:".concat(menuWidth, ";height:auto;max-height:").concat(maxHeight, ";overflow:auto;background:").concat(_uiConstants.colors.white, ";border:1px solid ").concat(_uiConstants.colors.grey200, ";border-radius:3px;box-shadow:").concat(_uiConstants.elevations.e300, ";}")]))));
+  }, [`div.__jsx-style-dynamic-selector{width:${menuWidth};height:auto;max-height:${maxHeight};overflow:auto;background:${_uiConstants.colors.white};border:1px solid ${_uiConstants.colors.grey200};border-radius:3px;box-shadow:${_uiConstants.elevations.e300};}`]))));
 };
-
 exports.MenuWrapper = MenuWrapper;
 MenuWrapper.defaultProps = {
   maxHeight: '280px'

package/build/cjs/select/no-match.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NoMatch = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NoMatch = _ref => {
   let {
     message,
@@ -25,9 +19,8 @@ const NoMatch = _ref => {
   }, 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:".concat(_uiConstants.colors.grey700, ";font-family:").concat(_uiConstants.theme.fonts, ";font-size:13px;line-height:16px;padding-block:").concat(_uiConstants.spacers.dp8, ";padding-inline:").concat(_uiConstants.spacers.dp24, ";text-align:center;}")]));
+  }, [`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/option-helpers.js

@@ -4,40 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeOption = exports.findOptionChild = exports.findOption = exports.filterIgnored = exports.checkIfValidOption = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Check whether an option is valid
-const checkIfValidOption = option => option && 'props' in option && 'value' in option.props && 'label' in option.props; // Filters all children that won't be rendered from an array of react children
-
+const checkIfValidOption = option => option && 'props' in option && 'value' in option.props && 'label' in option.props;
 
+// Filters all children that won't be rendered from an array of react children
 exports.checkIfValidOption = checkIfValidOption;
+const filterIgnored = children => _react.default.Children.toArray(children).filter(child => child !== null && child !== false && child !== undefined);
 
-const filterIgnored = children => _react.default.Children.toArray(children).filter(child => child !== null && child !== false && child !== undefined); // Find an option in an array of react children
-
-
+// Find an option in an array of react children
 exports.filterIgnored = filterIgnored;
-
 const findOptionChild = (value, optionChildren) => _react.default.Children.toArray(optionChildren).find(currentOption => {
   if (!currentOption.props) {
     return false;
   }
-
   return value === currentOption.props.value;
-}); // Find an option in an array of option objects
-
+});
 
+// Find an option in an array of option objects
 exports.findOptionChild = findOptionChild;
+const findOption = (value, optionArray) => optionArray.find(optionValue => value === optionValue);
 
-const findOption = (value, optionArray) => optionArray.find(optionValue => value === optionValue); // Remove a specific option from an array of options
-
-
+// Remove a specific option from an array of options
 exports.findOption = findOption;
-
 const removeOption = (value, optionArray) => optionArray.filter(optionValue => {
   return optionValue !== value;
 });
-
 exports.removeOption = removeOption;