@rio-cloud/rio-uikit 0.15.0-beta-45 → 0.15.0-beta-49

package/lib/components/checkbox/Checkbox.js

@@ -9,202 +9,155 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _excluded = ["checked", "children", "className", "custom", "defaultChecked", "disabled", "error", "icon", "iconLabelPosition", "iconSize", "id", "indeterminate", "inline", "inputRef", "label", "name", "onChange", "onClick", "required", "right", "size", "tabIndex"];
+
 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 Checkbox = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(Checkbox, _Component);
-
-  var _super = _createSuper(Checkbox);
-
-  function Checkbox(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Checkbox);
-    _this = _super.call(this, props);
-    _this.handleToggleKeyDown = _this.handleToggleKeyDown.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(Checkbox, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.update(this.props.indeterminate);
-    } // eslint-disable-next-line camelcase
-
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      var _this2 = this;
-
-      if (nextProps !== this.props) {
-        this.setState(function () {
-          return {
-            checked: _this2.props.checked
-          };
-        });
-      }
+var CheckboxIcon = function CheckboxIcon(props) {
+  var icon = props.icon,
+      iconSize = props.iconSize,
+      iconLabelPosition = props.iconLabelPosition,
+      text = props.text;
+  var iconStyles = {
+    width: "".concat(iconSize, "px"),
+    height: "".concat(iconSize, "px"),
+    fontSize: "".concat(iconSize, "px"),
+    lineHeight: "".concat(iconSize, "px")
+  };
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "checkbox-icon label-".concat(iconLabelPosition)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "rioglyph ".concat(icon),
+    style: iconStyles
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: 'checkbox-label'
+  }, text));
+};
 
-      this.update(nextProps.indeterminate);
-    }
-  }, {
-    key: "update",
-    value: function update(indeterminate) {
-      this.getInput().indeterminate = indeterminate;
-    }
-  }, {
-    key: "getInput",
-    value: function getInput() {
-      return _reactDom.default.findDOMNode(this).children[0];
+var Checkbox = function Checkbox(props) {
+  var checked = props.checked,
+      children = props.children,
+      className = props.className,
+      custom = props.custom,
+      defaultChecked = props.defaultChecked,
+      disabled = props.disabled,
+      error = props.error,
+      icon = props.icon,
+      iconLabelPosition = props.iconLabelPosition,
+      iconSize = props.iconSize,
+      _props$id = props.id,
+      id = _props$id === void 0 ? name : _props$id,
+      indeterminate = props.indeterminate,
+      inline = props.inline,
+      inputRef = props.inputRef,
+      label = props.label,
+      name = props.name,
+      onChange = props.onChange,
+      onClick = props.onClick,
+      required = props.required,
+      right = props.right,
+      size = props.size,
+      tabIndex = props.tabIndex,
+      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var labelRef = (0, _react.useRef)();
+
+  var getInput = function getInput() {
+    return labelRef.current.firstChild;
+  };
+
+  (0, _react.useEffect)(function () {
+    var input = getInput();
+    input.indeterminate = indeterminate;
+  }, [indeterminate]);
+
+  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;
     }
-  }, {
-    key: "handleToggleKeyDown",
-    value: function handleToggleKeyDown(event) {
-      switch (event.keyCode) {
-        case 32:
-          // toggle on space
-          this.toggle(event);
-          break;
-
-        case 13:
-          // open on enter
-          this.toggle(event);
-          break;
-
-        default:
-          break;
-      }
-    }
-  }, {
-    key: "toggle",
-    value: function toggle(event) {
-      event.preventDefault();
-
-      if (this.props.disabled) {
-        return;
-      }
+  };
 
-      var input = this.getInput();
+  var toggle = function toggle(event) {
+    event.preventDefault();
 
-      if (input.indeterminate) {
-        input.indeterminate = false;
-      }
+    if (disabled) {
+      return;
+    }
 
-      input.checked = !input.checked; // For testing capabilities
+    var input = getInput();
 
-      this.checked = input.checked;
-      this.props.onClick(event);
-      this.props.onChange(event);
+    if (input.indeterminate) {
+      input.indeterminate = false;
     }
-  }, {
-    key: "renderCheckboxText",
-    value: function renderCheckboxText(text) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: 'checkbox-text'
-      }, /*#__PURE__*/_react.default.createElement("span", null, text));
-    }
-  }, {
-    key: "renderCheckboxIcon",
-    value: function renderCheckboxIcon(icon, iconSize, iconLabelPosition, text) {
-      var iconStyles = {
-        width: "".concat(iconSize, "px"),
-        height: "".concat(iconSize, "px"),
-        fontSize: "".concat(iconSize, "px"),
-        lineHeight: "".concat(iconSize, "px")
-      };
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: "checkbox-icon label-".concat(iconLabelPosition)
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "rioglyph ".concat(icon),
-        style: iconStyles
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: 'checkbox-label'
-      }, text));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          inline = _this$props.inline,
-          right = _this$props.right,
-          label = _this$props.label,
-          children = _this$props.children,
-          error = _this$props.error,
-          size = _this$props.size,
-          inputRef = _this$props.inputRef,
-          className = _this$props.className,
-          required = _this$props.required,
-          indeterminate = _this$props.indeterminate,
-          tabIndex = _this$props.tabIndex,
-          onChange = _this$props.onChange,
-          onClick = _this$props.onClick,
-          checked = _this$props.checked,
-          defaultChecked = _this$props.defaultChecked,
-          name = _this$props.name,
-          icon = _this$props.icon,
-          iconSize = _this$props.iconSize,
-          iconLabelPosition = _this$props.iconLabelPosition,
-          _this$props$id = _this$props.id,
-          id = _this$props$id === void 0 ? name : _this$props$id;
-      var text = label || children;
-      var labelClassnames = (0, _classnames.default)('checkbox', inline && 'checkbox-inline', size === 'large' && 'checkbox-large', right && 'checkbox-right', className);
-      var inputClassnames = (0, _classnames.default)(error && 'error', size === 'large' && 'large', indeterminate && 'indeterminate', className);
-      return /*#__PURE__*/_react.default.createElement("label", {
-        className: labelClassnames,
-        tabIndex: tabIndex,
-        htmlFor: id,
-        onKeyDown: this.handleToggleKeyDown
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        id: id,
-        name: name,
-        type: 'checkbox',
-        checked: checked,
-        required: required,
-        defaultChecked: defaultChecked,
-        disabled: disabled,
-        className: inputClassnames,
-        onClick: onClick,
-        onChange: onChange,
-        ref: inputRef
-      }), icon ? this.renderCheckboxIcon(icon, iconSize, iconLabelPosition, text) : this.renderCheckboxText(text));
-    }
-  }]);
-  return Checkbox;
-}(_react.Component);
 
