@semcore/d3-chart 3.18.1 → 3.18.2

package/lib/es6/component/ChartLegend/LegendTable/legend-table.shadow.css

@@ -1,16 +1,19 @@
 SLegendTable[columns-count] {
+  font-variant-numeric: tabular-nums;
   display: grid;
-  grid-template-columns: repeat(var(--columns-count), auto);
+  grid-template-columns: auto 0.2fr 0.2fr;
   align-items: center;
   height: fit-content;
-  grid-column-gap: 18px;
+  grid-column-gap: 16px;
   grid-row-gap: 8px;
 }
 
 SColumnItem[size='l'] {
   font-size: var(--intergalactic-fs-300, 16px);
+  text-align: right;
 }
 
 SColumnItem[size='m'] {
   font-size: var(--intergalactic-fs-200, 14px);
+  text-align: right;
 }

package/lib/es6/index.js

@@ -1,5 +1,6 @@
 export { default as Plot } from './Plot';
 export { ChartLegend, ChartLegendTable } from './component/ChartLegend';
+export { default as Chart } from './component/Chart';
 export { XAxis, YAxis } from './Axis';
 export { default as Line } from './Line';
 export { default as Bar } from './Bar';

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","XAxis","YAxis","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","HoverLine","HoverRect","minMax","interpolateValue","colors","makeDataHintsContainer"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASL,OAAO,IAAIM,IAAI,QAAQ,QAAQ;AAExC,SAASN,OAAO,IAAIO,GAAG,QAAQ,OAAO;AACtC,SAASP,OAAO,IAAIQ,aAAa,QAAQ,iBAAiB;AAC1D,SAASR,OAAO,IAAIS,QAAQ,QAAQ,YAAY;AAChD,SAAST,OAAO,IAAIU,QAAQ,QAAQ,YAAY;AAChD,SAASV,OAAO,IAAIW,IAAI,QAAQ,QAAQ;AACxC,SAASX,OAAO,IAAIY,WAAW,QAAQ,eAAe;AACtD,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,MAAM,QAAQ,UAAU;AAC5C,SAASd,OAAO,IAAIe,UAAU,QAAQ,cAAc;AACpD,SAASf,OAAO,IAAIgB,KAAK,QAAQ,SAAS;AAC1C,SAAShB,OAAO,IAAIiB,IAAI,QAAQ,QAAQ;AACxC,SAASjB,OAAO,IAAIkB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAASnB,OAAO,IAAIoB,OAAO,QAAQ,WAAW;AAE9C,SAASpB,OAAO,IAAIqB,mBAAmB,QAAQ,uBAAuB;AACtE,SAASrB,OAAO,IAAIsB,aAAa,QAAQ,iBAAiB;AAE1D,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,SAAS;AAClD,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["default","Plot","ChartLegend","ChartLegendTable","Chart","XAxis","YAxis","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","ScatterPlot","Bubble","RadialTree","Donut","Venn","Radar","getLabelOffsetPosition","Tooltip","ResponsiveContainer","ReferenceLine","HoverLine","HoverRect","minMax","interpolateValue","colors","makeDataHintsContainer"],"sources":["../../src/index.js"],"sourcesContent":["export { default as Plot } from './Plot';\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\nexport { default as Chart } from './component/Chart';\nexport { XAxis, YAxis } from './Axis';\n\nexport { default as Line } from './Line';\n\nexport { default as Bar } from './Bar';\nexport { default as HorizontalBar } from './HorizontalBar';\nexport { default as GroupBar } from './GroupBar';\nexport { default as StackBar } from './StackBar';\nexport { default as Area } from './Area';\nexport { default as StackedArea } from './StackedArea';\nexport { default as ScatterPlot } from './ScatterPlot';\nexport { default as Bubble } from './Bubble';\nexport { default as RadialTree } from './RadialTree';\nexport { default as Donut } from './Donut';\nexport { default as Venn } from './Venn';\nexport { default as Radar, getLabelOffsetPosition } from './Radar';\n\nexport { default as Tooltip } from './Tooltip';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport { default as ReferenceLine } from './ReferenceLine';\n\nexport { HoverLine, HoverRect } from './Hover';\n\nexport { minMax, interpolateValue } from './utils';\nexport { colors } from './color';\n\nexport { makeDataHintsContainer } from './a11y/hints';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SAASH,OAAO,IAAII,KAAK,QAAQ,mBAAmB;AACpD,SAASC,KAAK,EAAEC,KAAK,QAAQ,QAAQ;AAErC,SAASN,OAAO,IAAIO,IAAI,QAAQ,QAAQ;AAExC,SAASP,OAAO,IAAIQ,GAAG,QAAQ,OAAO;AACtC,SAASR,OAAO,IAAIS,aAAa,QAAQ,iBAAiB;AAC1D,SAAST,OAAO,IAAIU,QAAQ,QAAQ,YAAY;AAChD,SAASV,OAAO,IAAIW,QAAQ,QAAQ,YAAY;AAChD,SAASX,OAAO,IAAIY,IAAI,QAAQ,QAAQ;AACxC,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,SAASb,OAAO,IAAIc,WAAW,QAAQ,eAAe;AACtD,SAASd,OAAO,IAAIe,MAAM,QAAQ,UAAU;AAC5C,SAASf,OAAO,IAAIgB,UAAU,QAAQ,cAAc;AACpD,SAAShB,OAAO,IAAIiB,KAAK,QAAQ,SAAS;AAC1C,SAASjB,OAAO,IAAIkB,IAAI,QAAQ,QAAQ;AACxC,SAASlB,OAAO,IAAImB,KAAK,EAAEC,sBAAsB,QAAQ,SAAS;AAElE,SAASpB,OAAO,IAAIqB,OAAO,QAAQ,WAAW;AAE9C,SAASrB,OAAO,IAAIsB,mBAAmB,QAAQ,uBAAuB;AACtE,SAAStB,OAAO,IAAIuB,aAAa,QAAQ,iBAAiB;AAE1D,SAASC,SAAS,EAAEC,SAAS,QAAQ,SAAS;AAE9C,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,SAAS;AAClD,SAASC,MAAM,QAAQ,SAAS;AAEhC,SAASC,sBAAsB,QAAQ,cAAc"}

