@rio-cloud/rio-uikit 0.16.1-beta-7 → 0.16.1-beta-10

package/lib/components/assetTree/Tree.js

@@ -57,6 +57,8 @@ var _omit = _interopRequireDefault(require("lodash/fp/omit"));
 
 var _negate = _interopRequireDefault(require("lodash/fp/negate"));
 
+var _keys = _interopRequireDefault(require("lodash/fp/keys"));
+
 var _TreeSearch = _interopRequireDefault(require("./TreeSearch"));
 
 var _TreeSelectAll = _interopRequireDefault(require("./TreeSelectAll"));
@@ -86,15 +88,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 TYPE_TRUCK = 'truck';
-var TYPE_TRAILER = 'trailer';
-var TYPE_VAN = 'van';
-var TYPE_BUS = 'bus';
-var TYPE_DRIVER = 'driver';
 var otherwise = _stubTrue.default;
 var notEqual = (0, _negate.default)(_isEqual.default);
 var notEmpty = (0, _negate.default)(_isEmpty.default);
 
+var Divider = function Divider() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'TreeSelectAllDivider bg-light width-2 height-15 ' + 'margin-top-2 margin-bottom-0 margin-left-10 margin-right-10'
+  });
+};
+
 var isNameObject = function isNameObject(item) {
   return (0, _isObject.default)(item.name);
 };
