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

package/components/collapse/Collapse.js

@@ -8,13 +8,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children"];
-
 var _collapseStyles;
-
 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 from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -26,17 +22,12 @@ var MARGINS = {
   height: ['marginTop', 'marginBottom']
 };
 var INITIAL_HEIGHT = '0';
-
 var Collapse = /*#__PURE__*/function (_React$Component) {
   _inherits(Collapse, _React$Component);
-
   var _super = _createSuper(Collapse);
-
   function Collapse(props) {
     var _this;
-
     _classCallCheck(this, Collapse);
-
     _this = _super.call(this, props);
     _this.state = {};
     _this.handleEnter = _this.handleEnter.bind(_assertThisInitialized(_this));
@@ -47,7 +38,6 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
     _this.handleExited = _this.handleExited.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(Collapse, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -68,8 +58,9 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
           };
         });
       }
-    } // eslint-disable-next-line camelcase
+    }
 
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -86,16 +77,14 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
     value: function getFullHeight(element) {
       var value = element.offsetHeight;
       var margins = MARGINS['height'];
-
       if (!value) {
         return INITIAL_HEIGHT;
       }
-
       var fullHeight = value + parseInt(css(element, margins[0]), 10) + parseInt(css(element, margins[1]), 10);
       return fullHeight;
     }
-    /* -- Expanding -- */
 
+    /* -- Expanding -- */
   }, {
     key: "handleEnter",
     value: function handleEnter() {
@@ -126,13 +115,12 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
         };
       }, this.props.onEntered());
     }
-    /* -- Collapsing -- */
 
