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

package/lib/components/actionBarItem/ActionBarItem.js

@@ -29,6 +29,12 @@ var _ActionBarItemPopover = require("./ActionBarItemPopover");
 
 var _ActionBarItemIcon = require("./ActionBarItemIcon");
 
+var _ActionBarItemList = require("./ActionBarItemList");
+
+var _ActionBarItemListItem = require("./ActionBarItemListItem");
+
+var _ActionBarItemListSeparator = require("./ActionBarItemListSeparator");
+
 var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"));
 
 var _Dialog = _interopRequireDefault(require("../dialog/Dialog"));
@@ -225,6 +231,9 @@ var ActionBarItem = /*#__PURE__*/_react.default.memo(function (props) {
 exports.ActionBarItem = ActionBarItem;
 ActionBarItem.Icon = _ActionBarItemIcon.ActionBarItemIcon;
 ActionBarItem.Popover = _ActionBarItemPopover.ActionBarItemPopover;
+ActionBarItem.List = _ActionBarItemList.ActionBarItemList;
+ActionBarItem.ListItem = _ActionBarItemListItem.ActionBarItemListItem;
+ActionBarItem.ListSeparator = _ActionBarItemListSeparator.ActionBarItemListSeparator;
 ActionBarItem.defaultProps = {
   hidePopoverOnClick: true,
   popoverWidth: 250

package/lib/components/actionBarItem/ActionBarItemList.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBarItemList = 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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["className", "children"];
+
+var ActionBarItemList = function ActionBarItemList(_ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _classnames.default)('ActionBarItemList', className);
+  return /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({}, remainingProps, {
+    className: classes
+  }), children);
+};
+
+exports.ActionBarItemList = ActionBarItemList;
+ActionBarItemList.displayName = 'ActionBarItemList';
+ActionBarItemList.propTypes = {
+  className: _propTypes.default.string
+};
+var _default = ActionBarItemList;
+exports.default = _default;

package/lib/components/actionBarItem/ActionBarItemListItem.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBarItemListItem = 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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["hasLink", "icon", "onClick", "className", "children"];
+
+var ActionBarItemListItem = function ActionBarItemListItem(props) {
+  var hasLink = props.hasLink,
+      icon = props.icon,
+      onClick = props.onClick,
+      className = props.className,
+      children = props.children,
+      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classes = (0, _classnames.default)('ActionBarItemListItem', className);
+  var iconClasses = (0, _classnames.default)('ActionBarItemListItemIcon', 'rioglyph', icon);
+  var btnClasses = (0, _classnames.default)('ActionBarItemListItemButton');
+  return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({}, remainingProps, {
+    className: classes
+  }), icon && /*#__PURE__*/_react.default.createElement("span", {
+    className: iconClasses
+  }), hasLink && !onClick && /*#__PURE__*/_react.default.createElement("span", null, children), onClick && /*#__PURE__*/_react.default.createElement("div", {
+    className: btnClasses,
+    onClick: onClick
+  }, children), !hasLink && !onClick && children);
+};
+
+exports.ActionBarItemListItem = ActionBarItemListItem;
+ActionBarItemListItem.displayName = 'ActionBarItemListItem';
+ActionBarItemListItem.propTypes = {
+  hasLink: _propTypes.default.bool,
+  icon: _propTypes.default.string,
+  onClick: _propTypes.default.func,
+  className: _propTypes.default.string
+};
+var _default = ActionBarItemListItem;
+exports.default = _default;

package/lib/components/actionBarItem/ActionBarItemListSeparator.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ActionBarItemListSeparator = 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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["className"];
+
+var ActionBarItemListSeparator = function ActionBarItemListSeparator(_ref) {
+  var className = _ref.className,
+      remainingProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var classes = (0, _classnames.default)('ActionBarItemListSeparator', className);
+  return /*#__PURE__*/_react.default.createElement("hr", (0, _extends2.default)({}, remainingProps, {
+    className: classes
+  }));
+};
+
+exports.ActionBarItemListSeparator = ActionBarItemListSeparator;
+ActionBarItemListSeparator.displayName = 'ActionBarItemListSeparator';
+ActionBarItemListSeparator.propTypes = {
+  className: _propTypes.default.string
+};
+var _default = ActionBarItemListSeparator;
+exports.default = _default;

package/lib/components/actionBarItem/ActionBarOverlay.js

@@ -23,9 +23,9 @@ var _Popover = _interopRequireDefault(require("react-bootstrap/Popover"));
 
 var _excluded = ["children", "show", "preRender", "id", "title", "onClick", "width", "style", "className"];
 
-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; }
 
 var ActionBarOverlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,