@@ -383,12 +386,13 @@ var Tree = /*#__PURE__*/_react.default.memo(function (props) {
       previousGroups.current = groups;
       var typeCounts = getAssetTypeCounts(items);
       dispatch(assetCounted(typeCounts));
-      dispatch(allCheckedChanged(checkAllSelected({
+      var allChecked = checkAllSelected({
         items: items,
         groups: groups,
         selectedItems: selectedItems,
         selectedGroups: selectedGroups
-      }, state.flatItems))); // Get the distinct asset types from the asset list that is passed into the component
+      }, state.flatItems);
+      dispatch(allCheckedChanged(allChecked)); // Get the distinct asset types from the asset list that is passed into the component
       // to know which asset type counter to render
 
       dispatch(visibleTypeCountersChanged(Object.keys(typeCounts)));
@@ -406,24 +410,37 @@ var Tree = /*#__PURE__*/_react.default.memo(function (props) {
     }
   }, [state.searchValue]);
   (0, _react.useEffect)(function () {
-    makeTree(groups, items);
-  }, [showEmptyGroups]);
+    return makeTree(groups, items);
+  }, [state.typeFilter]); // Update tree when empty groups are toggled from outside
+
   (0, _react.useEffect)(function () {
-    makeTree(groups, items);
-  }, [state.typeFilter]);
+    return makeTree(groups, items);
+  }, [showEmptyGroups]); // Update "select all" state from outside when groups are selected outside programatically
+  // without using the "select all" checkbox
+
+  (0, _react.useEffect)(function () {
+    var numOfAllGroups = (0, _size.default)(groups);
+    var numOfSelectedGroups = (0, _size.default)(selectedGroups);
+
+    if (numOfSelectedGroups !== numOfAllGroups && state.allChecked) {
+      dispatch(allCheckedChanged(false));
+    } else if (numOfSelectedGroups === numOfAllGroups && !state.allChecked) {
+      dispatch(allCheckedChanged(true));
+    }
+  }, [selectedGroups]);
 
   var checkAllSelected = function checkAllSelected(updatedProps, flatItems) {
     var updatedItems = updatedProps.items,
         updatedGroups = updatedProps.groups,
         updatedSelectedItems = updatedProps.selectedItems,
-        updatedSlectedGroups = updatedProps.selectedGroups;
+        updatedSelectedGroups = updatedProps.selectedGroups;
 
-    if (!hasGroups() && (0, _isEmpty.default)(updatedSelectedItems) || hasNoSearchAndGroups() && (0, _isEmpty.default)(updatedSlectedGroups) || hasSearchAndGroups() && (0, _isEmpty.default)(updatedSelectedItems)) {
+    if (!hasGroups() && (0, _isEmpty.default)(updatedSelectedItems) || hasNoSearchAndGroups() && (0, _isEmpty.default)(updatedSelectedGroups) || hasSearchAndGroups() && (0, _isEmpty.default)(updatedSelectedItems)) {
       return false;
     }
 
     if (hasNoSearchAndGroups()) {
-      var unselectedGroups = (0, _filter.default)(filterOutByItemId(updatedSlectedGroups))(updatedGroups);
+      var unselectedGroups = (0, _filter.default)(filterOutByItemId(updatedSelectedGroups))(updatedGroups);
       return (0, _isEmpty.default)(unselectedGroups);
     } else if (hasSearchAndGroups()) {
       var unselectedSearchItems = (0, _filter.default)(filterOutByItemId(updatedSelectedItems))(flatItems);
@@ -685,7 +702,8 @@ var Tree = /*#__PURE__*/_react.default.memo(function (props) {
     dispatch(typeFilterChanged((0, _toConsumableArray2.default)(currentTypeFilter)));
   };
 
-  var isFilterActive = !(0, _isEmpty.default)(state.typeFilter);
+  var isClickable = (0, _size.default)((0, _keys.default)(state.assetCounts)) > 1;
+  var isFilterActive = notEmpty(state.typeFilter);
   var showTreeHead = !hideTreeHead;
   var showSelectAll = !hideSelectAll;
   var showSearch = !hideSearch;
@@ -707,46 +725,20 @@ var Tree = /*#__PURE__*/_react.default.memo(function (props) {
     isEnabled: hasMultiselect,
     isIndeterminate: isIndeterminate,
     onSelect: handeSelectAll
-  }), showSelectAll && hasMultiselect && showSummary && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'TreeSelectAllDivider bg-light width-2 height-15 ' + 'margin-top-2 margin-bottom-0 margin-left-10 margin-right-10'
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), showSelectAll && hasMultiselect && showSummary && /*#__PURE__*/_react.default.createElement(Divider, null), /*#__PURE__*/_react.default.createElement("div", {
     className: "display-flex justify-content-between align-items-center width-100pct"
-  }, showSummary ? summary || /*#__PURE__*/_react.default.createElement(_TreeSummary.default, null, state.visibleTypeCounters.includes(TYPE_TRUCK) && /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
-    type: TYPE_TRUCK,
-    icon: "truck-baseline",
-    value: state.assetCounts.truck,
-    onClick: handleFilterByType,
-    isActive: state.typeFilter.includes(TYPE_TRUCK),
-    enableActivity: isFilterActive
-  }), state.visibleTypeCounters.includes(TYPE_TRAILER) && /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
-    type: TYPE_TRAILER,
-    icon: "trailer-baseline",
-    value: state.assetCounts.trailer,
-    onClick: handleFilterByType,
-    isActive: state.typeFilter.includes(TYPE_TRAILER),
-    enableActivity: isFilterActive
-  }), state.visibleTypeCounters.includes(TYPE_BUS) && /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
-    type: TYPE_BUS,
-    icon: "bus-baseline",
-    value: state.assetCounts.bus,
-    onClick: handleFilterByType,
-    isActive: state.typeFilter.includes(TYPE_BUS),
-    enableActivity: isFilterActive
-  }), state.visibleTypeCounters.includes(TYPE_VAN) && /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
-    type: TYPE_VAN,
-    icon: "van-baseline",
-    value: state.assetCounts.van,
-    onClick: handleFilterByType,
-    isActive: state.typeFilter.includes(TYPE_VAN),
-    enableActivity: isFilterActive
-  }), state.visibleTypeCounters.includes(TYPE_DRIVER) && /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
-    type: TYPE_DRIVER,
-    icon: TYPE_DRIVER,
-    value: state.assetCounts.driver,
-    onClick: handleFilterByType,
-    isActive: state.typeFilter.includes(TYPE_DRIVER),
-    enableActivity: isFilterActive
-  })) : null, /*#__PURE__*/_react.default.createElement(_TreeOptions.default, {
+  }, showSummary ? summary || /*#__PURE__*/_react.default.createElement(_TreeSummary.default, null, (0, _map.default)(function (typeCounter) {
+    return /*#__PURE__*/_react.default.createElement(_TypeCounter.default, {
+      key: typeCounter,
+      type: typeCounter,
+      icon: "".concat(typeCounter),
+      value: state.assetCounts[typeCounter],
+      onClick: handleFilterByType,
+      isActive: state.typeFilter.includes(typeCounter),
+      hasFilter: isFilterActive,
+      enableActivity: isClickable
+    });
+  })(state.visibleTypeCounters)) : null, /*#__PURE__*/_react.default.createElement(_TreeOptions.default, {
     treeOptions: treeOptions
   })))), /*#__PURE__*/_react.default.createElement(_TreeRoot.default, {
     maxHeight: scrollHeight

package/lib/components/assetTree/TreeLeaf.js

@@ -44,7 +44,7 @@ var TreeLeaf = /*#__PURE__*/_react.default.memo(function (props) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "TreeLabelName"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "rioglyph rioglyph-".concat(item.type)
+    className: "rioglyph rioglyph-".concat(item.type, " margin-top--1")
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "TreeLabelNameText"
   }, /*#__PURE__*/_react.default.createElement("span", {

package/lib/components/assetTree/TreeSelectAll.js

@@ -30,7 +30,8 @@ var TreeSelectAll = function TreeSelectAll(props) {
     checked: isChecked,
     onClick: handleSelectAll,
     disabled: isDisabled,
-    indeterminate: isIndeterminate
+    indeterminate: isIndeterminate,
+    className: "margin-top--1"
   })) : null;
 };
 

package/lib/components/assetTree/TreeSidebar.js

@@ -19,7 +19,7 @@ var _OverlayTrigger = _interopRequireDefault(require("../overlay/OverlayTrigger"
 
 var _Tooltip = _interopRequireDefault(require("../tooltip/Tooltip"));
 
-var _excluded = ["className", "onClick", "isOpen"];
+var _excluded = ["className", "onClick"];
 var ACTIVE_CLASS_NAME = 'active';
 var SELECTED_CLASS_NAME = 'selected';
 var LABEL_TOOLTIP_DELAY = 1500;
@@ -44,7 +44,7 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
       onClick: handleSelectCategory,
       className: statusClassName
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "selection-bubble"
+      className: 'selection-bubble'
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "rioglyph ".concat(icon)
     })));
@@ -57,8 +57,8 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
         placement: _Tooltip.default.RIGHT,
         delayShow: LABEL_TOOLTIP_DELAY,
         overlay: /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-          id: "tooltip",
-          width: "auto"
+          id: 'tooltip',
+          width: 'auto'
         }, tooltip)
       }, category);
     }
@@ -70,30 +70,19 @@ var TreeSidebarCategories = function TreeSidebarCategories(_ref) {
 var TreeSidebar = /*#__PURE__*/_react.default.memo(function (props) {
   var className = props.className,
       onClick = props.onClick,
-      isOpen = props.isOpen,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var classes = (0, _classnames.default)('TreeSidebar', !isOpen && 'width-0', className);
-
-  if (!isOpen) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "TreeSidebarToggle position-absolute bottom-0 left--5 height-50 width-50 border rounded bg-lightest display-flex justify-content-center align-items-center",
-      onClick: onClick
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "rioglyph rioglyph-chevron-left"
-    }));
-  }
-
+  var classes = (0, _classnames.default)('TreeSidebar', className);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes
-  }, isOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "TreeSidebarNavigation",
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: 'TreeSidebarNavigation',
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement(TreeSidebarCategories, remainingProps)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "TreeSidebarToggle",
+    className: 'TreeSidebarToggle',
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "rioglyph rioglyph-chevron-left"
-  }))));
+    className: 'rioglyph rioglyph-chevron-left'
+  })));
 });
 
 TreeSidebar.displayName = 'TreeSidebar';
