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

package/components/radiobutton/RadioButton.js

@@ -4,12 +4,11 @@ var _excluded = ["checked", "children", "className", "custom", "defaultChecked",
 import React, { useRef } from 'react';
 import PropTypes from 'prop-types';
 import classname from 'classnames';
-
 var RadioButtonIcon = function RadioButtonIcon(props) {
   var icon = props.icon,
-      iconSize = props.iconSize,
-      iconLabelPosition = props.iconLabelPosition,
-      text = props.text;
+    iconSize = props.iconSize,
+    iconLabelPosition = props.iconLabelPosition,
+    text = props.text;
   var iconStyles = {
     width: "".concat(iconSize, "px"),
     height: "".concat(iconSize, "px"),
@@ -25,65 +24,57 @@ var RadioButtonIcon = function RadioButtonIcon(props) {
     className: 'radio-label'
   }, text));
 };
-
 var RadioButton = function RadioButton(props) {
   var checked = props.checked,
-      children = props.children,
-      className = props.className,
-      custom = props.custom,
-      defaultChecked = props.defaultChecked,
-      disabled = props.disabled,
-      icon = props.icon,
-      iconLabelPosition = props.iconLabelPosition,
-      iconSize = props.iconSize,
-      inline = props.inline,
-      inputRef = props.inputRef,
-      label = props.label,
-      name = props.name,
-      onChange = props.onChange,
-      onClick = props.onClick,
-      right = props.right,
-      tabIndex = props.tabIndex,
-      value = props.value,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    children = props.children,
+    className = props.className,
+    custom = props.custom,
+    defaultChecked = props.defaultChecked,
+    disabled = props.disabled,
+    icon = props.icon,
+    iconLabelPosition = props.iconLabelPosition,
+    iconSize = props.iconSize,
+    inline = props.inline,
+    inputRef = props.inputRef,
+    label = props.label,
+    name = props.name,
+    onChange = props.onChange,
+    onClick = props.onClick,
+    right = props.right,
+    tabIndex = props.tabIndex,
+    value = props.value,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var labelRef = useRef();
-
   var handleToggleKeyDown = function handleToggleKeyDown(event) {
     switch (event.keyCode) {
       case 32:
         // toggle on space
         toggle(event);
         break;
-
       case 13:
         // open on enter
         toggle(event);
         break;
-
       default:
         break;
     }
   };
-
   var toggle = function toggle(event) {
     event.preventDefault();
-
     if (disabled) {
       return;
-    } // Controlled case - uses "onChange()" instead of "onClick()" callback
-
+    }
 
+    // Controlled case - uses "onChange()" instead of "onClick()" callback
     if (checked !== null && checked !== undefined) {
       onChange(event);
       return;
-    } // Uncontrolled case - set the input checked or unchecked
-
+    }
 
+    // Uncontrolled case - set the input checked or unchecked
     labelRef.current.firstChild.checked = !labelRef.current.firstChild.checked;
     onClick(event);
   };
-
   var text = label || children;
   var labelClassnames = classname('radio', inline && 'radio-inline', className);
   var inputClassnames = classname(right && 'icon-right', className);
@@ -115,7 +106,6 @@ var RadioButton = function RadioButton(props) {
     className: 'radio-text'
   }, /*#__PURE__*/React.createElement("span", null, text)), renderCustomContent && children);
 };
