@semcore/d3-chart 3.47.1 → 3.48.0

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","names":["React","createComponent","scaleBand","scaleLinear","scaleTime","minMax","GroupBar","HoverRect","StackBar","Line","AbstractChart","Box","Flex","Text","BarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps","asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","_this$asProps3$type","type","state","trendItem","createElement","data","concat","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this","_this$asProps4","_this$asProps4$type","_this$state","dataDefinitions","highlightedLine","length","item","BarComponent","HorizontalBar","Bar","Fragment","id","map","index","commonBarComponentProps","transparent","checked","_extends","renderTooltip","_this2","_this$asProps5","showTotalInTooltip","showTooltip","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","_this$asProps6","_this$asProps6$margin","marginY","_this$asProps6$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","paddingInner","paddingOuter","_this$asProps7","_this$asProps7$margin","_this$asProps7$margin2","max","_get","_getPrototypeOf","prototype","Math","_toConsumableArray","_defineProperty","BarChart"],"sources":["../../../../src/component/Chart/BarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseLegendProps } from './AbstractChart.type';\nimport { BarChartData, BarChartProps, BarChartType } from './BarChart.type';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BarProps } from '../../types';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BarChartComponent extends AbstractChart<BarChartData, BarChartProps> {\n  static displayName = 'Chart.Bar';\n\n  get xScale() {\n    const { xScale, invertAxis } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { yScale, invertAxis } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    if (this.props.trend !== undefined) {\n      return { withTrend: true };\n    }\n\n    return {};\n  }\n\n  renderTrend(key: LegendItemKey) {\n    const { groupKey, type = 'group', invertAxis, trend } = this.asProps;\n    const { withTrend } = this.state;\n    const trendItem = trend?.[key];\n\n    if (withTrend && trendItem) {\n      return (\n        <Line\n          data={trendItem}\n          key={`${key}_${groupKey}`}\n          x={invertAxis ? 'y' : 'x'}\n          y={invertAxis ? 'x' : 'y'}\n          color={'wall'}\n          style={{ strokeWidth: 3, strokeDasharray: 5 }}\n        >\n          <Line.Dots data={trendItem} display />\n        </Line>\n      );\n    }\n\n    return null;\n  }\n\n  renderChart() {\n    const { groupKey, type = 'group', invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (dataDefinitions.length === 1) {\n      const item = dataDefinitions[0];\n      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n      return (\n        <>\n          <BarComponent\n            x={invertAxis ? item.id : groupKey}\n            y={invertAxis ? groupKey : item.id}\n            key={item.id}\n            color={item.color}\n          />\n          {this.renderTrend(item.id)}\n        </>\n      );\n    }\n\n    if (type === 'group') {\n      return (\n        <>\n          <GroupBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </GroupBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    if (type === 'stack') {\n      return (\n        <>\n          <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </StackBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    return null;\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, showTotalInTooltip, showTooltip, invertAxis } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverRect.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverRect.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  private get categoryScale() {\n    const {\n      marginY = 40,\n      marginX = 24,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 40, marginX = 24, plotWidth, plotHeight, invertAxis, type } = this.asProps;\n\n    const max = type === 'stack' ? super.maxStackedValue : Math.max(...super.flatValues);\n\n    return scaleLinear()\n      .range(\n        invertAxis\n          ? [marginY, plotWidth - this.plotPadding]\n          : [plotHeight - marginX, this.plotPadding],\n      )\n      .domain([0, max]);\n  }\n}\n\nexport const BarChart: BarChartType = createComponent(BarChartComponent);\n"],"mappings":"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"}
+{"version":3,"file":"BarChart.js","names":["React","createComponent","scaleBand","scaleLinear","scaleTime","minMax","GroupBar","HoverRect","StackBar","Line","AbstractChart","Box","Flex","Text","BarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_data","e","barIndex","barKey","onClickBar","asProps","_createClass","key","get","_this$asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","_this$asProps3$type","type","state","trendItem","createElement","data","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this2","_this$asProps4","_this$asProps4$type","_this$state","dataDefinitions","highlightedLine","item","BarComponent","HorizontalBar","Bar","Fragment","id","onClick","handleClickBar","map","index","commonBarComponentProps","transparent","checked","_extends","renderTooltip","_this3","_this$asProps5","showTotalInTooltip","showTooltip","onClickHoverRect","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","_this$asProps6","_this$asProps6$margin","marginY","_this$asProps6$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","paddingInner","paddingOuter","_this$asProps7","_this$asProps7$margin","_this$asProps7$margin2","max","_get","_getPrototypeOf","prototype","Math","_toConsumableArray","BarChart"],"sources":["../../../../src/component/Chart/BarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseLegendProps } from './AbstractChart.type';\nimport { BarChartData, BarChartProps, BarChartType } from './BarChart.type';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BarProps } from '../../types';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BarChartComponent extends AbstractChart<BarChartData, BarChartProps> {\n  static displayName = 'Chart.Bar';\n\n  get xScale() {\n    const { xScale, invertAxis } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { yScale, invertAxis } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    if (this.props.trend !== undefined) {\n      return { withTrend: true };\n    }\n\n    return {};\n  }\n\n  renderTrend(key: LegendItemKey) {\n    const { groupKey, type = 'group', invertAxis, trend } = this.asProps;\n    const { withTrend } = this.state;\n    const trendItem = trend?.[key];\n\n    if (withTrend && trendItem) {\n      return (\n        <Line\n          data={trendItem}\n          key={`${key}_${groupKey}`}\n          x={invertAxis ? 'y' : 'x'}\n          y={invertAxis ? 'x' : 'y'}\n          color={'wall'}\n          style={{ strokeWidth: 3, strokeDasharray: 5 }}\n        >\n          <Line.Dots data={trendItem} display />\n        </Line>\n      );\n    }\n\n    return null;\n  }\n\n  renderChart() {\n    const { groupKey, type = 'group', invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (dataDefinitions.length === 1) {\n      const item = dataDefinitions[0];\n      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n      return (\n        <>\n          <BarComponent\n            x={invertAxis ? item.id : groupKey}\n            y={invertAxis ? groupKey : item.id}\n            key={item.id}\n            color={item.color}\n            onClick={this.handleClickBar}\n          />\n          {this.renderTrend(item.id)}\n        </>\n      );\n    }\n\n    if (type === 'group') {\n      return (\n        <>\n          <GroupBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </GroupBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    if (type === 'stack') {\n      return (\n        <>\n          <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </StackBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    return null;\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, showTotalInTooltip, showTooltip, invertAxis, onClickHoverRect } =\n      this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n        onClick={onClickHoverRect}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverRect.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverRect.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  private handleClickBar = (\n    _data: BarChartData[0],\n    e: React.SyntheticEvent,\n    barIndex: number,\n    barKey: string,\n  ) => {\n    const { onClickBar } = this.asProps;\n\n    if (onClickBar) {\n      onClickBar(barIndex, barKey, e);\n    }\n  };\n\n  private get categoryScale() {\n    const {\n      marginY = 40,\n      marginX = 24,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 40, marginX = 24, plotWidth, plotHeight, invertAxis, type } = this.asProps;\n\n    const max = type === 'stack' ? super.maxStackedValue : Math.max(...super.flatValues);\n\n    return scaleLinear()\n      .range(\n        invertAxis\n          ? [marginY, plotWidth - this.plotPadding]\n          : [plotHeight - marginX, this.plotPadding],\n      )\n      .domain([0, max]);\n  }\n}\n\nexport const BarChart: BarChartType = createComponent(BarChartComponent);\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number;\n  y: number;\n};\n\nexport type BarChartData = Array<Record<string, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  groupKey: string;\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  type?: 'stack' | 'group';\n  trend?: Record<LegendItemKey, TrendItem[]>;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":""}
+{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number;\n  y: number;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  groupKey: string;\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  type?: 'stack' | 'group';\n  trend?: Record<LegendItemKey, TrendItem[]>;\n\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":""}

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

@@ -10,10 +10,10 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-flex.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_dlyyj_gg_._direction_row_dlyyj_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_dlyyj_gg_._direction_column_dlyyj_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "dlyyj_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendFlex": "___SLegendFlex_dlyyj_gg_",
-  "_direction_row": "_direction_row_dlyyj_gg_",
-  "_direction_column": "_direction_column_dlyyj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_17hbc_gg_._direction_row_17hbc_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_17hbc_gg_._direction_column_17hbc_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "17hbc_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendFlex": "___SLegendFlex_17hbc_gg_",
+  "_direction_row": "_direction_row_17hbc_gg_",
+  "_direction_column": "_direction_column_17hbc_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import Divider from '@semcore/divider';

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

@@ -19,23 +19,23 @@ import { Flex, Box } from '@semcore/flex-box';
 import Checkbox from '@semcore/checkbox';
 import { Text as TypographyText } from '@semcore/typography';
 /*__reshadow-styles__:"./legend-item.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_18jig_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_18jig_gg_:hover{cursor:pointer}.___SLegendItem_18jig_gg_.__disabled_18jig_gg_:hover{cursor:default}}.___SPointShape_18jig_gg_.__color_18jig_gg_{background-color:var(--color_18jig);margin-right:8px;flex-shrink:0}.___SPointShape_18jig_gg_._shape_Circle_18jig_gg_._size_l_18jig_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_18jig_gg_._shape_Circle_18jig_gg_._size_m_18jig_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_18jig_gg_._shape_Line_18jig_gg_._size_l_18jig_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_18jig_gg_._shape_Line_18jig_gg_._size_m_18jig_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_18jig_gg_._shape_Square_18jig_gg_._size_l_18jig_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_18jig_gg_._shape_Square_18jig_gg_._size_m_18jig_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_18jig_gg_._shape_Pattern_18jig_gg_{background-color:transparent;margin-right:4px}.___SIcon_18jig_gg_{line-height:0;margin-right:4px}.___SIcon_18jig_gg_._size_l_18jig_gg_{margin-top:4px}.___SIcon_18jig_gg_._size_m_18jig_gg_{margin-top:2px}.___SLabel_18jig_gg_{min-width:0}.___SAdditionalLabel_18jig_gg_._size_l_18jig_gg_,.___SCount_18jig_gg_._size_l_18jig_gg_,.___SLabel_18jig_gg_._size_l_18jig_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_18jig_gg_._size_m_18jig_gg_,.___SCount_18jig_gg_._size_m_18jig_gg_,.___SLabel_18jig_gg_._size_m_18jig_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_18jig_gg_,.___SCount_18jig_gg_{margin-left:4px}.___SAdditionalLabel_18jig_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_18jig_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_18jig_gg_._size_l_18jig_gg_::before{margin-top:10px}.___SAdditionalLabel_18jig_gg_._size_m_18jig_gg_::before{margin-top:8px}.___SPatternSymbol_18jig_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "18jig_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendItem": "___SLegendItem_18jig_gg_",
-  "_disabled": "__disabled_18jig_gg_",
-  "__SPointShape": "___SPointShape_18jig_gg_",
-  "_color": "__color_18jig_gg_",
-  "--color": "--color_18jig",
-  "_shape_Circle": "_shape_Circle_18jig_gg_",
-  "_size_l": "_size_l_18jig_gg_",
-  "_size_m": "_size_m_18jig_gg_",
-  "_shape_Line": "_shape_Line_18jig_gg_",
-  "_shape_Square": "_shape_Square_18jig_gg_",
-  "_shape_Pattern": "_shape_Pattern_18jig_gg_",
-  "__SIcon": "___SIcon_18jig_gg_",
-  "__SLabel": "___SLabel_18jig_gg_",
-  "__SAdditionalLabel": "___SAdditionalLabel_18jig_gg_",
-  "__SCount": "___SCount_18jig_gg_",
-  "__SPatternSymbol": "___SPatternSymbol_18jig_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_ai743_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_ai743_gg_:hover{cursor:pointer}.___SLegendItem_ai743_gg_.__disabled_ai743_gg_:hover{cursor:default}}.___SPointShape_ai743_gg_.__color_ai743_gg_{background-color:var(--color_ai743);margin-right:8px;flex-shrink:0}.___SPointShape_ai743_gg_._shape_Circle_ai743_gg_._size_l_ai743_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_ai743_gg_._shape_Circle_ai743_gg_._size_m_ai743_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_ai743_gg_._shape_Line_ai743_gg_._size_l_ai743_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_ai743_gg_._shape_Line_ai743_gg_._size_m_ai743_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_ai743_gg_._shape_Square_ai743_gg_._size_l_ai743_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_ai743_gg_._shape_Square_ai743_gg_._size_m_ai743_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_ai743_gg_._shape_Pattern_ai743_gg_{background-color:transparent;margin-right:4px}.___SIcon_ai743_gg_{line-height:0;margin-right:4px}.___SIcon_ai743_gg_._size_l_ai743_gg_{margin-top:4px}.___SIcon_ai743_gg_._size_m_ai743_gg_{margin-top:2px}.___SLabel_ai743_gg_{min-width:0}.___SAdditionalLabel_ai743_gg_._size_l_ai743_gg_,.___SCount_ai743_gg_._size_l_ai743_gg_,.___SLabel_ai743_gg_._size_l_ai743_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_ai743_gg_._size_m_ai743_gg_,.___SCount_ai743_gg_._size_m_ai743_gg_,.___SLabel_ai743_gg_._size_m_ai743_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_ai743_gg_,.___SCount_ai743_gg_{margin-left:4px}.___SAdditionalLabel_ai743_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_ai743_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_ai743_gg_._size_l_ai743_gg_::before{margin-top:10px}.___SAdditionalLabel_ai743_gg_._size_m_ai743_gg_::before{margin-top:8px}.___SPatternSymbol_ai743_gg_{transform:scale(.8)}" /*__inner_css_end__*/, "ai743_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendItem": "___SLegendItem_ai743_gg_",
+  "_disabled": "__disabled_ai743_gg_",
+  "__SPointShape": "___SPointShape_ai743_gg_",
+  "_color": "__color_ai743_gg_",
+  "--color": "--color_ai743",
+  "_shape_Circle": "_shape_Circle_ai743_gg_",
+  "_size_l": "_size_l_ai743_gg_",
+  "_size_m": "_size_m_ai743_gg_",
+  "_shape_Line": "_shape_Line_ai743_gg_",
+  "_shape_Square": "_shape_Square_ai743_gg_",
+  "_shape_Pattern": "_shape_Pattern_ai743_gg_",
+  "__SIcon": "___SIcon_ai743_gg_",
+  "__SLabel": "___SLabel_ai743_gg_",
+  "__SAdditionalLabel": "___SAdditionalLabel_ai743_gg_",
+  "__SCount": "___SCount_ai743_gg_",
+  "__SPatternSymbol": "___SPatternSymbol_ai743_gg_"
 });
 import { StaticShapes } from './LegendItem.type';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';

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

@@ -11,12 +11,12 @@ import React from 'react';
 import createComponent, { sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 /*__reshadow-styles__:"./legend-table.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_q5ake_gg_.__columns-count_q5ake_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_q5ake_gg_._size_l_q5ake_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_q5ake_gg_._size_m_q5ake_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "q5ake_gg_") /*__reshadow_css_end__*/, {
-  "__SLegendTable": "___SLegendTable_q5ake_gg_",
-  "_columns-count": "__columns-count_q5ake_gg_",
-  "__SColumnItem": "___SColumnItem_q5ake_gg_",
-  "_size_l": "_size_l_q5ake_gg_",
-  "_size_m": "_size_m_q5ake_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_1ukwf_gg_.__columns-count_1ukwf_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1ukwf_gg_._size_l_1ukwf_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ukwf_gg_._size_m_1ukwf_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "1ukwf_gg_") /*__reshadow_css_end__*/, {
+  "__SLegendTable": "___SLegendTable_1ukwf_gg_",
+  "_columns-count": "__columns-count_1ukwf_gg_",
+  "__SColumnItem": "___SColumnItem_1ukwf_gg_",
+  "_size_l": "_size_l_1ukwf_gg_",
+  "_size_m": "_size_m_1ukwf_gg_"
 });
 import { LegendItemComponent } from '../LegendItem/LegendItem';
 import { BaseLegend } from '../BaseLegend';

package/lib/es6/types/Bar.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IBarProps extends BarProps, UnknownProperties {}\nexport type BarProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Minimal height\n   * @default 2\n   */\n  hMin?: number;\n  /**\n   * Bar click handler\n   */\n  onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /**\n   * The maximum width of each Bar\n   */\n  maxBarSize?: number;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBarContext extends BarContext, UnknownProperties {}\nexport type BarContext = {\n  scale: [ScaleBand<any>, ScaleLinear<any, any>];\n  /** @deprecated */\n  value: unknown;\n  /** Index in `data` array */\n  index: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\n/** @deprecated */\nexport interface IBackgroundProps extends BackgroundProps, UnknownProperties {}\nexport type BackgroundProps = Context & {\n  /** Coordinate x */\n  x?: number | string;\n  /** Coordinate y */\n  y?: number | string;\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Width rect */\n  width?: number | string;\n  /** Height rect */\n  height?: number | string;\n};\n\ntype BackgroundContext = Context & {\n  /** Index in `data` array */\n  index: number;\n};\n\ndeclare const Bar: IntergalacticD3Component<'rect', BarProps, BarContext> & {\n  Background: IntergalacticD3Component<'rect', BackgroundProps, BackgroundContext>;\n};\n\nexport default Bar;\n"],"mappings":""}
+{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\nimport { ScaleBand, ScaleLinear } from 'd3-scale';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IBarProps extends BarProps, UnknownProperties {}\nexport type BarProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Element hide property */\n  hide?: boolean;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Minimal height\n   * @default 2\n   */\n  hMin?: number;\n  /**\n   * Bar click handler\n   */\n  onClick?: (\n    data: { [key: string]: string | number | Date },\n    event: React.SyntheticEvent,\n    barIndex: number,\n    barKey: string,\n  ) => void;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /**\n   * The maximum width of each Bar\n   */\n  maxBarSize?: number;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\n/** @deprecated */\nexport interface IBarContext extends BarContext, UnknownProperties {}\nexport type BarContext = {\n  scale: [ScaleBand<any>, ScaleLinear<any, any>];\n  /** @deprecated */\n  value: unknown;\n  /** Index in `data` array */\n  index: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\n/** @deprecated */\nexport interface IBackgroundProps extends BackgroundProps, UnknownProperties {}\nexport type BackgroundProps = Context & {\n  /** Coordinate x */\n  x?: number | string;\n  /** Coordinate y */\n  y?: number | string;\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Width rect */\n  width?: number | string;\n  /** Height rect */\n  height?: number | string;\n};\n\ntype BackgroundContext = Context & {\n  /** Index in `data` array */\n  index: number;\n};\n\ndeclare const Bar: IntergalacticD3Component<'rect', BarProps, BarContext> & {\n  Background: IntergalacticD3Component<'rect', BackgroundProps, BackgroundContext>;\n};\n\nexport default Bar;\n"],"mappings":""}

package/lib/es6/types/HorizontalBar.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { BarContext, BackgroundProps } from './Bar';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IHorizontalBarProps extends HorizontalBarProps, UnknownProperties {}\nexport type HorizontalBarProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /** Enables element transparency */\n  transparent?: boolean;\n  /**\n   * The maximum width of each Bar\n   */\n  maxBarSize?: number;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\ndeclare const HorizontalBar: IntergalacticD3Component<'path', HorizontalBarProps, BarContext> & {\n  Background: IntergalacticD3Component<'rect', BackgroundProps, Context>;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}
+{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { BarContext, BackgroundProps } from './Bar';\nimport { IntergalacticD3Component } from './Plot';\nimport { PatternsConfig } from './Pattern';\n\n/** @deprecated */\nexport interface IHorizontalBarProps extends HorizontalBarProps, UnknownProperties {}\nexport type HorizontalBarProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n  /** Line color */\n  color?: string;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Radius of curvature\n   * @default 2\n   */\n  r?: number | number[];\n  /**\n   * Bar click handler\n   */\n  onClick?: (\n    data: { [key: string]: string | number | Date },\n    event: React.SyntheticEvent,\n    barIndex: number,\n    barKey: string,\n  ) => void;\n  /** Enables element transparency */\n  transparent?: boolean;\n  /**\n   * The maximum width of each Bar\n   */\n  maxBarSize?: number;\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n};\n\ndeclare const HorizontalBar: IntergalacticD3Component<'path', HorizontalBarProps, BarContext> & {\n  Background: IntergalacticD3Component<'rect', BackgroundProps, Context>;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}

package/lib/es6/types/Hover.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n  props: {\n    /** Field name from `data` array item for the XAxis */\n    x?: X;\n    /** Field name from `data` array item for the YAxis */\n    y?: Y;\n    children: (props: {\n      /** Index in `data` array of the current item */\n      xIndex: X extends string ? number : never;\n      /** Index in `data` array of the current item */\n      yIndex: Y extends string ? number : never;\n    }) => { children: ReturnEl };\n  } & Omit<BoxProps, 'children'>,\n) => ReturnEl) &\n  TooltipTypeBase;\n\ntype HoverContext = {\n  /** Index in `data` array of the current item */\n  index: number;\n};\n\ndeclare const HoverLine: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n  Tooltip: HoverTooltip;\n};\n\ndeclare const HoverRect: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n  Tooltip: HoverTooltip;\n};\nexport { HoverLine, HoverRect };\n"],"mappings":""}
+{"version":3,"file":"Hover.d.js","names":[],"sources":["../../../src/types/Hover.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { ReturnEl } from '@semcore/core';\nimport { TooltipTypeBase } from './Tooltip';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface IHoverProps extends HoverProps, UnknownProperties {}\nexport type HoverProps = Context & {\n  /** Field name from `data` array item for the XAxis */\n  x?: string;\n  /** Field name from `data` array item for the YAxis */\n  y?: string;\n};\n\ntype HoverTooltip = (<X, Y>(\n  props: {\n    /** Field name from `data` array item for the XAxis */\n    x?: X;\n    /** Field name from `data` array item for the YAxis */\n    y?: Y;\n    /** Handle click by trigger has an index - it is an index of the data array. */\n    onClick?: (index: number, e: React.SyntheticEvent) => void;\n    children: (props: {\n      /** Index in `data` array of the current item */\n      xIndex: X extends string ? number : never;\n      /** Index in `data` array of the current item */\n      yIndex: Y extends string ? number : never;\n    }) => { children: ReturnEl };\n  } & Omit<BoxProps, 'children'>,\n) => ReturnEl) &\n  TooltipTypeBase;\n\ntype HoverContext = {\n  /** Index in `data` array of the current item */\n  index: number;\n};\n\ndeclare const HoverLine: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n  Tooltip: HoverTooltip;\n};\n\ndeclare const HoverRect: IntergalacticD3Component<'g', HoverProps, HoverContext> & {\n  Tooltip: HoverTooltip;\n};\nexport { HoverLine, HoverRect };\n"],"mappings":""}

package/lib/es6/types/Tooltip.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import Popper, { PopperProps, PopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ITooltipChartProps extends TooltipChartProps, UnknownProperties {}\nexport type TooltipChartProps = PopperProps &\n  PopperTriggerProps &\n  Context & {\n    /** Field name from `data` array item for the XAxis */\n    x?: string;\n    /** Field name from `data` array item for the YAxis */\n    y?: string;\n  };\n\n/** @deprecated */\nexport interface ITooltipChartContext extends TooltipChartContext, UnknownProperties {\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\nexport type TooltipChartContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n};\n\nexport type TooltipTypeBase = {\n  Trigger: typeof Popper.Trigger;\n  Popper: typeof Popper.Popper;\n  Title: typeof Box;\n  Dot: IntergalacticD3Component<'div', BoxProps & { color?: string }, TooltipChartContext>;\n  Footer: typeof Box;\n};\n\nexport type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<\n  Tag extends Intergalactic.Tag = typeof Box,\n>(\n  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<\n    Tag,\n    TooltipProps,\n    ChildrenRenderProps & TooltipChartContext\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<\n    Intergalactic.Tag,\n    Intergalactic.Tag,\n    TooltipProps\n  > &\n  TooltipTypeBase;\n\n/**\n * @deprecated Consider migration to better typed Bubble.Tooltip, HoverLine.Tooltip,\n * HoverRect.Tooltip, Donut.Tooltip, Radar.Tooltip,\n * ScatterPlot.Tooltip or Venn.Tooltip.\n *\n * Migration examples:\n * 1. `<Tooltip tag={HoverLine}>...</Tooltip>` => `<HoverLine.Tooltip>...</HoverLine.Tooltip>`\n * 2. `<Tooltip tag={HoverRect}>...</Tooltip>` => `<HoverRect.Tooltip>...</HoverRect.Tooltip>`\n * 3. `<Tooltip tag={Radar.Hover}>...</Tooltip>` => `<Radar.Tooltip>...</Radar.Tooltip>`\n * 4. `<Tooltip>...</Tooltip>` => `<Bubble.Tooltip>...</Bubble.Tooltip>`\n * 5. `<Tooltip>...</Tooltip>` => `<Donut.Tooltip>...</Donut.Tooltip>`\n * 6. `<Tooltip>...</Tooltip>` => `<ScatterPlot.Tooltip>...</ScatterPlot.Tooltip>`\n * 7. `<Tooltip>...</Tooltip>` => `<Venn.Tooltip>...</Venn.Tooltip>`\n */\ndeclare const Tooltip: TooltipType;\n\nexport default Tooltip;\n"],"mappings":""}
+{"version":3,"file":"Tooltip.d.js","names":[],"sources":["../../../src/types/Tooltip.d.ts"],"sourcesContent":["import React from 'react';\nimport Popper, { PopperProps, PopperTriggerProps } from '@semcore/popper';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Context } from './context';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ITooltipChartProps extends TooltipChartProps, UnknownProperties {}\nexport type TooltipChartProps = PopperProps &\n  PopperTriggerProps &\n  Context & {\n    /** Field name from `data` array item for the XAxis */\n    x?: string;\n    /** Field name from `data` array item for the YAxis */\n    y?: string;\n    /** Handle click by trigger has an index - it is an index of the data array. */\n    onClick?: (index: number, e: React.SyntheticEvent) => void;\n  };\n\n/** @deprecated */\nexport interface ITooltipChartContext extends TooltipChartContext, UnknownProperties {\n  /** Index active value for Axis x */\n  xIndex: number | null;\n  /** Index active value for Axis y */\n  yIndex: number | null;\n}\nexport type TooltipChartContext = {\n  getTriggerProps: PropGetterFn;\n  getPopperProps: PropGetterFn;\n};\n\nexport type TooltipTypeBase = {\n  Trigger: typeof Popper.Trigger;\n  Popper: typeof Popper.Popper;\n  Title: typeof Box;\n  Dot: IntergalacticD3Component<'div', BoxProps & { color?: string }, TooltipChartContext>;\n  Footer: typeof Box;\n};\n\nexport type TooltipType<ChildrenRenderProps = {}, TooltipProps = {}> = (<\n  Tag extends Intergalactic.Tag = typeof Box,\n>(\n  props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<\n    Tag,\n    TooltipProps,\n    ChildrenRenderProps & TooltipChartContext\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<\n    Intergalactic.Tag,\n    Intergalactic.Tag,\n    TooltipProps\n  > &\n  TooltipTypeBase;\n\n/**\n * @deprecated Consider migration to better typed Bubble.Tooltip, HoverLine.Tooltip,\n * HoverRect.Tooltip, Donut.Tooltip, Radar.Tooltip,\n * ScatterPlot.Tooltip or Venn.Tooltip.\n *\n * Migration examples:\n * 1. `<Tooltip tag={HoverLine}>...</Tooltip>` => `<HoverLine.Tooltip>...</HoverLine.Tooltip>`\n * 2. `<Tooltip tag={HoverRect}>...</Tooltip>` => `<HoverRect.Tooltip>...</HoverRect.Tooltip>`\n * 3. `<Tooltip tag={Radar.Hover}>...</Tooltip>` => `<Radar.Tooltip>...</Radar.Tooltip>`\n * 4. `<Tooltip>...</Tooltip>` => `<Bubble.Tooltip>...</Bubble.Tooltip>`\n * 5. `<Tooltip>...</Tooltip>` => `<Donut.Tooltip>...</Donut.Tooltip>`\n * 6. `<Tooltip>...</Tooltip>` => `<ScatterPlot.Tooltip>...</ScatterPlot.Tooltip>`\n * 7. `<Tooltip>...</Tooltip>` => `<Venn.Tooltip>...</Venn.Tooltip>`\n */\ndeclare const Tooltip: TooltipType;\n\nexport default Tooltip;\n"],"mappings":""}

package/lib/types/Bar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { UnknownProperties } from '@semcore/core';
 import { Context } from './context';
 import { IntergalacticD3Component } from './Plot';
@@ -30,7 +31,12 @@ export type BarProps = Context & {
   /**
    * Bar click handler
    */
-  onClick?: (data: { [key: string]: string | number }, event: Event) => void;
+  onClick?: (
+    data: { [key: string]: string | number | Date },
+    event: React.SyntheticEvent,
+    barIndex: number,
+    barKey: string,
+  ) => void;
   /** Enables element transparency */
   transparent?: boolean;
   /**

package/lib/types/HorizontalBar.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { UnknownProperties } from '@semcore/core';
 import { Context } from './context';
 import { BarContext, BackgroundProps } from './Bar';
@@ -21,6 +22,15 @@ export type HorizontalBarProps = Context & {
    * @default 2
    */
   r?: number | number[];
+  /**
+   * Bar click handler
+   */
+  onClick?: (
+    data: { [key: string]: string | number | Date },
+    event: React.SyntheticEvent,
+    barIndex: number,
+    barKey: string,
+  ) => void;
   /** Enables element transparency */
   transparent?: boolean;
   /**

package/lib/types/Hover.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { UnknownProperties } from '@semcore/core';
 import { Context } from './context';
 import { ReturnEl } from '@semcore/core';
@@ -20,6 +21,8 @@ type HoverTooltip = (<X, Y>(
     x?: X;
     /** Field name from `data` array item for the YAxis */
     y?: Y;
+    /** Handle click by trigger has an index - it is an index of the data array. */
+    onClick?: (index: number, e: React.SyntheticEvent) => void;
     children: (props: {
       /** Index in `data` array of the current item */
       xIndex: X extends string ? number : never;

package/lib/types/Tooltip.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Popper, { PopperProps, PopperTriggerProps } from '@semcore/popper';
 import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
 import { Box, BoxProps } from '@semcore/flex-box';
@@ -13,6 +14,8 @@ export type TooltipChartProps = PopperProps &
     x?: string;
     /** Field name from `data` array item for the YAxis */
     y?: string;
+    /** Handle click by trigger has an index - it is an index of the data array. */
+    onClick?: (index: number, e: React.SyntheticEvent) => void;
   };
 
 /** @deprecated */

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Intergalactic } from '@semcore/core';
 import { Flex } from '@semcore/flex-box';
 import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
@@ -7,13 +8,18 @@ type TrendItem = {
     x: number;
     y: number;
 };
-export type BarChartData = Array<Record<string, string | number | Date>>;
+type BarKey = string;
+export type BarChartData = Array<Record<BarKey, string | number | Date>>;
 export type BarChartProps = BaseChartProps<BarChartData> & {
     groupKey: string;
     xScale?: ScaleBand<any> | ScaleTime<any, any>;
     yScale?: ScaleLinear<any, any>;
     type?: 'stack' | 'group';
     trend?: Record<LegendItemKey, TrendItem[]>;
+    /** Handle click by `HoverRect`. `index` is an index of the data array. */
+    onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;
+    /** Handle click by Bar. */
+    onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;
 };
 export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.47.1",
+  "version": "3.48.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/animation": "2.28.0",
-    "@semcore/divider": "4.27.0",
-    "@semcore/flex-box": "5.28.0",
-    "@semcore/popper": "5.36.1",
-    "@semcore/utils": "4.29.0",
+    "@semcore/animation": "2.29.0",
+    "@semcore/divider": "4.28.0",
+    "@semcore/flex-box": "5.29.0",
+    "@semcore/popper": "5.37.0",
+    "@semcore/utils": "4.30.0",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",