@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.3

package/lib/es6/component/Chart/ScatterPlotChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","scaleTime","React","minMax","ScatterPlot","getScatterPlotRadius","AbstractChart","localizedMessages","ScatterPlotChartComponent","dataKeys","data","groupKey","valueKey","props","Object","keys","filter","key","xScale","marginY","plotWidth","asProps","radius","getValueScale","flatValues","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","yScale","marginX","plotHeight","max","Math","min","reduce","result","item","entries","forEach","value","add","Set","renderChart","onClickScatterItem","dataDefinitions","state","map","checked","createElement","onClick","x","y","id","color","renderTooltip","Tooltip","wMin","index","children","Fragment","Dot","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","showXAxis","showYAxis","showTooltip","showLegend","ScatterPlotChart"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BaseChartProps, ListData } from './AbstractChart.type';\nimport type {\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass ScatterPlotChartComponent extends AbstractChart<\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  typeof ScatterPlotChartComponent.enhance\n> {\n  static displayName = 'Chart.ScatterPlot';\n  public static defaultProps: Partial<BaseChartProps<ListData>> = {\n    direction: 'column',\n    showXAxis: true,\n    showYAxis: true,\n    showTooltip: true,\n    showLegend: false,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey, valueKey } = this.props;\n\n    return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n  }\n\n  protected get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\n    const testItem = data[0][groupKey];\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, groupKey);\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      return scaleTime([domain[0] - radius, domain[1] + radius], range);\n    }\n\n    return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = this.flatValues;\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n    const max = Math.max(...flatValues) + radius;\n    const min = Math.min(...flatValues) - radius;\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey, valueKey } = this.asProps;\n\n    const flatValues = data.reduce<Set<number>>((result, item) => {\n      Object.entries(item).forEach(([key, value]) => {\n        if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n          result.add(value);\n        }\n      });\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected renderChart() {\n    const { groupKey, valueKey, onClickScatterItem } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot onClick={onClickScatterItem} x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n        )\n      );\n    });\n  }\n\n  protected renderTooltip() {\n    const { data, groupKey } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions\n      .filter((item) => item.checked)\n      .map((item) => {\n        return (\n          <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n            {({ index, x, y }: any) => {\n              return {\n                children: (\n                  <>\n                    <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n                    <Text tag='div'>\n                      X axis\n                      {this.tooltipValueFormatter(data[index][x])}\n                    </Text>\n                    <Text tag='div'>\n                      Y axis\n                      {this.tooltipValueFormatter(data[index][y])}\n                    </Text>\n                  </>\n                ),\n              };\n            }}\n          </ScatterPlot.Tooltip>\n        );\n      });\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'ScatterPlot' });\n  }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ScatterPlotChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","scaleTime","React","minMax","ScatterPlot","getScatterPlotRadius","AbstractChart","localizedMessages","ScatterPlotChartComponent","dataKeys","data","groupKey","valueKey","props","Object","keys","filter","key","xScale","marginY","plotWidth","asProps","radius","getValueScale","flatValues","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","yScale","marginX","plotHeight","max","Math","min","reduce","result","item","entries","forEach","value","add","Set","renderChart","onClickScatterItem","dataDefinitions","state","map","checked","createElement","onClick","x","y","id","color","renderTooltip","Tooltip","wMin","index","children","Fragment","Dot","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","showXAxis","showYAxis","showTooltip","showLegend","ScatterPlotChart"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport type { ChartState } from './AbstractChart';\nimport { AbstractChart } from './AbstractChart';\nimport type {\n  ScatterPlotChartData,\n  ScatterPlotChartDefaultProps,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass ScatterPlotChartComponent extends AbstractChart<\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  typeof ScatterPlotChartComponent.enhance,\n  {},\n  ChartState,\n  ScatterPlotChartDefaultProps\n> {\n  static displayName = 'Chart.ScatterPlot';\n  public static defaultProps = {\n    direction: 'column',\n    showXAxis: true,\n    showYAxis: true,\n    showTooltip: true,\n    showLegend: false,\n  } as const;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey, valueKey } = this.props;\n\n    return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n  }\n\n  protected get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\n    const testItem = data[0][groupKey];\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, groupKey);\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      return scaleTime([domain[0] - radius, domain[1] + radius], range);\n    }\n\n    return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = this.flatValues;\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n    const max = Math.max(...flatValues) + radius;\n    const min = Math.min(...flatValues) - radius;\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey, valueKey } = this.asProps;\n\n    const flatValues = data.reduce<Set<number>>((result, item) => {\n      Object.entries(item).forEach(([key, value]) => {\n        if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n          result.add(value);\n        }\n      });\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected renderChart() {\n    const { groupKey, valueKey, onClickScatterItem } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot onClick={onClickScatterItem} x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n        )\n      );\n    });\n  }\n\n  protected renderTooltip() {\n    const { data, groupKey } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions\n      .filter((item) => item.checked)\n      .map((item) => {\n        return (\n          <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n            {({ index, x, y }: any) => {\n              return {\n                children: (\n                  <>\n                    <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n                    <Text tag='div'>\n                      X axis\n                      {this.tooltipValueFormatter(data[index][x])}\n                    </Text>\n                    <Text tag='div'>\n                      Y axis\n                      {this.tooltipValueFormatter(data[index][y])}\n                    </Text>\n                  </>\n                ),\n              };\n            }}\n          </ScatterPlot.Tooltip>\n        );\n      });\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'ScatterPlot' });\n  }\n}\n\n/**\n * ScatterPlotChart\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-code/|Examples}\n */\nexport const ScatterPlotChart = createComponent<\n  ScatterPlotChartType,\n  typeof ScatterPlotChartComponent\n>(ScatterPlotChartComponent);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/Chart/ScatterPlotChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartDefaultProps = {\n  direction: 'column';\n  showXAxis: true;\n  showYAxis: true;\n  showTooltip: true;\n  showLegend: false;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/VennChart.js

@@ -4,6 +4,7 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { Text } from '@semcore/typography';
 import { scaleLinear } from 'd3-scale';
 import React from 'react';
+
 // @ts-ignore
 import { Venn } from '../..';
 import { AbstractChart } from './AbstractChart';
@@ -110,6 +111,12 @@ class VennChartComponent extends AbstractChart {
     });
   }
 }