@@ -104,7 +93,6 @@ TreeSidebar.propTypes = {
   currentCategoryId: _propTypes.default.string,
   children: _propTypes.default.arrayOf(_propTypes.default.node),
   onClick: _propTypes.default.func.isRequired,
-  isOpen: _propTypes.default.bool,
   className: _propTypes.default.string
 };
 var _default = TreeSidebar;

package/lib/components/assetTree/TypeCounter.js

@@ -17,25 +17,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _excluded = ["icon", "value", "isActive", "enableActivity", "onClick", "type", "hideOnZero"];
+var _excluded = ["icon", "value", "isActive", "hasFilter", "enableActivity", "onClick", "type", "hideOnZero"];
 
 var TypeCounter = function TypeCounter(props) {
   var icon = props.icon,
       value = props.value,
       isActive = props.isActive,
+      hasFilter = props.hasFilter,
       enableActivity = props.enableActivity,
       onClick = props.onClick,
       type = props.type,
       hideOnZero = props.hideOnZero,
       remainingProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var isClickable = onClick !== undefined;
-  var wrapperClassName = (0, _classnames.default)('TypeCounter', 'user-select-none margin-right-15', isClickable && 'cursor-pointer', enableActivity && !isActive && 'opacity-50');
-  var counterClassNames = (0, _classnames.default)('TreeLabelCount', 'margin-left-3', 'label label-condensed', isActive ? 'label-primary' : 'label-muted label-filled');
+  var wrapperClassName = (0, _classnames.default)('TypeCounter', 'display-flex align-items-center', 'user-select-none margin-right-15', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && 'opacity-50');
+  var counterClassNames = (0, _classnames.default)('TreeLabelCount', 'label label-condensed', isActive ? 'label-primary' : 'label-muted label-filled');
 
   var handleClick = function handleClick() {
-    if (isClickable) {
-      onClick(type);
-    }
+    return onClick(type);
   };
 
   if (hideOnZero && !value) {
@@ -46,7 +44,7 @@ var TypeCounter = function TypeCounter(props) {
     className: wrapperClassName,
     onClick: handleClick
   }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "rioglyph rioglyph-".concat(icon, " text-size-16")
+    className: "rioglyph rioglyph-".concat(icon, " text-size-16 margin-right-2")
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: counterClassNames
   }, value || 0));
@@ -58,7 +56,11 @@ TypeCounter.defaultProps = {
 TypeCounter.propTypes = {
   type: _propTypes.default.string,
   icon: _propTypes.default.string,
+  // Highlights the current active filter
   isActive: _propTypes.default.bool,
+  // Defined if there is a filter
+  hasFilter: _propTypes.default.bool,
+  // Allow the counter to be clickable
   enableActivity: _propTypes.default.bool,
   hideOnZero: _propTypes.default.bool,
   onClick: _propTypes.default.func,

package/lib/components/charts/AreaChart.js

@@ -15,9 +15,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _recharts = require("recharts");
 
+var _chartHelper = require("./chartHelper");
+
 var _AreaGradient = _interopRequireDefault(require("./AreaGradient"));
 
-var _chartHelper = require("./chartHelper");
+var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
 
 var _excluded = ["width", "height", "data", "dataUnit", "dataKey", "gradients", "areas", "xAxisOptions", "yAxisOptions", "gridOptions", "showXAxis", "showYAxis", "showGrid", "legend", "brush", "tooltip"],
     _excluded2 = ["strokeColor"];
@@ -81,7 +83,7 @@ var AreaChart = function AreaChart(props) {
   }, xAxisOptions)), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, (0, _extends2.default)({
     hide: !showYAxis,
     unit: dataUnit
-  }, yAxisOptions)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null), legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
+  }, yAxisOptions)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, tooltip.props), legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
     wrapperStyle: legend.props.verticalAlign === 'bottom' ? {
       bottom: 0
     } : legend.props.wrapperStyle
