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

package/lib/types/Hover.d.ts

@@ -1,16 +1,40 @@
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
 import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { TooltipTypeBase } from './Tooltip';
+import { IBoxProps } from '@semcore/flex-box';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IHoverProps extends IContext {
-  /** Field from data for XAxis */
+/** @deprecated */
+export interface IHoverProps extends HoverProps, UnknownProperties {}
+export type HoverProps = 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;
-}
+};
 
-declare const HoverLine: <T>(props: MapProps<IHoverProps & T>) => ReturnEl;
+type HoverTooltip = (<X, Y>(
+  props: {
+    /** Field name from `data` array item for the XAxis */
+    x?: X;
+    /** Field name from `data` array item for the YAxis */
+    y?: Y;
+    children: (props: {
+      /** Index in `data` array of the current item */
+      xIndex: X extends string ? string : never;
+      /** Index in `data` array of the current item */
+      yIndex: Y extends string ? string : never;
+    }) => { children: ReturnEl };
+  } & Omit<IBoxProps, 'children'>,
+) => ReturnEl) &
+  TooltipTypeBase;
 
-declare const HoverRect: <T>(props: MapProps<IHoverProps & T>) => ReturnEl;
+declare const HoverLine: IntergalacticD3Component<'g', HoverProps> & {
+  Tooltip: HoverTooltip;
+};
 
+declare const HoverRect: IntergalacticD3Component<'g', HoverProps> & {
+  Tooltip: HoverTooltip;
+};
 export { HoverLine, HoverRect };

package/lib/types/Line.d.ts

@@ -1,13 +1,15 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
 import { CurveFactory } from 'd3-shape';
-import { IFadeInOutProps } from '@semcore/animation';
+import { FadeInOutProps } from '@semcore/animation';
+import { IntergalacticD3Component } from './Plot';
 
-export interface ILineProps extends IContext {
-  /** Field from data for XAxis */
+/** @deprecated */
+export interface ILineProps extends LineProps, UnknownProperties {}
+export type LineProps = 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;
   /** Line color
    * @default '#50aef4'*/
@@ -22,32 +24,40 @@ export interface ILineProps extends IContext {
   duration?: number;
   /** Enables element transparency */
   transparent?: boolean;
-}
+};
 
-export interface ILineDotsProps extends IContext, IFadeInOutProps {
-  /** Show all Dot */
-  display?: boolean;
-  /** Hide property */
-  hide?: boolean;
-  /** Index active of element */
-  activeIndex?: number;
-}
+/** @deprecated */
+export interface ILineDotsProps extends LineDotsProps, UnknownProperties {}
+export type LineDotsProps = Context &
+  FadeInOutProps & {
+    /** Show all Dot */
+    display?: boolean;
+    /** Hide property */
+    hide?: boolean;
+    /** Index active of element */
+    activeIndex?: number;
+  };
 
-export interface ILineDotsContext {
+/** @deprecated */
+export interface ILineDotsContext extends LineDotsContext, UnknownProperties {}
+export type LineDotsContext = {
   /** Value element of data */
+  /** @deprecated */
   value?: any;
   /** Index element of data */
   index?: number;
-}
+};
 
-export interface ILineNullProps extends IContext {
+/** @deprecated */
+export interface ILineNullProps extends LineNullProps, UnknownProperties {}
+export type LineNullProps = Context & {
   /** Hide property */
   hide?: boolean;
-}
+};
 