package/lib/components/animatedNumber/AnimatedNumber.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AnimatedNumber = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _useInterval = _interopRequireDefault(require("../../hooks/useInterval"));
+
+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 TIMER = 10;
+
+var AnimatedNumber = function AnimatedNumber(props) {
+  var start = props.start,
+      end = props.end,
+      prefix = props.prefix,
+      unit = props.unit,
+      speed = props.speed,
+      decreasing = props.decreasing,
+      onEnd = props.onEnd,
+      className = props.className;
+
+  var _useState = (0, _react.useState)(start),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  if (typeof start !== 'number' || typeof end !== 'number' || typeof speed !== 'number') {
+    throw new Error('Props "start", "end" and "speed" need to be of type number.');
+  }
+
+  var shallContiueToRun = decreasing ? value > end : value < end;
+  (0, _useInterval.default)(function () {
+    setValue(function (currentValue) {
+      return decreasing ? currentValue - 1 : currentValue + 1;
+    });
+  }, shallContiueToRun ? speed : null);
+  (0, _react.useEffect)(function () {
+    if (!shallContiueToRun) {
+      onEnd();
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: className
+  }, "".concat(prefix).concat(value).concat(unit));
+};
+
+exports.AnimatedNumber = AnimatedNumber;
+AnimatedNumber.defaultProps = {
+  prefix: '',
+  unit: '',
+  speed: TIMER,
+  decreasing: false,
+  onEnd: function onEnd() {},
+  className: ''
+};
+AnimatedNumber.propTypes = {
+  start: _propTypes.default.number,
+  end: _propTypes.default.number,
+  prefix: _propTypes.default.string,
+  unit: _propTypes.default.string,
+  speed: _propTypes.default.number,
+  decreasing: _propTypes.default.bool,
+  onEnd: _propTypes.default.func,
+  className: _propTypes.default.string
+};
+var _default = AnimatedNumber;
+exports.default = _default;

package/lib/components/applicationHeader/ApplicationHeader.js

@@ -144,6 +144,7 @@ var ApplicationHeader = /*#__PURE__*/function (_PureComponent) {
 
       var _this$props = this.props,
           homeRoute = _this$props.homeRoute,
+          showHomeIcon = _this$props.showHomeIcon,
           label = _this$props.label,
           className = _this$props.className,
           appNavigator = _this$props.appNavigator,
@@ -179,7 +180,7 @@ var ApplicationHeader = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: "navbar-header"
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "navbar-brand"
+        className: "navbar-brand ".concat(showHomeIcon ? 'home-icon' : '')
       }, homeRoute)), label && /*#__PURE__*/_react.default.createElement(_AppMenu.AppMenu, {
         label: label,
         key: "AppMenu",
@@ -197,6 +198,7 @@ var _default = ApplicationHeader;
 exports.default = _default;
 ApplicationHeader.defaultProps = {
   homeRoute: '',
+  showHomeIcon: true,
   actionBarItems: [],
   onMount: function onMount() {},
   onUnmount: function onUnmount() {}
@@ -205,6 +207,7 @@ ApplicationHeader.propTypes = {
   label: _propTypes.default.node,
   className: _propTypes.default.string,
   homeRoute: _propTypes.default.node.isRequired,
+  showHomeIcon: _propTypes.default.bool,
   appMenuItems: _propTypes.default.arrayOf(_modulePropTypes.default),
   appNavigator: _propTypes.default.node,
   appNavigatorClassName: _propTypes.default.string,

package/lib/components/assetTree/Tree.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.excludeFromList = void 0;
+exports.excludeFromList = exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -77,9 +77,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; }
 
 var SEARCH_DEBOUNCE = 100;
 var otherwise = _stubTrue.default;

package/lib/components/autosuggest/AutoSuggest.js

@@ -63,9 +63,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); }; }
 
@@ -152,7 +152,9 @@ var AutoSuggest = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "openMenu",
-    value: function openMenu() {
+    value: function
+      /*event*/
+    openMenu() {
       var dropDirection = {};
 
       if (this.refDropdownMenu && this.isAutoDropActive() && !this.state.open) {

package/lib/components/button/Button.js

@@ -21,6 +21,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _buttonEffect = require("../../utils/buttonEffect");
+
 var _excluded = ["active", "disabled", "asToggle", "onClick", "bsStyle", "bsSize", "variant", "iconOnly", "multiline", "block", "className", "children"];
 
 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); }
@@ -45,26 +47,40 @@ var Button = function Button(props) {
   var _useState = (0, _react.useState)(active),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isToggled = _useState2[0],
-      setIsToggled = _useState2[1]; // Update internal toggle state when used as controlled component
-  // and outside toggle state changes
+      setIsToggled = _useState2[1];
 
+  var btnRef = (0, _react.useRef)(); // Update internal toggle state when used as controlled component
+  // and outside toggle state changes
 
   (0, _react.useEffect)(function () {
     return setIsToggled(active);
-  }, [active]);
-  var toggleRef = (0, _react.useRef)(); // Intercept click handler only for toggle button to update
+  }, [active]); // Register a dedicated click event on the button to interrupt
+  // the actual 'onClick' callback passed into the component from outside
+
+  (0, _react.useEffect)(function () {
+    if (!btnRef.current) {
+      return;
+    }
+
+    var mouseListener = btnRef.current.addEventListener('mousedown', _buttonEffect.createButtonRipple, false);
+    var touchListener = btnRef.current.addEventListener('touchstart', _buttonEffect.createButtonRipple, false);
+    return function () {
+      mouseListener && btnRef.current.removeEventListener('mousedown', _buttonEffect.createButtonRipple, false);
+      touchListener && btnRef.current.removeEventListener('touchstart', _buttonEffect.createButtonRipple, false);
+    };
+  }, [btnRef.current]); // Intercept click handler only for toggle button to update
   // internal state and blur after click
 
   var handleClick = function handleClick() {
     var newIsToggled = !isToggled;
     setIsToggled(newIsToggled);
-    toggleRef.current && newIsToggled && toggleRef.current.blur();
+    btnRef.current && newIsToggled && btnRef.current.blur();
     onClick(isToggled);
   };
 