@@ -108,7 +110,7 @@ AreaChart.defaultProps = {
   showGrid: false,
   // legend,
   brush: false,
-  tooltip: true
+  tooltip: /*#__PURE__*/_react.default.createElement(_ChartTooltip.default, null)
 };
 var _default = AreaChart;
 exports.default = _default;

package/lib/components/charts/BarChart.js

@@ -19,6 +19,8 @@ var _recharts = require("recharts");
 
 var _chartHelper = require("./chartHelper");
 
+var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
+
 var _excluded = ["width", "height", "data", "dataUnit", "dataKey", "layout", "legend", "bars", "xAxisOptions", "yAxisOptions", "gridOptions", "showGrid", "showXAxis", "showYAxis", "useDataColors", "brush", "tooltip"],
     _excluded2 = ["dataUnit", "color"];
 
@@ -66,11 +68,11 @@ var BarChart = function BarChart(props) {
         color: legendColor
       });
     })
-  }, legend.props)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+  }, legend.props)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, (0, _extends2.default)({
     cursor: {
       fill: _chartHelper.CURSOR_BACKGROUND_COLOR
     }
-  }), bars.map(function (bar) {
+  }, tooltip.props)), bars.map(function (bar) {
     var _bar$props = bar.props,
         dataUnit = _bar$props.dataUnit,
         color = _bar$props.color,
@@ -110,7 +112,7 @@ BarChart.defaultProps = {
   showYAxis: true,
   useDataColors: false,
   brush: false,
-  tooltip: true,
+  tooltip: /*#__PURE__*/_react.default.createElement(_ChartTooltip.default, null),
   legend: false
 };
 var _default = BarChart;

package/lib/components/charts/ChartTooltip.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var ChartTooltip = function ChartTooltip() {
+  return null;
+};
+
+ChartTooltip.defaultProps = {};
+var _default = ChartTooltip;
+exports.default = _default;

package/lib/components/charts/LineChart.js

@@ -17,6 +17,8 @@ var _recharts = require("recharts");
 
 var _chartHelper = require("./chartHelper");
 
+var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
+
 var _excluded = ["width", "height", "data", "dataUnit", "dataKey", "lines", "xAxisOptions", "yAxisOptions", "gridOptions", "showXAxis", "showYAxis", "showGrid", "legend", "tooltip", "brush"],
     _excluded2 = ["strokeColor"];
 
@@ -58,7 +60,7 @@ var LineChart = function LineChart(props) {
   }, xAxisOptions)), /*#__PURE__*/_react.default.createElement(_recharts.YAxis, (0, _extends2.default)({
     hide: !showYAxis,
     unit: dataUnit
-  }, yAxisOptions)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, null), legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
+  }, yAxisOptions)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, tooltip.props), legend && /*#__PURE__*/_react.default.createElement(_recharts.Legend, (0, _extends2.default)({
     wrapperStyle: legend.props.verticalAlign === 'bottom' ? {
       bottom: 0
     } : legend.props.wrapperStyle
@@ -89,7 +91,7 @@ LineChart.defaultProps = {
   showYAxis: false,
   showGrid: false,
   brush: false,
-  tooltip: true // legend,
+  tooltip: /*#__PURE__*/_react.default.createElement(_ChartTooltip.default, null) // legend,
 
 };
 var _default = LineChart;

package/lib/components/charts/PieChart.js

@@ -21,6 +21,8 @@ var _chartHelper = require("./chartHelper");
 
 var _Legend = _interopRequireDefault(require("./Legend"));
 
+var _ChartTooltip = _interopRequireDefault(require("./ChartTooltip"));
+
 var _excluded = ["width", "height", "innerRadius", "outerRadius", "data", "dataKey", "dataUnit", "nameKey", "color", "filled", "labels", "innerLabels", "paddingAngle", "legend", "tooltip", "pieOptions"];
 var RADIAN = Math.PI / 180;
 
@@ -96,11 +98,11 @@ var PieChart = function PieChart(props) {
       key: "cell-".concat(index),
       fill: (0, _isFunction.default)(color) ? (0, _chartHelper.getColor)(color(entry, index)) : cellColor
     });
-  })), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+  })), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, (0, _extends2.default)({
     formatter: function formatter(value) {
       return "".concat(value, " ").concat(dataUnit);
     }
-  })));
+  }, tooltip.props))));
 };
 
 PieChart.defaultProps = {
@@ -119,7 +121,7 @@ PieChart.defaultProps = {
   paddingAngle: 3,
   // pieOptions,
   legend: /*#__PURE__*/_react.default.createElement(_Legend.default, null),
-  tooltip: true
+  tooltip: /*#__PURE__*/_react.default.createElement(_ChartTooltip.default, null)
 };
 var _default = PieChart;
 exports.default = _default;

package/lib/components/charts/RadialBarChart.js

@@ -17,10 +17,10 @@ var _recharts = require("recharts");
 
 var _isFunction = _interopRequireDefault(require("lodash/fp/isFunction"));
 
-var _Legend = _interopRequireDefault(require("./Legend"));
-
 var _chartHelper = require("./chartHelper");
 
+var _Legend = _interopRequireDefault(require("./Legend"));
+
 var _excluded = ["width", "height", "data", "dataKey", "startAngle", "endAngle", "innerRadius", "outerRadius", "clockWise", "legend", "textOptions", "radialBarOptions", "showBarLabel", "cornerRadius", "background", "range", "tooltip"],
     _excluded2 = ["text", "size", "weight", "color"];
 
@@ -103,11 +103,11 @@ var RadialBarChart = function RadialBarChart(props) {
         className: "text-color-darker"
       }, value);
     }
-  }, legend.props)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, {
+  }, legend.props)), tooltip && /*#__PURE__*/_react.default.createElement(_recharts.Tooltip, (0, _extends2.default)({
     cursor: {
       fill: _chartHelper.CURSOR_BACKGROUND_COLOR
     }
-  })));
+  }, tooltip.props))));
 };
 
 RadialBarChart.defaultProps = {

package/lib/components/charts/chartHelper.js

@@ -9,7 +9,7 @@ exports.mapGridOptions = exports.getFromDefaultColors = exports.getColor = expor
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _colors = _interopRequireDefault(require("../../style/css/shared/colors.json"));
+var _colors = _interopRequireDefault(require("../../styles/shared/colors.json"));
 
 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; }
 

package/lib/components/dialog/Dialog.js

@@ -125,19 +125,19 @@ var Dialog = function Dialog(props) {
   return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
     in: open,
     timeout: 200,
-    classNames: 'modal',
+    classNames: "modal",
     unmountOnExit: true,
     onEntered: handleEntered
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: modalClasses,
     tabIndex: 1,
-    role: 'dialog',
+    role: "dialog",
     ref: dialogWrapperRef
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: modalDialogClasses,
-    role: 'document'
+    role: "document"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'modal-content'
+    className: "modal-content"
   }, title && /*#__PURE__*/_react.default.createElement(_DialogHeader.default, {
     title: title,
     subtitle: subtitle,

package/lib/components/dialog/baseDialogPropTypes.js

@@ -16,7 +16,7 @@ var _default = {
   iconNavigation: _propTypes.default.node,
   showCloseButton: _propTypes.default.bool,
   onClose: _propTypes.default.func,
-  bsSize: _propTypes.default.oneOf(['sm', 'lg', 'xl', 'full', 'fullscreen']),
+  bsSize: _propTypes.default.oneOf(['sm', 'md', 'lg', 'xl', 'full', 'fullscreen']),
   disableEsc: _propTypes.default.bool,
   useOverflow: _propTypes.default.bool,
   className: _propTypes.default.string