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

package/lib/cjs/component/Chart/ScatterPlotChart.js

@@ -135,6 +135,12 @@ class ScatterPlotChartComponent extends _AbstractChart.AbstractChart {
     });
   }
 }
+
+/**
+ * ScatterPlotChart
+ *
+ * {@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}
+ */
 (0, _defineProperty2.default)(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
 (0, _defineProperty2.default)(ScatterPlotChartComponent, "defaultProps", {
   direction: 'column',

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart","_intergalacticDynamicLocales","ScatterPlotChartComponent","AbstractChart","dataKeys","data","groupKey","valueKey","props","Object","keys","filter","key","xScale","marginY","plotWidth","asProps","radius","getScatterPlotRadius","getValueScale","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","yScale","marginX","plotHeight","max","Math","min","reduce","result","item","entries","forEach","value","add","Set","renderChart","onClickScatterItem","dataDefinitions","state","map","checked","default","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","Tooltip","wMin","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","direction","showXAxis","showYAxis","showTooltip","showLegend","i18nEnhance","localizedMessages","ScatterPlotChart","exports","createComponent"],"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":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart","_intergalacticDynamicLocales","ScatterPlotChartComponent","AbstractChart","dataKeys","data","groupKey","valueKey","props","Object","keys","filter","key","xScale","marginY","plotWidth","asProps","radius","getScatterPlotRadius","getValueScale","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","yScale","marginX","plotHeight","max","Math","min","reduce","result","item","entries","forEach","value","add","Set","renderChart","onClickScatterItem","dataDefinitions","state","map","checked","default","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","Tooltip","wMin","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","direction","showXAxis","showYAxis","showTooltip","showLegend","i18nEnhance","localizedMessages","ScatterPlotChart","exports","createComponent"],"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/cjs/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/cjs/component/Chart/VennChart.js

@@ -118,6 +118,12 @@ class VennChartComponent extends _AbstractChart.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}
+ */
 (0, _defineProperty2.default)(VennChartComponent, "displayName", 'Chart.Venn');
 (0, _defineProperty2.default)(VennChartComponent, "defaultProps", {
   direction: 'row-reverse',

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

@@ -1 +1 @@
-{"version":3,"file":"VennChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart","_intergalacticDynamicLocales","VennChartComponent","AbstractChart","xScale","asProps","scaleLinear","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","default","createElement","Venn","onClick","map","index","Circle","key","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","find","legendItem","join","Intersection","renderTooltip","Tooltip","children","Fragment","Title","Text","bold","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","direction","alignItems","marginY","marginX","i18nEnhance","localizedMessages","VennChart","exports","createComponent"],"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":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart","_intergalacticDynamicLocales","VennChartComponent","AbstractChart","xScale","asProps","scaleLinear","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","default","createElement","Venn","onClick","map","index","Circle","key","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","find","legendItem","join","Intersection","renderTooltip","Tooltip","children","Fragment","Title","Text","bold","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","direction","alignItems","marginY","marginX","i18nEnhance","localizedMessages","VennChart","exports","createComponent"],"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":"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","ignoreList":[]}

package/lib/cjs/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/cjs/component/ChartLegend/BaseLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseLegend.js","names":["_core","require","_hints","BaseLegend","Component","constructor","args","_defineProperty2","default","shape","id","checked","props","onChangeVisibleItem","onMouseEnterItem","onMouseLeaveItem","e","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","size","patterns","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","exports"],"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":["_core","require","_hints","BaseLegend","Component","constructor","args","_defineProperty2","default","shape","id","checked","props","onChangeVisibleItem","onMouseEnterItem","onMouseLeaveItem","e","componentDidMount","setHints","componentDidUpdate","prevProps","items","dataHints","asProps","dataHintsHandler","makeDataHintsHandlers","undefined","forEach","legendItem","labelKey","label","getItem","index","line","Error","getLegendItemProps","_","size","patterns","onFocusLegendItem","onBlurLegendItem","onChangeLegendItem","onMouseEnter","bindOnMouseEnterItem","onMouseLeave","bindOnMouseLeaveItem","style","gridRowStart","gridRowEnd","exports"],"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/cjs/component/ChartLegend/LegendFlex/LegendFlex.js

@@ -16,12 +16,12 @@ var _intergalacticDynamicLocales = require("../../../translations/__intergalacti
 var _BaseLegend = require("../BaseLegend");
 var _LegendItem = require("../LegendItem/LegendItem");
 /*!__reshadow-styles__:"./legend-flex.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.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__*/_core.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_"
 });
 class LegendFlexRoot extends _BaseLegend.BaseLegend {
   renderTrend() {
@@ -68,6 +68,12 @@ class LegendFlexRoot extends _BaseLegend.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}
+ */
 (0, _defineProperty2.default)(LegendFlexRoot, "displayName", 'LegendFlex');
 (0, _defineProperty2.default)(LegendFlexRoot, "style", style);
 (0, _defineProperty2.default)(LegendFlexRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);

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

@@ -1 +1 @@
-{"version":3,"file":"LegendFlex.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_i18nEnhance","_divider","_react","_intergalacticDynamicLocales","_BaseLegend","_LegendItem","style","sstyled","insert","LegendFlexRoot","BaseLegend","renderTrend","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","asProps","default","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","styles","Children","direction","withTrend","suffix","items","orientation","cn","assignProps","map","id","key","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","exports","createComponent","LegendItemComponent"],"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":"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","ignoreList":[]}
+{"version":3,"file":"LegendFlex.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_i18nEnhance","_divider","_react","_intergalacticDynamicLocales","_BaseLegend","_LegendItem","style","sstyled","insert","LegendFlexRoot","BaseLegend","renderTrend","onTrendIsVisibleChange","trendIsVisible","trendLabel","size","getI18nText","asProps","default","createElement","checked","onChange","theme","label","render","_ref","_ref2","SLegendFlex","Flex","styles","Children","direction","withTrend","suffix","items","orientation","cn","assignProps","map","id","key","_defineProperty2","i18nEnhance","localizedMessages","children","LegendFlex","LegendItem","exports","createComponent","LegendItemComponent"],"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":"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","ignoreList":[]}

package/lib/cjs/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/cjs/component/ChartLegend/LegendItem/LegendItem.js

@@ -17,25 +17,25 @@ var _LegendItem = require("./LegendItem.type");
 var _Pattern = require("../../../Pattern");
 var _utils = require("../../../utils");
 /*!__reshadow-styles__:"./legend-item.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.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__*/_core.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_"
 });
 const enhance = [(0, _resolveColorEnhance.default)(), (0, _uniqueID.default)()];
 class LegendItemRoot extends _core.Component {
@@ -68,10 +68,20 @@ class LegendItemRoot extends _core.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 _core.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 _core.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 _core.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 _core.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) {
     ...(0, _core.assignProps)({}, _ref2)
   }), /*#__PURE__*/_react.default.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 = _baseComponents.Box;
   if (!hasChildren) {
     return null;
@@ -228,13 +255,14 @@ function Icon({
   }), /*#__PURE__*/_react.default.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 = _typography.Text;
   if (!hasChildren) {
     return null;
@@ -246,13 +274,14 @@ function Label({
   }), /*#__PURE__*/_react.default.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 = _typography.Text;
   if (!hasChildren) {
     return null;
@@ -264,13 +293,14 @@ function AdditionalLabel({
   }), /*#__PURE__*/_react.default.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 = _typography.Text;
   if (!hasChildren) {
     return null;
@@ -282,6 +312,12 @@ function Count({
   }), /*#__PURE__*/_react.default.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}
+ */
 const LegendItemComponent = exports.LegendItemComponent = (0, _core.createComponent)(LegendItemRoot, {
   Shape,
   Icon,

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_resolveColorEnhance","_uniqueID","_typography","_react","_LegendItem","_Pattern","_utils","style","sstyled","insert","enhance","resolveColorEnhance","uniqueIDEnhancement","LegendItemRoot","Component","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","Flex","styles","Children","disabled","StaticShapes","includes","default","createElement","cn","assignProps","_defineProperty2","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","Box","SPatternSymbol","PatternSymbol","patternKey","getChartDefaultColorName","hasChildren","onChange","_ref8","_ref9","_ref3","_ref1","SIcon","displayName","_ref4","_ref10","SLabel","TypographyText","_ref5","_ref11","SAdditionalLabel","_ref6","_ref12","SCount","exports","createComponent"],"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":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_resolveColorEnhance","_uniqueID","_typography","_react","_LegendItem","_Pattern","_utils","style","sstyled","insert","enhance","resolveColorEnhance","uniqueIDEnhancement","LegendItemRoot","Component","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","Flex","styles","Children","disabled","StaticShapes","includes","default","createElement","cn","assignProps","_defineProperty2","Fragment","LegendItemComponent","Shape","Icon","Label","AdditionalLabel","Count","_ref2","arguments[0]","_ref0","SPointShape","Box","SPatternSymbol","PatternSymbol","patternKey","getChartDefaultColorName","hasChildren","onChange","_ref8","_ref9","_ref3","_ref1","SIcon","displayName","_ref4","_ref10","SLabel","TypographyText","_ref5","_ref11","SAdditionalLabel","_ref6","_ref12","SCount","exports","createComponent"],"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/cjs/component/ChartLegend/LegendItem/LegendItem.type.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"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;;AAoFO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU","ignoreList":[]}
+{"version":3,"file":"LegendItem.type.js","names":["StaticShapes","exports"],"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;;AAwFO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAU;AAKgB;AACgB;AACL;AACV","ignoreList":[]}