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

package/build/cjs/multi-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 onDisabledClick = (_, e) => {
   e.stopPropagation();
   e.preventDefault();
 };
-
 const createHandler = _ref => {
   let {
     isActive,
@@ -26,24 +20,24 @@ const createHandler = _ref => {
     value
   } = _ref;
   return (_, e) => {
-    e.stopPropagation(); // If the option is currently selected remove it from the array of selected options
+    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);
-    } // Otherwise, add it to selected
-
+    }
 
+    // Otherwise, add it to selected
     const data = {
       selected: selected.concat([value])
     };
     return onChange(data, e);
   };
 };
-
 const Menu = _ref2 => {
   let {
     options,
@@ -53,35 +47,35 @@ const Menu = _ref2 => {
     dataTest
   } = _ref2;
   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,
       label,
       disabled: isDisabled
-    } = child.props; // Active means the option is currently selected
+    } = child.props;
 
-    const isActive = !!(0, _index.findOption)(value, selected); // Create the appropriate click handler for the option
+    // Active means the option is currently selected
+    const isActive = !!(0, _index.findOption)(value, selected);
 
+    // Create the appropriate click handler for the option
     const onClick = isDisabled ? onDisabledClick : createHandler({
       isActive,
       onChange,
@@ -89,15 +83,14 @@ const Menu = _ref2 => {
       value,
       label
     });
-    return /*#__PURE__*/_react.default.cloneElement(child, { ...child.props,
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ...child.props,
       onClick,
       active: isActive
     });
   });
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-
 exports.Menu = Menu;
 Menu.defaultProps = {
   empty: ''