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

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

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Input = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
 var _selection = require("./selection.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Input = _ref => {
   let {
     selected,
@@ -38,7 +28,6 @@ const Input = _ref => {
     inputMaxHeight
   } = _ref;
   const hasSelection = selected && typeof selected === 'string';
-
   const onClear = e => {
     const data = {
       selected: ''
@@ -46,15 +35,14 @@ const Input = _ref => {
     e.stopPropagation();
     onChange(data, e);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["2186325794", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + ((0, _classnames.default)('root', className) || "")
   }, /*#__PURE__*/_react.default.createElement(_index.InputPrefix, {
     prefix: prefix,
-    dataTest: "".concat(dataTest, "-prefix")
+    dataTest: `${dataTest}-prefix`
   }), !hasSelection && !prefix && /*#__PURE__*/_react.default.createElement(_index.InputPlaceholder, {
     placeholder: placeholder,
-    dataTest: "".concat(dataTest, "-placeholder")
+    dataTest: `${dataTest}-placeholder`
   }), hasSelection && /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["2186325794", [_uiConstants.colors.grey900]], ["1331770409", [inputMaxHeight]]]) + " " + "root-input"
   }, /*#__PURE__*/_react.default.createElement(_selection.Selection, {
@@ -65,16 +53,15 @@ const Input = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_index.InputClearButton, {
     onClear: onClear,
     clearText: clearText,
-    dataTest: "".concat(dataTest, "-clear")
+    dataTest: `${dataTest}-clear`
   })), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "2186325794",
     dynamic: [_uiConstants.colors.grey900]
-  }, [".root.__jsx-style-dynamic-selector{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;color:".concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:16px;}"), ".root-input.__jsx-style-dynamic-selector{overflow-y:auto;-webkit-flex:1;-ms-flex:1;flex:1;}", ".root-right.__jsx-style-dynamic-selector{margin-inline-start:auto;}"]), /*#__PURE__*/_react.default.createElement(_style.default, {
+  }, [`.root.__jsx-style-dynamic-selector{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;color:${_uiConstants.colors.grey900};font-size:14px;line-height:16px;}`, ".root-input.__jsx-style-dynamic-selector{overflow-y:auto;-webkit-flex:1;-ms-flex:1;flex:1;}", ".root-right.__jsx-style-dynamic-selector{margin-inline-start:auto;}"]), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1331770409",
     dynamic: [inputMaxHeight]
-  }, [".root-input.__jsx-style-dynamic-selector{max-height:".concat(inputMaxHeight, ";}")]));
+  }, [`.root-input.__jsx-style-dynamic-selector{max-height:${inputMaxHeight};}`]));
 };
-
 exports.Input = Input;
 Input.defaultProps = {
   inputMaxHeight: '100px'

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

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Menu = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const onIgnoredClick = (_, e) => {
   e.stopPropagation();
   e.preventDefault();
 };
-
 const Menu = _ref => {
   let {
     options,
@@ -29,34 +23,32 @@ const Menu = _ref => {
     dataTest
   } = _ref;
   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
     if (typeof empty === 'string') {
       return /*#__PURE__*/_react.default.createElement(_index.Empty, {
         message: empty,
-        dataTest: "".concat(dataTest, "-empty")
+        dataTest: `${dataTest}-empty`
       });
-    } // Otherwise just render the supplied markup
-
+    }
 
+    // Otherwise just render the supplied markup
     return empty;
   }
-
   const children = _react.default.Children.map(options, child => {
-    const isValidOption = (0, _index.checkIfValidOption)(child); // Return early if the child isn't an option, to prevent attaching handlers etc.
+    const isValidOption = (0, _index.checkIfValidOption)(child);
 
+    // Return early if the child isn't an option, to prevent attaching handlers etc.
     if (!isValidOption) {
       return child;
     }
-
     const {
       value,
       disabled: isDisabled
-    } = child.props; // Active means the option is currently selected
+    } = child.props;
 
+    // Active means the option is currently selected
     const isActive = value === selected;
-
     const onClick = (_, e) => {
       const data = {
         selected: value
@@ -65,19 +57,18 @@ const Menu = _ref => {
       onChange(data, e);
       handleClose();
       handleFocusInput();
-    }; // Clicks on active options or disabled options should be ignored for the single select
-
+    };
 
+    // Clicks on active options or disabled options should be ignored for the single select
     const isIgnored = isActive || isDisabled;
-    return /*#__PURE__*/_react.default.cloneElement(child, { ...child.props,
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ...child.props,
       onClick: isIgnored ? onIgnoredClick : onClick,
       active: isActive
     });
   });
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-
 exports.Menu = Menu;
 Menu.defaultProps = {
   empty: ''

package/build/cjs/single-select/selection.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Selection = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _index = require("../select/index.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Selection = _ref => {
   let {
     options,
@@ -27,10 +19,8 @@ const Selection = _ref => {
   } = _ref;
   const isProduction = process.env.NODE_ENV === 'production';
   const selectedOption = (0, _index.findOptionChild)(selected, options);
-
   if (!selectedOption) {
-    const message = "There is no option with the value: \"".concat(selected, "\". ") + 'Make sure that the value passed to the selected ' + 'prop matches the value of an existing option.';
-
+    const message = `There is no option with the value: "${selected}". ` + 'Make sure that the value passed to the selected ' + 'prop matches the value of an existing option.';
     if (isProduction) {
       // Don't crash the app if in production
       console.error(message);
@@ -39,9 +29,8 @@ const Selection = _ref => {
       throw new Error(message);
     }
   }
-
-  const icon = selectedOption && selectedOption.props.icon; // Use the selected value if we do not have a label
-
+  const icon = selectedOption && selectedOption.props.icon;
+  // Use the selected value if we do not have a label
   const label = selectedOption ? selectedOption.props.label : selected;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.dynamic([["1914911415", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp16, _uiConstants.spacers.dp16]]]) + " " + ((0, _classnames.default)(className, 'root') || "")
@@ -50,9 +39,8 @@ const Selection = _ref => {
   }, icon), label, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1914911415",
     dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp16, _uiConstants.spacers.dp16]
-  }, [".root.__jsx-style-dynamic-selector{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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".root-icon.__jsx-style-dynamic-selector{margin-inline-end:".concat(_uiConstants.spacers.dp8, ";width:").concat(_uiConstants.spacers.dp16, ";height:").concat(_uiConstants.spacers.dp16, ";overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}")]));
+  }, [".root.__jsx-style-dynamic-selector{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-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", `.root-icon.__jsx-style-dynamic-selector{margin-inline-end:${_uiConstants.spacers.dp8};width:${_uiConstants.spacers.dp16};height:${_uiConstants.spacers.dp16};overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}`]));
 };
-
 exports.Selection = Selection;
 Selection.propTypes = {
   className: _propTypes.default.string,