-
 RadioButton.ICON_LABEL_VERTICAL = 'vertical';
 RadioButton.ICON_LABEL_HORIZONTAL = 'horizontal';
 RadioButton.defaultProps = {

package/components/releaseNotes/ReleaseNotes.js

@@ -4,19 +4,16 @@ import PropTypes from 'prop-types';
 import isArray from 'lodash/fp/isArray';
 import map from 'lodash/fp/map';
 import toPairs from 'lodash/fp/toPairs';
-
 var renderList = function renderList(notes) {
   return /*#__PURE__*/React.createElement("ul", {
     className: 'margin-bottom-0 margin-left-5 padding-left-25'
   }, notes);
 };
-
 var renderNode = function renderNode(content) {
   return /*#__PURE__*/React.createElement("div", {
     className: 'padding-left-10'
   }, content);
 };
-
 var getNotes = function getNotes(content, version) {
   return map(function (point) {
     return /*#__PURE__*/React.createElement("li", {
@@ -24,10 +21,9 @@ var getNotes = function getNotes(content, version) {
     }, point);
   }, content);
 };
-
 var renderNotes = function renderNotes(note, version) {
   var date = note.date,
-      content = note.content;
+    content = note.content;
   return /*#__PURE__*/React.createElement("div", {
     className: 'panel panel-default',
     key: "".concat(version, "-note")
@@ -43,22 +39,18 @@ var renderNotes = function renderNotes(note, version) {
     className: 'panel-body white-space-pre-line'
   }, isArray(content) ? renderList(getNotes(content, version)) : renderNode(content)));
 };
-
 var getReleases = function getReleases(_ref) {
   var releaseNotes = _ref.releaseNotes;
   return map(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
-        key = _ref3[0],
-        note = _ref3[1];
-
+      key = _ref3[0],
+      note = _ref3[1];
     return renderNotes(note, key);
   }, toPairs(releaseNotes));
 };
-
 var ReleaseNotes = function ReleaseNotes(props) {
   return /*#__PURE__*/React.createElement("div", null, getReleases(props));
 };
-
 ReleaseNotes.defaultProps = {};
 ReleaseNotes.propTypes = {
   releaseNotes: PropTypes.object

package/components/resizer/Resizer.js

@@ -4,27 +4,19 @@ 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 ownerDocument from '../../utils/ownerDocument';
 import addEventListener from '../../utils/addEventListener';
 import classNames from 'classnames';
-
 var Resizer = /*#__PURE__*/function (_Component) {
   _inherits(Resizer, _Component);
-
   var _super = _createSuper(Resizer);
-
   function Resizer(props) {
     var _this;
-
     _classCallCheck(this, Resizer);
-
     _this = _super.call(this, props);
     _this.state = {
       isDrag: false,
@@ -36,7 +28,6 @@ var Resizer = /*#__PURE__*/function (_Component) {
     _this.handleMove = _this.handleMove.bind(_assertThisInitialized(_this));
     _this.handleStart = _this.handleStart.bind(_assertThisInitialized(_this));
     _this.handleEnd = _this.handleEnd.bind(_assertThisInitialized(_this));
-
     _this.listeners = function () {
       var doc = ownerDocument(_assertThisInitialized(_this));
       var mouseUpListener = addEventListener(doc, 'mouseup', _this.handleEnd);
@@ -52,10 +43,8 @@ var Resizer = /*#__PURE__*/function (_Component) {
         }
       };
     };
-
     return _this;
   }
-
   _createClass(Resizer, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -80,31 +69,24 @@ var Resizer = /*#__PURE__*/function (_Component) {
     key: "handleMove",
     value: function handleMove(event) {
       event.preventDefault();
-
       if (!this.state.isDrag) {
         return;
       }
-
       var _this$props = this.props,
-          direction = _this$props.direction,
-          onResize = _this$props.onResize;
-
+        direction = _this$props.direction,
+        onResize = _this$props.onResize;
       if (direction === Resizer.HORIZONTAL) {
         var diff = this.state.startPos.x - this.getClientX(event);
-
         if (diff !== 0) {
           onResize(diff);
         }
       }
-
       if (direction === Resizer.VERTICAL) {
         var _diff = this.state.startPos.y - this.getClientY(event);
-
         if (_diff !== 0) {
           onResize(_diff);
         }
       }
-
       this.updateStartPosition(event);
     }
   }, {
@@ -153,10 +135,10 @@ var Resizer = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          className = _this$props2.className,
-          direction = _this$props2.direction,
-          position = _this$props2.position,
-          children = _this$props2.children;
+        className = _this$props2.className,
+        direction = _this$props2.direction,
+        position = _this$props2.position,
+        children = _this$props2.children;
       var wrapperClasses = classNames('Resizer', direction === Resizer.HORIZONTAL && 'resize-horizontal', direction === Resizer.VERTICAL && 'resize-vertical', position === Resizer.LEFT && 'resize-left', position === Resizer.RIGHT && 'resize-right', position === Resizer.TOP && 'resize-top', position === Resizer.BOTTOM && 'resize-bottom', className && className);
       return /*#__PURE__*/React.createElement("div", {
         className: wrapperClasses,
@@ -169,10 +151,8 @@ var Resizer = /*#__PURE__*/function (_Component) {
       }, children && children);
     }
   }]);
-
   return Resizer;
 }(Component);
-
 Resizer.HORIZONTAL = 'x';
 Resizer.VERTICAL = 'y';
 Resizer.LEFT = 'left';

package/components/selects/BaseDropdownMenu.js

@@ -6,15 +6,10 @@ 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 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';
@@ -24,23 +19,20 @@ import ownerDocument from '../../utils/ownerDocument';
 import addEventListener from '../../utils/addEventListener';
 import getDropDirection from '../../utils/getDropDirection';
 import scrollItemIntoView, { UP, DOWN } from '../../utils/scrollItemIntoView';
-import DropdownHeader from './DropdownHeader'; // const UP = 'up';
-// const DOWN = 'down';
+import DropdownHeader from './DropdownHeader';
 
+// const UP = 'up';
+// const DOWN = 'down';
 var DATA_ATTRIBUTE_ID = 'data-item-id';
 var DATA_ATTRIBUTE_INDEX = 'data-item-index';
 var DEFAULT_FOCUSED_ITEM_INDEX = -1;
 var HIGHLIGHT_CLASS = 'focus';
 export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
   _inherits(BaseDropdownMenu, _Component);
-
   var _super = _createSuper(BaseDropdownMenu);
-
   function BaseDropdownMenu(props) {
     var _this;
-
     _classCallCheck(this, BaseDropdownMenu);
-
     _this = _super.call(this, props);
     _this.state = {
       dropup: false,
@@ -53,7 +45,6 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     _this.handleKeydown = _this.handleKeydown.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(BaseDropdownMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -66,37 +57,35 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
         };
       });
       this.props.updateDOMValues(itemDOMValues);
-    } // eslint-disable-next-line camelcase
+    }
 
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var _this2 = this;
-
       if (nextProps) {
         if (!this.props.isOpen && nextProps.isOpen) {
           this.openMenu(nextProps);
         } else if (this.props.isOpen && !nextProps.isOpen) {
           this.closeMenu();
         }
-
         if (!isEqual(nextProps.options, this.props.options)) {
           this.setState(function () {
             return {
               options: nextProps.options
             };
-          }); // Workaround to put the update of DOM values into a setTimeout to have the component
+          });
+
+          // Workaround to put the update of DOM values into a setTimeout to have the component
           // re-rendered to fetch the DOM items.
           // This should be refactored when reworking the component as functional component
