@semcore/d3-chart 2.17.5 → 3.0.0-beta.1

package/lib/types/ScatterPlot.d.ts

@@ -1,13 +1,16 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { TooltipType } from './Tooltip';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IScatterPlotProps extends IContext {
-  /** Field from data for XAxis */
+/** @deprecated */
+export interface IScatterPlotProps extends ScatterPlotProps, UnknownProperties {}
+export type ScatterPlotProps = Context & {
+  /** Field name from `data` array item for the XAxis */
   x: string;
-  /** Field from data for YAxis */
+  /** Field name from `data` array item for the YAxis */
   y: string;
-  /** Field from data for circle value */
+  /** Field name from `data` array item for the circle value */
   value?: string;
   /** Circle color */
   color?: string;
@@ -23,8 +26,21 @@ export interface IScatterPlotProps extends IContext {
   r?: number;
   /** Enables element transparency */
   transparent?: boolean;
-}
+};
 
-declare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;
+declare const ScatterPlot: IntergalacticD3Component<'g', ScatterPlotProps, Context> & {
+  Tooltip: TooltipType<
+    ScatterPlotProps & {
+      /**
+       * @deprecated Use `index` instead.
+       */
+      xIndex: number;
+      /**
+       * Index of item in the `data` array used to render related circle.
+       */
+      index: number;
+    }
+  >;
+};
 
 export default ScatterPlot;

package/lib/types/StackBar.d.ts

@@ -1,27 +1,33 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
-import { IBarContext, IBarProps } from './Bar';
-import { IHorizontalBarProps } from './HorizontalBar';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { BarContext, BarProps } from './Bar';
+import { HorizontalBarProps } from './HorizontalBar';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IStackBarProps extends IContext {
-  /** Field from data for XAxis */
+/** @deprecated */
+export interface IStackBarProps extends StackBarProps, UnknownProperties {}
+export type StackBarProps = Context & {
+  /** Field name from `data` array item for the XAxis */
   x?: string;
-  /** Field from data for YAxis */
+  /** Field name from `data` array item for the YAxis */
   y?: string;
   /** Stack generators
    * @default d3.stack() */
+  /** @deprecated */
   stack?: any;
-}
+};
 
-export interface IStackBarContext {
+/** @deprecated */
+export interface IStackBarContext extends StackBarContext, UnknownProperties {}
+export type StackBarContext = {
   /** Series is an array of points, where each point corresponds to the element in the input data. */
+  /** @deprecated */
   series: any[];
-}
+};
 
-declare const StackBar: (<T>(props: MapProps<IStackBarProps & T, IStackBarContext>) => ReturnEl) & {
-  Bar: <T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl;
-  HorizontalBar: <T>(props: MapProps<IHorizontalBarProps & T, IBarContext>) => ReturnEl;
+declare const StackBar: IntergalacticD3Component<'g', StackBarProps, StackBarContext> & {
+  Bar: IntergalacticD3Component<'path', BarProps, BarContext>;
+  HorizontalBar: IntergalacticD3Component<'path', HorizontalBarProps, BarContext>;
 };
 
 export default StackBar;

package/lib/types/StackedArea.d.ts

@@ -1,26 +1,30 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
 import Area from './Area';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IStackedAreaProps extends IContext {
-  /** Field from data for XAxis */
+/** @deprecated */
+export interface IStackedAreaProps extends StackedAreaProps, UnknownProperties {}
+export type StackedAreaProps = Context & {
+  /** Field name from `data` array item for the XAxis */
   x?: string;
-  /** Field from data for YAxis */
+  /** Field name from `data` array item for the YAxis */
   y?: string;
   /** Stack generators
    * @default d3.stack() */
+  /** @deprecated */
   stack?: any;
-}
+};
 
-export interface IStackedAreaContext {
+/** @deprecated */
+export interface IStackedAreaContext extends StackedAreaContext, UnknownProperties {}
+export type StackedAreaContext = {
   /** Series is an array of points, where each point corresponds to the element in the input data. */
+  /** @deprecated */
   series: any[];
-}
+};
 
-declare const StackedArea: (<T>(
-  props: MapProps<IStackedAreaProps & T, IStackedAreaContext>,
-) => ReturnEl) & {
+declare const StackedArea: IntergalacticD3Component<'g', StackedAreaProps, StackedAreaContext> & {
   Area: typeof Area;
 };
 

package/lib/types/Tooltip.d.ts

@@ -1,34 +1,66 @@
-import { ComponentProps } from 'react';
-import Popper, { IPopperProps, IPopperTriggerProps } from '@semcore/popper';
-import { PropGetterFn, ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import { IBoxProps } from '@semcore/flex-box';
-import IContext from './context';
+import Popper, { PopperProps, PopperTriggerProps } from '@semcore/popper';
+import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
+import { Box, BoxProps } from '@semcore/flex-box';
+import { Context } from './context';
+import { IntergalacticD3Component } from './Plot';
 
-export interface ITooltipChartProps extends IPopperProps, IPopperTriggerProps, IContext {
-  /** Field from data for XAxis */
-  x?: string;
-  /** Field from data for YAxis */
-  y?: string;
-}
+/** @deprecated */
+export interface ITooltipChartProps extends TooltipChartProps, UnknownProperties {}
+export type TooltipChartProps = PopperProps &
+  PopperTriggerProps &
+  Context & {
+    /** Field name from `data` array item for the XAxis */
+    x?: string;
+    /** Field name from `data` array item for the YAxis */
+    y?: string;
+  };
 
-export interface ITooltipChartContext {
-  getTriggerProps: PropGetterFn;
-  getPopperProps: PropGetterFn;
+/** @deprecated */
+export interface ITooltipChartContext extends TooltipChartContext, UnknownProperties {
   /** Index active value for Axis x */
   xIndex: number | null;
   /** Index active value for Axis y */
   yIndex: number | null;
 }
+export type TooltipChartContext = {
+  getTriggerProps: PropGetterFn;
+  getPopperProps: PropGetterFn;
+};
 
-declare const Tooltip: (<T>(
-  props: MapProps<ITooltipChartProps & T, ITooltipChartContext>,
-) => ReturnEl) & {
-  Trigger: <T>(props: MapProps<ComponentProps<typeof Popper.Trigger> & T>) => ReturnEl;
-  Popper: <T>(props: MapProps<ComponentProps<typeof Popper.Popper> & T>) => ReturnEl;
-  Title: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
-  Dot: <T>(props: MapProps<IBoxProps & { color?: string } & T>) => ReturnEl;
-  Footer: <T>(props: MapProps<IBoxProps & T>) => ReturnEl;
+export type TooltipTypeBase = {
+  Trigger: typeof Popper.Trigger;
+  Popper: typeof Popper.Popper;
+  Title: typeof Box;
+  Dot: IntergalacticD3Component<'div', BoxProps & { color?: string }, TooltipChartContext>;
+  Footer: typeof Box;
 };
 
+export type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<
+  Tag extends Intergalactic.Tag = typeof Box,
+>(
+  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<
+    Tag,
+    TooltipProps,
+    ChildrenRenderProps & TooltipChartContext
+  >,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<Intergalactic.Tag> &
+  TooltipTypeBase;
+
+/**
+ * @deprecated Consider migration to better typed Bubble.Tooltip, HoverLine.Tooltip,
+ * HoverRect.Tooltip, Donut.Tooltip, Radar.Tooltip,
+ * ScatterPlot.Tooltip or Venn.Tooltip.
+ *
+ * Migration examples:
+ * 1. `<Tooltip tag={HoverLine}>...</Tooltip>` => `<HoverLine.Tooltip>...</HoverLine.Tooltip>`
+ * 2. `<Tooltip tag={HoverRect}>...</Tooltip>` => `<HoverRect.Tooltip>...</HoverRect.Tooltip>`
+ * 3. `<Tooltip tag={Radar.Hover}>...</Tooltip>` => `<Radar.Tooltip>...</Radar.Tooltip>`
+ * 4. `<Tooltip>...</Tooltip>` => `<Bubble.Tooltip>...</Bubble.Tooltip>`
+ * 5. `<Tooltip>...</Tooltip>` => `<Donut.Tooltip>...</Donut.Tooltip>`
+ * 6. `<Tooltip>...</Tooltip>` => `<ScatterPlot.Tooltip>...</ScatterPlot.Tooltip>`
+ * 7. `<Tooltip>...</Tooltip>` => `<Venn.Tooltip>...</Venn.Tooltip>`
+ */
+declare const Tooltip: TooltipType;
+
 export default Tooltip;

package/lib/types/Venn.d.ts

@@ -1,26 +1,36 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
-import { IFadeInOutProps } from '@semcore/animation';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { FadeInOutProps } from '@semcore/animation';
+import { TooltipType } from './Tooltip';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IVennProps extends IContext, IFadeInOutProps {
-  /**
-   * Rotate sets in the chart
-   * @default Math.PI / 2
-   */
-  orientation?: number;
-  /**
-   * The function for sorting sets inside the chart
-   * @default (circle1, circle2) => circle2.radius - circle1.radius
-   */
-  orientationOrder?: (c1: number, c2: number) => number;
-}
+/** @deprecated */
+export interface IVennProps extends VennProps, UnknownProperties {}
+export type VennProps = Context &
+  FadeInOutProps & {
+    /**
+     * Rotate sets in the chart
+     * @default Math.PI / 2
+     */
+    orientation?: number;
+    /**
+     * The function for sorting sets inside the chart
+     * @default (circle1, circle2) => circle2.radius - circle1.radius
+     */
+    orientationOrder?: (c1: number, c2: number) => number;
+  };
 
-export interface ICircleProps extends IContext {
+/** @deprecated */
+export interface ICircleProps extends CircleProps, UnknownProperties {}
+export type CircleProps = Context & {
   /**
    * Name of the field in the data
    * */
   dataKey: string;
+  /**
+   * Human readable name of the circle
+   * */
+  name: string;
   /** Color circle
    @default #3AB011
    **/
@@ -31,20 +41,28 @@ export interface ICircleProps extends IContext {
   duration?: number;
   /** Enables element transparency */
   transparent?: boolean;
-}
+};
 
-export interface IIntersectionProps extends IContext, IFadeInOutProps {
-  /**
-   * Name of the field in the data
-   * */
-  dataKey: string;
-  /** Enables element transparency */
-  transparent?: boolean;
-}
+/** @deprecated */
+export interface IIntersectionProps extends IntersectionProps, UnknownProperties {}
+export type IntersectionProps = Context &
+  FadeInOutProps & {
+    /**
+     * Name of the field in the data
+     * */
+    dataKey: string;
+    /**
+     * Human readable name of the intersection
+     * */
+    name: string;
+    /** Enables element transparency */
+    transparent?: boolean;
+  };
 
-declare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {
-  Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;
-  Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;
+declare const Venn: IntergalacticD3Component<'g', VennProps, Context> & {
+  Circle: IntergalacticD3Component<'circle', CircleProps, Context>;
+  Intersection: IntergalacticD3Component<'path', IntersectionProps, Context>;
+  Tooltip: TooltipType<CircleProps>;
 };
 
 export default Venn;

package/lib/types/a11y/PlotA11yModule.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DataStructureHints, PartialDataSummarizationConfig } from './hints';
-export declare type A11yViewProps = {
+export type A11yViewProps = {
     id: string;
     data: Record<string, unknown>[];
     hints: DataStructureHints;

package/lib/types/a11y/focus.d.ts

@@ -1,4 +1,4 @@
-declare type FocusableElement = Element & {
+type FocusableElement = Element & {
     focus: () => void;
 };
 export declare const heavyFindNextFocusableElement: (base: Element, trace?: Map<Element, true>) => FocusableElement | null;

package/lib/types/a11y/hints.d.ts

@@ -1,8 +1,8 @@
 import { SerializableDataType } from './insights';
-declare type DeepPartial<T> = T extends object ? {
+type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
-export declare type DataStructureHints = {
+export type DataStructureHints = {
     fields: {
         verticalAxes: Set<string | number>;
         horizontalAxes: Set<string | number>;
@@ -38,7 +38,7 @@ export declare type DataStructureHints = {
     } | null;
     dataType: SerializableDataType | null;
 };
-export declare type DataSummarizationConfig = {
+export type DataSummarizationConfig = {
     trendTangens: {
         static: number;
         weak: number;
@@ -61,7 +61,7 @@ export declare type DataSummarizationConfig = {
     override: string | undefined;
     additionalFields: string[];
 };
-export declare type PartialDataSummarizationConfig = DeepPartial<DataSummarizationConfig>;
+export type PartialDataSummarizationConfig = DeepPartial<DataSummarizationConfig>;
 export declare const makeDataHintsContainer: () => DataStructureHints;
 export declare const makeDataHintsHandlers: (mutableContainer: DataStructureHints) => {
     specifyDataRowFields: (x?: string, y?: string, value?: string) => void;
@@ -74,6 +74,6 @@ export declare const makeDataHintsHandlers: (mutableContainer: DataStructureHint
     setTitle: (describedDataAxes: 'vertical' | 'horizontal', title: string) => void;
     setPointsDensity: (horizontalAxes: number, verticalAxes: number) => void;
 };
-export declare type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;
+export type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;
 export declare const makeDataSummarizationConfig: (config?: PartialDataSummarizationConfig) => DataSummarizationConfig;
 export {};

package/lib/types/a11y/insights.d.ts

@@ -1,5 +1,5 @@
 import { DataStructureHints, DataSummarizationConfig } from './hints';
-export declare type TrendNode = {
+export type TrendNode = {
     type: 'trend';
     priority: number;
     change: {
@@ -11,10 +11,10 @@ export declare type TrendNode = {
     to: unknown;
     dataKey: string | number;
 };
-export declare type GeneralTrendNode = Omit<TrendNode, 'type'> & {
+export type GeneralTrendNode = Omit<TrendNode, 'type'> & {
     type: 'general-trend';
 };
-export declare type ComparisonNode = {
+export type ComparisonNode = {
     type: 'comparison';
     label?: string;
     priority: number;
@@ -23,8 +23,8 @@ export declare type ComparisonNode = {
         label: string;
     }[];
 };
-declare type ClusterRelativeSize = 'significantly-smaller' | 'smaller' | 'slightly-smaller' | 'average' | 'slightly-bigger' | 'bigger' | 'significantly-bigger';
-export declare type ClusterNode = {
+type ClusterRelativeSize = 'significantly-smaller' | 'smaller' | 'slightly-smaller' | 'average' | 'slightly-bigger' | 'bigger' | 'significantly-bigger';
+export type ClusterNode = {
     type: 'cluster';
     priority: number;
     size: number;
@@ -37,9 +37,9 @@ export declare type ClusterNode = {
     };
     relativeSize: ClusterRelativeSize;
 };
-export declare type Insight = TrendNode | GeneralTrendNode | ComparisonNode | ClusterNode;
-export declare type SerializableDataType = 'time-series' | 'points-cloud' | 'values-set' | 'grouped-values' | 'indexed-groups';
-export declare type AnalyzedData = {
+export type Insight = TrendNode | GeneralTrendNode | ComparisonNode | ClusterNode;
+export type SerializableDataType = 'time-series' | 'points-cloud' | 'values-set' | 'grouped-values' | 'indexed-groups';
+export type AnalyzedData = {
     insights: Insight[];
     dataType: SerializableDataType;
     dataRange: {

package/lib/types/a11y/intl.d.ts

@@ -1,6 +1,6 @@
 import { IntlShape } from '@formatjs/intl';
 import type { localizedMessages as localizedMessagesTypeBase } from './translations/view/__intergalactic-dynamic-locales';
-export declare type Intl = IntlShape<typeof localizedMessagesTypeBase['en']>;
+export type Intl = IntlShape<typeof localizedMessagesTypeBase['en']>;
 export declare const getIntl: (locale: string, translations: {
     [messageId: string]: string;
 }, availableLocales: {

package/lib/types/a11y/locale.d.ts

@@ -1,3 +1,3 @@
 export declare const normalizeLocale: (providedLocale: string, translations?: {
     [locale: string]: {};
-}) => string;
+}) => string | null;

package/lib/types/a11y/serialize.d.ts

@@ -3,15 +3,15 @@ import { DataSummarizationConfig } from './hints';
 import { Intl } from './intl';
 export declare const formatValue: (intl: Intl, value: unknown, { siblingsTimeMark, maxListSymbols, datesWithTime, }?: {
     siblingsTimeMark?: unknown;
-    maxListSymbols?: number;
-    datesWithTime?: boolean;
+    maxListSymbols?: number | undefined;
+    datesWithTime?: boolean | undefined;
 }) => string;
 export declare const serialize: ({ insights, dataType, dataRange, dataTitle, entitiesCount }: AnalyzedData, { datesWithTime, maxListSymbols, clustersLimit, valuesLimit, groupsLimit, }: DataSummarizationConfig, { locale, translations, availableLocales, }: {
     locale: string;
     translations?: {
         [messageId: string]: string;
-    };
+    } | undefined;
     availableLocales?: {
         [localeId: string]: any;
-    };
+    } | undefined;
 }) => string | null;

package/lib/types/a11y/summarize.d.ts

@@ -3,4 +3,4 @@ export declare const summarize: (data: Record<string, unknown>[] | Record<string
     [messageId: string]: string;
 }, availableLocales: {
     [localeId: string]: any;
-}) => string;
+}) => string | null;

package/lib/types/context.d.ts

@@ -1,7 +1,17 @@
+export type Context = {
+  /** Data for graphic */
+  data?: unknown;
+  /** Scale for svg element */
+  scale?: unknown[];
+};
+
+/** @deprecated */
 export default interface IContext {
   /** Data for graphic */
+  /** @deprecated */
   data?: any;
   /** Scale for svg element */
+  /** @deprecated */
   scale?: any[];
 
   [key: string]: unknown;

package/lib/types/createElement.d.ts

@@ -0,0 +1,2 @@
+declare const createElement: any;
+export default createElement;

package/lib/types/index.d.ts

@@ -36,8 +36,10 @@ export * from './StackedArea';
 
 /** It becomes resolvable after building and moving file to lib dir */
 
+// @ts-ignore
 export { default as RadialTree } from './RadialTree';
 
+// @ts-ignore
 export * from './RadialTree';
 
 export { default as Radar } from './Radar';

package/lib/types/utils.d.ts

@@ -1,11 +1,12 @@
 import { Numeric } from 'd3-array';
 import { ScaleIdentity, ScaleTime, ScaleContinuousNumeric, ScaleBand, ScalePoint } from 'd3-scale';
+import React from 'react';
 declare const CONSTANT: {
     readonly VIRTUAL_ELEMENT: symbol;
 };
 export { CONSTANT };
 export declare const eventToPoint: (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => number[];
-declare type InvertableScale = ScaleIdentity | ScaleBand<unknown> | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown>;
+type InvertableScale = ScaleIdentity | ScaleBand<{}> | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown>;
 export declare const invert: <Scale extends InvertableScale = InvertableScale>(scale: Scale, value: number) => number | Date;
 export declare const definedNullData: (x: number, y: number) => (plot: {
     [xOrY: number]: unknown;
@@ -13,13 +14,15 @@ export declare const definedNullData: (x: number, y: number) => (plot: {
 export declare const definedData: (x: number, y: number) => (plot: {
     [xOrY: number]: unknown;
 }) => boolean;
-export declare const scaleOfBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale, value: number) => number;
-export declare const minMax: <Key extends string = string, Data extends Iterable<{ [key in Key]: Numeric; }> = Iterable<{ [key_1 in Key]: Numeric; }>>(data: Data, key: Key) => [{ [key in Key]: Numeric; }[Key], { [key in Key]: Numeric; }[Key]] | [string, string];
+export declare const scaleOfBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale, value: number) => number | undefined;
+export declare const minMax: <Key extends string = string, Data extends {
+    [key: string]: Numeric | null | undefined;
+}[] = {
+    [key: string]: Numeric | null | undefined;
+}[]>(data: Data, key: Key) => [min: Data[0][Key], max: Data[0][Key]];
 export declare const getNullData: <Name extends string = string, Data extends { [name in Name]?: unknown; } = {}>(data: Data[], defined: (data: Data) => boolean, name: Name) => Data[];
-declare type IndexFromDataScale = ScaleIdentity | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown> | ScaleBand<{}> | ScalePoint<{}>;
-export declare const getIndexFromData: <Data extends {
-    [key: string]: number;
-} = {}, Scale extends IndexFromDataScale = IndexFromDataScale>(data: Data[], scale: Scale, key: string, value: number) => number;
+type IndexFromDataScale = ScaleIdentity | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown> | ScaleBand<{}> | ScalePoint<{}>;
+export declare const getIndexFromData: <Key extends string, Data extends { [key in Key]: number; } = { [key_1 in Key]: number; }, Scale extends IndexFromDataScale = IndexFromDataScale>(data: Data[], scale: Scale, key: Key, value: number) => number | null;
 export declare const roundedPath: (x: number, y: number, w: number, h: number, r: number, tl?: boolean, tr?: boolean, bl?: boolean, br?: boolean) => string;
 export declare const getBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale) => number;
 export declare const memoize: <Func extends (...args: any[]) => any>(func: Func) => Func;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "2.17.5",
+  "version": "3.0.0-beta.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -10,10 +10,10 @@
   "license": "MIT",
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "^1",
-    "@semcore/flex-box": "^4",
-    "@semcore/popper": "^4.9",
-    "@semcore/utils": "^3.42.0",
+    "@semcore/animation": "2.0.0-beta.1",
+    "@semcore/flex-box": "5.0.0-beta.1",
+    "@semcore/popper": "5.0.0-beta.1",
+    "@semcore/utils": "4.0.0-beta.1",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.1",
     "d3-array": "3.1.6",
@@ -22,11 +22,10 @@
     "d3-scale": "3.3.0",
     "d3-shape": "3.1.0",
     "d3-transition": "3.0.1",
-    "hoist-non-react-statics": "3.3.2",
-    "resize-observer-polyfill": "1.5.1"
+    "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^1.12",
+    "@semcore/core": "2.0.0-beta.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -41,12 +40,13 @@
     "@semcore/checkbox": "*",
     "@semcore/dropdown-menu": "*",
     "@semcore/icon": "*",
-    "@semcore/utils": "*",
     "@semcore/testing-utils": "1.0.0",
     "@semcore/typography": "*",
+    "@semcore/utils": "*",
     "@types/d3-array": "^3.0.2",
     "@types/d3-scale": "^4.0.2",
-    "@types/d3-transition": "^3.0.1"
+    "@types/d3-transition": "^3.0.1",
+    "@types/react": "18.0.21"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts"

package/lib/cjs/types/Radar.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=Radar.js.map

package/lib/cjs/types/Radar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radar.js","names":[],"sources":["../../../src/types/Radar.ts"],"sourcesContent":["import IContext from './context';\nimport { MapProps } from './Plot';\nimport { ReturnEl } from '@semcore/core';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IRadarProps extends IContext {\n  /**\n   * Scale for radar element\n   * */\n  scale: any;\n  /**\n   * Graph type to be displayed\n   * @default 'polygon'\n   * */\n  type?: 'polygon' | 'circle';\n  /**\n   * Indent from the edge of svg to graph\n   * */\n  offset?: number;\n\n  /**\n   * Label font size\n   * @default 12\n   * */\n  textSize?: number;\n\n  /**\n   * Base angle of chart rotation\n   * @default 0\n   * @example Math.PI/3\n   * */\n  angleOffset?: number;\n}\n\nexport interface IRadarAxisProps extends IContext {\n  /**\n   * Sets the field name for categories\n   * */\n  dataKey: string;\n}\n\nexport interface IRadarAxisTicksProps {\n  /**\n   * Distance between auxiliary lines\n   * @default 100\n   * */\n  tickSize?: number;\n}\n\nexport interface IRadarAxisLabelsProps {\n  /**\n   * Indent from graph to label\n   * @default 10\n   * */\n  labelOffset?: number;\n}\n\nexport interface IRadialPolygonProps extends IContext {\n  /**\n   * Sets the field name for data\n   * */\n  dataKey: string;\n  /**\n   * Curve method\n   * @default curveLinearClosed\n   * */\n  curve?: CurveFactory;\n  /**\n   * Sets the color of the entire polygon\n   * */\n  color?: string;\n  /**\n   * Sets the fill color\n   * */\n  fill?: string;\n}\n\nexport interface IRadialPolygonLineProps {\n  /**\n   * Sets the line color\n   * */\n  color?: string;\n}\n\nexport interface IRadialPolygonDotsProps {\n  /**\n   * Sets the dot color\n   * */\n  color?: string;\n}\n\nexport interface IRadarHoverProps extends IContext {}\n\ndeclare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {\n  Axis: (<T>(props: MapProps<IRadarAxisProps & T>) => ReturnEl) & {\n    Ticks: <T>(props: MapProps<IRadarAxisTicksProps & T>) => ReturnEl;\n    Labels: <T>(props: MapProps<IRadarAxisLabelsProps & T>) => ReturnEl;\n  };\n  Polygon: (<T>(props: MapProps<IRadialPolygonProps & T>) => ReturnEl) & {\n    Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;\n    Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;\n  };\n  Hover: <T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl;\n};\n\nexport default Radar;\n"],"mappings":""}

package/lib/es6/types/Radar.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Radar.js.map

package/lib/es6/types/Radar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radar.js","names":[],"sources":["../../../src/types/Radar.ts"],"sourcesContent":["import IContext from './context';\nimport { MapProps } from './Plot';\nimport { ReturnEl } from '@semcore/core';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IRadarProps extends IContext {\n  /**\n   * Scale for radar element\n   * */\n  scale: any;\n  /**\n   * Graph type to be displayed\n   * @default 'polygon'\n   * */\n  type?: 'polygon' | 'circle';\n  /**\n   * Indent from the edge of svg to graph\n   * */\n  offset?: number;\n\n  /**\n   * Label font size\n   * @default 12\n   * */\n  textSize?: number;\n\n  /**\n   * Base angle of chart rotation\n   * @default 0\n   * @example Math.PI/3\n   * */\n  angleOffset?: number;\n}\n\nexport interface IRadarAxisProps extends IContext {\n  /**\n   * Sets the field name for categories\n   * */\n  dataKey: string;\n}\n\nexport interface IRadarAxisTicksProps {\n  /**\n   * Distance between auxiliary lines\n   * @default 100\n   * */\n  tickSize?: number;\n}\n\nexport interface IRadarAxisLabelsProps {\n  /**\n   * Indent from graph to label\n   * @default 10\n   * */\n  labelOffset?: number;\n}\n\nexport interface IRadialPolygonProps extends IContext {\n  /**\n   * Sets the field name for data\n   * */\n  dataKey: string;\n  /**\n   * Curve method\n   * @default curveLinearClosed\n   * */\n  curve?: CurveFactory;\n  /**\n   * Sets the color of the entire polygon\n   * */\n  color?: string;\n  /**\n   * Sets the fill color\n   * */\n  fill?: string;\n}\n\nexport interface IRadialPolygonLineProps {\n  /**\n   * Sets the line color\n   * */\n  color?: string;\n}\n\nexport interface IRadialPolygonDotsProps {\n  /**\n   * Sets the dot color\n   * */\n  color?: string;\n}\n\nexport interface IRadarHoverProps extends IContext {}\n\ndeclare const Radar: (<T>(props: MapProps<IRadarProps & T>) => ReturnEl) & {\n  Axis: (<T>(props: MapProps<IRadarAxisProps & T>) => ReturnEl) & {\n    Ticks: <T>(props: MapProps<IRadarAxisTicksProps & T>) => ReturnEl;\n    Labels: <T>(props: MapProps<IRadarAxisLabelsProps & T>) => ReturnEl;\n  };\n  Polygon: (<T>(props: MapProps<IRadialPolygonProps & T>) => ReturnEl) & {\n    Line: <T>(props: MapProps<IRadialPolygonLineProps & T>) => ReturnEl;\n    Dots: <T>(props: MapProps<IRadialPolygonDotsProps & T>) => ReturnEl;\n  };\n  Hover: <T>(props: MapProps<IRadarHoverProps & T>) => ReturnEl;\n};\n\nexport default Radar;\n"],"mappings":""}