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

package/lib/es/components/clearableInput/ClearableInput.js

@@ -1,63 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SUPPORTED_TYPES = exports.DEFAULT_TYPE = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _omit = _interopRequireDefault(require("lodash/fp/omit"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/fp/isEmpty"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _excluded = ["children", "className", "inputClassName", "type", "hasError", "inputRef", "autoComplete"];
-
 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; } }
-
 var DEFAULT_TYPE = 'text';
 exports.DEFAULT_TYPE = DEFAULT_TYPE;
 var SUPPORTED_TYPES = ['text', 'password', 'email'];
 exports.SUPPORTED_TYPES = SUPPORTED_TYPES;
-
 var ClearableInput = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ClearableInput, _React$Component);
-
   var _super = _createSuper(ClearableInput);
-
   function ClearableInput(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, ClearableInput);
     _this = _super.call(this, props);
     var initialValue = props.value || props.defaultValue || '';
@@ -71,32 +46,33 @@ var ClearableInput = /*#__PURE__*/function (_React$Component) {
     _this.handleKeyPress = _this.handleKeyPress.bind((0, _assertThisInitialized2["default"])(_this));
     _this.clearInputValue = _this.clearInputValue.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
-  } // only gets triggered on user interaction.
-
+  }
 
+  // only gets triggered on user interaction.
   (0, _createClass2["default"])(ClearableInput, [{
     key: "handleChange",
     value: function handleChange(event) {
       var isControlled = this.state.isControlled;
       var onChange = this.props.onChange;
       var value = event.target.value;
-
       if (isControlled) {
         onChange(value, event);
       } else {
         this.changeInternalValue(value, event);
         onChange(value, event);
       }
-    } // Will be triggered on every key press but also when pressing 'Enter' for example
+    }
 
+    // Will be triggered on every key press but also when pressing 'Enter' for example
   }, {
     key: "handleKeyPress",
     value: function handleKeyPress(event) {
       var onKeyPress = this.props.onKeyPress;
       onKeyPress(event);
-    } // important for when used as a controlled component (value from outside).
-    // eslint-disable-next-line camelcase
+    }
 
+    // important for when used as a controlled component (value from outside).
+    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -106,21 +82,19 @@ var ClearableInput = /*#__PURE__*/function (_React$Component) {
     key: "hasValue",
     value: function hasValue(value) {
       return !(0, _isEmpty["default"])("".concat(value));
-    } // handles new input value and saves it in the state.
-    // the value stored in the state is used for rendering.
+    }
 
+    // handles new input value and saves it in the state.
+    // the value stored in the state is used for rendering.
   }, {
     key: "changeInternalValue",
     value: function changeInternalValue() {
       var _this2 = this;
-
       var newValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
       // this is there to prevent that onChange and UNSAFE_componentWillReceiveProps set state at the same time
       if (this.state.inputValue === newValue) {
         return;
       }
-
       this.setState(function () {
         return {
           inputValue: newValue,
@@ -132,40 +106,39 @@ var ClearableInput = /*#__PURE__*/function (_React$Component) {
     key: "clearInputValue",
     value: function clearInputValue(event) {
       var _this$props = this.props,
-          onChange = _this$props.onChange,
-          onClear = _this$props.onClear;
+        onChange = _this$props.onChange,
+        onClear = _this$props.onClear;
       this.changeInternalValue('', event);
       onChange('', event);
-
       if (onClear) {
         onClear(event);
       }
-    } // it is always the value from the state which is used for rendering.
+    }
+
+    // it is always the value from the state which is used for rendering.
     // reason: make it possible to use the component as a controlled or uncontrolled component.
     // https://facebook.github.io/react/docs/uncontrolled-components.html
-
   }, {
     key: "render",
     value: function render() {
       var filteredProps = (0, _omit["default"])(['value', 'defaultValue', 'onClear']);
       var _this$props2 = this.props,
-          children = _this$props2.children,
-          className = _this$props2.className,
-          inputClassName = _this$props2.inputClassName,
-          type = _this$props2.type,
-          hasError = _this$props2.hasError,
-          inputRef = _this$props2.inputRef,
-          autoComplete = _this$props2.autoComplete,
-          customProps = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
+        children = _this$props2.children,
+        className = _this$props2.className,
+        inputClassName = _this$props2.inputClassName,
+        type = _this$props2.type,
+        hasError = _this$props2.hasError,
+        inputRef = _this$props2.inputRef,
+        autoComplete = _this$props2.autoComplete,
+        customProps = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
       var _this$state = this.state,
-          showClear = _this$state.showClear,
-          inputValue = _this$state.inputValue;
+        showClear = _this$state.showClear,
+        inputValue = _this$state.inputValue;
       var classes = (0, _classnames["default"])('ClearableInput', 'input-group', hasError && 'has-error', className && className);
       var inputClassNames = (0, _classnames["default"])('form-control', inputClassName, showClear && 'withClearButton');
       var clearButtonClassNames = (0, _classnames["default"])('clearButton', !showClear && 'hide');
       var convertedType = type && type.toLowerCase();
       var inputType = SUPPORTED_TYPES.indexOf(convertedType) !== -1 ? convertedType : DEFAULT_TYPE;
-
       var inputProps = _objectSpread(_objectSpread({}, filteredProps(customProps)), {}, {
         className: inputClassNames,
         type: inputType,
@@ -175,7 +148,6 @@ var ClearableInput = /*#__PURE__*/function (_React$Component) {
         ref: inputRef,
         autoComplete: autoComplete
       });
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes
       }, children ? children(inputProps) : /*#__PURE__*/_react["default"].createElement("input", inputProps), /*#__PURE__*/_react["default"].createElement("span", {
@@ -188,7 +160,6 @@ var ClearableInput = /*#__PURE__*/function (_React$Component) {
   }]);
   return ClearableInput;
 }(_react["default"].Component);
-
 ClearableInput.defaultProps = {
   type: DEFAULT_TYPE,
   className: '',

package/lib/es/components/collapse/Collapse.js

@@ -1,70 +1,42 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _css = _interopRequireDefault(require("dom-helpers/css"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Transition = _interopRequireWildcard(require("react-transition-group/Transition"));
-
 var _excluded = ["children"];
-
 var _collapseStyles;
-
 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 collapseStyles = (_collapseStyles = {}, (0, _defineProperty2["default"])(_collapseStyles, _Transition.EXITED, 'collapse'), (0, _defineProperty2["default"])(_collapseStyles, _Transition.EXITING, 'collapsing'), (0, _defineProperty2["default"])(_collapseStyles, _Transition.ENTERING, 'collapsing'), (0, _defineProperty2["default"])(_collapseStyles, _Transition.ENTERED, 'collapse in'), _collapseStyles);
 var MARGINS = {
   height: ['marginTop', 'marginBottom']
 };
 var INITIAL_HEIGHT = '0';
-
 var Collapse = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Collapse, _React$Component);
-
   var _super = _createSuper(Collapse);
-
   function Collapse(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Collapse);
     _this = _super.call(this, props);
     _this.state = {};
@@ -76,7 +48,6 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
     _this.handleExited = _this.handleExited.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(Collapse, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -97,8 +68,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) {
@@ -115,16 +87,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((0, _css["default"])(element, margins[0]), 10) + parseInt((0, _css["default"])(element, margins[1]), 10);
       return fullHeight;
     }
-    /* -- Expanding -- */
 
+    /* -- Expanding -- */
   }, {
     key: "handleEnter",
     value: function handleEnter() {
@@ -155,13 +125,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: _Transition.EXITING,
@@ -193,10 +162,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 = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        children = _this$props.children,
+        props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       return /*#__PURE__*/_react["default"].createElement(_Transition["default"], (0, _extends2["default"])({
         ref: function ref(node) {
           return _this3.refTransition = node;
@@ -218,7 +186,6 @@ var Collapse = /*#__PURE__*/function (_React$Component) {
   }]);
   return Collapse;
 }(_react["default"].Component);
-
 exports["default"] = Collapse;
 Collapse.defaultProps = {
   "in": false,

package/lib/es/components/contentLoader/ContentLoader.js

@@ -1,53 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactContentLoader = _interopRequireDefault(require("react-content-loader"));
-
 var _cond = _interopRequireDefault(require("lodash/fp/cond"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _excluded = ["width", "height", "radius", "className"];
-
 var hasChildren = function hasChildren(_ref) {
   var children = _ref.children;
   return !(0, _isNil["default"])(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["default"].createElement("rect", {
     width: '100%',
     height: '100%',
@@ -55,7 +41,6 @@ var renderRect = function renderRect(_ref5) {
     ry: ry
   });
 };
-
 var renderCircle = function renderCircle(_ref6) {
   var radius = _ref6.radius;
   return /*#__PURE__*/_react["default"].createElement("circle", {
@@ -64,13 +49,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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    height = props.height,
+    radius = props.radius,
+    className = props.className,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var content = (0, _cond["default"])([[hasChildren, renderChildren], [isRect, renderRect], [isCircle, renderCircle]])(props);
   var wrapperHeight = isCircle(props) ? radius * 2 : height;
   var wrapperWidth = isCircle(props) ? radius * 2 : width;
@@ -80,7 +64,6 @@ var ContentLoader = function ContentLoader(props) {
     width: wrapperWidth
   }, remainingProps), content);
 };
-
 ContentLoader.RECT = 'rect';
 ContentLoader.CIRCLE = 'circle';
 ContentLoader.defaultProps = {

package/lib/es/components/dataTabs/DataTab.js

@@ -1,35 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _framerMotion = require("framer-motion");
-
 var _excluded = ["active", "tabKey", "disableTransition", "children"];
-
 var DataTab = function DataTab(props) {
   var active = props.active,
-      tabKey = props.tabKey,
-      disableTransition = props.disableTransition,
-      children = props.children,
-      remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-
+    tabKey = props.tabKey,
+    disableTransition = props.disableTransition,
+    children = props.children,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   if (disableTransition) {
     return /*#__PURE__*/_react["default"].createElement("div", null, active && children);
   }
-
   return active && /*#__PURE__*/_react["default"].createElement(_framerMotion.motion.div, (0, _extends2["default"])({}, remainingProps, {
     key: tabKey,
     initial: {
@@ -49,13 +39,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/lib/es/components/dataTabs/DataTabs.js

@@ -1,74 +1,53 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _framerMotion = require("framer-motion");
-
 var _excluded = ["activeBgColor", "activeKey", "activeTextColor", "bordered", "children", "className", "commonTabContent", "disableTransition", "hoverBgColor", "hoverTextColor", "onSelectTab", "tabContentClassName", "vertical"];
-
 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; }
-
 var getFirstTabKey = function getFirstTabKey() {
   var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
   var _children = (0, _slicedToArray2["default"])(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 = (0, _objectWithoutProperties2["default"])(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 = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var _useState = (0, _react.useState)(activeKey || getFirstTabKey(children)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      internalActiveKey = _useState2[0],
-      setInternalActiveKey = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    internalActiveKey = _useState2[0],
+    setInternalActiveKey = _useState2[1];
   (0, _react.useEffect)(function () {
     activeKey && setInternalActiveKey(activeKey);
   }, [activeKey]);
-
   var handleSelectTab = function handleSelectTab(event) {
     onSelectTab(event.currentTarget.getAttribute('data-tabkey'));
   };
-
   var wrapperClassNames = (0, _classnames["default"])('DataTabsContainer', bordered && 'DataTab-bordered', wrapperClassName, vertical && 'DataTabs-vertical');
-
   var enrichChildren = function enrichChildren() {
     if (disableTransition) {
       return _react["default"].Children.map(children, function (child) {
@@ -78,7 +57,6 @@ var DataTabs = function DataTabs(props) {
         });
       });
     }
-
     var enhancedChildren = _react["default"].Children.toArray(children).filter(function (child) {
       return child.props.tabKey === internalActiveKey;
     }).map(function (child) {
@@ -87,13 +65,11 @@ var DataTabs = function DataTabs(props) {
         disableTransition: disableTransition
       });
     });
-
     return /*#__PURE__*/_react["default"].createElement(_framerMotion.AnimatePresence, {
       initial: false,
       exitBeforeEnter: true
     }, enhancedChildren);
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, remainingProps, {
     className: wrapperClassNames
   }), /*#__PURE__*/_react["default"].createElement("div", {
@@ -103,9 +79,9 @@ var DataTabs = function DataTabs(props) {
     role: "tabList"
   }, _react["default"].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 = (0, _classnames["default"])('DataTab', 'tab', !isActive && "".concat(hoverTextColor, " ").concat(hoverBgColor, " cursor-pointer"), isActive && "active ".concat(activeTextColor, " ").concat(activeBgColor), className && className);
     return /*#__PURE__*/_react["default"].createElement("li", {
@@ -121,7 +97,6 @@ var DataTabs = function DataTabs(props) {
     role: "tabpanel"
   }, commonTabContent ? commonTabContent : enrichChildren()));
 };
-
 DataTabs.defaultProps = {
   activeKey: '',
   onSelectTab: function onSelectTab() {},