@semcore/d3-chart 3.61.0-prerelease.5 → 3.61.0-prerelease.6

package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts

@@ -1,8 +1,8 @@
-import type { Box } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type React from 'react';
-import type { LegendProps, LSize } from '../BaseLegend.type';
-import type { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';
+import { Intergalactic } from '@semcore/core';
+import { Box } from '@semcore/flex-box';
+import { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';
+import React from 'react';
+import { LegendProps, LSize } from '../BaseLegend.type';
 export type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {
     /**
      * Legend items

package/lib/types/component/StackGroupBar/StackGroupBar.d.ts

@@ -1,3 +1,3 @@
-import type { StackGroupType } from './StackGroupBar.type';
+import { StackGroupType } from './StackGroupBar.type';
 declare const StackGroupBar: StackGroupType;
 export default StackGroupBar;

package/lib/types/component/StackGroupBar/StackGroupBar.type.d.ts

@@ -1,6 +1,7 @@
-import type { ScaleBand, ScaleLinear } from 'd3-scale';
-import type { Stack } from 'd3-shape';
-import type { IntergalacticD3Component } from '../../Plot';
+/// <reference types="react" />
+import { ScaleBand, ScaleLinear } from 'd3-scale';
+import { Stack } from 'd3-shape';
+import { IntergalacticD3Component } from '../../Plot';
 type StackGroupData = {
     [key: string]: number;
 };

package/lib/types/index.d.ts

@@ -1,7 +1,6 @@
 // Utils
 // @ts-ignore
-import type { interpolateValue as intValue } from './utils';
-import { PlotEventEmitter } from './utils';
+import { interpolateValue as intValue, PlotEventEmitter } from './utils';
 
 export declare const interpolateValue: typeof intValue;
 export declare function minMax(data: any, key: string | number): any;
@@ -100,7 +99,6 @@ export * from './component/Chart/AbstractChart.type';
 export * from './component/Chart/LineChart.type';
 export * from './component/Chart/BarChart.type';
 export * from './component/Chart/HistogramChart.type';
-export * from './component/Chart/CompactHorizontalBarChart.type';
 export * from './component/Chart/ScatterPlotChart.type';
 export * from './component/Chart/AreaChart.type';
 export * from './component/Chart/BubbleChart.type';

package/lib/types/translations/__intergalactic-dynamic-locales.d.ts

@@ -5,62 +5,50 @@ export declare const localizedMessages: {
         legendForChart: string;
     };
     es: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     fr: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     it: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     ja: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     ko: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     nl: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     pt: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     tr: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     vi: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     zh: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     pl: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };
     sv: {
-        "d3Chart.Plot:aria-label": string;
         trend: string;
         legendForChart: string;
     };

package/lib/types/utils.d.ts

@@ -1,7 +1,7 @@
-import EventEmitter from '@semcore/core/lib/utils/eventEmitter';
-import { type Numeric } from 'd3-array';
-import { type ScaleIdentity, type ScaleTime, type ScaleContinuousNumeric, type ScaleBand, type ScalePoint } from 'd3-scale';
-import type React from 'react';
+import EventEmitter from '@semcore/utils/lib/eventEmitter';
+import { Numeric } from 'd3-array';
+import { ScaleIdentity, ScaleTime, ScaleContinuousNumeric, ScaleBand, ScalePoint } from 'd3-scale';
+import React from 'react';
 export declare const eventToPoint: (event: React.MouseEvent<HTMLElement>, svgRoot: SVGElement) => number[];
 type InvertableScale = ScaleIdentity | ScaleBand<{}> | ScaleTime<unknown, unknown> | ScaleContinuousNumeric<unknown, unknown>;
 export declare const invert: <Scale extends InvertableScale = InvertableScale>(scale: Scale, value: number) => number | Date;
@@ -17,9 +17,9 @@ export declare const minMax: <Key extends string = string, Data extends {
 }[] = {
     [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 | null; } = {}>(data: Data[], defined: (data: Data) => boolean, name: Name) => Data[];
+export declare const getNullData: <Name extends string = string, Data extends { [name in Name]?: unknown; } = {}>(data: Data[], defined: (data: Data) => boolean, name: Name) => Data[];
 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 in Key]: number; }, Scale extends IndexFromDataScale = IndexFromDataScale>(data: Data[], scale: Scale, key: Key, value: number) => string | number | null;
+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) => string | 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 scaleToBand: (scale: ScaleBand<{}>) => ScaleBand<{}> | ScaleBand<string>;
 export declare const memoize: <Func extends (...args: any[]) => any>(func: Func) => Func;
@@ -34,15 +34,15 @@ type BubbleChartDataItem = {
     x: number;
     y: number;
 };
-export declare const calculateBubbleDomain: (data: Array<BubbleChartDataItem>, key: "x" | "y", range: [number, number]) => [min: number, max: number];
-type CommonEvents = {
-    setTooltipVisible: (visible: boolean) => void;
-    setTooltipPosition: (x: number, y: number) => void;
-};
-type Events = {
-    [K in keyof CommonEvents as `${K}_${string}`]: CommonEvents[K];
-};
-export declare const PlotEventEmitter: {
-    new (): EventEmitter<Events, `setTooltipVisible_${string}` | `setTooltipPosition_${string}`, ((visible: boolean) => void) | ((x: number, y: number) => void)>;
-};
+export declare const calculateBubbleDomain: (data: Array<BubbleChartDataItem>, key: 'x' | 'y', range: [number, number]) => [min: number, max: number];
+interface PlotEventEmitterEmit {
+    (event: 'setTooltipVisible', visible: boolean): void;
+    (event: 'setTooltipPosition', x: number, y: number): void;
+}
+type Unsubscribe = () => void;
+interface PlotEventEmitterSubscribe {
+    (event: 'setTooltipVisible', callback: (visible: boolean) => void): Unsubscribe;
+    (event: 'setTooltipPosition', callback: (x: number, y: number) => void): Unsubscribe;
+}
+export declare const PlotEventEmitter: typeof EventEmitter<PlotEventEmitterEmit, PlotEventEmitterSubscribe>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.61.0-prerelease.5",
+  "version": "3.61.0-prerelease.6",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "types": "lib/types/index.d.ts",
@@ -15,14 +15,14 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.42.0-prerelease.5",
-    "@semcore/checkbox": "7.45.0-prerelease.5",
-    "@semcore/divider": "4.41.0-prerelease.5",
-    "@semcore/flex-box": "5.42.0-prerelease.5",
-    "@semcore/popper": "5.47.0-prerelease.5",
-    "@semcore/utils": "4.49.0-prerelease.5",
-    "@semcore/typography": "5.54.0-prerelease.5",
-    "@semcore/icon": "4.63.0-prerelease.5",
+    "@semcore/animation": "2.42.0-prerelease.6",
+    "@semcore/checkbox": "7.45.0-prerelease.6",
+    "@semcore/divider": "4.41.0-prerelease.6",
+    "@semcore/flex-box": "5.42.0-prerelease.6",
+    "@semcore/popper": "5.47.0-prerelease.6",
+    "@semcore/utils": "4.49.0-prerelease.6",
+    "@semcore/typography": "5.54.0-prerelease.6",
+    "@semcore/icon": "4.63.0-prerelease.6",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -36,7 +36,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.40.0-prerelease.5",
+    "@semcore/core": "^2.40.0-prerelease.6",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },

package/lib/cjs/component/SvgElement.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SvgElement = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _propsForElement = _interopRequireDefault(require("@semcore/core/lib/utils/propsForElement"));
-var _react = _interopRequireDefault(require("react"));
-var _excluded = ["tag"];
-var SvgElement = exports.SvgElement = function SvgElement(_ref) {
-  var Tag = _ref.tag,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    _react["default"].createElement(Tag, (0, _propsForElement["default"])(props, Tag))
-  );
-};
-//# sourceMappingURL=SvgElement.js.map

package/lib/cjs/component/SvgElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgElement.js","names":["_propsForElement","_interopRequireDefault","require","_react","_excluded","SvgElement","exports","_ref","Tag","tag","props","_objectWithoutProperties2","createElement","propsForElement"],"sources":["../../../src/component/SvgElement.tsx"],"sourcesContent":["import propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport React from 'react';\n\ntype FilteredTags<T, ValueType> = {\n  [K in keyof T]: K extends ValueType ? K : never\n}[keyof T];\n\ntype AvailableTags = FilteredTags<JSX.IntrinsicElements, keyof SVGElementTagNameMap>;\n\ntype SvgElementProps<T extends AvailableTags> = React.SVGProps<SVGElementTagNameMap[T]> & {\n  tag: T;\n};\n\nexport const SvgElement = <T extends AvailableTags>({ tag: Tag, ...props }: SvgElementProps<T>) => {\n  return (\n    // @ts-ignore\n    <Tag {...propsForElement(props, Tag)} />\n  );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAYnB,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EAA4E;EAAA,IAAxCC,GAAG,GAAAD,IAAA,CAARE,GAAG;IAAUC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAH,SAAA;EACtE;IAAA;IACE;IACAD,MAAA,YAAAS,aAAA,CAACJ,GAAG,EAAK,IAAAK,2BAAe,EAACH,KAAK,EAAEF,GAAG,CAAI;EAAC;AAE5C,CAAC","ignoreList":[]}

package/lib/cjs/style/abstract-chart.shadow.css

@@ -1,12 +0,0 @@
-STooltipChildrenWrapper {
-  display: grid;
-  column-gap: var(--intergalactic-spacing-2x, 8px);
-
-  &[columnsCount='2'] {
-    grid-template-columns: auto minmax(28px, max-content);
-  }
-
-  &[columnsCount='3'] {
-    grid-template-columns: auto minmax(28px, max-content) minmax(28px, max-content);
-  }
-}

package/lib/es6/component/SvgElement.js

@@ -1,14 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["tag"];
-import propsForElement from '@semcore/core/lib/utils/propsForElement';
-import React from 'react';
-export var SvgElement = function SvgElement(_ref) {
-  var Tag = _ref.tag,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React.createElement(Tag, propsForElement(props, Tag))
-  );
-};
-//# sourceMappingURL=SvgElement.js.map

package/lib/es6/component/SvgElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgElement.js","names":["propsForElement","React","SvgElement","_ref","Tag","tag","props","_objectWithoutProperties","_excluded","createElement"],"sources":["../../../src/component/SvgElement.tsx"],"sourcesContent":["import propsForElement from '@semcore/core/lib/utils/propsForElement';\nimport React from 'react';\n\ntype FilteredTags<T, ValueType> = {\n  [K in keyof T]: K extends ValueType ? K : never\n}[keyof T];\n\ntype AvailableTags = FilteredTags<JSX.IntrinsicElements, keyof SVGElementTagNameMap>;\n\ntype SvgElementProps<T extends AvailableTags> = React.SVGProps<SVGElementTagNameMap[T]> & {\n  tag: T;\n};\n\nexport const SvgElement = <T extends AvailableTags>({ tag: Tag, ...props }: SvgElementProps<T>) => {\n  return (\n    // @ts-ignore\n    <Tag {...propsForElement(props, Tag)} />\n  );\n};\n"],"mappings":";;AAAA,OAAOA,eAAe,MAAM,yCAAyC;AACrE,OAAOC,KAAK,MAAM,OAAO;AAYzB,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA4E;EAAA,IAAxCC,GAAG,GAAAD,IAAA,CAARE,GAAG;IAAUC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACtE;IAAA;IACE;IACAP,KAAA,CAAAQ,aAAA,CAACL,GAAG,EAAKJ,eAAe,CAACM,KAAK,EAAEF,GAAG,CAAI;EAAC;AAE5C,CAAC","ignoreList":[]}

package/lib/es6/style/abstract-chart.shadow.css

@@ -1,12 +0,0 @@
-STooltipChildrenWrapper {
-  display: grid;
-  column-gap: var(--intergalactic-spacing-2x, 8px);
-
-  &[columnsCount='2'] {
-    grid-template-columns: auto minmax(28px, max-content);
-  }
-
-  &[columnsCount='3'] {
-    grid-template-columns: auto minmax(28px, max-content) minmax(28px, max-content);
-  }
-}

package/lib/esm/component/SvgElement.mjs

@@ -1,14 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import propsForElement from "@semcore/core/lib/utils/propsForElement";
-import React from "react";
-var _excluded = ["tag"];
-var SvgElement = function SvgElement2(_ref) {
-  var Tag = _ref.tag, props = _objectWithoutProperties(_ref, _excluded);
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ React.createElement(Tag, propsForElement(props, Tag))
-  );
-};
-export {
-  SvgElement
-};

package/lib/esm/style/abstract-chart.shadow.css

@@ -1,12 +0,0 @@
-STooltipChildrenWrapper {
-  display: grid;
-  column-gap: var(--intergalactic-spacing-2x, 8px);
-
-  &[columnsCount='2'] {
-    grid-template-columns: auto minmax(28px, max-content);
-  }
-
-  &[columnsCount='3'] {
-    grid-template-columns: auto minmax(28px, max-content) minmax(28px, max-content);
-  }
-}

package/lib/types/component/SvgElement.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-type FilteredTags<T, ValueType> = {
-    [K in keyof T]: K extends ValueType ? K : never;
-}[keyof T];
-type AvailableTags = FilteredTags<JSX.IntrinsicElements, keyof SVGElementTagNameMap>;
-type SvgElementProps<T extends AvailableTags> = React.SVGProps<SVGElementTagNameMap[T]> & {
-    tag: T;
-};
-export declare const SvgElement: <T extends AvailableTags>({ tag: Tag, ...props }: SvgElementProps<T>) => React.JSX.Element;
-export {};