+
+/**
+ * VennChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-code/|Examples}
+ */
 _defineProperty(VennChartComponent, "displayName", 'Chart.Venn');
 _defineProperty(VennChartComponent, "defaultProps", {
   direction: 'row-reverse',

package/lib/es6/component/Chart/VennChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"VennChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Venn","AbstractChart","localizedMessages","VennChartComponent","xScale","asProps","yScale","dataKeys","data","props","legendKeys","Object","keys","filter","item","isIntersection","test","defaultLegendProps","legendType","renderChart","onClickVennItem","dataDefinitions","highlightedLine","state","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","onClick","map","index","Circle","key","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","find","legendItem","join","Intersection","renderTooltip","Tooltip","children","Fragment","Title","bold","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","alignItems","marginY","marginX","VennChart"],"sources":["../../../../src/component/Chart/VennChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear } from 'd3-scale';\nimport React from 'react';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n// @ts-ignore\nimport { Venn } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { VennChartData, VennChartProps, VennChartType } from './VennChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass VennChartComponent extends AbstractChart<\n  VennChartData,\n  VennChartProps,\n  typeof VennChartComponent.enhance\n> {\n  static displayName = 'Chart.Venn';\n\n  static defaultProps: Partial<BaseChartProps<VennChartData>> = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    marginY: 0,\n    marginX: 0,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return scaleLinear();\n  }\n\n  get yScale() {\n    const { yScale } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return scaleLinear();\n  }\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((item) => {\n      const isIntersection = /\\//.test(item);\n\n      return !isIntersection;\n    });\n\n    return legendKeys;\n  }\n\n  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { data, onClickVennItem } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n    const checkedLegendItemsMap = checkedLegendItems.reduce<Record<string, LegendItem>>(\n      (result, item) => {\n        result[item.id] = item;\n\n        return result;\n      },\n      {},\n    );\n\n    const intersections = Object.keys(data).reduce<string[]>((result, dataKey) => {\n      const isIntersection = /\\//.test(dataKey);\n\n      if (isIntersection) {\n        result.push(dataKey);\n      }\n\n      return result;\n    }, []);\n\n    return (\n      <Venn onClick={onClickVennItem}>\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Venn.Circle\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              transparent={highlightedLine !== -1 && highlightedLine !== index}\n            />\n          );\n        })}\n\n        {intersections.map((intersectionKey) => {\n          const intersectionKeys = intersectionKey.split('/');\n\n          const hasDisabledItems = intersectionKeys.some((key) => {\n            return checkedLegendItemsMap[key] === undefined;\n          });\n\n          if (hasDisabledItems) {\n            return null;\n          }\n\n          const name = intersectionKeys\n            .map((id) => {\n              return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || '';\n            })\n            .join(' & ');\n\n          return <Venn.Intersection key={intersectionKey} dataKey={intersectionKey} name={name} />;\n        })}\n      </Venn>\n    );\n  }\n\n  renderTooltip() {\n    return (\n      <Venn.Tooltip>\n        {({ name, dataKey, data }: any) => {\n          return {\n            children: (\n              <>\n                <Venn.Tooltip.Title>{name}</Venn.Tooltip.Title>\n                <Text bold>{data[dataKey]}</Text>\n              </>\n            ),\n          };\n        }}\n      </Venn.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Venn' });\n  }\n}\n\nexport const VennChart: VennChartType = createComponent(VennChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VennChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Venn","AbstractChart","localizedMessages","VennChartComponent","xScale","asProps","yScale","dataKeys","data","props","legendKeys","Object","keys","filter","item","isIntersection","test","defaultLegendProps","legendType","renderChart","onClickVennItem","dataDefinitions","highlightedLine","state","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","onClick","map","index","Circle","key","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","find","legendItem","join","Intersection","renderTooltip","Tooltip","children","Fragment","Title","bold","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","alignItems","marginY","marginX","VennChart"],"sources":["../../../../src/component/Chart/VennChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Venn } from '../..';\nimport type { ChartState } from './AbstractChart';\nimport { AbstractChart } from './AbstractChart';\nimport type { VennChartData, VennChartDefaultProps, VennChartProps, VennChartType } from './VennChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass VennChartComponent extends AbstractChart<\n  VennChartData,\n  VennChartProps,\n  typeof VennChartComponent.enhance,\n  {},\n  ChartState,\n  VennChartDefaultProps\n> {\n  static displayName = 'Chart.Venn';\n\n  static defaultProps = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    marginY: 0,\n    marginX: 0,\n  } as const;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return scaleLinear();\n  }\n\n  get yScale() {\n    const { yScale } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return scaleLinear();\n  }\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((item) => {\n      const isIntersection = /\\//.test(item);\n\n      return !isIntersection;\n    });\n\n    return legendKeys;\n  }\n\n  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { data, onClickVennItem } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n    const checkedLegendItemsMap = checkedLegendItems.reduce<Record<string, LegendItem>>(\n      (result, item) => {\n        result[item.id] = item;\n\n        return result;\n      },\n      {},\n    );\n\n    const intersections = Object.keys(data).reduce<string[]>((result, dataKey) => {\n      const isIntersection = /\\//.test(dataKey);\n\n      if (isIntersection) {\n        result.push(dataKey);\n      }\n\n      return result;\n    }, []);\n\n    return (\n      <Venn onClick={onClickVennItem}>\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Venn.Circle\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              transparent={highlightedLine !== -1 && highlightedLine !== index}\n            />\n          );\n        })}\n\n        {intersections.map((intersectionKey) => {\n          const intersectionKeys = intersectionKey.split('/');\n\n          const hasDisabledItems = intersectionKeys.some((key) => {\n            return checkedLegendItemsMap[key] === undefined;\n          });\n\n          if (hasDisabledItems) {\n            return null;\n          }\n\n          const name = intersectionKeys\n            .map((id) => {\n              return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || '';\n            })\n            .join(' & ');\n\n          return <Venn.Intersection key={intersectionKey} dataKey={intersectionKey} name={name} />;\n        })}\n      </Venn>\n    );\n  }\n\n  renderTooltip() {\n    return (\n      <Venn.Tooltip>\n        {({ name, dataKey, data }: any) => {\n          return {\n            children: (\n              <>\n                <Venn.Tooltip.Title>{name}</Venn.Tooltip.Title>\n                <Text bold>{data[dataKey]}</Text>\n              </>\n            ),\n          };\n        }}\n      </Venn.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Venn' });\n  }\n}\n\n/**\n * VennChart\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-code/|Examples}\n */\nexport const VennChart = createComponent<\n  VennChartType,\n  typeof VennChartComponent\n>(VennChartComponent);\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,WAAW,MAAM,8CAA8C;AACtE,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,KAAK,MAAM,OAAO;;AAEzB;AACA,SAASC,IAAI,QAAQ,OAAO;AAE5B,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,iBAAiB,QAAQ,oDAAoD;AAGtF,MAAMC,kBAAkB,SAASF,aAAa,CAO5C;EAYA,IAAIG,MAAMA,CAAA,EAAG;IACX,MAAM;MAAEA;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/B,IAAID,MAAM,EAAE;MACV,OAAOA,MAAM;IACf;IAEA,OAAON,WAAW,CAAC,CAAC;EACtB;EAEA,IAAIQ,MAAMA,CAAA,EAAG;IACX,MAAM;MAAEA;IAAO,CAAC,GAAG,IAAI,CAACD,OAAO;IAE/B,IAAIC,MAAM,EAAE;MACV,OAAOA,MAAM;IACf;IAEA,OAAOR,WAAW,CAAC,CAAC;EACtB;EAEA,IAAcS,QAAQA,CAAA,EAAa;IACjC,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IAE3B,MAAMC,UAAoB,GAAGC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACK,MAAM,CAAEC,IAAI,IAAK;MAC9D,MAAMC,cAAc,GAAG,IAAI,CAACC,IAAI,CAACF,IAAI,CAAC;MAEtC,OAAO,CAACC,cAAc;IACxB,CAAC,CAAC;IAEF,OAAOL,UAAU;EACnB;EAEAO,kBAAkBA,CAAA,EAAG;IACnB,OAAO;MACLC,UAAU,EAAE;IACd,CAAC;EACH;EAEAC,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEX,IAAI;MAAEY;IAAgB,CAAC,GAAG,IAAI,CAACf,OAAO;IAC9C,MAAM;MAAEgB,eAAe;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACC,KAAK;IAEvD,MAAMC,kBAAkB,GAAGH,eAAe,CAACR,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACW,OAAO,CAAC;IACzE,MAAMC,qBAAqB,GAAGF,kBAAkB,CAACG,MAAM,CACrD,CAACC,MAAM,EAAEd,IAAI,KAAK;MAChBc,MAAM,CAACd,IAAI,CAACe,EAAE,CAAC,GAAGf,IAAI;MAEtB,OAAOc,MAAM;IACf,CAAC,EACD,CAAC,CACH,CAAC;IAED,MAAME,aAAa,GAAGnB,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,CAACmB,MAAM,CAAW,CAACC,MAAM,EAAEG,OAAO,KAAK;MAC5E,MAAMhB,cAAc,GAAG,IAAI,CAACC,IAAI,CAACe,OAAO,CAAC;MAEzC,IAAIhB,cAAc,EAAE;QAClBa,MAAM,CAACI,IAAI,CAACD,OAAO,CAAC;MACtB;MAEA,OAAOH,MAAM;IACf,CAAC,EAAE,EAAE,CAAC;IAEN,oBACE7B,KAAA,CAAAkC,aAAA,CAACjC,IAAI;MAACkC,OAAO,EAAEd;IAAgB,GAC5BI,kBAAkB,CAACW,GAAG,CAAC,CAACrB,IAAI,EAAEsB,KAAK,KAAK;MACvC,oBACErC,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACqC,MAAM;QACVC,GAAG,EAAExB,IAAI,CAACe,EAAG;QACbE,OAAO,EAAEjB,IAAI,CAACe,EAAG;QACjBU,IAAI,EAAEzB,IAAI,CAAC0B,KAAM;QACjBC,KAAK,EAAE3B,IAAI,CAAC2B,KAAM;QAClBC,WAAW,EAAEpB,eAAe,KAAK,CAAC,CAAC,IAAIA,eAAe,KAAKc;MAAM,CAClE,CAAC;IAEN,CAAC,CAAC,EAEDN,aAAa,CAACK,GAAG,CAAEQ,eAAe,IAAK;MACtC,MAAMC,gBAAgB,GAAGD,eAAe,CAACE,KAAK,CAAC,GAAG,CAAC;MAEnD,MAAMC,gBAAgB,GAAGF,gBAAgB,CAACG,IAAI,CAAET,GAAG,IAAK;QACtD,OAAOZ,qBAAqB,CAACY,GAAG,CAAC,KAAKU,SAAS;MACjD,CAAC,CAAC;MAEF,IAAIF,gBAAgB,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMP,IAAI,GAAGK,gBAAgB,CAC1BT,GAAG,CAAEN,EAAE,IAAK;QACX,OAAOR,eAAe,CAAC4B,IAAI,CAAEC,UAAU,IAAKA,UAAU,CAACrB,EAAE,KAAKA,EAAE,CAAC,EAAEW,KAAK,IAAI,EAAE;MAChF,CAAC,CAAC,CACDW,IAAI,CAAC,KAAK,CAAC;MAEd,oBAAOpD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACoD,YAAY;QAACd,GAAG,EAAEK,eAAgB;QAACZ,OAAO,EAAEY,eAAgB;QAACJ,IAAI,EAAEA;MAAK,CAAE,CAAC;IAC1F,CAAC,CACG,CAAC;EAEX;EAEAc,aAAaA,CAAA,EAAG;IACd,oBACEtD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACsD,OAAO,QACV,CAAC;MAAEf,IAAI;MAAER,OAAO;MAAEvB;IAAU,CAAC,KAAK;MACjC,OAAO;QACL+C,QAAQ,eACNxD,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAyD,QAAA,qBACEzD,KAAA,CAAAkC,aAAA,CAACjC,IAAI,CAACsD,OAAO,CAACG,KAAK,QAAElB,IAAyB,CAAC,eAC/CxC,KAAA,CAAAkC,aAAA,CAACpC,IAAI;UAAC6D,IAAI;QAAA,GAAElD,IAAI,CAACuB,OAAO,CAAQ,CAChC;MAEN,CAAC;IACH,CACY,CAAC;EAEnB;EAEU4B,kBAAkBA,CAAA,EAAW;IACrC,OAAO,IAAI,CAACtD,OAAO,CAACuD,WAAW,CAAC,gBAAgB,EAAE;MAAEC,SAAS,EAAE;IAAO,CAAC,CAAC;EAC1E;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJAC,eAAA,CA5IM3D,kBAAkB,iBAQD,YAAY;AAAA2D,eAAA,CAR7B3D,kBAAkB,kBAUA;EACpB4D,SAAS,EAAE,aAAa;EACxBC,UAAU,EAAE,YAAY;EACxBC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE;AACX,CAAC;AAAAJ,eAAA,CAfG3D,kBAAkB,aAiBL,CAACP,WAAW,CAACM,iBAAiB,CAAC,CAAC;AAgInD,OAAO,MAAMiE,SAAS,GAAGxE,eAAe,CAGtCQ,kBAAkB,CAAC","ignoreList":[]}

package/lib/es6/component/Chart/VennChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type DataKey = string;\n\nexport type VennChartData = Record<DataKey, number>;\n\nexport type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<VennChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Internal */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a circle */\n  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type DataKey = string;\n\nexport type VennChartData = Record<DataKey, number>;\n\nexport type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<VennChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Internal */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a circle */\n  onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;\n};\n\nexport type VennChartDefaultProps = {\n  direction: 'row-reverse';\n  alignItems: 'flex-start';\n  marginY: 0;\n  marginX: 0;\n};\n\nexport type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.js","names":["Component","makeDataHintsHandlers","BaseLegend","constructor","args","_defineProperty","shape","id","checked","props","onChangeVisibleItem","onMouseEnterItem","onMouseLeaveItem","e","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","asProps","dataHintsHandler","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","size","patterns","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { StaticShapes, type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<T extends LegendProps, E extends readonly ((...args: any[]) => any)[] = never[]> extends Component<T, E> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: T) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BaseLegend.js","names":["Component","makeDataHintsHandlers","BaseLegend","constructor","args","_defineProperty","shape","id","checked","props","onChangeVisibleItem","onMouseEnterItem","onMouseLeaveItem","e","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","asProps","dataHintsHandler","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","size","patterns","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd"],"sources":["../../../../src/component/ChartLegend/BaseLegend.tsx"],"sourcesContent":["import { Component, type Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport type { LegendProps } from './BaseLegend.type';\nimport { type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';\nimport { makeDataHintsHandlers } from '../../a11y/hints';\n\nexport abstract class BaseLegend<\n  P extends LegendProps,\n  E extends readonly ((...args: any[]) => any)[] = never[],\n  DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never,\n> extends Component<P, E, never, {}, {}, DP> {\n  componentDidMount() {\n    this.setHints();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (prevProps.items !== this.props.items || prevProps.dataHints !== this.props.dataHints) {\n      this.setHints();\n    }\n  }\n\n  setHints() {\n    const { items, dataHints } = this.asProps;\n    const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : undefined;\n\n    items.forEach((legendItem) => {\n      dataHintsHandler?.labelKey('value', legendItem.id, legendItem.label);\n    });\n  }\n\n  getItem(index: number) {\n    const line = this.asProps.items[index];\n\n    if (line === undefined) {\n      throw new Error(`No index \"${index}\" in lines`);\n    }\n\n    return line;\n  }\n\n  getLegendItemProps(\n    _: {},\n    index: number,\n  ): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'> {\n    const { shape = 'Checkbox', size = 'm', patterns } = this.asProps;\n    const line = this.getItem(index);\n\n    return {\n      ...line,\n      shape,\n      size,\n      onFocusLegendItem: this.onFocusLegendItem(line.checked),\n      onBlurLegendItem: this.onBlurLegendItem,\n      onChangeLegendItem: this.onChangeLegendItem(shape),\n      onMouseEnter: line.checked ? this.bindOnMouseEnterItem(line.id) : undefined,\n      onMouseLeave: this.bindOnMouseLeaveItem(line.id),\n      style: { gridRowStart: `${index + 1}`, gridRowEnd: `${index + 2}` },\n      patterns,\n    };\n  }\n\n  onChangeLegendItem = (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => {\n    if (shape !== 'Checkbox') return;\n\n    this.props.onChangeVisibleItem?.(id, checked);\n\n    if (checked) {\n      this.props.onMouseEnterItem?.(id);\n    } else {\n      this.props.onMouseLeaveItem?.(id);\n    }\n  };\n\n  onFocusLegendItem = (checked: boolean) => (id: LegendItemKey) => {\n    if (!checked) {\n      return this.props.onMouseLeaveItem?.(id);\n    }\n\n    this.props.onMouseEnterItem?.(id);\n  };\n\n  onBlurLegendItem = (id: LegendItemKey) => {\n    this.props.onMouseLeaveItem?.(id);\n  };\n\n  bindOnMouseEnterItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseEnterItem?.(id, e);\n    };\n  };\n\n  bindOnMouseLeaveItem = (id: LegendItemKey) => {\n    return (e: React.SyntheticEvent) => {\n      this.props.onMouseLeaveItem?.(id, e);\n    };\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -8,12 +8,12 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import Divider from '@semcore/divider';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1k9rk_gg_._direction_row_1k9rk_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1k9rk_gg_._direction_column_1k9rk_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1k9rk_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_1fc9g_gg_._direction_row_1fc9g_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1fc9g_gg_._direction_column_1fc9g_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"1fc9g_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendFlex": "___SLegendFlex_1k9rk_gg_",
-  "_direction_row": "_direction_row_1k9rk_gg_",
-  "_direction_column": "_direction_column_1k9rk_gg_"
+  "__SLegendFlex": "___SLegendFlex_1fc9g_gg_",
+  "_direction_row": "_direction_row_1fc9g_gg_",
+  "_direction_column": "_direction_column_1fc9g_gg_"
 });
 import { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';
 import { BaseLegend } from '../BaseLegend';
@@ -63,6 +63,12 @@ class LegendFlexRoot extends BaseLegend {
     })), withTrend && this.renderTrend(), suffix ? suffix : null);
   }
 }
