@semcore/d3-chart 3.0.0-beta.0 → 3.0.0

package/lib/types/RadialTree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { UnknownProperties, Intergalactic } from '@semcore/core';
-declare type RadianData = {
+type RadianData = {
     /**
      * Text label on the end of radian.
      */
@@ -37,7 +37,7 @@ declare type RadianData = {
 /** @deprecated */
 export interface IRadialTreeProps extends RadialTreeProps, UnknownProperties {
 }
-export declare type RadialTreeProps = {
+export type RadialTreeProps = {
     /**
      * List of radians. `{ label: string; key: string; capSize?: number; icon?: React.FC; color?: string; iconColor?: string; iconSize?: number; }`
      */
@@ -106,7 +106,7 @@ export declare type RadialTreeProps = {
 /** @deprecated */
 export interface IRadialTreeRadianProps extends RadialTreeRadianProps, UnknownProperties {
 }
-export declare type RadialTreeRadianProps = RadialTreeProps & {
+export type RadialTreeRadianProps = RadialTreeProps & {
     radiansCount?: number;
     textWidth?: number;
     onRadianClick?: (key: string) => (event: React.MouseEvent) => void;
@@ -114,7 +114,7 @@ export declare type RadialTreeRadianProps = RadialTreeProps & {
 /** @deprecated */
 export interface IRadialTreeRadianInteractiveAreaProps extends RadialTreeRadianInteractiveAreaProps {
 }
-export declare type RadialTreeRadianInteractiveAreaProps = {
+export type RadialTreeRadianInteractiveAreaProps = {
     x1?: number;
     y1?: number;
     x2?: number;
@@ -124,7 +124,7 @@ export declare type RadialTreeRadianInteractiveAreaProps = {
 /** @deprecated */
 export interface IRadialTreeRadianLineProps extends RadialTreeRadianLineProps, UnknownProperties {
 }
-export declare type RadialTreeRadianLineProps = {
+export type RadialTreeRadianLineProps = {
     x1?: number;
     y1?: number;
     x2?: number;
@@ -134,7 +134,7 @@ export declare type RadialTreeRadianLineProps = {
     ['data-radial-animation']?: `${string}-line`;
     ['data-radian-index']?: number;
 };
-declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
+type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
     Element: React.FC<{
         render: string;
         transparent: boolean;
@@ -145,7 +145,7 @@ declare const Line: React.FC<RadialTreeRadianLineAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianCapProps extends RadialTreeRadianCapProps, UnknownProperties {
 }
-export declare type RadialTreeRadianCapProps = {
+export type RadialTreeRadianCapProps = {
     x?: number;
     y?: number;
     radius?: number;
@@ -154,7 +154,7 @@ export declare type RadialTreeRadianCapProps = {
     ['data-radial-animation']?: `${string}-cap-circle`;
     ['data-radian-index']?: number;
 };
-declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
+type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
     Element: React.FC<{
         render: string;
         transparent: boolean;
@@ -165,7 +165,7 @@ declare const Cap: React.FC<RadialTreeRadianCapAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianIconProps extends RadialTreeRadianIconProps, UnknownProperties {
 }
-export declare type RadialTreeRadianIconProps = {
+export type RadialTreeRadianIconProps = {
     x?: number;
     y?: number;
     iconSize?: number;
@@ -176,7 +176,7 @@ export declare type RadialTreeRadianIconProps = {
     isActive?: boolean;
     transparent?: boolean;
 };
-declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
+type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
     Element: React.FC<{
         render: string | React.FC;
         transparent: boolean;
@@ -190,7 +190,7 @@ declare const Icon: React.FC<RadialTreeRadianIconAsProps>;
 /** @deprecated */
 export interface IRadialTreeRadianLabelProps extends RadialTreeRadianLabelProps, UnknownProperties {
 }
-export declare type RadialTreeRadianLabelProps = {
+export type RadialTreeRadianLabelProps = {
     x?: number;
     y?: number;
     color?: string;
@@ -202,7 +202,7 @@ export declare type RadialTreeRadianLabelProps = {
     angle?: number;
     transparent?: boolean;
 };
-declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
+type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
     Element: React.FC<{
         render: string;
     } & React.SVGProps<any>>;
@@ -217,14 +217,14 @@ declare const Label: React.FC<RadialTreeRadianLabelAsProps>;
 /** @deprecated */
 export interface IRadialTreeTitleProps extends RadialTreeTitleProps, UnknownProperties {
 }
-export declare type RadialTreeTitleProps = {
+export type RadialTreeTitleProps = {
     x?: number;
     y?: number;
     textSize?: number;
     ['data-radial-animation']?: `${string}-label`;
     color?: string;
 };
-declare type IntergalacticD3Component<BaseTag extends Intergalactic.InternalTypings.ComponentTag, Props, Context = {}> = (<Tag extends Intergalactic.InternalTypings.ComponentTag = Intergalactic.InternalTypings.ComponentTag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<BaseTag>;
+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> & {

package/lib/types/Tooltip.d.ts

@@ -36,7 +36,7 @@ export type TooltipTypeBase = {
 };
 
 export type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<
-  Tag extends Intergalactic.InternalTypings.ComponentTag = typeof Box,
+  Tag extends Intergalactic.Tag = typeof Box,
 >(
   props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<
     Tag,
@@ -44,7 +44,7 @@ export type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<
     ChildrenRenderProps & TooltipChartContext
   >,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<Intergalactic.InternalTypings.ComponentTag> &
+  Intergalactic.InternalTypings.ComponentAdditive<Intergalactic.Tag> &
   TooltipTypeBase;
 
 /**

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/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,15 +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 scaleOfBandwidth: <Scale extends ScaleBand<{}>>(scale: Scale, value: number) => number | undefined;
 export declare const minMax: <Key extends string = string, Data extends {
-    [key: string]: Numeric;
+    [key: string]: Numeric | null | undefined;
 }[] = {
-    [key: string]: Numeric;
+    [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: <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;
+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": "3.0.0-beta.0",
+  "version": "3.0.0",
   "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": "2.0.0-beta.0",
-    "@semcore/flex-box": "5.0.0-beta.0",
-    "@semcore/popper": "5.0.0-beta.0",
-    "@semcore/utils": "4.0.0-beta.0",
+    "@semcore/animation": "2.0.0",
+    "@semcore/flex-box": "5.0.0",
+    "@semcore/popper": "5.0.0",
+    "@semcore/utils": "4.0.0",
     "@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": "2.0.0-beta.0",
+    "@semcore/core": "2.0.0",
     "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"