+    /* -- Collapsing -- */
   }, {
     key: "handleExit",
     value: function handleExit(element) {
       var _this2 = this;
-
       this.setState(function () {
         return {
           transitionState: EXITING,
@@ -164,11 +152,9 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-
       var _this$props = this.props,
-          children = _this$props.children,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+        children = _this$props.children,
+        props = _objectWithoutProperties(_this$props, _excluded);
       return /*#__PURE__*/React.createElement(Transition, _extends({
         ref: function ref(node) {
           return _this3.refTransition = node;
@@ -188,10 +174,8 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return Collapse;
 }(React.Component);
-
 export { Collapse as default };
 Collapse.defaultProps = {
   "in": false,

package/components/contentLoader/ContentLoader.js

@@ -1,39 +1,33 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["width", "height", "radius", "className"];
-
 /* eslint-disable no-use-before-define */
 import React from 'react';
 import PropTypes from 'prop-types';
 import { default as _ContentLoader } from 'react-content-loader';
 import cond from 'lodash/fp/cond';
 import isNil from 'lodash/fp/isNil';
-
 var hasChildren = function hasChildren(_ref) {
   var children = _ref.children;
   return !isNil(children);
 };
-
 var renderChildren = function renderChildren(_ref2) {
   var children = _ref2.children;
   return children;
 };
-
 var isRect = function isRect(_ref3) {
   var type = _ref3.type;
   return type === ContentLoader.RECT;
 };
-
 var isCircle = function isCircle(_ref4) {
   var type = _ref4.type;
   return type === ContentLoader.CIRCLE;
 };
-
 var renderRect = function renderRect(_ref5) {
   var _ref5$rx = _ref5.rx,
-      rx = _ref5$rx === void 0 ? 3 : _ref5$rx,
-      _ref5$ry = _ref5.ry,
-      ry = _ref5$ry === void 0 ? 3 : _ref5$ry;
+    rx = _ref5$rx === void 0 ? 3 : _ref5$rx,
+    _ref5$ry = _ref5.ry,
+    ry = _ref5$ry === void 0 ? 3 : _ref5$ry;
   return /*#__PURE__*/React.createElement("rect", {
     width: '100%',
     height: '100%',
@@ -41,7 +35,6 @@ var renderRect = function renderRect(_ref5) {
     ry: ry
   });
 };
-
 var renderCircle = function renderCircle(_ref6) {
   var radius = _ref6.radius;
   return /*#__PURE__*/React.createElement("circle", {
@@ -50,14 +43,12 @@ var renderCircle = function renderCircle(_ref6) {
     r: radius
   });
 };
-
 var ContentLoader = function ContentLoader(props) {
   var width = props.width,
-      height = props.height,
-      radius = props.radius,
-      className = props.className,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    height = props.height,
+    radius = props.radius,
+    className = props.className,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var content = cond([[hasChildren, renderChildren], [isRect, renderRect], [isCircle, renderCircle]])(props);
   var wrapperHeight = isCircle(props) ? radius * 2 : height;
   var wrapperWidth = isCircle(props) ? radius * 2 : width;
@@ -67,7 +58,6 @@ var ContentLoader = function ContentLoader(props) {
     width: wrapperWidth
   }, remainingProps), content);
 };
-
 ContentLoader.RECT = 'rect';
 ContentLoader.CIRCLE = 'circle';
 ContentLoader.defaultProps = {

package/components/dataTabs/DataTab.js

@@ -4,18 +4,15 @@ var _excluded = ["active", "tabKey", "disableTransition", "children"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { motion } from 'framer-motion';
-
 var DataTab = function DataTab(props) {
   var active = props.active,
-      tabKey = props.tabKey,
-      disableTransition = props.disableTransition,
-      children = props.children,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    tabKey = props.tabKey,
+    disableTransition = props.disableTransition,
+    children = props.children,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   if (disableTransition) {
     return /*#__PURE__*/React.createElement("div", null, active && children);
   }
-
   return active && /*#__PURE__*/React.createElement(motion.div, _extends({}, remainingProps, {
     key: tabKey,
     initial: {
@@ -35,13 +32,13 @@ var DataTab = function DataTab(props) {
     },
     transition: {
       duration: 0.1
-    } // TODO: added "fade in" for backwards compatibility for service tests
+    }
+    // TODO: added "fade in" for backwards compatibility for service tests
     // To be removed for next major version
     ,
     className: "fade in"
   }), children);
 };
-
 DataTab.defaultProps = {
   active: false,
   disableTransition: false,

package/components/dataTabs/DataTabs.js

@@ -6,47 +6,38 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { AnimatePresence } from 'framer-motion';
-
 var getFirstTabKey = function getFirstTabKey() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
   var _children = _slicedToArray(children, 1),
-      firstItem = _children[0];
-
+    firstItem = _children[0];
   return firstItem && firstItem.props.tabKey;
 };
-
 var DataTabs = function DataTabs(props) {
   var activeBgColor = props.activeBgColor,
-      activeKey = props.activeKey,
-      activeTextColor = props.activeTextColor,
-      bordered = props.bordered,
-      children = props.children,
-      wrapperClassName = props.className,
-      commonTabContent = props.commonTabContent,
-      disableTransition = props.disableTransition,
-      hoverBgColor = props.hoverBgColor,
-      hoverTextColor = props.hoverTextColor,
-      onSelectTab = props.onSelectTab,
-      tabContentClassName = props.tabContentClassName,
-      vertical = props.vertical,
-      remainingProps = _objectWithoutProperties(props, _excluded);
-
+    activeKey = props.activeKey,
+    activeTextColor = props.activeTextColor,
+    bordered = props.bordered,
+    children = props.children,
+    wrapperClassName = props.className,
+    commonTabContent = props.commonTabContent,
+    disableTransition = props.disableTransition,
+    hoverBgColor = props.hoverBgColor,
+    hoverTextColor = props.hoverTextColor,
+    onSelectTab = props.onSelectTab,
+    tabContentClassName = props.tabContentClassName,
+    vertical = props.vertical,
+    remainingProps = _objectWithoutProperties(props, _excluded);
   var _useState = useState(activeKey || getFirstTabKey(children)),
-      _useState2 = _slicedToArray(_useState, 2),
-      internalActiveKey = _useState2[0],
-      setInternalActiveKey = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    internalActiveKey = _useState2[0],
+    setInternalActiveKey = _useState2[1];
   useEffect(function () {
     activeKey && setInternalActiveKey(activeKey);
   }, [activeKey]);
-
   var handleSelectTab = function handleSelectTab(event) {
     onSelectTab(event.currentTarget.getAttribute('data-tabkey'));
   };
-
   var wrapperClassNames = classNames('DataTabsContainer', bordered && 'DataTab-bordered', wrapperClassName, vertical && 'DataTabs-vertical');
-
   var enrichChildren = function enrichChildren() {
     if (disableTransition) {
       return React.Children.map(children, function (child) {
@@ -56,7 +47,6 @@ var DataTabs = function DataTabs(props) {
         });
       });
     }
-
     var enhancedChildren = React.Children.toArray(children).filter(function (child) {
       return child.props.tabKey === internalActiveKey;
     }).map(function (child) {
@@ -70,7 +60,6 @@ var DataTabs = function DataTabs(props) {
       exitBeforeEnter: true
     }, enhancedChildren);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({}, remainingProps, {
     className: wrapperClassNames
   }), /*#__PURE__*/React.createElement("div", {
@@ -80,9 +69,9 @@ var DataTabs = function DataTabs(props) {
     role: "tabList"
   }, React.Children.map(children, function (child) {
     var _child$props = child.props,
-        tabKey = _child$props.tabKey,
-        className = _child$props.className,
-        title = _child$props.title;
+      tabKey = _child$props.tabKey,
+      className = _child$props.className,
+      title = _child$props.title;
     var isActive = tabKey === internalActiveKey;
     var tabClassNames = classNames('DataTab', 'tab', !isActive && "".concat(hoverTextColor, " ").concat(hoverBgColor, " cursor-pointer"), isActive && "active ".concat(activeTextColor, " ").concat(activeBgColor), className && className);
     return /*#__PURE__*/React.createElement("li", {
@@ -98,7 +87,6 @@ var DataTabs = function DataTabs(props) {
     role: "tabpanel"
   }, commonTabContent ? commonTabContent : enrichChildren()));
 };
-
 DataTabs.defaultProps = {
   activeKey: '',
   onSelectTab: function onSelectTab() {},

package/components/datepicker/DatePicker.js

@@ -8,42 +8,35 @@ import PropTypes from 'prop-types';
 import Datetime from 'react-datetime';
 import moment from 'moment';
 import classNames from 'classnames';
-
 var isValidDate = function isValidDate(date) {
   return _typeof(date) === 'object';
 };
-
 var DatePicker = function DatePicker(props) {
   var dropup = props.dropup,
-      alignRight = props.alignRight,
-      onChange = props.onChange,
-      className = props.className,
-      mandatory = props.mandatory,
-      dateValidation = props.dateValidation,
-      remainingProp = _objectWithoutProperties(props, _excluded);
-
+    alignRight = props.alignRight,
+    onChange = props.onChange,
+    className = props.className,
+    mandatory = props.mandatory,
+    dateValidation = props.dateValidation,
+    remainingProp = _objectWithoutProperties(props, _excluded);
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasError = _useState2[0],
-      setHasError = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hasError = _useState2[0],
+    setHasError = _useState2[1];
   var validateDate = function validateDate(dateToValidate) {
     return dateValidation ? dateValidation(dateToValidate) : isValidDate(dateToValidate);
   };
-
   var handleChange = function handleChange(date) {
     var isValid = mandatory ? validateDate(date) : true;
     setHasError(!isValid);
     onChange(date, isValid);
   };
-
   var classes = classNames('DatePicker', 'form-group', hasError && 'has-error', dropup && 'dropup', alignRight && 'align-right', className && className);
   return /*#__PURE__*/React.createElement(Datetime, _extends({}, remainingProp, {
     onChange: handleChange,
     className: classes
   }));
 };
-
 DatePicker.defaultProps = {
   closeOnSelect: true,
   dropup: false,