@semcore/mini-chart 16.1.1-prerelease.5 → 17.0.0-prerelease.17

package/lib/esm/utils/ScoreDonutUtils.mjs

@@ -1,9 +1,6 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var ScoreDonutUtils = /* @__PURE__ */ (function() {
-  function ScoreDonutUtils2(value, isSemiDonut) {
-    _classCallCheck(this, ScoreDonutUtils2);
+class ScoreDonutUtils {
+  constructor(value, isSemiDonut) {
     _defineProperty(this, "isSemiDonut", void 0);
     _defineProperty(this, "value", void 0);
     _defineProperty(this, "radius", void 0);
@@ -11,72 +8,47 @@ var ScoreDonutUtils = /* @__PURE__ */ (function() {
     this.radius = isSemiDonut ? 9 : 10;
     this.value = Math.max(Math.min(value, 100), 0);
   }
-  return _createClass(ScoreDonutUtils2, [{
-    key: "viewBox",
-    get: function get() {
-      return this.isSemiDonut ? "0 0 24 12" : "0 0 24 24";
-    }
-  }, {
-    key: "strokeWidth",
-    get: function get() {
-      return this.isSemiDonut ? 6 : 4;
-    }
-  }, {
-    key: "fullLength",
-    get: function get() {
-      return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;
-    }
-  }, {
-    key: "point",
-    get: function get() {
-      return this.isSemiDonut ? this.fullLength / (100 / 3) : this.fullLength / 100;
-    }
-  }, {
-    key: "valueLength",
-    get: function get() {
-      return this.fullLength * (this.value / 100);
-    }
-  }, {
-    key: "animatedValueLength",
-    get: function get() {
-      return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);
-    }
-  }, {
-    key: "startMargin",
-    get: function get() {
-      var margin = 0;
-      if (this.value > 0) margin = this.point;
-      return margin;
-    }
-  }, {
-    key: "endMargin",
-    get: function get() {
-      var margin = 0;
-      if (!this.isSemiDonut && this.value > 0) margin = this.point;
-      return margin;
-    }
-  }, {
-    key: "baseOffset",
-    get: function get() {
-      return -1 * (this.valueLength + this.startMargin);
-    }
-  }, {
-    key: "baseLength",
-    get: function get() {
-      return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);
-    }
-  }, {
-    key: "animatedBaseLengthFrom",
-    get: function get() {
-      return this.fullLength - this.startMargin - this.endMargin;
-    }
-  }, {
-    key: "animatedBaseLengthTo",
-    get: function get() {
-      return this.fullLength - this.valueLength - this.startMargin - this.endMargin;
-    }
-  }]);
-})();
+  get viewBox() {
+    return this.isSemiDonut ? "0 0 24 12" : "0 0 24 24";
+  }
+  get strokeWidth() {
+    return this.isSemiDonut ? 6 : 4;
+  }
+  get fullLength() {
+    return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;
+  }
+  get point() {
+    return this.isSemiDonut ? this.fullLength / (100 / 3) : this.fullLength / 100;
+  }
+  get valueLength() {
+    return this.fullLength * (this.value / 100);
+  }
+  get animatedValueLength() {
+    return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);
+  }
+  get startMargin() {
+    let margin = 0;
+    if (this.value > 0) margin = this.point;
+    return margin;
+  }
+  get endMargin() {
+    let margin = 0;
+    if (!this.isSemiDonut && this.value > 0) margin = this.point;
+    return margin;
+  }
+  get baseOffset() {
+    return -1 * (this.valueLength + this.startMargin);
+  }
+  get baseLength() {
+    return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);
+  }
+  get animatedBaseLengthFrom() {
+    return this.fullLength - this.startMargin - this.endMargin;
+  }
+  get animatedBaseLengthTo() {
+    return this.fullLength - this.valueLength - this.startMargin - this.endMargin;
+  }
+}
 export {
   ScoreDonutUtils
 };

package/lib/types/component/score/Donut.d.ts

@@ -1,14 +1,9 @@
-import { type ComponentType } from '@semcore/core';
-import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
-import { type BoxProps } from '@semcore/flex-box';
+import { type BoxProps } from '@semcore/base-components';
 import type { CommonScoreProps } from './Score';
 export type ScoreDonutProps = BoxProps & CommonScoreProps;
-type Enhances = {
-    resolveColor: ReturnType<typeof resolveColorEnhance>;
-    duration: ReturnType<typeof cssVariableEnhance>;
-    isSemiDonut?: true;
-};
-export declare const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances>;
-export declare const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances>;
-export {};
+export declare const ScoreDonut: import("@semcore/core").Intergalactic.Component<"svg", ScoreDonutProps, {}, readonly [<T extends {}>(props: T) => T & {
+    duration: string;
+}, (props: any) => any]>;
+export declare const ScoreSemiDonut: import("@semcore/core").Intergalactic.Component<"svg", ScoreDonutProps, {}, readonly [<T extends {}>(props: T) => T & {
+    duration: string;
+}, (props: any) => any]>;