+
+/**
+ * LegendFlex
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 _defineProperty(LegendFlexRoot, "displayName", 'LegendFlex');
 _defineProperty(LegendFlexRoot, "style", style);
 _defineProperty(LegendFlexRoot, "enhance", [i18nEnhance(localizedMessages)]);

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

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["Flex","Checkbox","createComponent","sstyled","Root","i18nEnhance","Divider","React","style","_sstyled","insert","localizedMessages","BaseLegend","LegendItemComponent","LegendFlexRoot","renderTrend","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","asProps","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","styles","Children","direction","withTrend","suffix","items","orientation","cn","_assignProps","map","id","key","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport React from 'react';\n\nimport style from './legend-flex.shadow.css';\nimport type { LegendFlexType, LegendFlexProps, TrendProps } from './LegendFlex.type';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendFlexRoot extends BaseLegend<LegendFlexProps, typeof LegendFlexRoot.enhance> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  });\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as unknown as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme='gray-400'\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role='group'>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\nexport const LegendFlex = createComponent(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n}) as LegendFlexType;\n"],"mappings":";;;AAAA,SAASA,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,WAAW,MAAM,8CAA8C;AACtE,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,MAAMC,cAAc,SAASF,UAAU,CAAiD;EAWtFG,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC,sBAAsB;MAAEC,cAAc;MAAEC,UAAU;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAG,IAAI,CACnFC,OAA2F;IAE9F,oBACEd,KAAA,CAAAe,aAAA,CAACrB,QAAQ;MACPsB,OAAO,EAAEN,cAAe;MACxBO,QAAQ,EAAER,sBAAuB;MACjCS,KAAK,EAAC,UAAU;MAChBC,KAAK,EAAER,UAAU,IAAIE,WAAW,CAAC,OAAO,CAAE;MAC1CD,IAAI,EAAEA;IAAK,CACZ,CAAC;EAEN;EAEAQ,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,WAAW,GAKM9B,IAAI;IAJ3B,MAAM;MAAE+B,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,SAAS;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACf,OAAO;IAC9E,MAAMgB,WAAW,GAAGJ,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY;IAEnE,OAAAJ,KAAA,GAAO1B,OAAO,CAAC4B,MAAM,CAAC,eACpBxB,KAAA,CAAAe,aAAA,CAACQ,WAAW,EAAAD,KAAA,CAAAS,EAAA;MAAA,GAAAC,YAAA;QAAA,QAAoB;MAAO,GAAAX,IAAA;IAAA,IACpCQ,KAAK,CAACI,GAAG,CAAC,CAAC;MAAEC;IAAG,CAAC,KAAK;MACrB,oBAAOlC,KAAA,CAAAe,aAAA,CAACU,QAAQ;QAACU,GAAG,EAAED;MAAG,CAAE,CAAC;IAC9B,CAAC,CAAC,EACD,CAACP,SAAS,IAAIC,MAAM,kBAAK5B,KAAA,CAAAe,aAAA,CAAChB,OAAO,EAAAuB,KAAA,CAAAS,EAAA;MAAA,eAAcD;IAAW,EAAG,CAAC,EAC9DH,SAAS,IAAI,IAAI,CAACnB,WAAW,CAAC,CAAC,EAC/BoB,MAAM,GAAGA,MAAM,GAAG,IACR,CAAC;EAElB;AACF;AAACQ,eAAA,CA1CK7B,cAAc,iBACG,YAAY;AAAA6B,eAAA,CAD7B7B,cAAc,WAEHN,KAAK;AAAAmC,eAAA,CAFhB7B,cAAc,aAID,CAACT,WAAW,CAACM,iBAAiB,CAAC,CAAC;AAAAgC,eAAA,CAJ7C7B,cAAc,kBAMI,OAAO;EAC3BmB,SAAS,EAAE,KAAK;EAChBW,QAAQ,eAAErC,KAAA,CAAAe,aAAA,CAACuB,UAAU,CAACC,UAAU,MAAE;AACpC,CAAC,CAAC;AAmCJ,OAAO,MAAMD,UAAU,GAAG3C,eAAe,CAACY,cAAc,EAAE;EACxDgC,UAAU,EAAEjC;AACd,CAAC,CAAmB","ignoreList":[]}
+{"version":3,"file":"LegendFlex.js","names":["Flex","Checkbox","createComponent","sstyled","Root","i18nEnhance","Divider","React","style","_sstyled","insert","localizedMessages","BaseLegend","LegendItemComponent","LegendFlexRoot","renderTrend","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","asProps","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","styles","Children","direction","withTrend","suffix","items","orientation","cn","_assignProps","map","id","key","_defineProperty","children","LegendFlex","LegendItem"],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport Divider from '@semcore/divider';\nimport React from 'react';\n\nimport style from './legend-flex.shadow.css';\nimport type { LegendFlexType, LegendFlexProps, TrendProps, LegendFlexDefaultProps } from './LegendFlex.type';\nimport { localizedMessages } from '../../../translations/__intergalactic-dynamic-locales';\nimport { BaseLegend } from '../BaseLegend';\nimport { LegendItemComponent } from '../LegendItem/LegendItem';\n\nclass LegendFlexRoot extends BaseLegend<\n  LegendFlexProps,\n  typeof LegendFlexRoot.enhance,\n  LegendFlexDefaultProps\n> {\n  static displayName = 'LegendFlex';\n  static style = style;\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  static defaultProps = () => ({\n    direction: 'row',\n    children: <LegendFlex.LegendItem />,\n  } as const);\n\n  renderTrend() {\n    const { onTrendIsVisibleChange, trendIsVisible, trendLabel, size, getI18nText } = this\n      .asProps as unknown as TrendProps & LegendFlexProps & { getI18nText: (s: string) => string };\n\n    return (\n      <Checkbox\n        checked={trendIsVisible}\n        onChange={onTrendIsVisibleChange}\n        theme='gray-400'\n        label={trendLabel ?? getI18nText('trend')}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const SLegendFlex = Root;\n    const { styles, Children, direction, withTrend, suffix, items } = this.asProps;\n    const orientation = direction === 'row' ? 'vertical' : 'horizontal';\n\n    return sstyled(styles)(\n      <SLegendFlex render={Flex} role='group'>\n        {items.map(({ id }) => {\n          return <Children key={id} />;\n        })}\n        {(withTrend || suffix) && <Divider orientation={orientation} />}\n        {withTrend && this.renderTrend()}\n        {suffix ? suffix : null}\n      </SLegendFlex>,\n    );\n  }\n}\n\n/**\n * LegendFlex\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}\n */\nexport const LegendFlex = createComponent<\n  LegendFlexType,\n  typeof LegendFlexRoot\n>(LegendFlexRoot, {\n  LegendItem: LegendItemComponent,\n});\n"],"mappings":";;;AAAA,SAASA,IAAI,QAAQ,0BAA0B;AAC/C,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,SAASC,eAAe,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AAC9D,OAAOC,WAAW,MAAM,8CAA8C;AACtE,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,iBAAiB,QAAQ,uDAAuD;AACzF,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,mBAAmB,QAAQ,0BAA0B;AAE9D,MAAMC,cAAc,SAASF,UAAU,CAIrC;EAWAG,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC,sBAAsB;MAAEC,cAAc;MAAEC,UAAU;MAAEC,IAAI;MAAEC;IAAY,CAAC,GAAG,IAAI,CACnFC,OAA2F;IAE9F,oBACEd,KAAA,CAAAe,aAAA,CAACrB,QAAQ;MACPsB,OAAO,EAAEN,cAAe;MACxBO,QAAQ,EAAER,sBAAuB;MACjCS,KAAK,EAAC,UAAU;MAChBC,KAAK,EAAER,UAAU,IAAIE,WAAW,CAAC,OAAO,CAAE;MAC1CD,IAAI,EAAEA;IAAK,CACZ,CAAC;EAEN;EAEAQ,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAP,OAAA;MAAAQ,KAAA;IACP,MAAMC,WAAW,GAKM9B,IAAI;IAJ3B,MAAM;MAAE+B,MAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,SAAS;MAAEC,MAAM;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACf,OAAO;IAC9E,MAAMgB,WAAW,GAAGJ,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY;IAEnE,OAAAJ,KAAA,GAAO1B,OAAO,CAAC4B,MAAM,CAAC,eACpBxB,KAAA,CAAAe,aAAA,CAACQ,WAAW,EAAAD,KAAA,CAAAS,EAAA;MAAA,GAAAC,YAAA;QAAA,QAAoB;MAAO,GAAAX,IAAA;IAAA,IACpCQ,KAAK,CAACI,GAAG,CAAC,CAAC;MAAEC;IAAG,CAAC,KAAK;MACrB,oBAAOlC,KAAA,CAAAe,aAAA,CAACU,QAAQ;QAACU,GAAG,EAAED;MAAG,CAAE,CAAC;IAC9B,CAAC,CAAC,EACD,CAACP,SAAS,IAAIC,MAAM,kBAAK5B,KAAA,CAAAe,aAAA,CAAChB,OAAO,EAAAuB,KAAA,CAAAS,EAAA;MAAA,eAAcD;IAAW,EAAG,CAAC,EAC9DH,SAAS,IAAI,IAAI,CAACnB,WAAW,CAAC,CAAC,EAC/BoB,MAAM,GAAGA,MAAM,GAAG,IACR,CAAC;EAElB;AACF;;AAEA;AACA;AACA;AACA;AACA;AAJAQ,eAAA,CAhDM7B,cAAc,iBAKG,YAAY;AAAA6B,eAAA,CAL7B7B,cAAc,WAMHN,KAAK;AAAAmC,eAAA,CANhB7B,cAAc,aAQD,CAACT,WAAW,CAACM,iBAAiB,CAAC,CAAC;AAAAgC,eAAA,CAR7C7B,cAAc,kBAUI,OAAO;EAC3BmB,SAAS,EAAE,KAAK;EAChBW,QAAQ,eAAErC,KAAA,CAAAe,aAAA,CAACuB,UAAU,CAACC,UAAU,MAAE;AACpC,CAAC,CAAU;AAwCb,OAAO,MAAMD,UAAU,GAAG3C,eAAe,CAGvCY,cAAc,EAAE;EAChBgC,UAAU,EAAEjC;AACd,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { LegendProps } from '../BaseLegend.type';\nimport type { LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LegendFlex.type.js","names":[],"sources":["../../../../../src/component/ChartLegend/LegendFlex/LegendFlex.type.ts"],"sourcesContent":["import type { Flex, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\n\nimport type { LegendProps } from '../BaseLegend.type';\nimport type { LegendItemType } from '../LegendItem/LegendItem.type';\n\nexport type TrendProps = {\n  /**\n   * Flag for include trend LegendItem in Legend\n   */\n  withTrend: true;\n  /**\n   * Trend label (for localization)\n   */\n  trendLabel?: string;\n  /**\n   * Flag for describe are trend is visible\n   */\n  trendIsVisible: boolean;\n  /**\n   * Handler for change trend visibility\n   */\n  onTrendIsVisibleChange: (isVisible: boolean) => void;\n};\n\ntype SuffixProps = {\n  /**\n   * Element after all Legend items\n   */\n  suffix?: React.ReactElement;\n};\n\ntype AddonProps = ({ withTrend?: never } & SuffixProps) | ({ suffix?: never } & TrendProps);\n\nexport type LegendFlexProps = LegendProps & AddonProps & FlexProps;\n\nexport type LegendFlexDefaultProps = {\n  direction: 'row';\n  children: React.JSX.Element;\n};\n\nexport type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {\n  LegendItem: LegendItemType;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js

@@ -14,25 +14,25 @@ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 import { Text as TypographyText } from '@semcore/typography';
 import React from 'react';
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_18vdl_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_18vdl_gg_:hover{cursor:pointer}.___SLegendItem_18vdl_gg_.__disabled_18vdl_gg_:hover{cursor:default}}.___SPointShape_18vdl_gg_.__color_18vdl_gg_{background-color:var(--color_18vdl);margin-right:8px;flex-shrink:0}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Pattern_18vdl_gg_{background-color:transparent;margin-right:4px}.___SIcon_18vdl_gg_{line-height:0;margin-right:4px}.___SIcon_18vdl_gg_._size_l_18vdl_gg_{margin-top:4px}.___SIcon_18vdl_gg_._size_m_18vdl_gg_{margin-top:2px}.___SLabel_18vdl_gg_{min-width:0}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_,.___SCount_18vdl_gg_._size_l_18vdl_gg_,.___SLabel_18vdl_gg_._size_l_18vdl_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_,.___SCount_18vdl_gg_._size_m_18vdl_gg_,.___SLabel_18vdl_gg_._size_m_18vdl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_18vdl_gg_,.___SCount_18vdl_gg_{margin-left:4px}.___SAdditionalLabel_18vdl_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_18vdl_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_::before{margin-top:10px}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_::before{margin-top:8px}.___SPatternSymbol_18vdl_gg_{transform:scale(.8)}", /*__inner_css_end__*/"18vdl_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLegendItem_uk6mx_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_uk6mx_gg_:hover{cursor:pointer}.___SLegendItem_uk6mx_gg_.__disabled_uk6mx_gg_:hover{cursor:default}}.___SPointShape_uk6mx_gg_.__color_uk6mx_gg_{background-color:var(--color_uk6mx);margin-right:8px;flex-shrink:0}.___SPointShape_uk6mx_gg_._shape_Circle_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Circle_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Line_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_uk6mx_gg_._shape_Line_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_uk6mx_gg_._shape_Square_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Square_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Pattern_uk6mx_gg_{background-color:initial;margin-right:4px}.___SIcon_uk6mx_gg_{line-height:0;margin-right:4px}.___SIcon_uk6mx_gg_._size_l_uk6mx_gg_{margin-top:4px}.___SIcon_uk6mx_gg_._size_m_uk6mx_gg_{margin-top:2px}.___SLabel_uk6mx_gg_{min-width:0}.___SAdditionalLabel_uk6mx_gg_._size_l_uk6mx_gg_,.___SCount_uk6mx_gg_._size_l_uk6mx_gg_,.___SLabel_uk6mx_gg_._size_l_uk6mx_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SAdditionalLabel_uk6mx_gg_._size_m_uk6mx_gg_,.___SCount_uk6mx_gg_._size_m_uk6mx_gg_,.___SLabel_uk6mx_gg_._size_m_uk6mx_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SAdditionalLabel_uk6mx_gg_,.___SCount_uk6mx_gg_{margin-left:4px}.___SAdditionalLabel_uk6mx_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_uk6mx_gg_:before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary,#00030095);height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_uk6mx_gg_:before{background-color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SAdditionalLabel_uk6mx_gg_:before{background-color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SAdditionalLabel_uk6mx_gg_._size_l_uk6mx_gg_:before{margin-top:10px}.___SAdditionalLabel_uk6mx_gg_._size_m_uk6mx_gg_:before{margin-top:8px}.___SPatternSymbol_uk6mx_gg_{transform:scale(.8)}", /*__inner_css_end__*/"uk6mx_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLegendItem": "___SLegendItem_18vdl_gg_",
-  "_disabled": "__disabled_18vdl_gg_",
-  "__SPointShape": "___SPointShape_18vdl_gg_",
-  "_color": "__color_18vdl_gg_",
-  "--color": "--color_18vdl",
-  "_shape_Circle": "_shape_Circle_18vdl_gg_",
-  "_size_l": "_size_l_18vdl_gg_",
-  "_size_m": "_size_m_18vdl_gg_",
-  "_shape_Line": "_shape_Line_18vdl_gg_",
-  "_shape_Square": "_shape_Square_18vdl_gg_",
-  "_shape_Pattern": "_shape_Pattern_18vdl_gg_",
-  "__SIcon": "___SIcon_18vdl_gg_",
-  "__SLabel": "___SLabel_18vdl_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_18vdl_gg_",
-  "__SCount": "___SCount_18vdl_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_18vdl_gg_"
+  "__SLegendItem": "___SLegendItem_uk6mx_gg_",
+  "_disabled": "__disabled_uk6mx_gg_",
+  "__SPointShape": "___SPointShape_uk6mx_gg_",
+  "_color": "__color_uk6mx_gg_",
+  "--color": "--color_uk6mx",
+  "_shape_Circle": "_shape_Circle_uk6mx_gg_",
+  "_size_l": "_size_l_uk6mx_gg_",
+  "_size_m": "_size_m_uk6mx_gg_",
+  "_shape_Line": "_shape_Line_uk6mx_gg_",
+  "_shape_Square": "_shape_Square_uk6mx_gg_",
+  "_shape_Pattern": "_shape_Pattern_uk6mx_gg_",
+  "__SIcon": "___SIcon_uk6mx_gg_",
+  "__SLabel": "___SLabel_uk6mx_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_uk6mx_gg_",
+  "__SCount": "___SCount_uk6mx_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_uk6mx_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import { PatternSymbol } from '../../../Pattern';
@@ -68,10 +68,20 @@ class LegendItemRoot extends Component {
       patterns,
       size,
       'onChange': value => {
-        onChangeLegendItem(id, value);
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, value);
+        }
+      },
+      'onFocus': () => {
+        if (onFocusLegendItem && id) {
+          onFocusLegendItem(id);
+        }
+      },
+      'onBlur': () => {
+        if (onBlurLegendItem && id) {
+          onBlurLegendItem(id);
+        }
       },
