@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/components/selects/Multiselect.js

@@ -4,11 +4,8 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -18,14 +15,10 @@ import isEqual from 'lodash/fp/isEqual';
 import { BaseDropdownMenu } from './BaseDropdownMenu';
 export var Multiselect = /*#__PURE__*/function (_Component) {
   _inherits(Multiselect, _Component);
-
   var _super = _createSuper(Multiselect);
-
   function Multiselect(props) {
     var _this;
-
     _classCallCheck(this, Multiselect);
-
     _this = _super.call(this, props);
     _this.state = {
       isOpen: false,
@@ -35,8 +28,9 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
       filteredOptions: props.options,
       itemDOMValues: [],
       keyboardUsed: false
-    }; // necessary for using the uikit as submodule
+    };
 
+    // necessary for using the uikit as submodule
     _this.onToggle = _this.onToggle.bind(_assertThisInitialized(_this));
     _this.handleClickOutside = _this.handleClickOutside.bind(_assertThisInitialized(_this));
     _this.handleFilterChange = _this.handleFilterChange.bind(_assertThisInitialized(_this));
@@ -47,18 +41,17 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     _this.handleToggleKeyDown = _this.handleToggleKeyDown.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Multiselect, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateSelectedItems(this.props.options, this.props.value);
-    } // eslint-disable-next-line camelcase
+    }
 
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.updateSelectedItems(nextProps.options, nextProps.value);
-
       if (!isEqual(nextProps.options, this.props.options)) {
         this.setState({
           filteredOptions: nextProps.options,
@@ -101,10 +94,9 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          className = _this$props.className,
-          hasError = _this$props.hasError;
+        className = _this$props.className,
+        hasError = _this$props.hasError;
       var dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
       var classes = classname('select', 'multiselect', dropup && 'dropup', 'dropdown', hasError && 'has-error', this.state.isOpen && 'open', className && className);
       return /*#__PURE__*/React.createElement("div", {
@@ -118,15 +110,12 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "buildSelectionRepresentation",
     value: function buildSelectionRepresentation(options) {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          showSelectedItemIcon = _this$props2.showSelectedItemIcon,
-          showUnselectedItemIcons = _this$props2.showUnselectedItemIcons;
-
+        showSelectedItemIcon = _this$props2.showSelectedItemIcon,
+        showUnselectedItemIcons = _this$props2.showUnselectedItemIcons;
       if (!options || !options.length) {
         return '';
       }
-
       var selectionTags = options.filter(function (option) {
         return showUnselectedItemIcons ? !option.header : _this3.isItemSelected(option);
       }).map(function (option, index) {
@@ -160,7 +149,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "renderSelectionItem",
     value: function renderSelectionItem(item, index) {
       var _this4 = this;
-
       if (this.props.showSelectedItemIcon) {
         var inactiveClassNames = classname('margin-right-5', !this.isItemSelected(item) && 'inactiveIcon');
         return /*#__PURE__*/React.createElement("span", {
@@ -168,7 +156,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
           className: inactiveClassNames
         }, item.icon);
       }
-
       return /*#__PURE__*/React.createElement("span", {
         key: index,
         className: "selected-option"
@@ -189,9 +176,9 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "renderSelection",
     value: function renderSelection() {
       var _this$props3 = this.props,
-          options = _this$props3.options,
-          counterMessage = _this$props3.counterMessage,
-          renderCounterMessage = _this$props3.renderCounterMessage;
+        options = _this$props3.options,
+        counterMessage = _this$props3.counterMessage,
+        renderCounterMessage = _this$props3.renderCounterMessage;
       var selectedItems = this.state.selectedItems;
       return counterMessage || renderCounterMessage ? this.renderCounterMessage(selectedItems, counterMessage, renderCounterMessage) : this.buildSelectionRepresentation(options);
     }
@@ -206,27 +193,29 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "renderToggle",
     value: function renderToggle() {
       var _this5 = this;
-
       var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          selectedItems = _this$state.selectedItems;
+        isOpen = _this$state.isOpen,
+        selectedItems = _this$state.selectedItems;
       var _this$props4 = this.props,
-          name = _this$props4.name,
-          _this$props4$id = _this$props4.id,
-          id = _this$props4$id === void 0 ? name : _this$props4$id,
-          tabIndex = _this$props4.tabIndex,
-          disabled = _this$props4.disabled,
-          useFilter = _this$props4.useFilter,
-          bsSize = _this$props4.bsSize,
-          placeholder = _this$props4.placeholder,
-          counterMessage = _this$props4.counterMessage,
-          renderCounterMessage = _this$props4.renderCounterMessage;
-      var classnames = classname('dropdown-toggle', 'form-control', 'text-left', bsSize === 'large' && 'input-lg', // TODO: deprecte since it's not consistent
-      bsSize === 'small' && 'input-sm', // TODO: deprecte since it's not consistent
+        name = _this$props4.name,
+        _this$props4$id = _this$props4.id,
+        id = _this$props4$id === void 0 ? name : _this$props4$id,
+        tabIndex = _this$props4.tabIndex,
+        disabled = _this$props4.disabled,
+        useFilter = _this$props4.useFilter,
+        bsSize = _this$props4.bsSize,
+        placeholder = _this$props4.placeholder,
+        counterMessage = _this$props4.counterMessage,
+        renderCounterMessage = _this$props4.renderCounterMessage;
+      var classnames = classname('dropdown-toggle', 'form-control', 'text-left', bsSize === 'large' && 'input-lg',
+      // TODO: deprecte since it's not consistent
+      bsSize === 'small' && 'input-sm',
+      // TODO: deprecte since it's not consistent
       bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', disabled && 'disabled');
-      var showPlaceholder = !selectedItems.length && !this.props.showUnselectedItemIcons; // Note: due to issues with nested events in Firefox (for toggle and inside the remove)
-      // the toggle element must not be a <button> but a div.
+      var showPlaceholder = !selectedItems.length && !this.props.showUnselectedItemIcons;
 
+      // Note: due to issues with nested events in Firefox (for toggle and inside the remove)
+      // the toggle element must not be a <button> but a div.
       return /*#__PURE__*/React.createElement("div", {
         type: "button",
         id: id,
@@ -249,11 +238,10 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this6 = this;
-
       var _this$props5 = this.props,
-          pullRight = _this$props5.pullRight,
-          autoDropDirection = _this$props5.autoDropDirection,
-          noItemMessage = _this$props5.noItemMessage;
+        pullRight = _this$props5.pullRight,
+        autoDropDirection = _this$props5.autoDropDirection,
+        noItemMessage = _this$props5.noItemMessage;
       var options = this.state.filteredOptions.map(function (option) {
         option.selected = _this6.state.selectedItems.indexOf(option.id) !== -1;
         return option;
@@ -289,9 +277,10 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     value: function filterOptions(itemDOMValues, filterValue, options) {
       var filteredDOMValues = itemDOMValues.filter(function (item) {
         return item.text.toLowerCase().includes(filterValue.toLowerCase());
-      }); // Filter the options accodring to the filtered DOM values and map the IDs since the filter cannot be done
-      // on the options itself as they might contain arbitrary components
+      });
 
+      // Filter the options accodring to the filtered DOM values and map the IDs since the filter cannot be done
+      // on the options itself as they might contain arbitrary components
       return options.filter(function (option) {
         return filteredDOMValues.find(function (value) {
           return value.id === option.id;
@@ -303,8 +292,9 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     value: function handleFilterChange(event) {
       event.preventDefault();
       var filterValue = event.currentTarget.value;
-      var filteredOptions = this.filterOptions(this.state.itemDOMValues, filterValue, this.props.options); // highlight the first item of the search result if at least one item was found
+      var filteredOptions = this.filterOptions(this.state.itemDOMValues, filterValue, this.props.options);
 
+      // highlight the first item of the search result if at least one item was found
       var newFocusedItemIndex = filteredOptions.length > 0 ? 0 : -1;
       this.setState(function () {
         return {
@@ -320,13 +310,12 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "onOptionChange",
     value: function onOptionChange(event, selectedItem) {
       var _this7 = this;
+      event.preventDefault();
 
-      event.preventDefault(); // prevent selecting disabled Items
-
+      // prevent selecting disabled Items
       if (selectedItem && selectedItem.disabled) {
         return;
       }
-
       var newSelectedItems = this.updateSelection(selectedItem.id);
       this.setState(function () {
         return {
@@ -343,13 +332,11 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     value: function updateSelection(selectedItemId) {
       var newSelectedItems = this.state.selectedItems;
       var itemIndex = this.state.selectedItems.indexOf(selectedItemId);
-
       if (itemIndex !== -1) {
         newSelectedItems.splice(itemIndex, 1);
       } else {
         newSelectedItems.push(selectedItemId);
       }
-
       return newSelectedItems;
     }
   }, {
@@ -362,7 +349,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
           selectedItems: newSelectedItems
         };
       });
-
       if (this.props.onChange) {
         this.props.onChange(this.state.selectedItems);
       }
@@ -382,18 +368,14 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
             event.preventDefault();
             this.onToggle(event);
           }
-
           break;
-
         case 13:
           if (!this.state.isOpen) {
             // open on enter
             event.preventDefault();
             this.onToggle(event);
           }
-
           break;
-
         default:
           break;
       }
@@ -406,11 +388,11 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
       // in order to avoid closing menu on space but allow to use it for filtering
       if (this.props.disabled || this.state.isFilterActive) {
         return;
-      } // using the enter key on the toggle button will trigger a synthetic click event as all buttons are of
+      }
+
+      // using the enter key on the toggle button will trigger a synthetic click event as all buttons are of
       // type submit by default in HTML. In order to differentiate between real click and a synthetic event
       // caused by they keyboard, use the event details. A synthetic event is always 0.
-
-
       var keyboardUsed = event.detail === 0;
       this.setState({
         isOpen: !this.state.isOpen,
@@ -421,7 +403,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
     key: "onOpenMenu",
     value: function onOpenMenu(dropup) {
       var node = ReactDOM.findDOMNode(this);
-
       if (dropup) {
         node.classList.add('dropup');
       } else {
@@ -448,7 +429,6 @@ export var Multiselect = /*#__PURE__*/function (_Component) {
       this.closeMenu();
     }
   }]);
-
   return Multiselect;
 }(Component);
 Multiselect.defaultProps = {

package/components/selects/Select.js

@@ -4,11 +4,8 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -25,14 +22,10 @@ var errorProps = [{
 var DEFAULT_FOCUSED_ITEM_INDEX = -1;
 export var Select = /*#__PURE__*/function (_Component) {
   _inherits(Select, _Component);
-
   var _super = _createSuper(Select);
-
   function Select(props) {
     var _this;
-
     _classCallCheck(this, Select);
-
     _this = _super.call(this, props);
     _this.state = {
       isOpen: false,
@@ -55,18 +48,17 @@ export var Select = /*#__PURE__*/function (_Component) {
     _this.onOpenMenu = _this.onOpenMenu.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Select, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
       this.updateSelectedItem(this.props.options, this.props.value);
-    } // eslint-disable-next-line camelcase
+    }
 
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       this.updateSelectedItem(nextProps.options, nextProps.value);
-
       if (!isEqual(nextProps.options, this.props.options)) {
         this.setState({
           filteredOptions: nextProps.options,
@@ -110,10 +102,9 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          className = _this$props.className,
-          hasError = _this$props.hasError;
+        className = _this$props.className,
+        hasError = _this$props.hasError;
       var dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
       var classes = classNames('select', dropup && 'dropup', 'dropdown', hasError && 'has-error', this.state.isOpen && 'open', className && className);
       return /*#__PURE__*/React.createElement("div", {
@@ -142,14 +133,12 @@ export var Select = /*#__PURE__*/function (_Component) {
       if (this.props.showUnselectedItemIcons) {
         return this.renderUnselectedItemIcons(this.props.options, selectedItem);
       }
-
       if (!selectedItem) {
         // render a placeholder or if there is none render a non-breaking space " "
         return placeholder ? /*#__PURE__*/React.createElement("span", {
           className: "placeholder"
         }, placeholder) : "\xA0";
       }
-
       return /*#__PURE__*/React.createElement("span", null, selectedItem.icon && /*#__PURE__*/React.createElement("span", {
         className: "margin-right-5"
       }, selectedItem.icon), !this.props.showSelectedItemIcon && selectedItem.label);
@@ -158,11 +147,9 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "renderClearButton",
     value: function renderClearButton() {
       var _this3 = this;
-
       var _this$props2 = this.props,
-          onChange = _this$props2.onChange,
-          useClear = _this$props2.useClear;
-
+        onChange = _this$props2.onChange,
+        useClear = _this$props2.useClear;
       var clearSelectedItem = function clearSelectedItem() {
         _this3.setState(function () {
           return {
@@ -171,10 +158,8 @@ export var Select = /*#__PURE__*/function (_Component) {
             filterValue: ''
           };
         });
-
         onChange();
       };
-
       var clearButtonClassNames = classNames('clearButton', (!useClear || isNil(this.state.selectedItem)) && 'hide pointer-events-none');
       return /*#__PURE__*/React.createElement("span", {
         className: clearButtonClassNames,
@@ -187,25 +172,26 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "renderToggle",
     value: function renderToggle() {
       var _this4 = this;
-
       var _this$props3 = this.props,
-          bsSize = _this$props3.bsSize,
-          btnClassName = _this$props3.btnClassName,
-          tabIndex = _this$props3.tabIndex,
-          useFilter = _this$props3.useFilter,
-          placeholder = _this$props3.placeholder,
-          disabled = _this$props3.disabled,
-          name = _this$props3.name,
-          label = _this$props3.label,
-          _this$props3$id = _this$props3.id,
-          id = _this$props3$id === void 0 ? name : _this$props3$id,
-          selectedOptionText = _this$props3.selectedOptionText;
+        bsSize = _this$props3.bsSize,
+        btnClassName = _this$props3.btnClassName,
+        tabIndex = _this$props3.tabIndex,
+        useFilter = _this$props3.useFilter,
+        placeholder = _this$props3.placeholder,
+        disabled = _this$props3.disabled,
+        name = _this$props3.name,
+        label = _this$props3.label,
+        _this$props3$id = _this$props3.id,
+        id = _this$props3$id === void 0 ? name : _this$props3$id,
+        selectedOptionText = _this$props3.selectedOptionText;
       logPropError(errorProps, this.props, 'Select');
       var _this$state = this.state,
-          isOpen = _this$state.isOpen,
-          selectedItem = _this$state.selectedItem;
-      var classnames = classNames('dropdown-toggle', 'form-control', 'text-left', btnClassName && btnClassName, bsSize === 'large' && 'input-lg', // TODO: deprecte since it's not consistent
-      bsSize === 'small' && 'input-sm', // TODO: deprecte since it's not consistent
+        isOpen = _this$state.isOpen,
+        selectedItem = _this$state.selectedItem;
+      var classnames = classNames('dropdown-toggle', 'form-control', 'text-left', btnClassName && btnClassName, bsSize === 'large' && 'input-lg',
+      // TODO: deprecte since it's not consistent
+      bsSize === 'small' && 'input-sm',
+      // TODO: deprecte since it's not consistent
       bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', disabled && 'disabled');
       var selectedOption = /*#__PURE__*/React.createElement("span", {
         className: "width-100pct display-flex"
@@ -233,25 +219,26 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this5 = this;
-
       // console.log('keyboardUsed=' + this.state.keyboardUsed)
+
       var _this$props4 = this.props,
-          pullRight = _this$props4.pullRight,
-          autoDropDirection = _this$props4.autoDropDirection,
-          noItemMessage = _this$props4.noItemMessage,
-          dropdownClassName = _this$props4.dropdownClassName; // When an option was already selected, highlight this option by setting the focusedItemIndex accordingly.
-      // In case there was nothing preselected, set the focusedItemIndex to the first item if keayboard was used.
+        pullRight = _this$props4.pullRight,
+        autoDropDirection = _this$props4.autoDropDirection,
+        noItemMessage = _this$props4.noItemMessage,
+        dropdownClassName = _this$props4.dropdownClassName;
 
+      // When an option was already selected, highlight this option by setting the focusedItemIndex accordingly.
+      // In case there was nothing preselected, set the focusedItemIndex to the first item if keayboard was used.
       var focusedItemIndex = this.state.focusedItemIndex;
-
       if (this.state.selectedItem) {
         focusedItemIndex = this.props.options.findIndex(function (option) {
           return option.id === _this5.state.selectedItem.id;
         });
       } else if (this.state.keyboardUsed) {
         focusedItemIndex = 0;
-      } // console.log('focusedItemIndex=' + focusedItemIndex);
+      }
 
+      // console.log('focusedItemIndex=' + focusedItemIndex);
 
       return /*#__PURE__*/React.createElement(BaseDropdownMenu, {
         isOpen: this.state.isOpen,
@@ -289,9 +276,10 @@ export var Select = /*#__PURE__*/function (_Component) {
       var options = arguments.length > 2 ? arguments[2] : undefined;
       var filteredDOMValues = itemDOMValues.filter(function (item) {
         return item.text.toLowerCase().includes(filterValue.toLowerCase());
-      }); // Filter the options according to the filtered DOM values and map the IDs since the filter cannot be done
-      // on the options itself as they might contain arbitrary components
+      });
 
+      // Filter the options according to the filtered DOM values and map the IDs since the filter cannot be done
+      // on the options itself as they might contain arbitrary components
       return options.filter(function (option) {
         return filteredDOMValues.find(function (value) {
           return value.id === option.id;
@@ -303,8 +291,9 @@ export var Select = /*#__PURE__*/function (_Component) {
     value: function handleFilterChange(event) {
       event.preventDefault();
       var filterValue = event.currentTarget.value;
-      var filteredOptions = this.filterOptions(this.state.itemDOMValues, filterValue, this.props.options); // highlight the first item of the search result if at least one item was found
+      var filteredOptions = this.filterOptions(this.state.itemDOMValues, filterValue, this.props.options);
 
+      // highlight the first item of the search result if at least one item was found
       var newFocusedItemIndex = filteredOptions.length > 0 ? 0 : DEFAULT_FOCUSED_ITEM_INDEX;
       this.setState(function () {
         return {
@@ -320,7 +309,6 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "onOptionChange",
     value: function onOptionChange(event, selectedItem) {
       var _this6 = this;
-
       this.setState(function () {
         return {
           selectedItem: selectedItem,
@@ -328,12 +316,12 @@ export var Select = /*#__PURE__*/function (_Component) {
           filterValue: '',
           filteredOptions: _this6.props.options
         };
-      }); // Needed? - was once added by a Service Team (guess it was Chat)
+      });
 
+      // Needed? - was once added by a Service Team (guess it was Chat)
       if (event.target) {
         event.target.value = this.state.selectedItem;
       }
-
       this.props.onChange(selectedItem);
       this.closeMenu();
     }
@@ -350,11 +338,11 @@ export var Select = /*#__PURE__*/function (_Component) {
       // in order to avoid closing menu on space but allow to use it for filtering
       if (this.props.disabled || this.state.isFilterActive) {
         return;
-      } // using the enter key on the toggle button will trigger a synthetic click event as all buttons are of
+      }
+
+      // using the enter key on the toggle button will trigger a synthetic click event as all buttons are of
       // type submit by default in HTML. In order to differentiate between real click and a synthetic event
       // caused by they keyboard, use the event details. A synthetic event is always 0.
-
-
       var keyboardUsed = event.detail === 0;
       this.setState({
         isOpen: !this.state.isOpen,
@@ -365,7 +353,6 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "onOpenMenu",
     value: function onOpenMenu(dropup) {
       var node = ReactDOM.findDOMNode(this);
-
       if (dropup) {
         node.classList.add('dropup');
       } else {
@@ -376,7 +363,6 @@ export var Select = /*#__PURE__*/function (_Component) {
     key: "closeMenu",
     value: function closeMenu() {
       var _this7 = this;
-
       if (this.state.isOpen) {
         this.setState(function () {
           return {
@@ -397,7 +383,6 @@ export var Select = /*#__PURE__*/function (_Component) {
       this.closeMenu();
     }
   }]);
-
   return Select;
 }(Component);
 Select.defaultProps = {