@semcore/d3-chart 3.54.0 → 3.55.2

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}
+{"version":3,"file":"LegendTable.js","names":["React","createComponent","sstyled","Root","Box","style","_sstyled","insert","LegendItemComponent","BaseLegend","LegendTableRoot","_BaseLegend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","_items$","SLegendTable","_this$asProps","styles","Children","_this$asProps$size","size","items","columnsCount","columns","length","createElement","cn","_objectSpread","_assignProps","map","_ref5","index","id","_ref5$columns","Fragment","item","concat","LegendTable","Column","_defineProperty","children","LegendItem","ColumnComponent","props","_ref2","arguments[0]","_ref4","SColumnItem","_assignProps2","gridColumnStart","gridColumnEnd"],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { sstyled, Root, IRootComponentProps } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendTableType, LegendTableProps, LegendColumnProps } from './LegendTable.type';\nimport style from './legend-table.shadow.css';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\nimport { BaseLegend } from '../BaseLegend';\n\nclass LegendTableRoot extends BaseLegend<LegendTableProps> {\n  static displayName = 'LegendTable';\n  static style = style;\n\n  static defaultProps = () => ({\n    children: <LegendTable.LegendItem />,\n  });\n\n  render() {\n    const SLegendTable = Root;\n    const { styles, Children, size = 'm', items } = this.asProps;\n    const columnsCount = items[0]?.columns.length;\n\n    return sstyled(styles)(\n      <SLegendTable render={Box} columns-count={columnsCount + 1} role={'group'}>\n        {items.map(({ id, columns = [] }, index) => {\n          return (\n            <React.Fragment key={id}>\n              <Children />\n              {columns.map((item, index) => {\n                return (\n                  <React.Fragment key={`${id}__${index}`}>\n                    <LegendTable.Column index={index} size={size} styles={styles}>\n                      {item}\n                    </LegendTable.Column>\n                  </React.Fragment>\n                );\n              })}\n            </React.Fragment>\n          );\n        })}\n      </SLegendTable>,\n    );\n  }\n}\n\nfunction ColumnComponent(props: LegendColumnProps & IRootComponentProps) {\n  const SColumnItem = Root;\n  const { styles, index, size, Children } = props;\n\n  return sstyled(styles)(\n    <SColumnItem\n      style={{ gridColumnStart: `${index + 2}`, gridColumnEnd: `${index + 3}` }}\n      render={Box}\n      size={size}\n    >\n      <Children />\n    </SColumnItem>,\n  );\n}\n\nexport const LegendTable: LegendTableType = createComponent(LegendTableRoot, {\n  LegendItem: LegendItemComponent,\n  Column: ColumnComponent,\n});\n"],"mappings":"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"}

package/lib/es6/component/ChartLegend/LegendTable/LegendTable.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\nimport React from 'react';\nimport { LegendProps, LSize } from '../BaseLegend.type';\n\nexport type LegendTableProps = Omit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":""}
+{"version":3,"file":"LegendTable.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendTable/LegendTable.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { LegendItem, LegendItemType } from '../LegendItem/LegendItem.type';\nimport React from 'react';\nimport { LegendProps, LSize } from '../BaseLegend.type';\n\nexport type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {\n  /**\n   * Legend items\n   */\n  items: Array<LegendItem & { columns: Array<React.ReactNode> }>;\n};\n\nexport type LegendColumnProps = {\n  index: number;\n  size: LSize;\n};\n\nexport type LegendTableType = Intergalactic.Component<typeof Box, LegendTableProps> & {\n  LegendItem: LegendItemType;\n  Column: Intergalactic.Component<typeof Box, Partial<LegendColumnProps>>;\n};\n"],"mappings":""}

package/lib/es6/translations/de.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legende zum Chart"
 }

package/lib/es6/translations/en.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Chart legend"
 }

package/lib/es6/translations/es.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendencia"
+  "trend": "Tendencia",
+  "legendForChart": "Leyenda del gráfico"
 }

package/lib/es6/translations/fr.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendance"
+  "trend": "Tendance",
+  "legendForChart": "Légende du diagramme"
 }

package/lib/es6/translations/it.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda del grafico"
 }

package/lib/es6/translations/ja.json

@@ -1,3 +1,4 @@
 {
-  "trend": "トレンド"
+  "trend": "トレンド",
+  "legendForChart": "チャートの凡例"
 }

package/lib/es6/translations/ko.json

@@ -1,3 +1,4 @@
 {
-  "trend": "추세"
+  "trend": "추세",
+  "legendForChart": "차트 범례"
 }

package/lib/es6/translations/nl.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda van grafiek"
 }

package/lib/es6/translations/pl.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Legenda wykresu"
 }

package/lib/es6/translations/pt.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Tendência"
+  "trend": "Tendência",
+  "legendForChart": "Legenda do gráfico"
 }

package/lib/es6/translations/sv.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Diagramförklaring"
 }

package/lib/es6/translations/tr.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Trend"
+  "trend": "Trend",
+  "legendForChart": "Chart legend"
 }

package/lib/es6/translations/vi.json

@@ -1,3 +1,4 @@
 {
-  "trend": "Xu hướng"
+  "trend": "Xu hướng",
+  "legendForChart": "Chú thích biểu đồ"
 }

package/lib/es6/translations/zh.json

@@ -1,3 +1,4 @@
 {
-  "trend": "趋势"
+  "trend": "趋势",
+  "legendForChart": "图例"
 }

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