package/lib/types/component/score/Line.types.d.ts

@@ -1,6 +1,6 @@
-import type { Intergalactic, ComponentType } from '@semcore/core';
+import type { BoxProps, Box } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
 import type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-import type { BoxProps, Box } from '@semcore/flex-box';
 import type React from 'react';
 import type { CommonScoreProps } from './Score';
 type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
@@ -39,10 +39,12 @@ type CustomRenderScoreProps = {
     children: SegmentComponent[];
 };
 export type ScoreLineGaugeProps = BoxProps & Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> & (ValuedScoreProps | CustomRenderScoreProps);
-export type Enhances = {
-    resolveColor: ReturnType<typeof resolveColorEnhance>;
-};
-export type ScoreLineComponent = ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> & {
+export type Enhances = [
+    () => {
+        resolveColor: ReturnType<typeof resolveColorEnhance>;
+    }
+];
+export type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {
     Segment: Intergalactic.Component<typeof Box, SegmentProps>;
 };
 export {};

package/lib/types/component/trend/Bar.d.ts

@@ -1,5 +1,3 @@
-import { type ComponentType } from '@semcore/core';
-import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { type CommonTrendProps } from './Trend';
 type BarItem = {
     /**
@@ -17,10 +15,6 @@ export type TrendBarProps = CommonTrendProps & {
      */
     data: BarItem[];
 };
-type Enhances = {
-    resolveColor: ReturnType<typeof resolveColorEnhance>;
-    isHistogram?: true;
-};
-export declare const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances>;
-export declare const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances>;
+export declare const TrendBar: import("@semcore/core").Intergalactic.Component<"svg", TrendBarProps, {}, readonly [(props: any) => any]>;
+export declare const TrendHistogram: import("@semcore/core").Intergalactic.Component<"svg", TrendBarProps, {}, readonly [(props: any) => any]>;
 export {};

package/lib/types/component/trend/Line.d.ts

@@ -1,5 +1,3 @@
-import { type ComponentType } from '@semcore/core';
-import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { type CommonTrendProps } from './Trend';
 export type TrendLineProps = CommonTrendProps & {
     /**
@@ -19,11 +17,9 @@ export type TrendLineProps = CommonTrendProps & {
      */
     lastPointRadius?: number;
 };
-type Enhances = {
-    uid: string;
-    resolveColor: ReturnType<typeof resolveColorEnhance>;
-    withArea?: true;
-};
-export declare const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances>;
-export declare const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances>;
-export {};
+export declare const TrendLine: import("@semcore/core").Intergalactic.Component<"svg", TrendLineProps, {}, readonly [(props: any) => any, (props: any) => {
+    uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+}]>;
+export declare const TrendArea: import("@semcore/core").Intergalactic.Component<"svg", TrendLineProps, {}, readonly [(props: any) => any, (props: any) => {
+    uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+}]>;

package/lib/types/component/trend/Trend.d.ts

@@ -1,5 +1,5 @@
+import type { BoxProps } from '@semcore/base-components';
 import { Component } from '@semcore/core';
-import type { BoxProps } from '@semcore/flex-box';
 import React from 'react';
 export type CommonTrendProps = BoxProps & {
     /**
@@ -17,10 +17,10 @@ export type CommonTrendProps = BoxProps & {
      */
     data: any[];
 };
-export declare abstract class Trend<P extends CommonTrendProps, E extends readonly ((...args: any[]) => any)[]> extends Component<P, {}, {
+export declare abstract class Trend<P extends CommonTrendProps, E extends readonly ((...args: any[]) => any)[]> extends Component<P, E, Readonly<{}>, {
     width: number;
     height: number;
-}, E> {
+}> {
     state: {
         width: number;
         height: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/mini-chart",
   "description": "Semrush MiniChart Component",
-  "version": "16.1.1-prerelease.5",
+  "version": "17.0.0-prerelease.17",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,8 +14,7 @@
     "types": "./lib/types/index.d.ts"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.4.1-prerelease.5",
-    "@semcore/flex-box": "^16.0.11-prerelease.5"
+    "@semcore/base-components": "^17.0.0-prerelease.17"
   },
   "repository": {
     "type": "git",
@@ -23,8 +22,9 @@
     "directory": "semcore/mini-chart"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1-prerelease.5",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "17.0.0-prerelease.17",
+    "@semcore/base-components": "17.0.0-prerelease.17"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts && pnpm vite build"