@cashub/ui 0.13.2 → 0.13.4

package/chart/BarChart.js

@@ -17,14 +17,28 @@ var _padEmptyChartBar = _interopRequireDefault(require("./utils/padEmptyChartBar
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["height", "data", "options"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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) { _defineProperty(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var BarChart = function BarChart(_ref) {
   var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 300 : _ref$height,
       data = _ref.data,
       _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {} : _ref$options;
+      options = _ref$options === void 0 ? {} : _ref$options,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var theme = (0, _react.useContext)(_styledComponents.ThemeContext); // fix: read value from theme
 
   _reactChartjs.defaults.font.family = theme.fontFamily;
@@ -73,8 +87,18 @@ var BarChart = function BarChart(_ref) {
 
               return label.toString();
             },
-            labelTextColor: function labelTextColor() {
-              return theme.fontOnPrimary;
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
             }
           }
         }
@@ -114,16 +138,12 @@ var BarChart = function BarChart(_ref) {
       }
     };
   }, [customOptions, theme.fontOnPrimary]);
-  console.log('defaultOptions', defaultOptions);
-  var Chart = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Bar, {
-      height: height,
-      data: data,
-      options: defaultOptions,
-      plugins: [_padEmptyChartBar.default]
-    });
-  }, [height, data, defaultOptions]);
-  return Chart;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Bar, _objectSpread({
+    height: height,
+    data: data,
+    options: defaultOptions,
+    plugins: [_padEmptyChartBar.default]
+  }, props));
 };
 
 var _default = BarChart;

package/chart/DoughnutChart.js

@@ -15,12 +15,26 @@ var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["height", "data"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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) { _defineProperty(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var DoughnutChart = function DoughnutChart(_ref) {
   var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 300 : _ref$height,
-      data = _ref.data;
+      data = _ref.data,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var theme = (0, _react.useContext)(_styledComponents.ThemeContext); // fix: read value from theme
 
   _reactChartjs.defaults.font.family = theme.fontFamily;
@@ -40,19 +54,31 @@ var DoughnutChart = function DoughnutChart(_ref) {
           }
         },
         tooltip: {
-          enabled: false
+          enabled: false,
+          callbacks: {
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
+            }
+          }
         }
       }
     };
-  }, []);
-  var Chart = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, {
-      height: height,
-      data: data,
-      options: defaultOptions
-    });
-  }, [height, data, defaultOptions]);
-  return Chart;
+  }, [theme.fontOnPrimary]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Doughnut, _objectSpread({
+    height: height,
+    data: data,
+    options: defaultOptions
+  }, props));
 };
 
 var _default = DoughnutChart;

package/chart/LineChart.js

@@ -15,14 +15,28 @@ var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _excluded = ["height", "data", "options"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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) { _defineProperty(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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var LineChart = function LineChart(_ref) {
   var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 300 : _ref$height,
       data = _ref.data,
       _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {} : _ref$options;
+      options = _ref$options === void 0 ? {} : _ref$options,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   var theme = (0, _react.useContext)(_styledComponents.ThemeContext); // fix: read value from theme
 
   _reactChartjs.defaults.font.family = theme.fontFamily;
@@ -74,8 +88,18 @@ var LineChart = function LineChart(_ref) {
                 backgroundColor: borderColor
               };
             },
-            labelTextColor: function labelTextColor() {
-              return theme.fontOnPrimary;
+            labelTextColor: function labelTextColor(context) {
+              var color = context.dataset.color;
+
+              if (!color) {
+                return theme.fontOnPrimary;
+              }
+
+              if (color && Array.isArray(color)) {
+                return color[context.dataIndex % color.length];
+              }
+
+              return color;
             }
           }
         }
@@ -107,14 +131,11 @@ var LineChart = function LineChart(_ref) {
       }
     };
   }, [customOptions, theme.fontOnPrimary]);
-  var Chart = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Line, {
-      height: height,
-      data: data,
-      options: defaultOptions
-    });
-  }, [height, data, defaultOptions]);
-  return Chart;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactChartjs.Line, _objectSpread({
+    height: height,
+    data: data,
+    options: defaultOptions
+  }, props));
 };
 
 var _default = LineChart;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.13.2",
+  "version": "0.13.4",
   "private": false,
   "author": "CASHUB Team",
   "description": "CASHUB UI components library",