@semcore/mini-chart 0.29.2 → 0.29.3-prerelease.0

package/lib/esm/component/trend/Trend.mjs

@@ -1,66 +1,78 @@
-import f from "@babel/runtime/helpers/esm/classCallCheck";
-import u from "@babel/runtime/helpers/esm/createClass";
-import a from "@babel/runtime/helpers/esm/assertThisInitialized";
-import c from "@babel/runtime/helpers/esm/inherits";
-import d from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import m from "react";
-import { Component as p } from "@semcore/core";
-var R = /* @__PURE__ */ function(h) {
-  c(n, h);
-  var o = d(n);
-  function n() {
-    for (var e, t = arguments.length, r = new Array(t), i = 0; i < t; i++)
-      r[i] = arguments[i];
-    return f(this, n), e = o.call.apply(o, [this].concat(r)), s(a(e), "state", {
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from "react";
+import { Component } from "@semcore/core";
+var Trend = /* @__PURE__ */ function(_Component) {
+  _inherits(Trend2, _Component);
+  var _super = _createSuper(Trend2);
+  function Trend2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _classCallCheck(this, Trend2);
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       width: 200,
       height: 100
-    }), s(a(e), "containerRef", /* @__PURE__ */ m.createRef()), e;
+    });
+    _defineProperty(_assertThisInitialized(_this), "containerRef", /* @__PURE__ */ React.createRef());
+    return _this;
   }
-  return u(n, [{
+  _createClass(Trend2, [{
     key: "componentDidMount",
-    value: function() {
+    value: function componentDidMount() {
       this.setSizes();
     }
   }, {
     key: "componentDidUpdate",
-    value: function(t) {
-      (t.w !== this.props.w || t.h !== this.props.h || t.data !== this.props.data) && this.setSizes();
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.w !== this.props.w || prevProps.h !== this.props.h || prevProps.data !== this.props.data) {
+        this.setSizes();
+      }
     }
   }, {
     key: "defaultWidth",
-    get: function() {
-      var t = this.state, r = t.width, i = t.height;
-      return r / i * this.defaultHeight;
+    get: function get() {
+      var _this$state = this.state, width = _this$state.width, height = _this$state.height;
+      return width / height * this.defaultHeight;
     }
   }, {
     key: "defaultHeight",
-    get: function() {
+    get: function get() {
       return 100;
     }
   }, {
     key: "svgWidth",
-    get: function() {
+    get: function get() {
       return this.defaultWidth;
     }
   }, {
     key: "svgHeight",
-    get: function() {
+    get: function get() {
       return this.defaultHeight;
     }
   }, {
     key: "setSizes",
-    value: function() {
+    value: function setSizes() {
       if (this.containerRef.current) {
-        var t = this.containerRef.current.getBoundingClientRect(), r = t.width, i = t.height;
-        r > 0 && i > 0 && this.setState({
-          width: r,
-          height: i
-        });
+        var boundingClientRect = this.containerRef.current.getBoundingClientRect();
+        var width = boundingClientRect.width, height = boundingClientRect.height;
+        if (width > 0 && height > 0) {
+          this.setState({
+            width,
+            height
+          });
+        }
       }
     }
-  }]), n;
-}(p);
+  }]);
+  return Trend2;
+}(Component);
 export {
-  R as Trend
+  Trend
 };

package/lib/esm/index.mjs

@@ -1,16 +1,16 @@
-import { ScoreSemiDonut as r, ScoreDonut as o } from "./component/score/Donut.mjs";
-import { ScoreLine as e } from "./component/score/Line.mjs";
-import { TrendLine as m, TrendArea as i } from "./component/trend/Line.mjs";
-import { TrendBar as t, TrendHistogram as n } from "./component/trend/Bar.mjs";
-var S = {
-  TrendLine: m,
-  TrendArea: i,
-  TrendBar: t,
-  TrendHistogram: n,
-  ScoreSemiDonut: r,
-  ScoreDonut: o,
-  ScoreLine: e
+import { ScoreSemiDonut, ScoreDonut } from "./component/score/Donut.mjs";
+import { ScoreLine } from "./component/score/Line.mjs";
+import { TrendLine, TrendArea } from "./component/trend/Line.mjs";
+import { TrendBar, TrendHistogram } from "./component/trend/Bar.mjs";
+var miniCharts = {
+  TrendLine,
+  TrendArea,
+  TrendBar,
+  TrendHistogram,
+  ScoreSemiDonut,
+  ScoreDonut,
+  ScoreLine
 };
 export {
-  S as default
+  miniCharts as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/mini-chart",
   "description": "Semrush MiniChart Component",
-  "version": "0.29.2",
+  "version": "0.29.3-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "5.41.2",
-    "@semcore/utils": "4.48.2"
+    "@semcore/flex-box": "5.41.3-prerelease.0",
+    "@semcore/utils": "4.48.4-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.39.3-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },