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

package/components/assetTree/TreeLeafList.js

@@ -4,25 +4,21 @@ import PropTypes from 'prop-types';
 import map from 'lodash/fp/map';
 import { excludeFromList } from './Tree';
 import TreeLeaf from './TreeLeaf';
-
 var TreeLeafList = function TreeLeafList(props) {
   var leafList = props.leafList,
-      hasMultiselect = props.hasMultiselect,
-      showRadioButtons = props.showRadioButtons,
-      selectedItems = props.selectedItems,
-      selectedGroups = props.selectedGroups,
-      onSelectionChange = props.onSelectionChange;
-
+    hasMultiselect = props.hasMultiselect,
+    showRadioButtons = props.showRadioButtons,
+    selectedItems = props.selectedItems,
+    selectedGroups = props.selectedGroups,
+    onSelectionChange = props.onSelectionChange;
   var handleItemSelection = function handleItemSelection(itemId) {
     var isSelected = selectedItems.includes(itemId);
     var newSelectedItems = isSelected ? excludeFromList(selectedItems, itemId) : [].concat(_toConsumableArray(selectedItems), [itemId]);
     onSelectionChange(newSelectedItems, selectedGroups);
   };
-
   var handleSetItemActive = function handleSetItemActive(itemId) {
     return onSelectionChange([itemId], []);
   };
-
   return map(function (item) {
     return /*#__PURE__*/React.createElement(TreeLeaf, {
       key: item.id,
@@ -39,7 +35,6 @@ var TreeLeafList = function TreeLeafList(props) {
     });
   })(leafList);
 };
-
 TreeLeafList.displayName = 'TreeLeafList';
 TreeLeafList.propTypes = {
   leafList: PropTypes.arrayOf(PropTypes.object),

package/components/assetTree/TreeNode.js

@@ -4,11 +4,11 @@ import classNames from 'classnames';
 import Checkbox from '../checkbox/Checkbox';
 var TreeNode = /*#__PURE__*/React.memo(function (props) {
   var node = props.node,
-      hasMultiselect = props.hasMultiselect,
-      isSelected = props.isSelected,
-      isIndeterminate = props.isIndeterminate,
-      onToggleNode = props.onToggleNode,
-      onSelect = props.onSelect;
+    hasMultiselect = props.hasMultiselect,
+    isSelected = props.isSelected,
+    isIndeterminate = props.isIndeterminate,
+    onToggleNode = props.onToggleNode,
+    onSelect = props.onSelect;
   var treeNodeClassNames = classNames('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
   var hasChildren = !!node.items.length;
   return /*#__PURE__*/React.createElement("div", {

package/components/assetTree/TreeNodeContainer.js

@@ -1,18 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var TreeNodeContainer = function TreeNodeContainer(_ref) {
   var isOpen = _ref.isOpen,
-      groupId = _ref.groupId,
-      children = _ref.children;
+    groupId = _ref.groupId,
+    children = _ref.children;
   var treeNodeContainerClasses = classNames('TreeNodeContainer', 'user-select-none', isOpen && 'open');
   return /*#__PURE__*/React.createElement("div", {
     className: treeNodeContainerClasses,
     "data-id": groupId
   }, children);
 };
-
 TreeNodeContainer.displayName = 'TreeNodeContainer';
 TreeNodeContainer.propTypes = {
   maxHeight: PropTypes.number

package/components/assetTree/TreeOption.js

@@ -5,14 +5,12 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Switch from '../switch/Switch';
-
 var TreeOption = function TreeOption(props) {
   var isChecked = props.isChecked,
-      className = props.className,
-      label = props.label,
-      onChange = props.onChange,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    className = props.className,
+    label = props.label,
+    onChange = props.onChange,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var optionClasses = classNames('TreeOption', 'display-flex', 'justify-content-start', 'cursor-pointer', className);
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: optionClasses,
@@ -26,7 +24,6 @@ var TreeOption = function TreeOption(props) {
     className: 'margin-left-5 padding-top-2'
   }, label));
 };
-
 TreeOption.displayName = 'TreeOption';
 TreeOption.defaultProps = {
   isChecked: false,

package/components/assetTree/TreeOptions.js

@@ -1,17 +1,14 @@
-import _isEmpty from "lodash/isEmpty";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ButtonDropdown from '../dropdown/ButtonDropdown';
-
+import { isEmpty } from 'lodash';
 var TreeOptions = function TreeOptions(props) {
   var treeOptions = props.treeOptions,
-      className = props.className;
-
-  if (_isEmpty(treeOptions)) {
+    className = props.className;
+  if (isEmpty(treeOptions)) {
     return null;
   }
-
   var dropdownClasses = classNames('width-250', 'padding-10', className);
   var customDropdown = /*#__PURE__*/React.createElement("div", {
     className: dropdownClasses
@@ -28,7 +25,6 @@ var TreeOptions = function TreeOptions(props) {
     iconOnly: true
   });
 };
-
 TreeOptions.displayName = 'TreeOptions';
 TreeOptions.defaultProps = {
   treeOptions: []

package/components/assetTree/TreeRoot.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var TreeRoot = function TreeRoot(_ref) {
   var maxHeight = _ref.maxHeight,
-      children = _ref.children;
+    children = _ref.children;
   var treeRootClasses = classNames('TreeRoot', 'user-select-none');
   return /*#__PURE__*/React.createElement("div", {
     className: treeRootClasses,
@@ -13,7 +12,6 @@ var TreeRoot = function TreeRoot(_ref) {
     }
   }, children);
 };
-
 TreeRoot.displayName = 'TreeRoot';
 TreeRoot.propTypes = {
   maxHeight: PropTypes.number

package/components/assetTree/TreeSearch.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import ClearableInput from '../clearableInput/ClearableInput';
 var TreeSearch = /*#__PURE__*/React.memo(function (props) {
   var value = props.value,
-      className = props.className,
-      placeholder = props.placeholder,
-      onChange = props.onChange;
+    className = props.className,
+    placeholder = props.placeholder,
+    onChange = props.onChange;
   var classes = classNames('TreeSearch', className);
   return /*#__PURE__*/React.createElement("div", {
     className: classes

package/components/assetTree/TreeSelectAll.js

@@ -1,18 +1,15 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Checkbox from '../checkbox/Checkbox';
-
 var TreeSelectAll = function TreeSelectAll(props) {
   var isDisabled = props.isDisabled,
-      isChecked = props.isChecked,
-      isEnabled = props.isEnabled,
-      isIndeterminate = props.isIndeterminate,
-      onSelect = props.onSelect;
-
+    isChecked = props.isChecked,
+    isEnabled = props.isEnabled,
+    isIndeterminate = props.isIndeterminate,
+    onSelect = props.onSelect;
   var handleSelectAll = function handleSelectAll(event) {
     return onSelect(event.target.checked, isIndeterminate);
   };
-
   return isEnabled ? /*#__PURE__*/React.createElement("div", {
     className: "TreeSelectAll display-flex align-items-center"
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -23,7 +20,6 @@ var TreeSelectAll = function TreeSelectAll(props) {
     className: "margin-top--1"
   })) : null;
 };
-
 TreeSelectAll.displayName = 'TreeSelectAll';
 TreeSelectAll.defaultProps = {
   isChecked: false,

package/components/assetTree/TreeSidebar.js

@@ -8,22 +8,19 @@ import Tooltip from '../tooltip/Tooltip';
 var ACTIVE_CLASS_NAME = 'active';
 var SELECTED_CLASS_NAME = 'selected';
 var LABEL_TOOLTIP_DELAY = 1500;
-
 var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
   var children = _ref.children,
-      currentCategoryId = _ref.currentCategoryId,
-      onSelectCategory = _ref.onSelectCategory;
+    currentCategoryId = _ref.currentCategoryId,
+    onSelectCategory = _ref.onSelectCategory;
   return children.map(function (child) {
     var id = child.props.id;
     var icon = child.props.icon || '';
     var label = child.props.label;
     var statusClassName = classNames(currentCategoryId === id ? ACTIVE_CLASS_NAME : '', child.props.hasSelection && SELECTED_CLASS_NAME);
-
     var handleSelectCategory = function handleSelectCategory(event) {
       event.stopPropagation();
       onSelectCategory(id);
     };
-
     var category = /*#__PURE__*/React.createElement("li", {
       key: id,
       onClick: handleSelectCategory,
@@ -33,7 +30,6 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
     }, /*#__PURE__*/React.createElement("span", {
       className: "rioglyph ".concat(icon)
     })));
-
     if (label) {
       var tooltip = /*#__PURE__*/React.createElement("span", null, label);
       return /*#__PURE__*/React.createElement(OverlayTrigger, {
@@ -46,16 +42,13 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
         }, tooltip)
       }, category);
     }
-
     return category;
   });
 };
-
 var TreeSidebar = /*#__PURE__*/React.memo(function (props) {
   var className = props.className,
-      onClick = props.onClick,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    onClick = props.onClick,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var classes = classNames('TreeSidebar', className);
   return /*#__PURE__*/React.createElement("div", {
     className: classes

package/components/assetTree/TreeSummary.js

@@ -2,14 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import TypeCounter from './TypeCounter';
-
 var DefaultAssetCounts = function DefaultAssetCounts(_ref) {
   var assetCounts = _ref.assetCounts;
   var truck = assetCounts.truck,
-      bus = assetCounts.bus,
-      van = assetCounts.van,
-      trailer = assetCounts.trailer,
-      driver = assetCounts.driver;
+    bus = assetCounts.bus,
+    van = assetCounts.van,
+    trailer = assetCounts.trailer,
+    driver = assetCounts.driver;
   return /*#__PURE__*/React.createElement("div", {
     className: "display-flex"
   }, /*#__PURE__*/React.createElement(TypeCounter, {
@@ -34,11 +33,10 @@ var DefaultAssetCounts = function DefaultAssetCounts(_ref) {
     value: driver
   }));
 };
-
 var TreeSummary = /*#__PURE__*/React.memo(function (props) {
   var className = props.className,
-      assetCounts = props.assetCounts,
-      children = props.children;
+    assetCounts = props.assetCounts,
+    children = props.children;
   var classes = classNames('TreeSummary', 'display-flex', 'align-items-center', className);
   return /*#__PURE__*/React.createElement("div", {
     className: classes

package/components/assetTree/TypeCounter.js

@@ -4,29 +4,24 @@ var _excluded = ["icon", "value", "isActive", "hasFilter", "enableActivity", "on
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-
 var TypeCounter = function TypeCounter(props) {
   var icon = props.icon,
-      value = props.value,
-      isActive = props.isActive,
-      hasFilter = props.hasFilter,
-      enableActivity = props.enableActivity,
-      onClick = props.onClick,
-      type = props.type,
-      hideOnZero = props.hideOnZero,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    value = props.value,
+    isActive = props.isActive,
+    hasFilter = props.hasFilter,
+    enableActivity = props.enableActivity,
+    onClick = props.onClick,
+    type = props.type,
+    hideOnZero = props.hideOnZero,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var wrapperClassName = classNames('TypeCounter', 'display-flex align-items-center', 'user-select-none margin-right-15', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && 'opacity-50');
   var counterClassNames = classNames('TreeLabelCount', 'label label-condensed', isActive ? 'label-primary' : 'label-muted label-filled');
-
   var handleClick = function handleClick() {
     return onClick(type);
   };
-
   if (hideOnZero && !value) {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: wrapperClassName,
     onClick: handleClick
@@ -36,7 +31,6 @@ var TypeCounter = function TypeCounter(props) {
     className: counterClassNames
   }, value || 0));
 };
-
 TypeCounter.defaultProps = {
   hideOnZero: false
 };

package/components/autosuggest/AutoSuggest.js

@@ -9,15 +9,10 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 var _excluded = ["icon", "value", "showSelectedItemsInInput"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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';
@@ -32,7 +27,6 @@ import scrollItemIntoView, { UP, DOWN } from '../../utils/scrollItemIntoView';
 import getDropDirection from '../../utils/getDropDirection';
 import DropdownHeader from '../selects/DropdownHeader';
 import MenuItem from '../menuItems/MenuItem';
-
 var NoItemMessage = function NoItemMessage(_ref) {
   var message = _ref.message;
   return /*#__PURE__*/React.createElement("li", {
@@ -42,17 +36,12 @@ var NoItemMessage = function NoItemMessage(_ref) {
     role: 'button'
   }, /*#__PURE__*/React.createElement("i", null, message)));
 };
-
 export var AutoSuggest = /*#__PURE__*/function (_Component) {
   _inherits(AutoSuggest, _Component);
-
   var _super = _createSuper(AutoSuggest);
-
   function AutoSuggest(props) {
     var _this;
-
     _classCallCheck(this, AutoSuggest);
-
     _this = _super.call(this, props);
     _this.state = {
       open: false,
@@ -71,7 +60,6 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     _this.onMouseEnter = _this.onMouseEnter.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(AutoSuggest, [{
     key: "UNSAFE_componentWillMount",
     value: function UNSAFE_componentWillMount() {
@@ -85,17 +73,15 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
       if (this.props.onSuggestionHighlighted) {
         var currentHighlightedSuggestion = this.getHighlightedSuggestion();
         var prevHighlightedSuggestion = prevState.highlightedSuggestion;
-
         if (currentHighlightedSuggestion !== prevHighlightedSuggestion) {
           this.props.onSuggestionHighlighted({
             suggestion: currentHighlightedSuggestion
           });
         }
-      } // Update internal value state from outside
-
+      }
 
+      // Update internal value state from outside
       var updatedValueFromProps = get('inputProps.value')(this.props);
-
       if (!isEqual(updatedValueFromProps, this.state.value)) {
         this.setState(function () {
           return {
@@ -110,20 +96,16 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
       if (this.state.highlightedItemIndex === -1) {
         return null;
       }
-
       return this.props.suggestions[this.state.highlightedItemIndex];
     }
   }, {
     key: "openMenu",
-    value: function
-      /*event*/
+    value: function /*event*/
     openMenu() {
       var dropDirection = {};
-
       if (this.refDropdownMenu && this.isAutoDropActive() && !this.state.open) {
         dropDirection = getDropDirection(this.refDropdownMenu.parentNode, this.refDropdownMenu);
       }
-
       this.setState(_objectSpread({
         open: true
       }, dropDirection));
@@ -144,13 +126,11 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "handleFocus",
     value: function handleFocus(event) {
       var _this$props = this.props,
-          openOnFocus = _this$props.openOnFocus,
-          inputProps = _this$props.inputProps;
-
+        openOnFocus = _this$props.openOnFocus,
+        inputProps = _this$props.inputProps;
       if (openOnFocus) {
         this.openMenu();
       }
-
       if (inputProps.onFocus) {
         inputProps.onFocus(event);
       }
@@ -169,11 +149,9 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "handleKeyDown",
     value: function handleKeyDown(event) {
       var _this2 = this;
-
       var keyCode = event.keyCode;
       var highlightedItemIndex = this.state.highlightedItemIndex;
       var suggestions = this.props.suggestions;
-
       switch (keyCode) {
         case 40:
           // select below on arrow down key
@@ -184,9 +162,7 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
               scrollItemIntoView(DOWN, _this2.getDropdownDOMNode(), _this2.getFocusedOptionNode());
             });
           }
-
           return;
-
         case 38:
           // select above on arrow up key
           if (this.state.open && highlightedItemIndex > 0) {
@@ -196,9 +172,7 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
               scrollItemIntoView(UP, _this2.getDropdownDOMNode(), _this2.getFocusedOptionNode());
             });
           }
-
           return;
-
         case 13:
           // select on enter
           if (this.state.open && suggestions[highlightedItemIndex]) {
@@ -206,19 +180,15 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
           } else {
             this.openMenu(event);
           }
-
           break;
-
         case 27:
           // close on esc key or on tab
           this.closeMenu();
           break;
-
         case 9:
           // close on tab
           this.closeMenu();
           break;
-
         default:
           break;
       }
@@ -254,16 +224,16 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
         open: !this.state.open ? true : closeMenuEventually,
         value: newValue,
         highlightedItemIndex: -1
-      }); // Fire callback so the parent component can filter the suggestions accordingly
+      });
 
+      // Fire callback so the parent component can filter the suggestions accordingly
       this.props.onSuggestionsFetchRequested({
         value: newValue
       });
       var _this$props$inputProp = this.props.inputProps,
-          value = _this$props$inputProp.value,
-          _this$props$inputProp2 = _this$props$inputProp.onChange,
-          onChange = _this$props$inputProp2 === void 0 ? function () {} : _this$props$inputProp2;
-
+        value = _this$props$inputProp.value,
+        _this$props$inputProp2 = _this$props$inputProp.onChange,
+        onChange = _this$props$inputProp2 === void 0 ? function () {} : _this$props$inputProp2;
       if (newValue !== value) {
         onChange(event, {
           newValue: newValue
@@ -281,20 +251,21 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
       this.setState({
         value: '',
         highlightedItemIndex: -1
-      }); // Focus the input field after clearing it's value in order to allow
-      // entering new values right away
+      });
 
+      // Focus the input field after clearing it's value in order to allow
+      // entering new values right away
       var node = this.getInputNode();
-
       if (node) {
         ReactDOM.findDOMNode(node).focus();
-      } // Reset filter value so all suggestions are shown again
-
+      }
 
+      // Reset filter value so all suggestions are shown again
       this.props.onSuggestionsFetchRequested({
         value: ''
-      }); // Additionally, fire the onClear callback as the service may react on it
+      });
 
+      // Additionally, fire the onClear callback as the service may react on it
       if (this.props.inputProps.onClear) {
         this.props.inputProps.onClear(event);
       }
@@ -302,8 +273,9 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
   }, {
     key: "onSuggestionClicked",
     value: function onSuggestionClicked(event, suggestion) {
-      this.setInputValue(this.props.getSuggestionValue(suggestion), event, this.props.closeOnSelect); // fire callback with the selected item
+      this.setInputValue(this.props.getSuggestionValue(suggestion), event, this.props.closeOnSelect);
 
+      // fire callback with the selected item
       this.props.onSuggestionSelected(event, {
         suggestion: suggestion,
         suggestionValue: this.props.getSuggestionValue(suggestion),
@@ -314,7 +286,6 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "onMouseEnter",
     value: function onMouseEnter(event) {
       var newIndex = event.currentTarget.getAttribute('data-item-index');
-
       if (newIndex) {
         this.setState(function () {
           return {
@@ -339,15 +310,13 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "renderInput",
     value: function renderInput() {
       var _this$props2 = this.props,
-          leadingInputAddons = _this$props2.leadingInputAddons,
-          trailingInputAddons = _this$props2.trailingInputAddons;
-
+        leadingInputAddons = _this$props2.leadingInputAddons,
+        trailingInputAddons = _this$props2.trailingInputAddons;
       var _this$props$inputProp3 = this.props.inputProps,
-          icon = _this$props$inputProp3.icon,
-          value = _this$props$inputProp3.value,
-          showSelectedItemsInInput = _this$props$inputProp3.showSelectedItemsInInput,
-          remainingProps = _objectWithoutProperties(_this$props$inputProp3, _excluded);
-
+        icon = _this$props$inputProp3.icon,
+        value = _this$props$inputProp3.value,
+        showSelectedItemsInInput = _this$props$inputProp3.showSelectedItemsInInput,
+        remainingProps = _objectWithoutProperties(_this$props$inputProp3, _excluded);
       var input = /*#__PURE__*/React.createElement(ClearableInput, _extends({}, remainingProps, {
         autoComplete: this.props.autoComplete,
         onChange: this.handleInputChange,
@@ -356,11 +325,9 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
         onFocus: this.handleFocus,
         value: !showSelectedItemsInInput && value
       }));
-
       if (icon || leadingInputAddons || trailingInputAddons) {
         return this.wrapAddons(icon, leadingInputAddons, input, trailingInputAddons);
       }
-
       return input;
     }
   }, {
@@ -376,26 +343,21 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "renderDropdownMenu",
     value: function renderDropdownMenu() {
       var _this3 = this;
-
       var _this$props3 = this.props,
-          suggestions = _this$props3.suggestions,
-          pullRight = _this$props3.pullRight,
-          dropdownClassName = _this$props3.dropdownClassName,
-          noItemMessage = _this$props3.noItemMessage,
-          isLoading = _this$props3.isLoading,
-          renderSuggestion = _this$props3.renderSuggestion;
+        suggestions = _this$props3.suggestions,
+        pullRight = _this$props3.pullRight,
+        dropdownClassName = _this$props3.dropdownClassName,
+        noItemMessage = _this$props3.noItemMessage,
+        isLoading = _this$props3.isLoading,
+        renderSuggestion = _this$props3.renderSuggestion;
       var dropdownMenuClasses = classNames('dropdown-menu', pullRight && 'pull-right', dropdownClassName && dropdownClassName);
-
       if (isLoading) {
         return this.renderLoadingIndicator(dropdownMenuClasses);
       }
-
       var hasNoSuggestions = isEmpty(suggestions);
-
       if (hasNoSuggestions && !noItemMessage) {
         return null;
       }
-
       return /*#__PURE__*/React.createElement("ul", {
         role: 'menu',
         className: dropdownMenuClasses,
@@ -412,7 +374,6 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
             label: suggestion.label
           });
         }
-
         var item = {
           value: suggestion.customSuggestion ? suggestion.customSuggestion : renderSuggestion(suggestion),
           onSelect: function onSelect(idx, event) {
@@ -433,7 +394,6 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var classes = classNames('AutoSuggest', 'dropdown', this.state.open && 'open', this.state.dropup && 'dropup', this.props.className && this.props.className);
       return /*#__PURE__*/React.createElement("div", {
         className: classes,
@@ -444,7 +404,6 @@ export var AutoSuggest = /*#__PURE__*/function (_Component) {
       }, this.renderInput(), this.renderDropdownMenu());
     }
   }]);
-
   return AutoSuggest;
 }(Component);
 AutoSuggest.defaultProps = {