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

package/lib/components/button/Button.js

@@ -2,14 +2,134 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Button2.default;
-  }
-});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+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); }
+
+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 Button = function Button(props) {
+  var active = props.active,
+      disabled = props.disabled,
+      asToggle = props.asToggle,
+      onClick = props.onClick,
+      bsStyle = props.bsStyle,
+      bsSize = props.bsSize,
+      variant = props.variant,
+      iconOnly = props.iconOnly,
+      multiline = props.multiline,
+      block = props.block,
+      className = props.className,
+      children = props.children,
+      remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(active),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isToggled = _useState2[0],
+      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]); // 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);
+    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', 'btn-component', className);
+  return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+    ref: btnRef,
+    type: 'button'
+  }, remainingProps, {
+    className: buttonClassNames,
+    onClick: asToggle ? handleClick : onClick
+  }), children);
+}; // Button styles
+
+
+Button.DEFAULT = 'default';
+Button.PRIMARY = 'primary';
+Button.SECONDARY = 'secondary';
+Button.INFO = 'info';
+Button.WARNING = 'warning';
+Button.DANGER = 'danger';
+Button.SUCCESS = 'success';
+Button.MUTED = 'muted'; // Button Type
+
+Button.VARIANT_LINK = 'link';
+Button.VARIANT_LINK_INLINE = 'link-inline';
+Button.VARIANT_OUTLINE = 'outline';
+Button.VARIANT_ACTION = 'action'; // Button Size
 
-var _Button2 = _interopRequireDefault(require("react-bootstrap/Button"));
+Button.XS = 'xs';
+Button.SM = 'sm';
+Button.MD = 'md';
+Button.LG = 'lg';
+Button.defaultProps = {
+  active: false,
+  disabled: false,
+  asToggle: false,
+  iconOnly: false,
+  multiline: false,
+  block: false,
+  onClick: function onClick() {},
+  className: '',
+  bsStyle: 'default'
+};
+Button.propTypes = {
+  active: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  asToggle: _propTypes.default.bool,
+  iconOnly: _propTypes.default.bool,
+  multiline: _propTypes.default.bool,
+  block: _propTypes.default.bool,
+  onClick: _propTypes.default.func.isRequired,
+  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
+};
+var _default = Button;
+exports.default = _default;

package/lib/components/button/ToggleButton.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,112 +9,17 @@ 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 _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _excluded = ["active", "className", "bsStyle", "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); }
+var _react = _interopRequireDefault(require("react"));
 
-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 _Button = _interopRequireDefault(require("./Button"));
 
-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 ToggleButton = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ToggleButton, _Component);
-
-  var _super = _createSuper(ToggleButton);
-
-  function ToggleButton(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, ToggleButton);
-    _this = _super.call(this, props);
-    _this.state = {
-      toggled: props.active
-    };
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
-    return _this;
-  } // eslint-disable-next-line camelcase
-
-
-  (0, _createClass2.default)(ToggleButton, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      this.setState({
-        toggled: nextProps.active
-      });
-    }
-  }, {
-    key: "handleClick",
-    value: function handleClick() {
-      var isToggled = !this.state.toggled;
-      this.setState({
-        toggled: isToggled
-      });
-      this.props.onClick(isToggled);
-
-      if (this.toggleRef) {
-        this.toggleRef.blur();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      // eslint-disable-next-line no-unused-vars
-      var _this$props = this.props,
-          active = _this$props.active,
-          className = _this$props.className,
-          bsStyle = _this$props.bsStyle,
-          children = _this$props.children,
-          remainingProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var toggled = this.state.toggled;
-      var buttonClassNames = (0, _classnames.default)('ToggleButton', 'btn', "btn-".concat(bsStyle), toggled && 'active', className);
-      return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
-        ref: function ref(node) {
-          return _this2.toggleRef = node;
-        },
-        type: 'button'
-      }, remainingProps, {
-        className: buttonClassNames,
-        onClick: this.handleClick
-      }), children);
-    }
-  }]);
-  return ToggleButton;
-}(_react.Component);
-
-exports.default = ToggleButton;
-ToggleButton.defaultProps = {
-  active: false,
-  onClick: function onClick() {},
-  className: '',
-  bsStyle: 'default'
+var ToggleButton = function ToggleButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, props, {
+    asToggle: true
+  }));
 };
-ToggleButton.propTypes = {
-  active: _propTypes.default.bool,
-  bsStyle: _propTypes.default.oneOf(['default', 'primary', 'info', 'warning', 'danger', 'success']),
-  className: _propTypes.default.string,
-  onClick: _propTypes.default.func.isRequired
-};
+
+ToggleButton.defaultProps = _Button.default.defaultProps;
+ToggleButton.propTypes = _Button.default.propTypes;
+var _default = ToggleButton;
+exports.default = _default;

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,
@@ -110,7 +110,8 @@ BarChart.defaultProps = {
   showYAxis: true,
   useDataColors: false,
   brush: false,
-  tooltip: true
+  tooltip: true,
+  legend: false
 };
 var _default = BarChart;
 exports.default = _default;

package/lib/components/charts/ChartNeedle.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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; }
+
+var ChartNeedle = function ChartNeedle(props) {
+  var width = props.width,
+      height = props.height,
+      x = props.x,
+      y = props.y,
+      rotation = props.rotation,
+      className = props.className,
+      style = props.style;
+
+  var needleStyle = _objectSpread({
+    width: width,
+    height: height,
+    transformOrigin: 'bottom',
+    transform: "translate(".concat(x, ", ").concat(y, ") rotate(").concat(rotation, "deg)"),
+    borderBottomLeftRadius: '4px',
+    borderBottomRightRadius: '4px',
+    borderTopLeftRadius: '100%',
+    borderTopRightRadius: '100%',
+    display: 'inline-block'
+  }, style);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'position-relative'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "position-absolute bg-dark ".concat(className),
+    style: needleStyle
+  }));
+};
+
+ChartNeedle.defaultProps = {
+  width: '5px',
+  height: '65px',
+  x: '-50%',
+  y: '-100%',
+  rotation: 0,
+  className: '' // style
+
+};
+var _default = ChartNeedle;
+exports.default = _default;