-      'onFocus': () => onFocusLegendItem(id),
-      'onBlur': () => onBlurLegendItem(id),
       'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null
     };
   }
@@ -80,7 +90,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: props.icon,
-      onClick: () => props.onChangeLegendItem(props.id, !props.checked)
+      onClick: () => {
+        if (props.onChangeLegendItem && props.id) {
+          props.onChangeLegendItem(props.id, !props.checked);
+        }
+      }
     };
   }
   getLabelProps() {
@@ -96,7 +110,11 @@ class LegendItemRoot extends Component {
       ...props,
       id: this.getUniqueID(),
       checked,
-      onClick: () => onChangeLegendItem(id, !checked),
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      },
       children: props.label
     };
   }
@@ -111,7 +129,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,
-      onClick: () => onChangeLegendItem(id, !checked)
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      }
     };
   }
   getCountProps() {
@@ -125,7 +147,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,
-      onClick: () => onChangeLegendItem(id, !checked)
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      }
     };
   }
   render() {
@@ -210,13 +236,14 @@ function Shape(props) {
     ..._assignProps2({}, _ref2)
   }), /*#__PURE__*/React.createElement(Children, _ref0.cn("Children", {})));
 }
-function Icon({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Icon(props) {
   var _ref3 = arguments[0],
     _ref1;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SIcon = Box;
   if (!hasChildren) {
     return null;
@@ -228,13 +255,14 @@ function Icon({
   }), /*#__PURE__*/React.createElement(Children, _ref1.cn("Children", {})));
 }
 Icon.displayName = 'Icon';
-function Label({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Label(props) {
   var _ref4 = arguments[0],
     _ref10;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SLabel = TypographyText;
   if (!hasChildren) {
     return null;
@@ -246,13 +274,14 @@ function Label({
   }), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {})));
 }
 Label.displayName = 'Label';
-function AdditionalLabel({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function AdditionalLabel(props) {
   var _ref5 = arguments[0],
     _ref11;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SAdditionalLabel = TypographyText;
   if (!hasChildren) {
     return null;
@@ -264,13 +293,14 @@ function AdditionalLabel({
   }), /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})));
 }
 AdditionalLabel.displayName = 'AdditionalLabel';
-function Count({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Count(props) {
   var _ref6 = arguments[0],
     _ref12;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SCount = TypographyText;
   if (!hasChildren) {
     return null;
@@ -282,6 +312,12 @@ function Count({
   }), /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})));
 }
 Count.displayName = 'Count';