@@ -7,6 +7,6 @@ export type A11yViewProps = {
     plotLabel: string;
     locale: NavigatorLanguage['language'];
     config: PartialDataSummarizationConfig;
-    plotRef: React.RefObject<Element>;
+    plotRef: React.RefObject<HTMLElement>;
 };
 export declare const PlotA11yModule: React.FC<A11yViewProps>;

package/lib/types/component/Chart/AbstractChart.d.ts

@@ -11,7 +11,7 @@ type ChartState = {
     highlightedLine: number;
     withTrend: boolean;
 };
-export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>, E = {}> extends Component<T, {}, ChartState, E> {
+export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>, E extends readonly ((...args: any[]) => any)[] = []> extends Component<T, {}, ChartState, E> {
     static style: {};
     static defaultProps: Partial<BaseChartProps<any>>;
     /**
@@ -27,6 +27,7 @@ export declare abstract class AbstractChart<D extends ListData | ObjectData, T e
     }>;
     protected abstract get xScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;
     protected abstract get yScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;
+    protected abstract getLegendAriaLabel(): string;
     protected abstract renderChart(): React.ReactNode;
     protected abstract renderTooltip(): React.ReactNode;
     protected get dataKeys(): string[];

package/lib/types/component/Chart/AbstractChart.type.d.ts

@@ -6,6 +6,7 @@ import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
 import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
 import { PatternsConfig } from '../../Pattern';
 import { PlotSummarizerConfig } from '../../Plot';
+import { Intergalactic } from '@semcore/utils/lib/core';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -36,7 +37,16 @@ export type BaseLegendProps = BaseChartLegendProps & {
 });
 export type ObjectData = Record<string, unknown>;
 export type ListData = ObjectData[];
-export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
+/**
+ * Chart, Legend must have an accessible names (aria-name).
+ * It should describe chart or legend content.
+ */
+export type AriaNameProps = Intergalactic.RequireAtLeastOne<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    title?: string;
+}>;
+export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNameProps & {
     /**
      * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array
      */

package/lib/types/component/ChartLegend/BaseLegend.d.ts

@@ -8,7 +8,7 @@ export declare abstract class BaseLegend<T extends LegendProps> extends Componen
     setHints(): void;
     getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
     getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;
-    bindOnChange: (id: LegendItemKey) => () => void;
+    onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
     bindOnMouseEnterItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
     bindOnMouseLeaveItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
 }

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

@@ -3,8 +3,9 @@ import { BoxProps, FlexProps } from '@semcore/flex-box';
 import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
 import { DataStructureHints } from '../../a11y/hints';
 import type { PatternsConfig } from '../../Pattern';
+import { AriaNameProps } from '../Chart/AbstractChart.type';
 export type LSize = 'm' | 'l';
-export type BaseChartLegendProps = FlexProps & {
+export type BaseChartLegendProps = FlexProps & AriaNameProps & {
     /**
      * Size for legend items
      */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Flex } from '@semcore/flex-box';
 import { Intergalactic, Root } from '@semcore/core';
 import Icon from '@semcore/icon';
@@ -53,15 +54,24 @@ export type LegendItemProps = LegendItem & {
     /**
      * Handler for select/deselect legend item.
      * !Need to redefine onClick, because we don't have `event` in it.
+     * @deprecated
      */
-    onClick: () => void;
+    onClick?: () => void;
     /** Enables patterns symbols that enhances charts accessibility */
     patterns?: PatternsConfig;
+    /**
+     * Handler for select/deselect legend item
+     */
+    onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
 };
-export type ShapeProps = LegendItem & {
+export type ShapeProps = LegendItem & ({
     size: LSize;
-    shape: ShapeType;
-};
+    shape: Exclude<ShapeType, 'Checkbox'>;
+} | {
+    size: LSize;
+    shape: Extract<ShapeType, 'Checkbox'>;
+    onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
+});
 export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];
 export type ShapeType = 'Checkbox' | typeof StaticShapes[number];
 export type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {

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

@@ -3,7 +3,7 @@ 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 = Omit<LegendProps, 'items'> & {
+export type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<LegendProps, 'items'> & {
     /**
      * Legend items
      */

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

@@ -1,41 +1,54 @@
 export declare const localizedMessages: {
     en: {
         trend: string;
+        legendForChart: string;
     };
     es: {
         trend: string;
+        legendForChart: string;
     };
     fr: {
         trend: string;
+        legendForChart: string;
     };
     it: {
         trend: string;
+        legendForChart: string;
     };
     ja: {
         trend: string;
+        legendForChart: string;
     };
     ko: {
         trend: string;
+        legendForChart: string;
     };
     nl: {
         trend: string;
+        legendForChart: string;
     };
     pt: {
         trend: string;
+        legendForChart: string;
     };
     tr: {
         trend: string;
+        legendForChart: string;
     };
     vi: {
         trend: string;
+        legendForChart: string;
     };
     zh: {
         trend: string;
+        legendForChart: string;
     };
     pl: {
         trend: string;
+        legendForChart: string;
     };
     sv: {
         trend: string;
+        legendForChart: string;
     };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.54.0",
+  "version": "3.55.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.35.0",
-    "@semcore/divider": "4.34.0",
-    "@semcore/flex-box": "5.35.0",
-    "@semcore/popper": "5.42.0",
-    "@semcore/utils": "4.39.0",
+    "@semcore/animation": "2.36.0",
+    "@semcore/divider": "4.35.0",
+    "@semcore/flex-box": "5.36.0",
+    "@semcore/popper": "5.43.0",
+    "@semcore/utils": "4.41.0",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",