-declare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {
-  Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;
-  Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;
+declare const Line: IntergalacticD3Component<'line', LineProps, Context> & {
+  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;
+  Null: IntergalacticD3Component<'path', LineNullProps>;
 };
 
 export default Line;

package/lib/types/Plot.d.ts

@@ -1,25 +1,30 @@
-import { IBoxProps } from '@semcore/flex-box';
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { BoxProps } from '@semcore/flex-box';
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { Context } from './context';
 
-export interface IPlotProps extends IContext, IBoxProps {
-  /** Width of the svg element
-   * @default 0*/
-  width?: number;
-  /** Height of the svg element
-   * @default 0*/
-  height?: number;
-  /** Human readable chart name (e.g "Last market trends") */
-  label?: string;
-  /**
-   * Locale for displaying the days of a week and months, to be transferred to `Intl`
-   * @default en
-   * */
-  locale?: NavigatorLanguage['language'];
-  /** Optional prop to tune up alt text generating for charts */
-  a11yAltTextConfig?: PlotSummarizerConfig;
-}
+/** @deprecated */
+export interface IPlotProps extends PlotProps, UnknownProperties {}
+export type PlotProps = Context &
+  BoxProps & {
+    /** Width of the svg element
+     * @default 0*/
+    width?: number;
+    /** Height of the svg element
+     * @default 0*/
+    height?: number;
+    /** Human readable chart name (e.g "Last market trends") */
+    label?: string;
+    /**
+     * Locale for displaying the days of a week and months, to be transferred to `Intl`
+     * @default en
+     * */
+    locale?: NavigatorLanguage['language'];
+    /** Optional prop to tune up alt text generating for charts */
+    a11yAltTextConfig?: PlotSummarizerConfig;
+
+    /** @deprecated */
+    eventEmitter?: unknown;
+  };
 
 export type PlotSummarizerConfig = {
   /** Totally disable automatic data summarization */
@@ -90,12 +95,19 @@ export type PlotSummarizerConfig = {
   additionalFields?: string[];
 };
 
+/** @deprecated */
 export type MapProps<Props, Ctx = {}, UCProps = {}> = Props & {
   children?:
     | ((props: Props & Ctx, handlers: UCProps) => Props | React.PropsWithChildren)
     | React.ReactNode;
 };
 
-declare const Plot: <T>(props: MapProps<IPlotProps & T>) => ReturnEl;
+export type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<
+  Tag extends Intergalactic.Tag = BaseTag,
+>(
+  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<BaseTag>;
 
+declare const Plot: IntergalacticD3Component<'svg', PlotProps, Context>;
 export default Plot;

package/lib/types/Radar.d.ts

@@ -0,0 +1,145 @@
+import { Context } from './context';
+import { UnknownProperties } from '@semcore/core';
+import { CurveFactory } from 'd3-shape';
+import { TooltipType } from './Tooltip';
+import { IntergalacticD3Component } from './Plot';
+import { BoxProps } from '@semcore/flex-box';
+
+/** @deprecated */
+export interface IRadarProps extends RadarProps, UnknownProperties {}
+export type RadarProps = Context & {
+  /**
+   * Scale for radar element
+   * */
+  /** @deprecated */
+  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;
+
+  /**
+   * Base angle of chart rotation
+   * @default 0
+   * @example Math.PI/3
+   * */
+  angleOffset?: number;
+};
+
+/** @deprecated */
+export interface IRadarAxisProps extends RadarAxisProps, UnknownProperties {}
+export type RadarAxisProps = Context & {
+  /**
+   * Sets the field name for categories
+   * */
+  dataKey: string;
+};
+
+/** @deprecated */
+export interface IRadarAxisTicksProps extends RadarAxisTicksProps, UnknownProperties {}
+export type RadarAxisTicksProps = {
+  /**
+   * Distance between auxiliary lines
+   * @default 100
+   * */
+  tickSize?: number;
+};
+
+/** @deprecated */
+export interface IRadarAxisLabelsProps extends RadarAxisLabelsProps, UnknownProperties {}
+export type RadarAxisLabelsProps = {
+  /**
+   * Indent from graph to label
+   * @default 10
+   * */
+  labelOffset?: number;
+};
+
+type RadarAxisLabelsContext = Context & {
+  xDirection: 'middle' | 'start' | 'end';
+  yDirection: 'alphabetic' | 'mathematical' | 'middle';
+  x: number;
+  y: number;
+};
+
+/** @deprecated */
+export interface IRadialPolygonProps extends RadialPolygonProps, UnknownProperties {}
+export type RadialPolygonProps = Context & {
+  /**
+   * 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;
+};
+
+/** @deprecated */
+export interface IRadialPolygonLineProps extends RadialPolygonLineProps, UnknownProperties {}
+export type RadialPolygonLineProps = {
+  /**
+   * Sets the line color
+   * */
+  color?: string;
+};
+
+/** @deprecated */
+export interface IRadialPolygonDotsProps extends RadialPolygonDotsProps, UnknownProperties {}
+export type RadialPolygonDotsProps = {
+  /**
+   * Sets the dot color
+   * */
+  color?: string;
+};
+
+/** @deprecated */
+export interface IRadarHoverProps extends RadarHoverProps, UnknownProperties {}
+export type RadarHoverProps = BoxProps & Context & {};
+
+declare const Radar: IntergalacticD3Component<'g', RadarProps, Context> & {
+  Axis: IntergalacticD3Component<'path', RadarAxisProps, Context> & {
+    Ticks: IntergalacticD3Component<'path', RadarAxisTicksProps, Context>;
+    Labels: IntergalacticD3Component<'text', RadarAxisLabelsProps, RadarAxisLabelsContext>;
+  };
+  Polygon: IntergalacticD3Component<'path', RadialPolygonProps, Context> & {
+    Line: IntergalacticD3Component<'line', RadialPolygonLineProps, Context>;
+    Dots: IntergalacticD3Component<'circle', RadialPolygonDotsProps, Context>;
+  };
+  Hover: IntergalacticD3Component<'path', RadarHoverProps, Context>;
+  Tooltip: TooltipType<
+    RadarHoverProps & {
+      /** Index in `data` array of the current items */
+      index: number;
+    }
+  >;
+};
+
+export declare function getLabelOffsetPosition(
+  xDirection: 'middle' | 'start' | 'end',
+  yDirection: 'alphabetic' | 'mathematical' | 'middle',
+  width: number,
+  height: number,
+): [xOffset: number, yOffset: number];
+
+export default Radar;

package/lib/types/RadialTree.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import { ReturnEl } from '@semcore/core';
-import type { MapProps } from './types';
-declare type RadianData = {
+import { UnknownProperties, Intergalactic } from '@semcore/core';
+type RadianData = {
     /**
      * Text label on the end of radian.
      */
@@ -35,11 +34,14 @@ declare type RadianData = {
      */
     iconSize?: number;
 };
-export interface IRadialTreeProps {
+/** @deprecated */
+export interface IRadialTreeProps extends RadialTreeProps, UnknownProperties {
+}
+export type RadialTreeProps = {
     /**
      * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`
      */
-    data: RadianData[];
+    data?: RadianData[];
     /**
      * Angel (in rads) that rotates chart. 0 means that first radian is exactly on top vertical line.
      * @default 0
@@ -93,26 +95,36 @@ export interface IRadialTreeProps {
      * Used to define the active radian in controlled way. Active radian is highligted with inreased cap size.
      */
     activeKey?: string | null;
+    onActiveKeyChange?: (activeKey: string | null) => void;
     /**
      * Default value for `activeKey` property.
      */
     defaultActiveKey?: string | null;
     /** Enables element transparency */
     transparent?: boolean;
+};
+/** @deprecated */
+export interface IRadialTreeRadianProps extends RadialTreeRadianProps, UnknownProperties {
 }
-export interface IRadialTreeRadianProps extends IRadialTreeProps {
+export type RadialTreeRadianProps = RadialTreeProps & {
     radiansCount?: number;
     textWidth?: number;
     onRadianClick?: (key: string) => (event: React.MouseEvent) => void;
+};
+/** @deprecated */
+export interface IRadialTreeRadianInteractiveAreaProps extends RadialTreeRadianInteractiveAreaProps {
 }
-export interface IRadialTreeRadianInteractiveAreaProps {
+export type RadialTreeRadianInteractiveAreaProps = {
     x1?: number;
     y1?: number;
     x2?: number;
     y2?: number;
     strokeWidth?: number;
+};
+/** @deprecated */
+export interface IRadialTreeRadianLineProps extends RadialTreeRadianLineProps, UnknownProperties {
 }
-export interface IRadialTreeRadianLineProps {
+export type RadialTreeRadianLineProps = {
     x1?: number;
     y1?: number;
     x2?: number;
@@ -121,8 +133,8 @@ export interface IRadialTreeRadianLineProps {
     transparent?: boolean;
     ['data-radial-animation']?: `${string}-line`;
     ['data-radian-index']?: number;
-}
-declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
+};
+type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
     Element: React.FC<{
         render: string;
         transparent: boolean;
@@ -130,7 +142,10 @@ declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
     styles: React.CSSProperties;
 };
 declare const Line: React.FC<RadialTreeRadianLineAsProps>;
-export interface IRadialTreeRadianCapProps {
+/** @deprecated */
+export interface IRadialTreeRadianCapProps extends RadialTreeRadianCapProps, UnknownProperties {
+}
+export type RadialTreeRadianCapProps = {
     x?: number;
     y?: number;
     radius?: number;
@@ -138,8 +153,8 @@ export interface IRadialTreeRadianCapProps {
     transparent?: boolean;
     ['data-radial-animation']?: `${string}-cap-circle`;
     ['data-radian-index']?: number;
-}
-declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
+};
+type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
     Element: React.FC<{
         render: string;
         transparent: boolean;
@@ -147,7 +162,10 @@ declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
     styles: React.CSSProperties;
 };
 declare const Cap: React.FC<RadialTreeRadianCapAsProps>;
-export interface IRadialTreeRadianIconProps {
+/** @deprecated */
+export interface IRadialTreeRadianIconProps extends RadialTreeRadianIconProps, UnknownProperties {
+}
+export type RadialTreeRadianIconProps = {
     x?: number;
     y?: number;
     iconSize?: number;
@@ -157,8 +175,8 @@ export interface IRadialTreeRadianIconProps {
     tag?: React.FC;
     isActive?: boolean;
     transparent?: boolean;
-}
-declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
+};
+type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
     Element: React.FC<{
         render: string | React.FC;
         transparent: boolean;
@@ -169,7 +187,10 @@ declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
     styles: React.CSSProperties;
 };
 declare const Icon: React.FC<RadialTreeRadianIconAsProps>;
-export interface IRadialTreeRadianLabelProps {
+/** @deprecated */
+export interface IRadialTreeRadianLabelProps extends RadialTreeRadianLabelProps, UnknownProperties {
+}
+export type RadialTreeRadianLabelProps = {
     x?: number;
     y?: number;
     color?: string;
@@ -180,8 +201,8 @@ export interface IRadialTreeRadianLabelProps {
     isHorizontal?: boolean;
     angle?: number;
     transparent?: boolean;
-}
-declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
+};
+type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
     Element: React.FC<{
         render: string;
     } & React.SVGProps<any>>;
@@ -193,20 +214,24 @@ declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
     textSize: number;
 };
 declare const Label: React.FC<RadialTreeRadianLabelAsProps>;
-export interface IRadialTreeTitleProps {
+/** @deprecated */
+export interface IRadialTreeTitleProps extends RadialTreeTitleProps, UnknownProperties {
+}
+export type RadialTreeTitleProps = {
     x?: number;
     y?: number;
     textSize?: number;
     ['data-radial-animation']?: `${string}-label`;
     color?: string;
-}
-declare const RadialTree: (<T>(props: MapProps<IRadialTreeProps & T, {}, {}>) => ReturnEl) & {
-    Title: <T_1>(props: MapProps<IRadialTreeTitleProps & T_1, {}, {}>) => ReturnEl;
-    Radian: (<T_2>(props: MapProps<IRadialTreeRadianProps & T_2, {}, {}>) => ReturnEl) & {
-        Line: <T_3>(props: MapProps<IRadialTreeRadianLineProps & T_3, {}, {}>) => ReturnEl;
-        Cap: <T_4>(props: MapProps<IRadialTreeRadianCapProps & T_4, {}, {}>) => ReturnEl;
-        Icon: <T_5>(props: MapProps<IRadialTreeRadianIconProps & T_5, {}, {}>) => ReturnEl;
-        Label: <T_6>(props: MapProps<IRadialTreeRadianLabelProps & T_6, {}, {}>) => ReturnEl;
+};
+type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<Tag extends Intergalactic.Tag = Intergalactic.Tag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<BaseTag>;
+declare const RadialTree: (<Tag extends Intergalactic.InternalTypings.ComponentTag = Intergalactic.InternalTypings.ComponentTag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, RadialTreeProps, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<"g"> & {
+    Title: IntergalacticD3Component<'text', RadialTreeTitleProps>;
+    Radian: IntergalacticD3Component<'g', RadialTreeRadianProps> & {
+        Line: IntergalacticD3Component<'line', RadialTreeRadianLineProps>;
+        Cap: IntergalacticD3Component<'circle', RadialTreeRadianCapProps>;
+        Icon: IntergalacticD3Component<'g', RadialTreeRadianIconProps>;
+        Label: IntergalacticD3Component<'text', RadialTreeRadianLabelProps>;
     };
 };
 export default RadialTree;

package/lib/types/ReferenceLine.d.ts

@@ -1,32 +1,45 @@
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
-import IContext from './context';
+import { UnknownProperties } from '@semcore/core';
+import { Context } from './context';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IReferenceLineProps extends IContext {
+/** @deprecated **/
+export interface IReferenceLineProps extends ReferenceLineProps, UnknownProperties {}
+export type ReferenceLineProps = Context & {
   /** The position of the title relative reference line
    * @default 'left' */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
-  value: any;
-}
+  /** @deprecated */
+  value?: any;
+
+  title?: string;
+};
 
-export interface IReferenceLineTitleProps extends IContext {
+/** @deprecated **/
+export interface IReferenceLineTitleProps extends ReferenceLineTitleProps, UnknownProperties {}
+export type ReferenceLineTitleProps = Context & {
   /** The position of the axis relative reference line */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
+  /** @deprecated */
   value: any;
-}
+};
 
-export interface IReferenceLineBackgroundProps extends IContext {
+/** @deprecated **/
+export interface IReferenceLineBackgroundProps
+  extends ReferenceLineBackgroundProps,
+    UnknownProperties {}
+export type ReferenceLineBackgroundProps = Context & {
   /** The position of the axis relative reference line */
   position?: 'top' | 'right' | 'bottom' | 'left';
   /** Value element of data */
-  value: any;
-}
+  /** @deprecated */
+  value?: any;
+};
 
-declare const ReferenceLine: (<T>(props: MapProps<IReferenceLineProps & T>) => ReturnEl) & {
-  Title: <T>(props: MapProps<IReferenceLineTitleProps & T>) => ReturnEl;
-  Background: <T>(props: MapProps<IReferenceLineBackgroundProps & T>) => ReturnEl;
+declare const ReferenceLine: IntergalacticD3Component<'line', ReferenceLineProps, Context> & {
+  Title: IntergalacticD3Component<'text', ReferenceLineTitleProps, Context>;
+  Background: IntergalacticD3Component<'rect', ReferenceLineBackgroundProps, Context>;
 };
 
 export default ReferenceLine;

package/lib/types/ResponsiveContainer.d.ts

@@ -1,21 +1,29 @@
-import { IBoxProps } from '@semcore/flex-box';
-import { ReturnEl } from '@semcore/core';
-import { MapProps } from './Plot';
+import { BoxProps } from '@semcore/flex-box';
+import { UnknownProperties } from '@semcore/core';
+import { IntergalacticD3Component } from './Plot';
 
-export interface IResponsiveContainerProps extends IBoxProps {
+/** @deprecated */
+export interface IResponsiveContainerProps extends ResponsiveContainerProps, UnknownProperties {}
+export type ResponsiveContainerProps = BoxProps & {
   /** Relation between height and width dimensions block */
   aspect?: number;
   /** Callback which will be called after changing the block size */
   onResize?: (size: [number, number], entries: ResizeObserverEntry[]) => void;
-}
+};
 
-export interface IResponsiveContainerContext {
+/** @deprecated */
+export interface IResponsiveContainerContext
+  extends ResponsiveContainerContext,
+    UnknownProperties {}
+export type ResponsiveContainerContext = {
   width?: number;
   height?: number;
-}
+};
 
-declare const ResponsiveContainer: <T>(
-  props: MapProps<IResponsiveContainerProps & T, IResponsiveContainerContext>,
-) => ReturnEl;
+declare const ResponsiveContainer: IntergalacticD3Component<
+  'div',
+  ResponsiveContainerProps,
+  ResponsiveContainerContext
+>;
 
 export default ResponsiveContainer;