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

package/lib/es/components/resizer/Resizer.js

@@ -1,52 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ownerDocument = _interopRequireDefault(require("../../utils/ownerDocument"));
-
 var _addEventListener = _interopRequireDefault(require("../../utils/addEventListener"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
-
 var Resizer = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Resizer, _Component);
-
   var _super = _createSuper(Resizer);
-
   function Resizer(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Resizer);
     _this = _super.call(this, props);
     _this.state = {
@@ -59,7 +38,6 @@ var Resizer = /*#__PURE__*/function (_Component) {
     _this.handleMove = _this.handleMove.bind((0, _assertThisInitialized2["default"])(_this));
     _this.handleStart = _this.handleStart.bind((0, _assertThisInitialized2["default"])(_this));
     _this.handleEnd = _this.handleEnd.bind((0, _assertThisInitialized2["default"])(_this));
-
     _this.listeners = function () {
       var doc = (0, _ownerDocument["default"])((0, _assertThisInitialized2["default"])(_this));
       var mouseUpListener = (0, _addEventListener["default"])(doc, 'mouseup', _this.handleEnd);
@@ -75,10 +53,8 @@ var Resizer = /*#__PURE__*/function (_Component) {
         }
       };
     };
-
     return _this;
   }
-
   (0, _createClass2["default"])(Resizer, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -103,31 +79,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);
     }
   }, {
@@ -176,10 +145,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 = (0, _classnames["default"])('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["default"].createElement("div", {
         className: wrapperClasses,
@@ -194,7 +163,6 @@ var Resizer = /*#__PURE__*/function (_Component) {
   }]);
   return Resizer;
 }(_react.Component);
-
 Resizer.HORIZONTAL = 'x';
 Resizer.VERTICAL = 'y';
 Resizer.LEFT = 'left';

package/lib/es/components/selects/BaseDropdownMenu.js

@@ -1,77 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BaseDropdownMenu = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _ownerDocument = _interopRequireDefault(require("../../utils/ownerDocument"));
-
 var _addEventListener = _interopRequireDefault(require("../../utils/addEventListener"));
-
 var _getDropDirection = _interopRequireDefault(require("../../utils/getDropDirection"));
-
 var _scrollItemIntoView = _interopRequireWildcard(require("../../utils/scrollItemIntoView"));
-
 var _DropdownHeader = _interopRequireDefault(require("./DropdownHeader"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
-
 // 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';
-
 var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BaseDropdownMenu, _Component);
-
   var _super = _createSuper(BaseDropdownMenu);
-
   function BaseDropdownMenu(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, BaseDropdownMenu);
     _this = _super.call(this, props);
     _this.state = {
@@ -85,7 +54,6 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     _this.handleKeydown = _this.handleKeydown.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(BaseDropdownMenu, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -98,37 +66,35 @@ 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 (!(0, _isEqual["default"])(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
@@ -147,33 +113,30 @@ 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(_scrollItemIntoView.UP);
           (0, _scrollItemIntoView["default"])(_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(_scrollItemIntoView.DOWN);
           (0, _scrollItemIntoView["default"])(_scrollItemIntoView.DOWN, this.getDropdownDOMNode(), this.getFocusedOptionNode());
           break;
-
         default:
           break;
       }
@@ -183,20 +146,16 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     value: function focusOption(direction) {
       var nextFocusedItem = 0;
       var focusedItemIndex = this.state.focusedItemIndex;
-
       switch (direction) {
         case _scrollItemIntoView.UP:
           nextFocusedItem = focusedItemIndex === 0 ? focusedItemIndex : focusedItemIndex - 1;
           break;
-
         case _scrollItemIntoView.DOWN:
           nextFocusedItem = focusedItemIndex === this.props.options.length - 1 ? focusedItemIndex : focusedItemIndex + 1;
           break;
-
         default:
           break;
       }
-
       this.setState(function () {
         return {
           focusedItemIndex: nextFocusedItem,
@@ -213,11 +172,9 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
     key: "getOptionNodes",
     value: function getOptionNodes() {
       var node = _reactDom["default"].findDOMNode(this.refDropdownMenu);
-
       if (!node) {
         return [];
       }
-
       return node.getElementsByTagName('a') || [];
     }
   }, {
@@ -245,14 +202,13 @@ 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);
@@ -264,14 +220,14 @@ 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 = (0, _classnames["default"])('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 = (0, _classnames["default"])('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) {
@@ -284,10 +240,8 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
             role: "button"
           }, /*#__PURE__*/_react["default"].createElement("i", null, noItemMessage))));
         }
-
         return null;
       }
-
       return /*#__PURE__*/_react["default"].createElement("ul", {
         className: dropdownMenuClasses,
         ref: function ref(node) {
@@ -308,9 +262,9 @@ 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 = (0, _classnames["default"])(option.disabled && 'disabled', this.props.useActiveClass && option.selected && 'active');
       return /*#__PURE__*/_react["default"].createElement("li", {
@@ -353,8 +307,8 @@ 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 = (0, _ownerDocument["default"])(this);
       this.onDocumentKeydownListener = (0, _addEventListener["default"])(doc, 'keydown', this.handleKeydown);
       var dropDirection = options.length && this.isAutoDropActive() ? (0, _getDropDirection["default"])(this.refDropdownMenu.parentNode, this.refDropdownMenu) : {};
@@ -363,9 +317,10 @@ 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);
     }
   }, {
@@ -374,13 +329,11 @@ var BaseDropdownMenu = /*#__PURE__*/function (_Component) {
       if (this.onDocumentKeydownListener) {
         this.onDocumentKeydownListener.remove();
       }
-
       this.props.onClose();
     }
   }]);
   return BaseDropdownMenu;
 }(_react.Component);
-
 exports.BaseDropdownMenu = BaseDropdownMenu;
 BaseDropdownMenu.defaultProps = {
   isOpen: false,
@@ -397,15 +350,9 @@ BaseDropdownMenu.defaultProps = {
 };
 BaseDropdownMenu.propTypes = {
   options: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string.isRequired
-    /* Identify an option */
-    ,
-    label: _propTypes["default"].any.isRequired
-    /* A label to show in body */
-    ,
-    icon: _propTypes["default"].object
-    /* An icon to show in body */
-    ,
+    id: _propTypes["default"].string.isRequired /* Identify an option */,
+    label: _propTypes["default"].any.isRequired /* A label to show in body */,
+    icon: _propTypes["default"].object /* An icon to show in body */,
     selected: _propTypes["default"].bool,
     disabled: _propTypes["default"].bool,
     header: _propTypes["default"].bool

package/lib/es/components/selects/DropdownHeader.js

@@ -1,20 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("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["default"].createElement("li", {
     className: "dropdown-header ".concat(center ? 'center' : '')
   }, /*#__PURE__*/_react["default"].createElement("span", {
@@ -23,7 +19,6 @@ var DropdownHeader = function DropdownHeader(props) {
     className: 'margin-right-5'
   }, icon), label));
 };
-
 DropdownHeader.defaultProps = {
   center: true
 };