-  var buttonClassNames = (0, _classnames.default)('btn', "btn-".concat(bsStyle), variant === Button.VARIANT_LINK && 'btn-link', variant === Button.VARIANT_LINK_INLINE && 'btn-link btn-link-inline', variant === Button.VARIANT_OUTLINE && 'btn-outline', variant === Button.VARIANT_ACTION && 'btn-action', bsSize && "btn-".concat(bsSize), asToggle && 'btn-toggle', isToggled && 'active', iconOnly && 'btn-icon-only', disabled && 'disabled', multiline && 'btn-multiline', block && 'btn-block', className);
+  var buttonClassNames = (0, _classnames.default)('btn', "btn-".concat(bsStyle), variant === Button.VARIANT_LINK && 'btn-link', variant === Button.VARIANT_LINK_INLINE && 'btn-link btn-link-inline', variant === Button.VARIANT_OUTLINE && 'btn-outline', variant === Button.VARIANT_ACTION && 'btn-action', bsSize && "btn-".concat(bsSize), asToggle && 'btn-toggle', isToggled && 'active', iconOnly && 'btn-icon-only', disabled && 'disabled', multiline && 'btn-multiline', block && 'btn-block', 'btn-component', className);
   return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
-    ref: asToggle ? toggleRef : undefined,
+    ref: btnRef,
     type: 'button'
   }, remainingProps, {
     className: buttonClassNames,
@@ -75,6 +91,7 @@ var Button = function Button(props) {
 
 Button.DEFAULT = 'default';
 Button.PRIMARY = 'primary';
+Button.SECONDARY = 'secondary';
 Button.INFO = 'info';
 Button.WARNING = 'warning';
 Button.DANGER = 'danger';
@@ -109,7 +126,7 @@ Button.propTypes = {
   multiline: _propTypes.default.bool,
   block: _propTypes.default.bool,
   onClick: _propTypes.default.func.isRequired,
-  bsStyle: _propTypes.default.oneOf([Button.DEFAULT, Button.PRIMARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED]),
+  bsStyle: _propTypes.default.oneOf([Button.DEFAULT, Button.PRIMARY, Button.SECONDARY, Button.INFO, Button.WARNING, Button.DANGER, Button.SUCCESS, Button.MUTED]),
   bsSize: _propTypes.default.oneOf([Button.XS, Button.SM, Button.MD, Button.LG]),
   variant: _propTypes.default.oneOf([Button.VARIANT_LINK, Button.VARIANT_LINK_INLINE, Button.VARIANT_OUTLINE, Button.VARIANT_ACTION]),
   className: _propTypes.default.string

package/lib/components/charts/BarChart.js

@@ -22,9 +22,9 @@ var _chartHelper = require("./chartHelper");
 var _excluded = ["width", "height", "data", "dataUnit", "dataKey", "layout", "legend", "bars", "xAxisOptions", "yAxisOptions", "gridOptions", "showGrid", "showXAxis", "showYAxis", "useDataColors", "brush", "tooltip"],
     _excluded2 = ["dataUnit", "color"];
 
-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; }
 
 var BarChart = function BarChart(props) {
   var width = props.width,

package/lib/components/charts/ChartNeedle.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-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; }
 
 var ChartNeedle = function ChartNeedle(props) {
   var width = props.width,

package/lib/components/charts/chartHelper.js

@@ -5,15 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.mapGridOptions = exports.CURSOR_BACKGROUND_COLOR = exports.getColor = exports.getFromDefaultColors = exports.defaultChartColors = void 0;
+exports.mapGridOptions = exports.getFromDefaultColors = exports.getColor = exports.defaultChartColors = exports.CURSOR_BACKGROUND_COLOR = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _colors = _interopRequireDefault(require("../../style/css/shared/colors.json"));
 
-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; }
 
 var brightColors = ['color-warmup-corn', 'color-coldplay-khaki'];
 var defaultChartColors = Object.keys(_colors.default).reverse().filter(function (key) {