@semcore/mini-chart 17.1.0 → 17.2.0-prerelease.5

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

@@ -1,4 +1,6 @@
-import { type CommonTrendProps } from './Trend';
+import type { Intergalactic } from '@semcore/core';
+import React from 'react';
+import { Trend, type CommonTrendProps } from './Trend';
 type BarItem = {
     /**
      * Value
@@ -15,6 +17,32 @@ export type TrendBarProps = CommonTrendProps & {
      */
     data: BarItem[];
 };
-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]>;
+type TrendBarComponent = Intergalactic.Component<'svg', TrendBarProps, {}, typeof TrendBarRoot.enhance>;
+type TrendBarDefaultProps = {
+    animate: true;
+};
+declare class TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance, TrendBarDefaultProps> {
+    static enhance: readonly [(props: any) => any];
+    static style: {
+        [key: string]: string;
+    };
+    static defaultProps: {
+        readonly animate: true;
+    };
+    get defaultData(): BarItem[];
+    get data(): BarItem[];
+    render(): React.ReactNode;
+}
+/**
+ * MiniCharts.TrendBar
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
+export declare const TrendBar: TrendBarComponent;
+/**
+ * MiniCharts.TrendHistogram
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
+export declare const TrendHistogram: TrendBarComponent;
 export {};

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

@@ -1,4 +1,6 @@
-import { type CommonTrendProps } from './Trend';
+import type { Intergalactic } from '@semcore/core';
+import React from 'react';
+import { Trend, type CommonTrendProps } from './Trend';
 export type TrendLineProps = CommonTrendProps & {
     /**
      * List of values
@@ -17,9 +19,38 @@ export type TrendLineProps = CommonTrendProps & {
      */
     lastPointRadius?: number;
 };
-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>;
-}]>;
+type TrendLineComponent = Intergalactic.Component<'svg', TrendLineProps, {}, typeof TrendLineRoot.enhance>;
+type TrendLineDefaultProps = {
+    animate: true;
+};
+declare class TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance, TrendLineDefaultProps> {
+    static enhance: readonly [(props: any) => any, (props: any) => {
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+    }];
+    static style: {
+        [key: string]: string;
+    };
+    static defaultProps: {
+        readonly animate: true;
+    };
+    get defaultData(): number[];
+    get lastPointRadius(): number;
+    get data(): number[];
+    get svgWidth(): number;
+    get svgHeight(): number;
+    get color(): any;
+    render(): React.ReactNode;
+}
+/**
+ * MiniCharts.TrendLine
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
+export declare const TrendLine: TrendLineComponent;
+/**
+ * MiniCharts.TrendArea
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-api#trend-charts|API} | {@link https://developer.semrush.com/intergalactic/data-display/mini-chart/mini-chart-code|Examples}
+ */
+export declare const TrendArea: TrendLineComponent;
+export {};

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

@@ -1,4 +1,5 @@
 import type { BoxProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
 import { Component } from '@semcore/core';
 import React from 'react';
 export type CommonTrendProps = BoxProps & {
@@ -17,10 +18,11 @@ export type CommonTrendProps = BoxProps & {
      */
     data: any[];
 };
-export declare abstract class Trend<P extends CommonTrendProps, E extends readonly ((...args: any[]) => any)[]> extends Component<P, E, Readonly<{}>, {
+type CommonTrendState = {
     width: number;
     height: number;
-}> {
+};
+export declare abstract class Trend<P extends CommonTrendProps, E extends readonly ((...args: any[]) => any)[], DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never> extends Component<P, E, Readonly<{}>, {}, CommonTrendState, DP> {
     state: {
         width: number;
         height: number;
@@ -34,3 +36,4 @@ export declare abstract class Trend<P extends CommonTrendProps, E extends readon
     get svgHeight(): number;
     setSizes(): void;
 }
+export {};

package/lib/types/index.d.ts

@@ -1,4 +1,5 @@
 import { ScoreLine, ScoreDonut, ScoreSemiDonut } from './component/score';
+import type { SegmentColor } from './component/score/Line.types';
 import { TrendLine, TrendArea, TrendBar, TrendHistogram } from './component/trend';
 declare const miniCharts: {
     TrendLine: typeof TrendLine;
@@ -10,3 +11,4 @@ declare const miniCharts: {
     ScoreLine: typeof ScoreLine;
 };
 export default miniCharts;
+export type { SegmentColor, };

package/package.json

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