-
           setTimeout(function () {
             // Only update the DOM values if it is explicitly requested
             // otherwise it will reduce the dom values to the filtered options
             if (nextProps.requestItemDOMValues) {
               var items = _this2.setItemDOMValues();
-
               _this2.props.updateDOMValues(items);
-
               _this2.setState(function () {
                 return {
                   itemDOMValues: items ? items : _this2.state.itemDOMValues
@@ -115,33 +104,30 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
           // close on esc key or on tab
           this.closeMenu();
           break;
-
         case 9:
           // close on tab
           this.closeMenu();
           break;
-
         case 13:
           // select on enter
           this.selectOptionOnEnter(event);
           break;
-
         case 38:
           // prevent scrolling the page when dropdown menu is open
-          event.preventDefault(); // select above on arrow up key
+          event.preventDefault();
 
+          // select above on arrow up key
           this.focusOption(UP);
           scrollItemIntoView(UP, this.getDropdownDOMNode(), this.getFocusedOptionNode());
           break;
-
         case 40:
           // prevent scrolling the page when dropdown menu is open
-          event.preventDefault(); // select below on arrow down key
+          event.preventDefault();
 
+          // select below on arrow down key
           this.focusOption(DOWN);
           scrollItemIntoView(DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
           break;
-
         default:
           break;
       }
@@ -151,20 +137,16 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     value: function focusOption(direction) {
       var nextFocusedItem = 0;
       var focusedItemIndex = this.state.focusedItemIndex;
-
       switch (direction) {
         case UP:
           nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
           break;
-
         case DOWN:
           nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
           break;
-
         default:
           break;
       }
-
       this.setState(function () {
         return {
           focusedItemIndex: nextFocusedItem,
@@ -181,11 +163,9 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     key: "getOptionNodes",
     value: function getOptionNodes() {
       var node = ReactDOM.findDOMNode(this.refDropdownMenu);
-
       if (!node) {
         return [];
       }
-
       return node.getElementsByTagName('a') || [];
     }
   }, {
@@ -193,14 +173,12 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     value: function setItemDOMValues() {
       if (this.refDropdownMenu) {
         var optionNodes = this.getOptionNodes();
-
         var itemDOMValues = _toConsumableArray(optionNodes).map(function (item) {
           return {
             id: item.getAttribute(DATA_ATTRIBUTE_ID),
             text: item.textContent
           };
         });
-
         return itemDOMValues;
       }
     }
@@ -215,14 +193,13 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
   }, {
     key: "selectOptionOnEnter",
     value: function selectOptionOnEnter(event) {
-      event.preventDefault(); // When no filter result was found, avoid selecting anything
+      event.preventDefault();
 
+      // When no filter result was found, avoid selecting anything
       if (!this.props.options.length) {
         return;
       }
-
       var match = this.getFocusedOptionNode();
-
       if (match) {
         var selectedItem = this.props.options.find(function (option) {
           return option.id === match.getAttribute(DATA_ATTRIBUTE_ID);
@@ -234,14 +211,14 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props = this.props,
-          pullRight = _this$props.pullRight,
-          noItemMessage = _this$props.noItemMessage,
-          dropdownClassName = _this$props.dropdownClassName;
+        pullRight = _this$props.pullRight,
+        noItemMessage = _this$props.noItemMessage,
+        dropdownClassName = _this$props.dropdownClassName;
       var isPullRight = this.isAutoDropActive() ? this.state.pullRight : pullRight;
-      var dropdownMenuClasses = classname('dropdown-menu', isPullRight && 'pull-right', dropdownClassName); // Dont show dropdown, when no match are found when filtering unless there is a not found message
+      var dropdownMenuClasses = classname('dropdown-menu', isPullRight && 'pull-right', dropdownClassName);
 
+      // Dont show dropdown, when no match are found when filtering unless there is a not found message
       if (!this.props.options.length) {
         // In case a message is provided when nothing matched, show it
         if (noItemMessage) {
@@ -254,10 +231,8 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
             role: "button"
           }, /*#__PURE__*/React.createElement("i", null, noItemMessage))));
         }
-
         return null;
       }
-
       return /*#__PURE__*/React.createElement("ul", {
         className: dropdownMenuClasses,
         ref: function ref(node) {
@@ -278,9 +253,9 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
           label: option.label,
           type: "dropdown"
         });
-      } // Show focused style only when keyboard is in use
-
+      }
 
+      // Show focused style only when keyboard is in use
       var anchorClassNames = this.state.keyboardUsed && this.state.focusedItemIndex === index ? HIGHLIGHT_CLASS : '';
       var classNames = classname(option.disabled && 'disabled', this.props.useActiveClass && option.selected && 'active');
       return /*#__PURE__*/React.createElement("li", {
@@ -323,8 +298,8 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     key: "openMenu",
     value: function openMenu(nextProps) {
       var _this$props2 = this.props,
-          options = _this$props2.options,
-          onOpen = _this$props2.onOpen;
+        options = _this$props2.options,
+        onOpen = _this$props2.onOpen;
       var doc = ownerDocument(this);
       this.onDocumentKeydownListener = addEventListener(doc, 'keydown', this.handleKeydown);
       var dropDirection = options.length && this.isAutoDropActive() ? getDropDirection(this.refDropdownMenu.parentNode, this.refDropdownMenu) : {};
@@ -333,9 +308,10 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
           isOpen: nextProps.isOpen,
           keyboardUsed: nextProps.keyboardUsed
         }, dropDirection);
-      }); // Tell the parent whether it's dropup or not as it might need to set the respective class
-      // to the wrapping element
+      });
 
+      // Tell the parent whether it's dropup or not as it might need to set the respective class
+      // to the wrapping element
       onOpen(dropDirection.dropup);
     }
   }, {
@@ -344,11 +320,9 @@ export var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
       if (this.onDocumentKeydownListener) {
         this.onDocumentKeydownListener.remove();
       }
-
       this.props.onClose();
     }
   }]);
-
   return BaseDropdownMenu;
 }(Component);
 BaseDropdownMenu.defaultProps = {
@@ -366,15 +340,9 @@ BaseDropdownMenu.defaultProps = {
 };
 BaseDropdownMenu.propTypes = {
   options: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string.isRequired
-    /* Identify an option */
-    ,
-    label: PropTypes.any.isRequired
-    /* A label to show in body */
-    ,
-    icon: PropTypes.object
-    /* An icon to show in body */
-    ,
+    id: PropTypes.string.isRequired /* Identify an option */,
+    label: PropTypes.any.isRequired /* A label to show in body */,
+    icon: PropTypes.object /* An icon to show in body */,
     selected: PropTypes.bool,
     disabled: PropTypes.bool,
     header: PropTypes.bool

package/components/selects/DropdownHeader.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 var DropdownHeader = function DropdownHeader(props) {
   var icon = props.icon,
-      label = props.label,
-      center = props.center;
+    label = props.label,
+    center = props.center;
   return /*#__PURE__*/React.createElement("li", {
     className: "dropdown-header ".concat(center ? 'center' : '')
   }, /*#__PURE__*/React.createElement("span", {
@@ -13,7 +12,6 @@ var DropdownHeader = function DropdownHeader(props) {
     className: 'margin-right-5'
   }, icon), label));
 };
-
 DropdownHeader.defaultProps = {
   center: true
 };