@semcore/d3-chart 2.8.18 → 2.9.0

package/lib/types/types/Radar.d.ts

@@ -0,0 +1,89 @@
+import IContext from './context';
+import { MapProps } from './Plot';
+import { ReturnEl } from '@semcore/core';
+import { CurveFactory } from 'd3-shape';
+export interface IRadarProps extends IContext {
+    /**
+     * Scale for radar element
+     * */
+    scale: any;
+    /**
+     * Graph type to be displayed
+     * @default 'polygon'
+     * */
+    type?: 'polygon' | 'circle';
+    /**
+     * Indent from the edge of svg to graph
+     * */
+    offset?: number;
+    /**
+     * Label font size
+     * @default 12
+     * */
+    textSize?: number;
+}
+export interface IRadarAxisProps extends IContext {
+    /**
+     * Sets the field name for categories
+     * */
+    dataKey: string;
+}
+export interface IRadarAxisTicksProps {
+    /**
+     * Distance between auxiliary lines
+     * @default 100
+     * */
+    tickSize?: number;
+}
+export interface IRadarAxisLabelsProps {
+    /**
+     * Indent from graph to label
+     * @default 10
+     * */
+    labelOffset?: number;
+}
+export interface IRadialPolygonProps extends IContext {
+    /**
+     * Sets the field name for data
+     * */
+    dataKey: string;
+    /**
+     * Curve method
+     * @default curveLinearClosed
+     * */
+    curve?: CurveFactory;
+    /**
+     * Sets the color of the entire polygon
+     * */
+    color?: string;
+    /**
+     * Sets the fill color
+     * */
+    fill?: string;
+}
+export interface IRadialPolygonLineProps {
+    /**
+     * Sets the line color
+     * */
+    color?: string;
+}
+export interface IRadialPolygonDotsProps {
+    /**
+     * Sets the dot color
+     * */
+    color?: string;
+}
+export interface IRadarHoverProps extends IContext {
+}
+declare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {
+    Axis: (<T>(props: MapProps<IRadarAxisProps & T>) => ReturnEl) & {
+        Ticks: <T>(props: MapProps<IRadarAxisTicksProps & T>) => ReturnEl;
+        Labels: <T>(props: MapProps<IRadarAxisLabelsProps & T>) => ReturnEl;
+    };
+    Polygon: (<T>(props: MapProps<IRadialPolygonProps & T>) => ReturnEl) & {
+        Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;
+        Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;
+    };
+    Hover: (<T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl);
+};
+export default Radar;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.8.18",
+  "version": "2.9.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -18,6 +18,7 @@
     "@upsetjs/venn.js": "1.4.1",
     "d3-array": "3.1.6",
     "d3-interpolate": "3.0.1",
+    "d3-polygon": "^3.0.1",
     "d3-scale": "3.3.0",
     "d3-shape": "3.1.0",
     "d3-transition": "3.0.1",
@@ -38,7 +39,6 @@
     "directory": "semcore/d3-chart"
   },
   "devDependencies": {
-    "@types/react": "18.0.21",
     "@semcore/babel-plugin-react-semcore": "^4.2.1",
     "@semcore/button": "*",
     "@semcore/checkbox": "*",
@@ -49,6 +49,7 @@
     "@types/d3-array": "^3.0.2",
     "@types/d3-scale": "^4.0.2",
     "@types/d3-transition": "^3.0.1",
+    "@types/react": "18.0.21",
     "jest": "29.0.1"
   },
   "scripts": {