-exports.default = Checkbox;
+    input.checked = !input.checked;
+    onClick(event);
+    onChange(event);
+  };
+
+  var text = label || children;
+  var labelClassnames = (0, _classnames.default)('checkbox', inline && 'checkbox-inline', size === 'large' && 'checkbox-large', right && 'checkbox-right', className);
+  var inputClassnames = (0, _classnames.default)(error && 'error', size === 'large' && 'large', indeterminate && 'indeterminate', className);
+  var renderCustomIcon = !!icon;
+  var renderCustomContent = custom && children;
+  var renderDefault = !icon && !custom;
+  return /*#__PURE__*/_react.default.createElement("label", (0, _extends2.default)({}, remainingProps, {
+    className: labelClassnames,
+    tabIndex: tabIndex,
+    htmlFor: id,
+    onKeyDown: handleToggleKeyDown,
+    ref: labelRef
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    id: id,
+    name: name,
+    type: 'checkbox',
+    checked: checked,
+    required: required,
+    defaultChecked: defaultChecked,
+    disabled: disabled,
+    className: inputClassnames,
+    onClick: onClick,
+    onChange: onChange,
+    ref: inputRef
+  }), renderCustomIcon && /*#__PURE__*/_react.default.createElement(CheckboxIcon, {
+    icon: icon,
+    iconSize: iconSize,
+    iconLabelPosition: iconLabelPosition,
+    text: text
+  }), renderDefault && /*#__PURE__*/_react.default.createElement("span", {
+    className: 'checkbox-text'
+  }, /*#__PURE__*/_react.default.createElement("span", null, text)), renderCustomContent && children);
+};
+
 Checkbox.ICON_LABEL_VERTICAL = 'vertical';
 Checkbox.ICON_LABEL_HORIZONTAL = 'horizontal';
 Checkbox.defaultProps = {
   inline: false,
   error: false,
   disabled: false,
+  custom: false,
   indeterminate: false,
   required: false,
   tabIndex: 0,
@@ -226,6 +179,7 @@ Checkbox.propTypes = {
   checked: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
   defaultChecked: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
+  custom: _propTypes.default.bool,
   required: _propTypes.default.bool,
   indeterminate: _propTypes.default.bool,
   className: _propTypes.default.string,
@@ -235,4 +189,6 @@ Checkbox.propTypes = {
   size: _propTypes.default.string,
   inputRef: _propTypes.default.func,
   tabIndex: _propTypes.default.number
-};
+};
+var _default = Checkbox;
+exports.default = _default;

package/lib/components/checkbox/Checkbox.less

@@ -48,7 +48,8 @@
       pointer-events: none;
     };
 
