@semcore/mini-chart 0.1.0

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Component } from '@semcore/core';
+import { BoxProps } from '@semcore/flex-box';
+export type CommonTrendProps = BoxProps & {
+    /**
+     * Flag to enable animate of charts
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Flag to enable skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Data for chart
+     */
+    data: any[];
+};
+export declare abstract class Trend<P extends CommonTrendProps, E> extends Component<P, {}, {
+    width: number;
+    height: number;
+}, E> {
+    state: {
+        width: number;
+        height: number;
+    };
+    containerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: P): void;
+    get defaultWidth(): number;
+    get defaultHeight(): number;
+    get svgWidth(): number;
+    get svgHeight(): number;
+    setSizes(): void;
+}

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

@@ -0,0 +1,3 @@
+import { TrendLine, TrendArea } from './Line';
+import { TrendBar, TrendHistogram } from './Bar';
+export { TrendLine, TrendArea, TrendBar, TrendHistogram };

package/lib/types/index.d.ts

@@ -0,0 +1,12 @@
+import { ScoreLine, ScoreDonut, ScoreSemiDonut } from './component/score';
+import { TrendLine, TrendArea, TrendBar, TrendHistogram } from './component/trend';
+declare const miniCharts: {
+    TrendLine: typeof TrendLine;
+    TrendArea: typeof TrendArea;
+    TrendBar: typeof TrendBar;
+    TrendHistogram: typeof TrendHistogram;
+    ScoreSemiDonut: typeof ScoreSemiDonut;
+    ScoreDonut: typeof ScoreDonut;
+    ScoreLine: typeof ScoreLine;
+};
+export default miniCharts;

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@semcore/mini-chart",
+  "description": "Semrush MiniChart Component",
+  "version": "0.1.0",
+  "main": "lib/cjs/index.js",
+  "module": "lib/es6/index.js",
+  "typings": "lib/types/index.d.ts",
+  "sideEffects": false,
+  "author": "UI-kit team <ui-kit-team@semrush.com>",
+  "license": "MIT",
+  "dependencies": {
+    "@semcore/flex-box": "*",
+    "@semcore/utils": "*"
+  },
+  "peerDependencies": {
+    "@semcore/core": "^2.12.0",
+    "react": "16.8 - 18",
+    "react-dom": "16.8 - 18"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/semrush/intergalactic.git",
+    "directory": "semcore/mini-chart"
+  },
+  "devDependencies": {
+    "@guidepup/playwright": "0.6.1",
+    "@playwright/test": "1.25.1",
+    "@types/react": "18.0.21",
+    "@semcore/testing-utils": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=ts"
+  }
+}