+
+/**
+ * LegendItemComponent
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}
+ */
 export const LegendItemComponent = createComponent(LegendItemRoot, {
   Shape,
   Icon,

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["Flex","Box","Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","getUniqueID","uid","asProps","getShapeProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","value","onFocus","onBlur","getIconProps","props","children","icon","onClick","getLabelProps","_color","_shape","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","patternKey","hasChildren","onChange","_ref8","_ref9","_assignProps2","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref4","_ref10","SLabel","_assignProps4","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { createComponent, Component, sstyled, Root, type IRootComponentProps } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Text as TypographyText } from '@semcore/typography';\nimport type { DOMAttributes } from 'react';\nimport React from 'react';\n\nimport style from './legend-item.shadow.css';\nimport {\n  type ShapeProps,\n  type LegendItemProps,\n  type LegendItemType,\n  type LegendItem,\n  StaticShapes,\n} from './LegendItem.type';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<LegendItemProps, typeof enhance> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem, onFocusLegendItem, onBlurLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      'color': resolveColor(color),\n      'patternKey': color,\n      patterns,\n      size,\n      'onChange': (value: boolean) => {\n        onChangeLegendItem(id, value);\n      },\n      'onFocus': () => onFocusLegendItem(id),\n      'onBlur': () => onBlurLegendItem(id),\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n      onClick: () => props.onChangeLegendItem(props.id, !props.checked),\n    };\n  }\n\n  getLabelProps(): Omit<LegendItem, 'color'> & IRootComponentProps & { onClick: () => void } {\n    const { id, checked, color: _color, onChangeLegendItem, shape: _shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => onChangeLegendItem(id, !checked),\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\n    };\n  }\n\n  getCountProps(): LegendItem & IRootComponentProps & { onClick: () => void } {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n      onClick: () => onChangeLegendItem(id, !checked),\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape) || shape === undefined;\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(props: IRootComponentProps & ShapeProps & DOMAttributes<HTMLLabelElement>) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n    onFocus,\n    onBlur,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={color}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt='2px' mr={1} onClick={() => onChange(!checked)}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag='span'>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use='primary'>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use='secondary'>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count({ styles, children: hasChildren, Children }: IRootComponentProps) {\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use='secondary'>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\nexport const LegendItemComponent = createComponent(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n}) as LegendItemType;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LegendItem.js","names":["Flex","Box","Checkbox","createComponent","Component","sstyled","Root","resolveColorEnhance","uniqueIDEnhancement","Text","TypographyText","React","style","_sstyled","insert","StaticShapes","PatternSymbol","getChartDefaultColorName","enhance","LegendItemRoot","getUniqueID","uid","asProps","getShapeProps","checked","color","shape","label","id","size","resolveColor","patterns","onChangeLegendItem","onFocusLegendItem","onBlurLegendItem","value","onFocus","onBlur","getIconProps","props","children","icon","onClick","getLabelProps","_color","_shape","getAdditionalLabelProps","additionalInfo","undefined","getCountProps","count","render","_ref","_ref7","SLegendItem","styles","Children","disabled","includes","createElement","cn","_assignProps","_defineProperty","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","SPatternSymbol","patternKey","hasChildren","onChange","_ref8","_ref9","_assignProps2","_ref3","_ref1","SIcon","_assignProps3","displayName","_ref4","_ref10","SLabel","_assignProps4","_ref5","_ref11","SAdditionalLabel","_assignProps5","_ref6","_ref12","SCount","_assignProps6"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.tsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { type Intergalactic, createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Text as TypographyText } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './legend-item.shadow.css';\nimport {\n  type LegendItemShapeType,\n  type LegendItemDefaultProps,\n  type LegendItemType,\n  StaticShapes,\n  type LegendItemIconType,\n  type LegendItemLabelType,\n  type LegendItemAdditionalLabelType,\n  type LegendItemCountType,\n} from './LegendItem.type';\nimport { PatternSymbol } from '../../../Pattern';\nimport { getChartDefaultColorName } from '../../../utils';\n\nconst enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\nclass LegendItemRoot extends Component<\n  Intergalactic.InternalTypings.InferComponentProps<LegendItemType>,\n  typeof enhance,\n  {},\n  {},\n  {},\n  LegendItemDefaultProps\n> {\n  static displayName = 'LegendItem';\n  static style = style;\n\n  static enhance = enhance;\n\n  static defaultProps = () => ({\n    children: (\n      <>\n        <LegendItemComponent.Shape />\n        <LegendItemComponent.Icon />\n        <LegendItemComponent.Label />\n        <LegendItemComponent.AdditionalLabel />\n        <LegendItemComponent.Count />\n      </>\n    ),\n  });\n\n  getUniqueID() {\n    const { uid } = this.asProps;\n    return `chart-legend-item-${uid}`;\n  }\n\n  getShapeProps() {\n    const { checked, color, shape, label, id, size, resolveColor, patterns, onChangeLegendItem, onFocusLegendItem, onBlurLegendItem } =\n      this.asProps;\n    return {\n      label,\n      shape,\n      checked,\n      'color': resolveColor(color),\n      'patternKey': color,\n      patterns,\n      size,\n      'onChange': (value: boolean) => {\n        if (onChangeLegendItem && id) {\n          onChangeLegendItem(id, value);\n        }\n      },\n      'onFocus': () => {\n        if (onFocusLegendItem && id) {\n          onFocusLegendItem(id);\n        }\n      },\n      'onBlur': () => {\n        if (onBlurLegendItem && id) {\n          onBlurLegendItem(id);\n        }\n      },\n      'aria-labelledby': shape === 'Checkbox' ? this.getUniqueID() : null,\n    };\n  }\n\n  getIconProps() {\n    const props = this.asProps;\n\n    return {\n      ...props,\n      children: props.icon,\n      onClick: () => {\n        if (props.onChangeLegendItem && props.id) {\n          props.onChangeLegendItem(props.id, !props.checked);\n        }\n      },\n    };\n  }\n\n  getLabelProps() {\n    const { id, checked, color: _color, onChangeLegendItem, shape: _shape, ...props } = this.asProps;\n\n    return {\n      ...props,\n      id: this.getUniqueID(),\n      checked,\n      onClick: () => {\n        if (onChangeLegendItem && id) {\n          onChangeLegendItem(id, !checked);\n        }\n      },\n      children: props.label,\n    };\n  }\n\n  getAdditionalLabelProps() {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children: additionalInfo && 'label' in additionalInfo ? `${additionalInfo.label}` : undefined,\n      onClick: () => {\n        if (onChangeLegendItem && id) {\n          onChangeLegendItem(id, !checked);\n        }\n      },\n    };\n  }\n\n  getCountProps() {\n    const props = this.asProps;\n\n    const { additionalInfo, onChangeLegendItem, id, checked } = props;\n\n    return {\n      ...props,\n      children:\n        additionalInfo && 'count' in additionalInfo ? `(${additionalInfo.count})` : undefined,\n      onClick: () => {\n        if (onChangeLegendItem && id) {\n          onChangeLegendItem(id, !checked);\n        }\n      },\n    };\n  }\n\n  render() {\n    const SLegendItem = Root;\n    const { styles, Children, shape } = this.asProps;\n\n    // @ts-ignore\n    const disabled = StaticShapes.includes(shape) || shape === undefined;\n\n    return sstyled(styles)(\n      <SLegendItem render={Flex} disabled={disabled} __excludeProps={['id']}>\n        <Children />\n      </SLegendItem>,\n    );\n  }\n}\n\nfunction Shape(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<LegendItemShapeType, typeof LegendItemRoot, 'Shape'>,\n) {\n  const SPointShape = Root;\n  const SPatternSymbol = PatternSymbol;\n  const {\n    styles,\n    size,\n    shape,\n    checked,\n    color,\n    patternKey = getChartDefaultColorName(0),\n    Children,\n    children: hasChildren,\n    patterns,\n    onChange,\n    onFocus,\n    onBlur,\n  } = props;\n\n  if (hasChildren) {\n    return <Children />;\n  }\n\n  if (shape === 'Pattern') {\n    return sstyled(styles)(\n      <Box mr={1}>\n        <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n      </Box>,\n    );\n  }\n\n  if (shape === 'Checkbox') {\n    return sstyled(styles)(\n      <>\n        <Checkbox\n          size={size}\n          checked={checked}\n          theme={color}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          aria-labelledby={props['aria-labelledby']}\n        />\n        {patterns && (\n          <Box mt='2px' mr={1} onClick={() => onChange(!checked)}>\n            <SPatternSymbol color={color} patternKey={patternKey} aria-hidden />\n          </Box>\n        )}\n      </>,\n    );\n  }\n\n  return sstyled(styles)(\n    <SPointShape render={Box}>\n      <Children />\n    </SPointShape>,\n  );\n}\n\nfunction Icon(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<LegendItemIconType, typeof LegendItemRoot, 'Icon'>,\n) {\n  const { styles, children: hasChildren, Children } = props;\n  const SIcon = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SIcon render={Box} tag='span'>\n      <Children />\n    </SIcon>,\n  );\n}\nIcon.displayName = 'Icon';\n\nfunction Label(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<LegendItemLabelType, typeof LegendItemRoot, 'Label'>,\n) {\n  const { styles, children: hasChildren, Children } = props;\n  const SLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SLabel render={TypographyText} use='primary'>\n      <Children />\n    </SLabel>,\n  );\n}\nLabel.displayName = 'Label';\n\nfunction AdditionalLabel(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<LegendItemAdditionalLabelType, typeof LegendItemRoot, 'AdditionalLabel'>,\n) {\n  const { styles, children: hasChildren, Children } = props;\n  const SAdditionalLabel = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SAdditionalLabel render={TypographyText} use='secondary'>\n      <Children />\n    </SAdditionalLabel>,\n  );\n}\nAdditionalLabel.displayName = 'AdditionalLabel';\n\nfunction Count(\n  props: Intergalactic.InternalTypings.InferChildComponentProps<LegendItemCountType, typeof LegendItemRoot, 'Count'>,\n) {\n  const { styles, children: hasChildren, Children } = props;\n  const SCount = Root;\n\n  if (!hasChildren) {\n    return null;\n  }\n\n  return sstyled(styles)(\n    <SCount render={TypographyText} use='secondary'>\n      <Children />\n    </SCount>,\n  );\n}\nCount.displayName = 'Count';\n\n/**\n * LegendItemComponent\n *\n * {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/chart-legend/chart-legend-code/|Examples}\n */\nexport const LegendItemComponent = createComponent<\n  LegendItemType,\n  typeof LegendItemRoot\n>(LegendItemRoot, {\n  Shape,\n  Icon,\n  Label,\n  AdditionalLabel,\n  Count,\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/ChartLegend/LegendItem/LegendItem.type.js

@@ -3,4 +3,8 @@
  */
 
 export const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'];
+;
+;
+;
+;
 //# sourceMappingURL=LegendItem.type.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic, Root } from '@semcore/core';\nimport type Icon from '@semcore/icon';\nimport type { Text } from '@semcore/typography';\n\nimport type { PatternsConfig } from '../../../Pattern';\nimport type { LSize } from '../BaseLegend.type';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   * @deprecated\n   */\n  onClick?: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n\n  /**\n   * Handler for select/deselect legend item\n   */\n  onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n\n  /**\n   * Handler for focus legend item\n   */\n  onFocusLegendItem: (id: LegendItemKey) => void;\n\n  /**\n   * Handler for focus out legend item\n   */\n  onBlurLegendItem: (id: LegendItemKey) => void;\n};\n\nexport type ShapeProps = LegendItem &\n  (\n    | {\n      size: LSize;\n      shape: Exclude<ShapeType, 'Checkbox'>;\n    }\n    | {\n      'size': LSize;\n      'shape': Extract<ShapeType, 'Checkbox'>;\n      'onChange': (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n      'aria-labelledby'?: string;\n    }\n  );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;\n  Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;\n  Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;\n  AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n  Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;\n};\n"],"mappings":"AAQA;AACA;AACA;;AAoFA,OAAO,MAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes"],"sources":["../../../../../src/component/ChartLegend/LegendItem/LegendItem.type.ts"],"sourcesContent":["import type { Box, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type Icon from '@semcore/icon';\nimport type { Text } from '@semcore/typography';\n\nimport type { PatternsConfig } from '../../../Pattern';\nimport type { LSize } from '../BaseLegend.type';\n\n/**\n * Key of chart data item\n */\nexport type LegendItemKey = string;\n\nexport type LegendItem = {\n  /**\n   * One of keys from data set\n   */\n  id: LegendItemKey;\n  /**\n   * Label for data item in Legend\n   */\n  label: string;\n  /**\n   * Flag for selected data item\n   */\n  checked: boolean;\n  /**\n   * Color of data item\n   */\n  color: string;\n  /**\n   * Icon before label\n   */\n  icon?: typeof Icon;\n  /**\n   * Additional info with sub-label or count\n   */\n  additionalInfo?: { label: string } | { count: number };\n\n  patternKey?: string;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\nexport type LegendItemProps = LegendItem & {\n  /**\n   * Size for legend item\n   */\n  size: LSize;\n  /**\n   * Shape of data item on Legend panel\n   */\n  shape: ShapeType;\n  /**\n   * Handler for select/deselect legend item.\n   * !Need to redefine onClick, because we don't have `event` in it.\n   * @deprecated\n   */\n  onClick?: () => void;\n\n  /** Enables patterns symbols that enhances charts accessibility */\n  patterns?: PatternsConfig;\n\n  /**\n   * Handler for select/deselect legend item\n   */\n  onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;\n\n  /**\n   * Handler for focus legend item\n   */\n  onFocusLegendItem: (id: LegendItemKey) => void;\n\n  /**\n   * Handler for focus out legend item\n   */\n  onBlurLegendItem: (id: LegendItemKey) => void;\n};\n\nexport type LegendItemDefaultProps = {\n  children: React.JSX.Element;\n};\n\nexport type ShapeProps = LegendItem &\n  (\n    | {\n      size: LSize;\n      shape: Exclude<ShapeType, 'Checkbox'>;\n    }\n    | {\n      'size': LSize;\n      'shape': Extract<ShapeType, 'Checkbox'>;\n      'onChange': (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n      'aria-labelledby'?: string;\n    }\n  );\n\nexport const StaticShapes = ['Circle', 'Line', 'Square', 'Pattern'] as const;\n\nexport type ShapeType = 'Checkbox' | typeof StaticShapes[number];\n\nexport type LegendItemShapeType = Intergalactic.Component<typeof Box, Partial<ShapeProps>>;\nexport type LegendItemIconType = Intergalactic.Component<typeof Icon, Partial<LegendItem>>; ;\nexport type LegendItemLabelType = Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>; ;\nexport type LegendItemAdditionalLabelType = Intergalactic.Component<typeof Text, Partial<LegendItem>>; ;\nexport type LegendItemCountType = Intergalactic.Component<typeof Text, Partial<LegendItem>>; ;\n\nexport type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {\n  Shape: LegendItemShapeType;\n  Icon: LegendItemIconType;\n  Label: LegendItemLabelType;\n  AdditionalLabel: LegendItemAdditionalLabelType;\n  Count: LegendItemCountType;\n};\n"],"mappings":"AAQA;AACA;AACA;;AAwFA,OAAO,MAAMA,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAKgB;AACgB;AACL;AACV","ignoreList":[]}