-    + .checkbox-text {
+    + .checkbox-text,
+    + .checkbox-text-wrapper > .checkbox-text {
       align-items: flex-start;
       cursor: pointer;
       display: flex;
@@ -130,7 +131,8 @@
 
     // Define style for 'checked' state
     &:checked {
-      + .checkbox-text {
+      + .checkbox-text,
+      + .checkbox-text-wrapper > .checkbox-text {
         &:before {
           .rioglyph();
           content: @rioglyph-ok;

package/lib/components/clearableInput/ClearableInput.js

@@ -37,9 +37,9 @@ 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }
 

package/lib/components/clearableInput/ClearableInput.less

@@ -77,6 +77,7 @@
 
   .ClearableInput + .form-control-feedback {
     z-index: 3;
+    top: 24px;
   }
 }
 

package/lib/components/dataTabs/DataTabs.js

@@ -11,18 +11,6 @@ exports.default = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-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"));
@@ -33,114 +21,82 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 DataTabs = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DataTabs, _Component);
-
-  var _super = _createSuper(DataTabs);
-
-  function DataTabs(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DataTabs);
-    _this = _super.call(this, props);
-    _this.state = {
-      activeKey: props.activeKey || _this.getFirstTabKey(props.children)
-    };
-    _this.handleSelectTab = _this.handleSelectTab.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  }
-
-  (0, _createClass2.default)(DataTabs, [{
-    key: "getFirstTabKey",
-    value: function getFirstTabKey() {
-      var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-      var _children = (0, _slicedToArray2.default)(children, 1),
-          firstItem = _children[0];
-
-      return firstItem && firstItem.props.tabKey;
-    } // eslint-disable-next-line camelcase
-
-  }, {
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.setState(function () {
-        return {
-          activeKey: nextProps.activeKey
-        };
+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;
+
+  var getFirstTabKey = function getFirstTabKey() {
+    var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+    var _children = (0, _slicedToArray2.default)(children, 1),
+        firstItem = _children[0];
+
+    return firstItem && firstItem.props.tabKey;
+  };
+
+  var _useState = (0, _react.useState)(activeKey || getFirstTabKey(props.children)),
+      _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() {
+    return _react.default.Children.map(children, function (child) {
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        active: child.props.tabKey === internalActiveKey,
+        disableTransition: disableTransition
       });
-    }
-  }, {
-    key: "handleSelectTab",
-    value: function handleSelectTab(event) {
-      var tabKey = event.currentTarget.getAttribute('data-tabkey');
-      this.props.onSelectTab(tabKey);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          hoverTextColor = _this$props.hoverTextColor,
-          hoverBgColor = _this$props.hoverBgColor,
-          activeTextColor = _this$props.activeTextColor,
-          activeBgColor = _this$props.activeBgColor,
-          children = _this$props.children,
-          tabContentClassName = _this$props.tabContentClassName,
-          bordered = _this$props.bordered,
-          wrapperClassName = _this$props.className,
-          commonTabContent = _this$props.commonTabContent,
-          disableTransition = _this$props.disableTransition,
-          vertical = _this$props.vertical;
-      var activeKey = this.state.activeKey;
-      var wrapperClassNames = (0, _classnames.default)('DataTabsContainer', bordered && 'DataTab-bordered', wrapperClassName, vertical && 'DataTabs-vertical');
-
-      var enrichChildren = function enrichChildren() {
-        return _react.default.Children.map(children, function (child) {
-          return /*#__PURE__*/_react.default.cloneElement(child, {
-            active: child.props.tabKey === activeKey,
-            disableTransition: disableTransition
-          });
-        });
-      };
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: wrapperClassNames
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: 'DataTabsWrapper'
-      }, /*#__PURE__*/_react.default.createElement("ul", {
-        className: 'DataTabs',
-        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;
-        var isActive = tabKey === activeKey;
-        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", {
-          key: tabKey,
-          className: tabClassNames,
-          onClick: _this2.handleSelectTab,
-          "data-tabkey": tabKey
-        }, title, /*#__PURE__*/_react.default.createElement("div", {
-          className: "arrow ".concat(isActive ? 'in' : '')
-        }));
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        className: "tab-content ".concat(tabContentClassName),
-        role: 'tabpanel'
-      }, commonTabContent ? commonTabContent : enrichChildren()));
-    }
-  }]);
-  return DataTabs;
-}(_react.Component);
-
-exports.default = DataTabs;
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: wrapperClassNames
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'DataTabsWrapper'
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: 'DataTabs',
+    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;
+    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", {
+      key: tabKey,
+      className: tabClassNames,
+      onClick: handleSelectTab,
+      "data-tabkey": tabKey
+    }, title, /*#__PURE__*/_react.default.createElement("div", {
+      className: "arrow ".concat(isActive ? 'in' : '')
+    }));
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "tab-content ".concat(tabContentClassName),
+    role: 'tabpanel'
+  }, commonTabContent ? commonTabContent : enrichChildren()));
+};
+
 DataTabs.defaultProps = {
   activeKey: '',
   onSelectTab: function onSelectTab() {},
@@ -171,4 +127,6 @@ DataTabs.propTypes = {
   disableTransition: _propTypes.default.bool,
   className: _propTypes.default.string,
   vertical: _propTypes.default.bool
-};
+};
+var _default = DataTabs;
+exports.default = _default;

package/lib/components/datepicker/DatePicker.less

@@ -270,6 +270,10 @@
     }
   }
 
+  .input-group-addon {
+    pointer-events: none;
+  }
+
   .form-control {
     &[value=""] + .clearButton {
       display: none;

package/lib/components/datepicker/DateRangePicker.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DateRangePickerPure = exports.default = void 0;
+exports.default = exports.DateRangePickerPure = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -49,9 +49,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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); }; }