package/lib/es6/style/donut.shadow.css

@@ -24,4 +24,7 @@ SEmptyData[color] {
 SLabel {
   text-anchor: middle;
   vertical-anchor: middle;
+  font-size: var(--intergalactic-fs-200, 14px);
+  line-height: var(--intergalactic-lh-200, 142%);
+
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = 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  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}
+{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { UnknownProperties } from '@semcore/core';\nimport { Context } from './context';\nimport { curveCardinal, CurveFactory } from 'd3-shape';\nimport { FadeInOutProps } from '@semcore/animation';\nimport { IntergalacticD3Component } from './Plot';\n\n/** @deprecated */\nexport interface ILineProps extends LineProps, UnknownProperties {}\nexport type LineProps = 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  /** Curve method */\n  curve?: CurveFactory;\n  /** Animation duration in ms\n   * @default 500\n   */\n  duration?: number;\n  /** Enables element transparency */\n  transparent?: boolean;\n};\n\n/** @deprecated */\nexport interface ILineDotsProps extends LineDotsProps, UnknownProperties {}\nexport type LineDotsProps = Context &\n  Omit<FadeInOutProps, 'display'> & {\n    /** Show all Dot */\n    display?: boolean;\n    /** Hide property */\n    hide?: boolean;\n    /** Index active of element */\n    activeIndex?: number;\n    /** Dot radius, radius of active dot is 4/3 times larger\n     * @default 6\n     */\n    radius?: number;\n  };\n\n/** @deprecated */\nexport interface ILineDotsContext extends LineDotsContext, UnknownProperties {}\nexport type LineDotsContext = {\n  /** Value element of data */\n  /** @deprecated */\n  value?: any;\n  /** Index element of data */\n  index?: number;\n};\n\n/** @deprecated */\nexport interface ILineNullProps extends LineNullProps, UnknownProperties {}\nexport type LineNullProps = Context & {\n  /** Hide property */\n  hide?: boolean;\n};\n\nexport type LineAreaProps = Omit<LineProps, 'transparent'> & {\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y0 point by the YAxis for the Area\n   */\n  y0: string;\n  /**\n   * Field name from `data` (or from `area`, if passed) array for y1 point by the YAxis for the Area\n   */\n  y1: string;\n\n  /**\n   * Optional data for render area\n   */\n  area?: Array<{ [key: string]: number }>;\n};\n\ndeclare const Line: IntergalacticD3Component<'line', LineProps, Context> & {\n  Dots: IntergalacticD3Component<'circle', LineDotsProps, LineDotsContext>;\n  Null: IntergalacticD3Component<'path', LineNullProps>;\n  Area: IntergalacticD3Component<'path', LineAreaProps>;\n};\n\nexport default Line;\n"],"mappings":""}

package/lib/es6/types/index.d.js

@@ -60,4 +60,16 @@ export * from './component/ChartLegend/LegendFlex/LegendFlex.type';
 export * from './component/ChartLegend/LegendTable/LegendTable.type';
 // @ts-ignore
 export * from './component/ChartLegend/LegendItem/LegendItem.type';
+export { default as Chart } from './component/Chart';
+export * from './component/Chart/AbstractChart.type';
+export * from './component/Chart/LineChart.type';
+export * from './component/Chart/BarChart.type';
+export * from './component/Chart/HistogramChart.type';
+export * from './component/Chart/ScatterPlotChart.type';
+export * from './component/Chart/AreaChart.type';
+export * from './component/Chart/BubbleChart.type';
+export * from './component/Chart/DonutChart.type';
+export * from './component/Chart/VennChart.type';
+export * from './component/Chart/RadarChart.type';
+export * from './component/Chart/ScatterPlotChart.type';
 //# sourceMappingURL=index.d.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":["makeDataHintsContainer","default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","Radar","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn","RadialTree","ChartLegend","ChartLegendTable"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\nexport declare const interpolateValue: Symbol;\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\n// Color\n/**\n * @deprecated\n * This export will be removed in the next major release.\n */\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\nexport { default as Radar } from './Radar';\nexport * from './Radar';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n\n/** It becomes resolvable after building and moving file to lib dir */\n\n// @ts-ignore\nexport { default as RadialTree } from './RadialTree';\n\n// @ts-ignore\nexport * from './RadialTree';\n\n// @ts-ignore\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\n\n// @ts-ignore\nexport * from './component/ChartLegend/LegendFlex/LegendFlex.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendTable/LegendTable.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendItem/LegendItem.type';\n"],"mappings":"AAAA;;AAIA,SAASA,sBAAsB,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;;AAGA,SAASC,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AAEvB,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,uBAAuB;AACtE,cAAc,uBAAuB;AAErC,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASH,OAAO,IAAII,GAAG,QAAQ,OAAO;AACtC,cAAc,OAAO;AAErB,SAASJ,OAAO,IAAIK,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASL,OAAO,IAAIM,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASV,OAAO,IAAIW,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASX,OAAO,IAAIY,OAAO,QAAQ,WAAW;AAC9C,cAAc,WAAW;AAEzB,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAASb,OAAO,IAAIc,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AAExB,SAASd,OAAO,IAAIe,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASf,OAAO,IAAIgB,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;;AAEtB;;AAEA;AACA,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,cAAc;;AAEpD;AACA,cAAc,cAAc;;AAE5B;AACA,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;;AAEvE;AACA,cAAc,oDAAoD;AAClE;AACA,cAAc,sDAAsD;AACpE;AACA,cAAc,oDAAoD"}
+{"version":3,"file":"index.d.js","names":["makeDataHintsContainer","default","Plot","ResponsiveContainer","Line","Bar","HorizontalBar","GroupBar","StackBar","Area","StackedArea","Radar","Donut","Tooltip","ScatterPlot","Bubble","ReferenceLine","Venn","RadialTree","ChartLegend","ChartLegendTable","Chart"],"sources":["../../../src/types/index.d.ts"],"sourcesContent":["// Utils\nexport declare function minMax(data: any, key: string | number): any;\nexport declare const interpolateValue: Symbol;\n\nexport { makeDataHintsContainer } from './a11y/hints';\n\n// Color\n/**\n * @deprecated\n * This export will be removed in the next major release.\n */\nexport declare const colors: { [key: string]: string };\n\nexport { default as Plot } from './Plot';\nexport * from './Plot';\n\nexport * from './Axis';\nexport * from './Hover';\n\nexport { default as ResponsiveContainer } from './ResponsiveContainer';\nexport * from './ResponsiveContainer';\n\nexport { default as Line } from './Line';\nexport * from './Line';\n\nexport { default as Bar } from './Bar';\nexport * from './Bar';\n\nexport { default as HorizontalBar } from './HorizontalBar';\nexport * from './HorizontalBar';\n\nexport { default as GroupBar } from './GroupBar';\nexport * from './GroupBar';\n\nexport { default as StackBar } from './StackBar';\nexport * from './StackBar';\n\nexport { default as Area } from './Area';\nexport * from './Area';\n\nexport { default as StackedArea } from './StackedArea';\nexport * from './StackedArea';\n\nexport { default as Radar } from './Radar';\nexport * from './Radar';\n\nexport { default as Donut } from './Donut';\nexport * from './Donut';\n\nexport { default as Tooltip } from './Tooltip';\nexport * from './Tooltip';\n\nexport { default as ScatterPlot } from './ScatterPlot';\nexport * from './ScatterPlot';\n\nexport { default as Bubble } from './Bubble';\nexport * from './Bubble';\n\nexport { default as ReferenceLine } from './ReferenceLine';\nexport * from './ReferenceLine';\n\nexport { default as Venn } from './Venn';\nexport * from './Venn';\n\n/** It becomes resolvable after building and moving file to lib dir */\n\n// @ts-ignore\nexport { default as RadialTree } from './RadialTree';\n\n// @ts-ignore\nexport * from './RadialTree';\n\n// @ts-ignore\nexport { ChartLegend, ChartLegendTable } from './component/ChartLegend';\n\n// @ts-ignore\nexport * from './component/ChartLegend/LegendFlex/LegendFlex.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendTable/LegendTable.type';\n// @ts-ignore\nexport * from './component/ChartLegend/LegendItem/LegendItem.type';\n\nexport { default as Chart } from './component/Chart';\nexport * from './component/Chart/AbstractChart.type';\nexport * from './component/Chart/LineChart.type';\nexport * from './component/Chart/BarChart.type';\nexport * from './component/Chart/HistogramChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\nexport * from './component/Chart/AreaChart.type';\nexport * from './component/Chart/BubbleChart.type';\nexport * from './component/Chart/DonutChart.type';\nexport * from './component/Chart/VennChart.type';\nexport * from './component/Chart/RadarChart.type';\nexport * from './component/Chart/ScatterPlotChart.type';\n"],"mappings":"AAAA;;AAIA,SAASA,sBAAsB,QAAQ,cAAc;;AAErD;AACA;AACA;AACA;AACA;;AAGA,SAASC,OAAO,IAAIC,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AAEvB,SAASD,OAAO,IAAIE,mBAAmB,QAAQ,uBAAuB;AACtE,cAAc,uBAAuB;AAErC,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASH,OAAO,IAAII,GAAG,QAAQ,OAAO;AACtC,cAAc,OAAO;AAErB,SAASJ,OAAO,IAAIK,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASL,OAAO,IAAIM,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASN,OAAO,IAAIO,QAAQ,QAAQ,YAAY;AAChD,cAAc,YAAY;AAE1B,SAASP,OAAO,IAAIQ,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;AAEtB,SAASR,OAAO,IAAIS,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAAST,OAAO,IAAIU,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASV,OAAO,IAAIW,KAAK,QAAQ,SAAS;AAC1C,cAAc,SAAS;AAEvB,SAASX,OAAO,IAAIY,OAAO,QAAQ,WAAW;AAC9C,cAAc,WAAW;AAEzB,SAASZ,OAAO,IAAIa,WAAW,QAAQ,eAAe;AACtD,cAAc,eAAe;AAE7B,SAASb,OAAO,IAAIc,MAAM,QAAQ,UAAU;AAC5C,cAAc,UAAU;AAExB,SAASd,OAAO,IAAIe,aAAa,QAAQ,iBAAiB;AAC1D,cAAc,iBAAiB;AAE/B,SAASf,OAAO,IAAIgB,IAAI,QAAQ,QAAQ;AACxC,cAAc,QAAQ;;AAEtB;;AAEA;AACA,SAAShB,OAAO,IAAIiB,UAAU,QAAQ,cAAc;;AAEpD;AACA,cAAc,cAAc;;AAE5B;AACA,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;;AAEvE;AACA,cAAc,oDAAoD;AAClE;AACA,cAAc,sDAAsD;AACpE;AACA,cAAc,oDAAoD;AAElE,SAASnB,OAAO,IAAIoB,KAAK,QAAQ,mBAAmB;AACpD,cAAc,sCAAsC;AACpD,cAAc,kCAAkC;AAChD,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,yCAAyC;AACvD,cAAc,kCAAkC;AAChD,cAAc,oCAAoC;AAClD,cAAc,mCAAmC;AACjD,cAAc,kCAAkC;AAChD,cAAc,mCAAmC;AACjD,cAAc,yCAAyC"}

package/lib/types/Line.d.ts

@@ -60,13 +60,18 @@ export type LineNullProps = Context & {
 
 export type LineAreaProps = Omit<LineProps, 'transparent'> & {
   /**
-   * Field name from `data` array for y0 point by the YAxis for the Area
+   * Field name from `data` (or from `area`, if passed) array for y0 point by the YAxis for the Area
    */
   y0: string;
   /**
-   * Field name from `data` array for y1 point by the YAxis for the Area
+   * Field name from `data` (or from `area`, if passed) array for y1 point by the YAxis for the Area
    */
   y1: string;
+
+  /**
+   * Optional data for render area
+   */
+  area?: Array<{ [key: string]: number }>;
 };
 
 declare const Line: IntergalacticD3Component<'line', LineProps, Context> & {

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

@@ -0,0 +1,50 @@
+import { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { interpolateValue } from '../../utils';
+import React from 'react';
+import { Component } from '@semcore/core';
+import { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
+type ChartState = {
+    dataDefinitions: Array<LegendItem & {
+        columns: React.ReactNode[];
+    }>;
+    highlightedLine: number;
+    withTrend: boolean;
+};
+export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>> extends Component<T, {}, ChartState> {
+    static style: {};
+    static defaultProps: Partial<BaseChartProps<any>>;
+    /**
+     * Padding from the end's of chart to the container (except axis sides)
+     */
+    protected plotPadding: number;
+    protected dataHints: import("../../a11y/hints").DataStructureHints;
+    state: ChartState;
+    constructor(props: T);
+    componentDidUpdate(prevProps: T): void;
+    protected get defaultDataDefinitions(): Array<LegendItem & {
+        columns: React.ReactNode[];
+    }>;
+    protected abstract get xScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;
+    protected abstract get yScale(): ScaleBand<any> | ScaleLinear<any, any> | ScaleTime<any, any>;
+    protected abstract renderChart(): React.ReactNode;
+    protected abstract renderTooltip(): React.ReactNode;
+    protected get dataKeys(): string[];
+    protected get xTicks(): number[] | Date[] | undefined;
+    protected get yTicks(): number[] | Date[] | undefined;
+    protected get flatValues(): Set<number>;
+    protected get maxStackedValue(): number;
+    protected totalValue(data: ObjectData): number;
+    protected setHighlightedLine(index: number): void;
+    protected handleChangeVisible(id: string, isVisible: boolean): void;
+    protected handleWithTrendChange(isVisible: boolean): void;
+    protected handleMouseEnter(id: string): void;
+    protected handleMouseLeave(): void;
+    protected resolveColor(id: string, index: number): string;
+    protected tooltipValueFormatter(value?: string | number | typeof interpolateValue | Date): string;
+    protected defaultLegendProps(): Partial<BaseLegendProps>;
+    protected renderLegend(): JSX.Element | null;
+    protected renderAxis(): React.ReactNode;
+    render(): React.ReactNode;
+}
+export {};

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

@@ -0,0 +1,161 @@
+import React from 'react';
+import { FlexProps } from '@semcore/flex-box';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import Icon from '@semcore/icon';
+import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
+import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+export type BaseLegendProps = BaseChartLegendProps & {
+    /**
+     * Disable hover (for transition items legend of each not hovered)
+     */
+    disableHoverItems?: boolean;
+    /**
+     * Disable selectable of data items by checkboxes in Legend
+     */
+    disableSelectItems?: boolean;
+} & ((TrendProps & {
+    /**
+     * How to render Legend - Flex view. Just list of legend items
+     */
+    legendType?: never | 'Flex';
+    /**
+     * Config for Legend items
+     */
+    legendMap?: LegendDataMap<'Flex'>;
+}) | {
+    /**
+     * How to render Legend - Table view. Table of legend items with some additional information in columns
+     */
+    legendType: 'Table';
+    /**
+     * Config for Legend items
+     */
+    legendMap?: LegendDataMap<'Table'>;
+});
+export type ObjectData = Record<string, unknown>;
+export type ListData = ObjectData[];
+export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
+    /**
+     * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array
+     */
+    data: T;
+    /**
+     * Width of plot
+     */
+    plotWidth: number;
+    /**
+     * Height of plot
+     */
+    plotHeight: number;
+    /**
+     * Margin (for Y axis points) from left side of chart container to Y axis
+     */
+    marginY?: number;
+    /**
+     * Margin (for X axis points) from bottom of chart container to X axis
+     */
+    marginX?: number;
+    /**
+     * invert axis and show horizontal charts (only for Bars!)
+     */
+    invertAxis?: boolean;
+    /**
+     * Show X axis
+     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)
+     */
+    showXAxis?: boolean;
+    /**
+     * Show Y axis
+     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)
+     */
+    showYAxis?: boolean;
+    /**
+     * Map with colors for data items
+     */
+    colorMap?: Record<string, string>;
+    /**
+     * Show tooltip's.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Show sum of values for selected point in tooltip
+     */
+    showTotalInTooltip?: boolean;
+    /**
+     * Scale for xAxis (see more in d3-scale)
+     */
+    xScale?: unknown;
+    /**
+     * Scale for yAxis (see more in d3-scale)
+     */
+    yScale?: unknown;
+    /**
+     * Count of ticks for X axis
+     */
+    xTicksCount?: number;
+    /**
+     * Count of ticks for Y axis
+     */
+    yTicksCount?: number;
+    /**
+     * Group key for all array-based charts (for get keys of items for legend except that group key)
+     */
+    groupKey?: string;
+    /**
+     * function for format axis item text
+     */
+    axisXValueFormatter?: (value: unknown) => string;
+    axisYValueFormatter?: (value: unknown) => string;
+    /**
+     * Function for format text for tooltip
+     */
+    tooltipValueFormatter?: (value?: unknown) => string;
+} /**
+ * By default, we show the Legend for all charts with more the one data item.
+ * For hide the Legend, you should set showLegend prop to `false`.
+ */ & ({
+    /**
+     * Don't show legend
+     */
+    showLegend?: false;
+    legendProps?: never;
+} | {
+    /**
+     *  By default (if showLegend don't set), for one data item on chart,
+     *  Legend component will be hide, and show for more then 1 data item.
+     *  If set `true` - Legend component will show always.
+     */
+    showLegend?: true;
+    /**
+     * Props for Legend
+     */
+    legendProps?: Partial<BaseLegendProps>;
+});
+type LegendDataMap<T extends 'Flex' | 'Table'> = Record<LegendItemKey, {
+    /**
+     * Custom label for legend item (by default use keys from data item object)
+     */
+    label?: string;
+    /**
+     * Additional text after label
+     */
+    additionalInfo?: string;
+    /**
+     * Count after label
+     */
+    count?: number;
+    /**
+     * Custom Icon
+     */
+    icon?: typeof Icon;
+    /**
+     * Flag for uncheck some items by default
+     */
+    defaultChecked?: boolean;
+} & (T extends 'Table' ? {
+    columns?: React.ReactNode[];
+} : {
+    columns?: never;
+})>;
+export {};

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

@@ -0,0 +1,2 @@
+import { AreaChartType } from './AreaChart.type';
+export declare const AreaChart: AreaChartType;

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

@@ -0,0 +1,16 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
+export type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
+export type AreaChartProps = BaseChartProps<AreaChartData> & {
+    groupKey: string;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    showDots?: boolean;
+    curve?: CurveFactory;
+    stacked?: boolean;
+};
+export type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;

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

@@ -0,0 +1,2 @@
+import { BarChartType } from './BarChart.type';
+export declare const BarChart: BarChartType;

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

@@ -0,0 +1,19 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+type TrendItem = {
+    x: number;
+    y: number;
+};
+export type BarChartData = Array<Record<string, 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[]>;
+};
+export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import { BubbleChartType } from './BubbleChart.type';
+export declare const BubbleChart: BubbleChartType;

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

@@ -0,0 +1,17 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type BubbleChartData = Array<{
+    x: number;
+    y: number;
+    value: number;
+    label?: string;
+    color?: string;
+}>;
+export type BubbleChartProps = BaseChartProps<BubbleChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;

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

@@ -0,0 +1,2 @@
+import { DonutChartType } from './DonutChart.type';
+export declare const DonutChart: DonutChartType;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type DonutChartData = Record<string, number>;
+export type DonutChartProps = BaseChartProps<DonutChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    innerRadius?: number;
+    halfsize?: boolean;
+    innerLabel?: React.ReactNode;
+};
+export type DonutChartType = Intergalactic.Component<typeof Flex, DonutChartProps>;

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

@@ -0,0 +1,2 @@
+import { HistogramChartType } from './HistogramChart.type';
+export declare const HistogramChart: HistogramChartType;

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

@@ -0,0 +1,11 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type HistogramChartData = Array<Record<string, number | Date>>;
+export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
+    groupKey: string;
+    xScale?: ScaleBand<any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type HistogramChartType = Intergalactic.Component<typeof Flex, HistogramChartProps>;

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

@@ -0,0 +1,2 @@
+import { LineChartType } from './LineChart.type';
+export declare const LineChart: LineChartType;

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

@@ -0,0 +1,24 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+type AreaItem = {
+    x: number;
+    y0: number;
+    y1: number;
+};
+export type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;
+export type LineChartProps = BaseChartProps<LineChartData> & {
+    groupKey: string;
+    area?: Record<LegendItemKey, AreaItem[]>;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    showDots?: boolean;
+    curve?: CurveFactory;
+    areaCurve?: CurveFactory;
+};
+export type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;
+export {};

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

@@ -0,0 +1,2 @@
+import { RadarChartType } from './RadarChart.type';
+export declare const RadarChart: RadarChartType;

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

@@ -0,0 +1,14 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type RadarChartData = Record<string, string[] | number[]>;
+export type RadarChartProps = BaseChartProps<RadarChartData> & {
+    groupKey: string;
+    scale?: ScaleLinear<any, any>;
+    xScale?: never;
+    yScale?: never;
+    showDots?: boolean;
+    circle?: boolean;
+};
+export type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;

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

@@ -0,0 +1,2 @@
+import { ScatterPlotChartType } from './ScatterPlotChart.type';
+export declare const ScatterPlotChart: ScatterPlotChartType;

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

@@ -0,0 +1,13 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
+export type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {
+    groupKey: string;
+    xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
+    yScale?: ScaleLinear<any, any>;
+    valueKey?: string;
+};
+export type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;

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

@@ -0,0 +1,2 @@
+import { VennChartType } from './VennChart.type';
+export declare const VennChart: VennChartType;

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

@@ -0,0 +1,11 @@
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type VennChartData = Record<string, number>;
+export type VennChartProps = BaseChartProps<VennChartData> & {
+    groupKey?: never;
+    xScale?: ScaleLinear<any, any>;
+    yScale?: ScaleLinear<any, any>;
+};
+export type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;

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

@@ -0,0 +1,12 @@
+declare const _default: {
+    Line: import("./LineChart.type").LineChartType;
+    Bar: import("./BarChart.type").BarChartType;
+    Histogram: import("./HistogramChart.type").HistogramChartType;
+    ScatterPlot: import("./ScatterPlotChart.type").ScatterPlotChartType;
+    Area: import("./AreaChart.type").AreaChartType;
+    Bubble: import("./BubbleChart.type").BubbleChartType;
+    Donut: import("./DonutChart.type").DonutChartType;
+    Venn: import("./VennChart.type").VennChartType;
+    Radar: import("./RadarChart.type").RadarChartType;
+};
+export default _default;

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

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

package/lib/types/index.d.ts

@@ -79,3 +79,16 @@ export * from './component/ChartLegend/LegendFlex/LegendFlex.type';
 export * from './component/ChartLegend/LegendTable/LegendTable.type';
 // @ts-ignore
 export * from './component/ChartLegend/LegendItem/LegendItem.type';
+
+export { default as Chart } from './component/Chart';
+export * from './component/Chart/AbstractChart.type';
+export * from './component/Chart/LineChart.type';
+export * from './component/Chart/BarChart.type';
+export * from './component/Chart/HistogramChart.type';
+export * from './component/Chart/ScatterPlotChart.type';
+export * from './component/Chart/AreaChart.type';
+export * from './component/Chart/BubbleChart.type';
+export * from './component/Chart/DonutChart.type';
+export * from './component/Chart/VennChart.type';
+export * from './component/Chart/RadarChart.type';
+export * from './component/Chart/ScatterPlotChart.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "3.18.1",
+  "version": "3.18.2",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -18,7 +18,7 @@
     "@semcore/animation": "2.10.1",
     "@semcore/divider": "4.10.1",
     "@semcore/flex-box": "5.10.1",
-    "@semcore/popper": "5.9.1",
+    "@semcore/popper": "5.9.2",
     "@semcore/utils": "4.10.2",
     "@types/d3-shape": "^3.1.0",
     "@upsetjs/venn.js": "1.4.2",