package/lib/components/charts/PieChart.js

@@ -21,7 +21,7 @@ var _chartHelper = require("./chartHelper");
 
 var _Legend = _interopRequireDefault(require("./Legend"));
 
-var _excluded = ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "innerLabels", "paddingAngle", "legend", "tooltip"];
+var _excluded = ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions"];
 var RADIAN = Math.PI / 180;
 
 var PieChart = function PieChart(props) {
@@ -35,10 +35,12 @@ var PieChart = function PieChart(props) {
       nameKey = props.nameKey,
       color = props.color,
       filled = props.filled,
+      labels = props.labels,
       innerLabels = props.innerLabels,
       paddingAngle = props.paddingAngle,
       legend = props.legend,
       tooltip = props.tooltip,
+      pieOptions = props.pieOptions,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   var renderInnerLabel = function renderInnerLabel(_ref) {
@@ -62,37 +64,37 @@ var PieChart = function PieChart(props) {
     }, "".concat(value, " ").concat(dataUnit));
   };
 
+  var renderLabels = function renderLabels(entry) {
+    return "".concat((0, _isFunction.default)(dataKey) ? dataKey(entry) : entry[dataKey], " ").concat(dataUnit);
+  };
+
+  var pieLabel = labels && (innerLabels ? renderInnerLabel : renderLabels);
   return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {
-    height: "100%",
-    width: "100%"
-  }, /*#__PURE__*/_react.default.createElement(_recharts.PieChart, (0, _extends2.default)({
     width: width,
     height: height
-  }, remainingProps), legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
+  }, /*#__PURE__*/_react.default.createElement(_recharts.PieChart, remainingProps, legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
     formatter: function formatter(value, entry) {
       return /*#__PURE__*/_react.default.createElement("span", {
         className: "text-color-darker"
       }, value);
     }
-  }, legend.props)), /*#__PURE__*/_react.default.createElement(_recharts.Pie, {
+  }, legend.props)), /*#__PURE__*/_react.default.createElement(_recharts.Pie, (0, _extends2.default)({
     data: data,
     isAnimationActive: true,
     nameKey: nameKey,
     dataKey: dataKey,
-    label: innerLabels ? renderInnerLabel : function (entry) {
-      return "".concat(dataKey(entry), " ").concat(dataUnit);
-    },
-    cx: Math.max(outerRadius, width / 3),
-    cy: height / 2,
+    label: pieLabel // cx={Math.max(outerRadius, width / 3)}
+    // cy={height / 2}
+    ,
     innerRadius: filled ? 0 : innerRadius,
     outerRadius: outerRadius,
-    paddingAngle: paddingAngle,
+    paddingAngle: filled ? 0 : paddingAngle,
     labelLine: !innerLabels
-  }, data.map(function (entry, index) {
+  }, pieOptions), data.map(function (entry, index) {
     var cellColor = (0, _chartHelper.getColor)(entry.color) || (0, _chartHelper.getFromDefaultColors)(index);
     return /*#__PURE__*/_react.default.createElement(_recharts.Cell, {
       key: "cell-".concat(index),
-      fill: (0, _isFunction.default)(color) ? color(entry, index) : cellColor
+      fill: (0, _isFunction.default)(color) ? (0, _chartHelper.getColor)(color(entry, index)) : cellColor
     });
   })), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
     formatter: function formatter(value) {
@@ -102,7 +104,7 @@ var PieChart = function PieChart(props) {
 };
 
 PieChart.defaultProps = {
-  width: 500,
+  width: '100%',
   height: 250,
   innerRadius: 60,
   outerRadius: 80,
@@ -112,8 +114,10 @@ PieChart.defaultProps = {
   nameKey: 'name',
   // color,
   filled: false,
+  labels: true,
   innerLabels: false,
   paddingAngle: 3,
+  // pieOptions,
   legend: /*#__PURE__*/_react.default.createElement(_Legend.default, null),
   tooltip: true
 };

package/lib/components/charts/RadialBarChart.js

@@ -22,7 +22,7 @@ var _Legend = _interopRequireDefault(require("./Legend"));
 var _chartHelper = require("./chartHelper");
 
 var _excluded = ["width", "height", "data", "dataKey", "startAngle", "endAngle", "innerRadius", "outerRadius", "clockWise", "legend", "textOptions", "radialBarOptions", "showBarLabel", "cornerRadius", "background", "range", "tooltip"],
-    _excluded2 = ["text", "size", "color"];
+    _excluded2 = ["text", "size", "weight", "color"];
 
 var RadialBarChart = function RadialBarChart(props) {
   var width = props.width,
@@ -48,12 +48,15 @@ var RadialBarChart = function RadialBarChart(props) {
       text = _ref.text,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? '500%' : _ref$size,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'normal' : _ref$weight,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'gray-darkest' : _ref$color,
       remainingTextOptions = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
 
   var textStyle = {
     fontSize: size,
+    fontWeight: weight,
     fill: color && (0, _chartHelper.getColor)(color)
   };
   return /*#__PURE__*/_react.default.createElement(_recharts.ResponsiveContainer, {

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) {