@semcore/d3-chart 16.4.2 → 16.5.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/README.md +4 -4
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +15 -15
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +15 -15
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/CompactHorizontalBar.js +21 -19
- package/lib/cjs/CompactHorizontalBar.js.map +1 -1
- package/lib/cjs/Donut.js +12 -11
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +7 -7
- package/lib/cjs/Hover.js.map +1 -1
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +21 -21
- package/lib/cjs/Radar.js.map +1 -1
- package/lib/cjs/RadialTree.js +24 -24
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +12 -11
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +12 -11
- package/lib/cjs/Venn.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yModule.js +5 -5
- package/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +119 -35
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/AreaChart.js +5 -29
- package/lib/cjs/component/Chart/AreaChart.js.map +1 -1
- package/lib/cjs/component/Chart/BarChart.js +5 -29
- package/lib/cjs/component/Chart/BarChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.js +0 -4
- package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.js +96 -59
- package/lib/cjs/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/cjs/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.js +1 -6
- package/lib/cjs/component/Chart/DonutChart.js.map +1 -1
- package/lib/cjs/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/HistogramChart.js +4 -28
- package/lib/cjs/component/Chart/HistogramChart.js.map +1 -1
- package/lib/cjs/component/Chart/LineChart.js +5 -29
- package/lib/cjs/component/Chart/LineChart.js.map +1 -1
- package/lib/cjs/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.js +1 -5
- package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.js +0 -4
- package/lib/cjs/component/Chart/VennChart.js.map +1 -1
- package/lib/cjs/component/Chart/VennChart.type.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/style/abstract-chart.shadow.css +12 -0
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +15 -15
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +15 -15
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/CompactHorizontalBar.js +21 -19
- package/lib/es6/CompactHorizontalBar.js.map +1 -1
- package/lib/es6/Donut.js +12 -11
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +7 -7
- package/lib/es6/Hover.js.map +1 -1
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +21 -21
- package/lib/es6/Radar.js.map +1 -1
- package/lib/es6/RadialTree.js +24 -24
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +12 -11
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +12 -11
- package/lib/es6/Venn.js.map +1 -1
- package/lib/es6/a11y/PlotA11yModule.js +4 -4
- package/lib/es6/a11y/PlotA11yModule.js.map +1 -1
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +119 -31
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/AreaChart.js +5 -29
- package/lib/es6/component/Chart/AreaChart.js.map +1 -1
- package/lib/es6/component/Chart/BarChart.js +5 -29
- package/lib/es6/component/Chart/BarChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.js +0 -4
- package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.js +100 -61
- package/lib/es6/component/Chart/CigaretteChart.js.map +1 -1
- package/lib/es6/component/Chart/CigaretteChart.type.js.map +1 -1
- package/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.js +1 -6
- package/lib/es6/component/Chart/DonutChart.js.map +1 -1
- package/lib/es6/component/Chart/DonutChart.type.js.map +1 -1
- package/lib/es6/component/Chart/HistogramChart.js +4 -28
- package/lib/es6/component/Chart/HistogramChart.js.map +1 -1
- package/lib/es6/component/Chart/LineChart.js +5 -29
- package/lib/es6/component/Chart/LineChart.js.map +1 -1
- package/lib/es6/component/Chart/RadarChart.type.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.js +1 -5
- package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.type.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.js +0 -4
- package/lib/es6/component/Chart/VennChart.js.map +1 -1
- package/lib/es6/component/Chart/VennChart.type.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/style/abstract-chart.shadow.css +12 -0
- package/lib/esm/Area.mjs +12 -12
- package/lib/esm/Axis.mjs +16 -16
- package/lib/esm/Bar.mjs +17 -17
- package/lib/esm/Bubble.mjs +16 -16
- package/lib/esm/CompactHorizontalBar.mjs +21 -20
- package/lib/esm/Donut.mjs +12 -12
- package/lib/esm/Dots.mjs +9 -9
- package/lib/esm/HorizontalBar.mjs +17 -17
- package/lib/esm/Hover.mjs +8 -8
- package/lib/esm/Line.mjs +10 -10
- package/lib/esm/Plot.mjs +4 -4
- package/lib/esm/Radar.mjs +22 -22
- package/lib/esm/RadialTree.mjs +27 -27
- package/lib/esm/Reference.mjs +13 -13
- package/lib/esm/ScatterPlot.mjs +12 -12
- package/lib/esm/Tooltip.mjs +10 -10
- package/lib/esm/Venn.mjs +12 -12
- package/lib/esm/a11y/PlotA11yModule.mjs +5 -5
- package/lib/esm/a11y/PlotA11yView.mjs +3 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +103 -19
- package/lib/esm/component/Chart/AreaChart.mjs +5 -27
- package/lib/esm/component/Chart/BarChart.mjs +6 -28
- package/lib/esm/component/Chart/BubbleChart.mjs +0 -4
- package/lib/esm/component/Chart/CigaretteChart.mjs +78 -45
- package/lib/esm/component/Chart/DonutChart.mjs +1 -4
- package/lib/esm/component/Chart/HistogramChart.mjs +5 -27
- package/lib/esm/component/Chart/LineChart.mjs +5 -27
- package/lib/esm/component/Chart/ScatterPlotChart.mjs +1 -4
- package/lib/esm/component/Chart/VennChart.mjs +0 -4
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +5 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +18 -18
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +7 -7
- package/lib/esm/style/abstract-chart.shadow.css +12 -0
- package/lib/types/a11y/PlotA11yModule.d.ts +1 -1
- package/lib/types/component/Chart/AbstractChart.d.ts +11 -1
- package/lib/types/component/Chart/BubbleChart.type.d.ts +1 -1
- package/lib/types/component/Chart/CigaretteChart.type.d.ts +2 -0
- package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +1 -1
- package/lib/types/component/Chart/DonutChart.type.d.ts +1 -1
- package/lib/types/component/Chart/RadarChart.type.d.ts +1 -1
- package/lib/types/component/Chart/ScatterPlotChart.type.d.ts +1 -1
- package/lib/types/component/Chart/VennChart.type.d.ts +1 -1
- package/package.json +5 -5
|
@@ -14,8 +14,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _core = require("@semcore/core");
|
|
16
16
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
17
|
-
var _flexBox = require("@semcore/flex-box");
|
|
18
|
-
var _typography = require("@semcore/typography");
|
|
19
17
|
var _d3Scale = require("d3-scale");
|
|
20
18
|
var _react = _interopRequireDefault(require("react"));
|
|
21
19
|
var _ = require("../..");
|
|
@@ -103,40 +101,18 @@ var LineChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
|
103
101
|
var _this = this;
|
|
104
102
|
var _this$asProps4 = this.asProps,
|
|
105
103
|
data = _this$asProps4.data,
|
|
106
|
-
groupKey = _this$asProps4.groupKey
|
|
107
|
-
showTotalInTooltip = _this$asProps4.showTotalInTooltip,
|
|
108
|
-
showTooltip = _this$asProps4.showTooltip;
|
|
109
|
-
var dataDefinitions = this.state.dataDefinitions;
|
|
110
|
-
if (!showTooltip) {
|
|
111
|
-
return null;
|
|
112
|
-
}
|
|
104
|
+
groupKey = _this$asProps4.groupKey;
|
|
113
105
|
return /*#__PURE__*/_react["default"].createElement(_.HoverLine.Tooltip, {
|
|
114
106
|
x: groupKey,
|
|
115
107
|
wMin: 100
|
|
116
108
|
}, function (_ref) {
|
|
117
|
-
var _dataItem$groupKey;
|
|
118
109
|
var xIndex = _ref.xIndex;
|
|
119
110
|
var dataItem = data[xIndex];
|
|
120
|
-
var total = _this.totalValue(dataItem);
|
|
121
111
|
return {
|
|
122
|
-
children:
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
}, /*#__PURE__*/_react["default"].createElement(_.HoverLine.Tooltip.Dot, {
|
|
127
|
-
mr: 4,
|
|
128
|
-
color: item.color
|
|
129
|
-
}, item.label), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
|
|
130
|
-
bold: true
|
|
131
|
-
}, _this.tooltipValueFormatter(dataItem[item.id])));
|
|
132
|
-
}), showTotalInTooltip === true && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
|
|
133
|
-
mt: 2,
|
|
134
|
-
justifyContent: "space-between"
|
|
135
|
-
}, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
|
|
136
|
-
mr: 4
|
|
137
|
-
}, "Total"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
|
|
138
|
-
bold: true
|
|
139
|
-
}, total)))
|
|
112
|
+
children: _this.getTooltipChildren({
|
|
113
|
+
Tooltip: _.HoverLine.Tooltip,
|
|
114
|
+
dataItem: dataItem
|
|
115
|
+
})
|
|
140
116
|
};
|
|
141
117
|
});
|
|
142
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_flexBox","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","LineChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","flatValues","_superPropGet2","max","Math","apply","_toConsumableArray2","min","value","renderChart","_this$asProps3","curve","showDots","area","areaCurve","onClickLine","_this$state","state","dataDefinitions","highlightedLine","map","item","index","checked","createElement","Line","x","toString","y","id","color","transparent","onClick","Dots","display","Area","y0","y1","renderTooltip","_this","_this$asProps4","showTotalInTooltip","showTooltip","HoverLine","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","dataItem","total","totalValue","children","Fragment","Title","Flex","justifyContent","Dot","mr","label","Text","bold","tooltipValueFormatter","mt","Box","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","LineChart","exports","createComponent"],"sources":["../../../../src/component/Chart/LineChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\nimport type { LineChartData, LineChartProps, LineChartType } from './LineChart.type';\n// @ts-ignore\nimport { Line, minMax, HoverLine } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass LineChartComponent extends AbstractChart<\n LineChartData,\n LineChartProps,\n typeof LineChartComponent.enhance\n> {\n static displayName = 'Chart.Line';\n\n static enhance = [i18nEnhance(localizedMessages)] as const;\n\n protected get xScale() {\n const { xScale, marginY = 30, plotWidth, data, groupKey } = this.asProps;\n\n if (xScale) {\n return xScale;\n }\n\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, range);\n }\n\n return scaleLinear(domain, range);\n }\n\n protected get yScale(): ScaleLinear<any, any> {\n const { yScale, marginX = 30, plotHeight } = this.asProps;\n\n if (yScale) {\n return yScale;\n }\n\n const flatValues = super.flatValues;\n\n const max = Math.max(...flatValues);\n const min = Math.min(...flatValues);\n\n return scaleLinear()\n .range([plotHeight - marginX, this.plotPadding])\n .domain([min, max]);\n }\n\n protected renderChart() {\n const { groupKey, curve, showDots, area, areaCurve, onClickLine } = this.asProps;\n const { dataDefinitions, highlightedLine } = this.state;\n\n return dataDefinitions.map((item, index) => {\n return (\n item.checked && (\n <Line\n x={groupKey.toString()}\n y={item.id}\n key={item.id}\n color={item.color}\n transparent={highlightedLine !== -1 && highlightedLine !== index}\n curve={curve}\n onClick={onClickLine}\n >\n {showDots && <Line.Dots display />}\n {area?.[item.id] && (\n <Line.Area area={area[item.id]} y0='y0' y1='y1' curve={areaCurve} />\n )}\n </Line>\n )\n );\n });\n }\n\n protected renderTooltip() {\n const { data, groupKey, showTotalInTooltip, showTooltip } = this.asProps;\n const { dataDefinitions } = this.state;\n\n if (!showTooltip) {\n return null;\n }\n\n return (\n <HoverLine.Tooltip x={groupKey} wMin={100}>\n {({ xIndex }: any) => {\n const dataItem = data[xIndex];\n const total = this.totalValue(dataItem);\n\n return {\n children: (\n <>\n <HoverLine.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverLine.Tooltip.Title>\n\n {dataDefinitions.map((item) => {\n return (\n item.checked && (\n <Flex justifyContent='space-between' key={item.id}>\n <HoverLine.Tooltip.Dot mr={4} color={item.color}>\n {item.label}\n </HoverLine.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 </HoverLine.Tooltip>\n );\n }\n\n protected getLegendAriaLabel(): string {\n return this.asProps.getI18nText('legendForChart', { chartType: 'Line' });\n }\n}\n\nexport const LineChart: LineChartType = createComponent(LineChartComponent);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"LineChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","LineChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","flatValues","_superPropGet2","max","Math","apply","_toConsumableArray2","min","value","renderChart","_this$asProps3","curve","showDots","area","areaCurve","onClickLine","_this$state","state","dataDefinitions","highlightedLine","map","item","index","checked","createElement","Line","x","toString","y","id","color","transparent","onClick","Dots","display","Area","y0","y1","renderTooltip","_this","_this$asProps4","HoverLine","Tooltip","wMin","_ref","xIndex","dataItem","children","getTooltipChildren","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","LineChart","exports","createComponent"],"sources":["../../../../src/component/Chart/LineChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\nimport type { LineChartData, LineChartProps, LineChartType } from './LineChart.type';\n// @ts-ignore\nimport { Line, minMax, HoverLine } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass LineChartComponent extends AbstractChart<\n LineChartData,\n LineChartProps,\n typeof LineChartComponent.enhance\n> {\n static displayName = 'Chart.Line';\n\n static enhance = [i18nEnhance(localizedMessages)] as const;\n\n protected get xScale() {\n const { xScale, marginY = 30, plotWidth, data, groupKey } = this.asProps;\n\n if (xScale) {\n return xScale;\n }\n\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, range);\n }\n\n return scaleLinear(domain, range);\n }\n\n protected get yScale(): ScaleLinear<any, any> {\n const { yScale, marginX = 30, plotHeight } = this.asProps;\n\n if (yScale) {\n return yScale;\n }\n\n const flatValues = super.flatValues;\n\n const max = Math.max(...flatValues);\n const min = Math.min(...flatValues);\n\n return scaleLinear()\n .range([plotHeight - marginX, this.plotPadding])\n .domain([min, max]);\n }\n\n protected renderChart() {\n const { groupKey, curve, showDots, area, areaCurve, onClickLine } = this.asProps;\n const { dataDefinitions, highlightedLine } = this.state;\n\n return dataDefinitions.map((item, index) => {\n return (\n item.checked && (\n <Line\n x={groupKey.toString()}\n y={item.id}\n key={item.id}\n color={item.color}\n transparent={highlightedLine !== -1 && highlightedLine !== index}\n curve={curve}\n onClick={onClickLine}\n >\n {showDots && <Line.Dots display />}\n {area?.[item.id] && (\n <Line.Area area={area[item.id]} y0='y0' y1='y1' curve={areaCurve} />\n )}\n </Line>\n )\n );\n });\n }\n\n protected renderTooltip() {\n const { data, groupKey } = this.asProps;\n\n return (\n <HoverLine.Tooltip x={groupKey} wMin={100}>\n {({ xIndex }: any) => {\n const dataItem = data[xIndex];\n\n return {\n children: this.getTooltipChildren({\n Tooltip: HoverLine.Tooltip,\n dataItem,\n }),\n };\n }}\n </HoverLine.Tooltip>\n );\n }\n\n protected getLegendAriaLabel(): string {\n return this.asProps.getI18nText('legendForChart', { chartType: 'Line' });\n }\n}\n\nexport const LineChart: LineChartType = createComponent(LineChartComponent);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = BaseChartProps<RadarChartData> & {\n groupKey: string;\n scale?: ScaleLinear<any, any>;\n xScale?: never;\n yScale?: never;\n showDots?: boolean;\n circle?: boolean;\n /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<\n BaseChartProps<RadarChartData>,\n 'showTotalInTooltip' | 'showPercentValueInTooltip'\n> & {\n groupKey: string;\n scale?: ScaleLinear<any, any>;\n xScale?: never;\n yScale?: never;\n showDots?: boolean;\n circle?: boolean;\n /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -124,12 +124,8 @@ var ScatterPlotChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
|
124
124
|
var _this = this;
|
|
125
125
|
var _this$asProps5 = this.asProps,
|
|
126
126
|
data = _this$asProps5.data,
|
|
127
|
-
groupKey = _this$asProps5.groupKey
|
|
128
|
-
showTooltip = _this$asProps5.showTooltip;
|
|
127
|
+
groupKey = _this$asProps5.groupKey;
|
|
129
128
|
var dataDefinitions = this.state.dataDefinitions;
|
|
130
|
-
if (!showTooltip) {
|
|
131
|
-
return null;
|
|
132
|
-
}
|
|
133
129
|
return dataDefinitions.filter(function (item) {
|
|
134
130
|
return item.checked;
|
|
135
131
|
}).map(function (item) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlotChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","ScatterPlotChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getScatterPlotRadius","getValueScale","_toConsumableArray2","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","apply","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","onClickScatterItem","dataDefinitions","state","map","checked","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","_this","_this$asProps5","showTooltip","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","direction","showXAxis","showYAxis","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, showTooltip } = this.asProps;\n const { dataDefinitions } = this.state;\n\n if (!showTooltip) {\n return null;\n }\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":[]}
|
|
1
|
+
{"version":3,"file":"ScatterPlotChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","ScatterPlotChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getScatterPlotRadius","getValueScale","_toConsumableArray2","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","apply","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","onClickScatterItem","dataDefinitions","state","map","checked","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","_this","_this$asProps5","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\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 = BaseChartProps<ScatterPlotChartData> & {\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":[]}
|
|
1
|
+
{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\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":[]}
|
|
@@ -117,10 +117,6 @@ var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
|
|
117
117
|
}, {
|
|
118
118
|
key: "renderTooltip",
|
|
119
119
|
value: function renderTooltip() {
|
|
120
|
-
var showTooltip = this.asProps.showTooltip;
|
|
121
|
-
if (!showTooltip) {
|
|
122
|
-
return null;
|
|
123
|
-
}
|
|
124
120
|
return /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip, null, function (_ref) {
|
|
125
121
|
var name = _ref.name,
|
|
126
122
|
dataKey = _ref.dataKey,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","VennChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","data","props","legendKeys","Object","keys","filter","item","isIntersection","test","value","defaultLegendProps","legendType","renderChart","_this$asProps","onClickVennItem","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","Venn","onClick","map","index","Circle","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","_dataDefinitions$find","find","legendItem","join","Intersection","renderTooltip","
|
|
1
|
+
{"version":3,"file":"VennChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","VennChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","xScale","asProps","scaleLinear","yScale","data","props","legendKeys","Object","keys","filter","item","isIntersection","test","value","defaultLegendProps","legendType","renderChart","_this$asProps","onClickVennItem","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","checked","checkedLegendItemsMap","reduce","result","id","intersections","dataKey","push","createElement","Venn","onClick","map","index","Circle","name","label","color","transparent","intersectionKey","intersectionKeys","split","hasDisabledItems","some","undefined","_dataDefinitions$find","find","legendItem","join","Intersection","renderTooltip","Tooltip","_ref","children","Fragment","Title","Text","bold","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_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":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\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 = BaseChartProps<VennChartData> & {\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":[]}
|
|
1
|
+
{"version":3,"file":"VennChart.type.js","names":[],"sources":["../../../../src/component/Chart/VennChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\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":[]}
|
|
@@ -21,12 +21,12 @@ var _intergalacticDynamicLocales = require("../../../translations/__intergalacti
|
|
|
21
21
|
var _BaseLegend2 = require("../BaseLegend");
|
|
22
22
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
23
23
|
/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
24
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
24
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendFlex_qzq5k_gg_._direction_row_qzq5k_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_qzq5k_gg_._direction_column_qzq5k_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}", /*__inner_css_end__*/"qzq5k_gg_"),
|
|
25
25
|
/*__reshadow_css_end__*/
|
|
26
26
|
{
|
|
27
|
-
"__SLegendFlex": "
|
|
28
|
-
"_direction_row": "
|
|
29
|
-
"_direction_column": "
|
|
27
|
+
"__SLegendFlex": "___SLegendFlex_qzq5k_gg_",
|
|
28
|
+
"_direction_row": "_direction_row_qzq5k_gg_",
|
|
29
|
+
"_direction_column": "_direction_column_qzq5k_gg_"
|
|
30
30
|
});
|
|
31
31
|
var LegendFlexRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
32
32
|
function LegendFlexRoot() {
|
|
@@ -24,25 +24,25 @@ var _Pattern = require("../../../Pattern");
|
|
|
24
24
|
var _utils = require("../../../utils");
|
|
25
25
|
var _excluded = ["id", "checked", "color", "onChangeLegendItem", "shape"];
|
|
26
26
|
/*!__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
27
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendItem_g4xlu_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_g4xlu_gg_:hover{cursor:pointer}.___SLegendItem_g4xlu_gg_.__disabled_g4xlu_gg_:hover{cursor:default}}.___SPointShape_g4xlu_gg_.__color_g4xlu_gg_{background-color:var(--color_g4xlu);margin-right:8px;flex-shrink:0}.___SPointShape_g4xlu_gg_._shape_Circle_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Circle_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Line_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_g4xlu_gg_._shape_Line_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_g4xlu_gg_._shape_Square_g4xlu_gg_._size_l_g4xlu_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Square_g4xlu_gg_._size_m_g4xlu_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_g4xlu_gg_._shape_Pattern_g4xlu_gg_{background-color:transparent;margin-right:4px}.___SIcon_g4xlu_gg_{line-height:0;margin-right:4px}.___SIcon_g4xlu_gg_._size_l_g4xlu_gg_{margin-top:4px}.___SIcon_g4xlu_gg_._size_m_g4xlu_gg_{margin-top:2px}.___SLabel_g4xlu_gg_{min-width:0}.___SAdditionalLabel_g4xlu_gg_._size_l_g4xlu_gg_,.___SCount_g4xlu_gg_._size_l_g4xlu_gg_,.___SLabel_g4xlu_gg_._size_l_g4xlu_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_g4xlu_gg_._size_m_g4xlu_gg_,.___SCount_g4xlu_gg_._size_m_g4xlu_gg_,.___SLabel_g4xlu_gg_._size_m_g4xlu_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_g4xlu_gg_,.___SCount_g4xlu_gg_{margin-left:4px}.___SAdditionalLabel_g4xlu_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_g4xlu_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_g4xlu_gg_._size_l_g4xlu_gg_::before{margin-top:10px}.___SAdditionalLabel_g4xlu_gg_._size_m_g4xlu_gg_::before{margin-top:8px}.___SPatternSymbol_g4xlu_gg_{transform:scale(.8)}", /*__inner_css_end__*/"g4xlu_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SLegendItem": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"__SPointShape": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"_shape_Circle": "
|
|
36
|
-
"_size_l": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"_shape_Line": "
|
|
39
|
-
"_shape_Square": "
|
|
40
|
-
"_shape_Pattern": "
|
|
41
|
-
"__SIcon": "
|
|
42
|
-
"__SLabel": "
|
|
43
|
-
"__SAdditionalLabel": "
|
|
44
|
-
"__SCount": "
|
|
45
|
-
"__SPatternSymbol": "
|
|
30
|
+
"__SLegendItem": "___SLegendItem_g4xlu_gg_",
|
|
31
|
+
"_disabled": "__disabled_g4xlu_gg_",
|
|
32
|
+
"__SPointShape": "___SPointShape_g4xlu_gg_",
|
|
33
|
+
"_color": "__color_g4xlu_gg_",
|
|
34
|
+
"--color": "--color_g4xlu",
|
|
35
|
+
"_shape_Circle": "_shape_Circle_g4xlu_gg_",
|
|
36
|
+
"_size_l": "_size_l_g4xlu_gg_",
|
|
37
|
+
"_size_m": "_size_m_g4xlu_gg_",
|
|
38
|
+
"_shape_Line": "_shape_Line_g4xlu_gg_",
|
|
39
|
+
"_shape_Square": "_shape_Square_g4xlu_gg_",
|
|
40
|
+
"_shape_Pattern": "_shape_Pattern_g4xlu_gg_",
|
|
41
|
+
"__SIcon": "___SIcon_g4xlu_gg_",
|
|
42
|
+
"__SLabel": "___SLabel_g4xlu_gg_",
|
|
43
|
+
"__SAdditionalLabel": "___SAdditionalLabel_g4xlu_gg_",
|
|
44
|
+
"__SCount": "___SCount_g4xlu_gg_",
|
|
45
|
+
"__SPatternSymbol": "___SPatternSymbol_g4xlu_gg_"
|
|
46
46
|
});
|
|
47
47
|
var enhance = [(0, _resolveColorEnhance["default"])(), (0, _uniqueID["default"])()];
|
|
48
48
|
var LegendItemRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -17,14 +17,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _BaseLegend2 = require("../BaseLegend");
|
|
18
18
|
var _LegendItem = require("../LegendItem/LegendItem");
|
|
19
19
|
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SLegendTable_12151_gg_.__columns-count_12151_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_12151_gg_._size_l_12151_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_12151_gg_._size_m_12151_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}", /*__inner_css_end__*/"12151_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SLegendTable": "
|
|
24
|
-
"_columns-count": "__columns-
|
|
25
|
-
"__SColumnItem": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_size_m": "
|
|
23
|
+
"__SLegendTable": "___SLegendTable_12151_gg_",
|
|
24
|
+
"_columns-count": "__columns-count_12151_gg_",
|
|
25
|
+
"__SColumnItem": "___SColumnItem_12151_gg_",
|
|
26
|
+
"_size_l": "_size_l_12151_gg_",
|
|
27
|
+
"_size_m": "_size_m_12151_gg_"
|
|
28
28
|
});
|
|
29
29
|
var LegendTableRoot = /*#__PURE__*/function (_BaseLegend) {
|
|
30
30
|
function LegendTableRoot() {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
STooltipChildrenWrapper {
|
|
2
|
+
display: grid;
|
|
3
|
+
column-gap: var(--intergalactic-spacing-2x, 8px);
|
|
4
|
+
|
|
5
|
+
&[columnsCount='2'] {
|
|
6
|
+
grid-template-columns: auto minmax(28px, max-content);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
&[columnsCount='3'] {
|
|
10
|
+
grid-template-columns: auto minmax(28px, max-content) minmax(28px, max-content);
|
|
11
|
+
}
|
|
12
|
+
}
|
package/lib/es6/Area.js
CHANGED
|
@@ -17,19 +17,19 @@ import createElement from './createElement';
|
|
|
17
17
|
import Dots from './Dots';
|
|
18
18
|
import { PatternFill } from './Pattern';
|
|
19
19
|
/*!__reshadow-styles__:"./style/area.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SArea_dh1yc_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_dh1yc_gg_.__color_dh1yc_gg_{fill:var(--color_dh1yc)}.___SArea_dh1yc_gg_.__pattern_dh1yc_gg_{fill:var(--pattern_dh1yc);fill-opacity:.7}.___SArea_dh1yc_gg_.__transparent_dh1yc_gg_{opacity:.3}.___SAreaLine_dh1yc_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_dh1yc_gg_.__color_dh1yc_gg_{stroke:var(--color_dh1yc)}.___SAreaLine_dh1yc_gg_.__transparent_dh1yc_gg_{opacity:.3}.___SAreaLine_dh1yc_gg_,.___SArea_dh1yc_gg_{transition-property:d;transition-duration:var(--duration_dh1yc);transition-timing-function:ease-in-out}.___SNull_dh1yc_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_dh1yc_gg_.__hide_dh1yc_gg_{display:none}", /*__inner_css_end__*/"dh1yc_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SArea": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_pattern": "
|
|
27
|
-
"--pattern": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SAreaLine": "
|
|
30
|
-
"--duration": "--
|
|
31
|
-
"__SNull": "
|
|
32
|
-
"_hide": "
|
|
23
|
+
"__SArea": "___SArea_dh1yc_gg_",
|
|
24
|
+
"_color": "__color_dh1yc_gg_",
|
|
25
|
+
"--color": "--color_dh1yc",
|
|
26
|
+
"_pattern": "__pattern_dh1yc_gg_",
|
|
27
|
+
"--pattern": "--pattern_dh1yc",
|
|
28
|
+
"_transparent": "__transparent_dh1yc_gg_",
|
|
29
|
+
"__SAreaLine": "___SAreaLine_dh1yc_gg_",
|
|
30
|
+
"--duration": "--duration_dh1yc",
|
|
31
|
+
"__SNull": "___SNull_dh1yc_gg_",
|
|
32
|
+
"_hide": "__hide_dh1yc_gg_"
|
|
33
33
|
});
|
|
34
34
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData, interpolateValue, eventToPoint, invert } from './utils';
|
|
35
35
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Axis.js
CHANGED
|
@@ -11,23 +11,23 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
11
11
|
import React, { useState, useEffect } from 'react';
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
/*!__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
14
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAxis_1e44w_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1e44w_gg_.__hide_1e44w_gg_,.___STick_1e44w_gg_.__hide_1e44w_gg_{display:none}.___STick_1e44w_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1e44w_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1e44w_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1e44w)}.___STitle_1e44w_gg_._position_top_1e44w_gg_{text-anchor:middle}.___STitle_1e44w_gg_._position_bottom_1e44w_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1e44w_gg_._position_left_1e44w_gg_,.___STitle_1e44w_gg_._position_right_1e44w_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1e44w_gg_._position_left_1e44w_gg_.__verticalWritingMode_1e44w_gg_,.___STitle_1e44w_gg_._position_right_1e44w_gg_.__verticalWritingMode_1e44w_gg_{writing-mode:vertical-rl;transform:none}.___STick_1e44w_gg_._position_top_1e44w_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1e44w_gg_._position_bottom_1e44w_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1e44w_gg_._position_bottom_1e44w_gg_ tspan{dominant-baseline:hanging}.___STick_1e44w_gg_._position_right_1e44w_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1e44w_gg_._position_left_1e44w_gg_ tspan,.___STick_1e44w_gg_._position_right_1e44w_gg_ tspan{dominant-baseline:middle}.___STick_1e44w_gg_._position_left_1e44w_gg_.__multiline_1e44w_gg_,.___STick_1e44w_gg_._position_left_1e44w_gg_.__multiline_1e44w_gg_ tspan,.___STick_1e44w_gg_._position_right_1e44w_gg_.__multiline_1e44w_gg_,.___STick_1e44w_gg_._position_right_1e44w_gg_.__multiline_1e44w_gg_ tspan{dominant-baseline:auto}.___STick_1e44w_gg_._position_left_1e44w_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1e44w_gg_._position_custom_0_1e44w_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1e44w_gg_._position_custom_0_1e44w_gg_ tspan{dominant-baseline:hanging}.___STick_1e44w_gg_._position_custom_1_1e44w_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1e44w_gg_._position_custom_1_1e44w_gg_ tspan{dominant-baseline:middle}", /*__inner_css_end__*/"1e44w_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SAxis": "
|
|
18
|
-
"_hide": "
|
|
19
|
-
"__STick": "
|
|
20
|
-
"__SGrid": "
|
|
21
|
-
"__STitle": "
|
|
22
|
-
"--transform-origin": "--transform-
|
|
23
|
-
"_position_top": "
|
|
24
|
-
"_position_bottom": "
|
|
25
|
-
"_position_right": "
|
|
26
|
-
"_position_left": "
|
|
27
|
-
"_verticalWritingMode": "
|
|
28
|
-
"_multiline": "
|
|
29
|
-
"_position_custom_0": "
|
|
30
|
-
"_position_custom_1": "
|
|
17
|
+
"__SAxis": "___SAxis_1e44w_gg_",
|
|
18
|
+
"_hide": "__hide_1e44w_gg_",
|
|
19
|
+
"__STick": "___STick_1e44w_gg_",
|
|
20
|
+
"__SGrid": "___SGrid_1e44w_gg_",
|
|
21
|
+
"__STitle": "___STitle_1e44w_gg_",
|
|
22
|
+
"--transform-origin": "--transform-origin_1e44w",
|
|
23
|
+
"_position_top": "_position_top_1e44w_gg_",
|
|
24
|
+
"_position_bottom": "_position_bottom_1e44w_gg_",
|
|
25
|
+
"_position_right": "_position_right_1e44w_gg_",
|
|
26
|
+
"_position_left": "_position_left_1e44w_gg_",
|
|
27
|
+
"_verticalWritingMode": "__verticalWritingMode_1e44w_gg_",
|
|
28
|
+
"_multiline": "__multiline_1e44w_gg_",
|
|
29
|
+
"_position_custom_0": "_position_custom_0_1e44w_gg_",
|
|
30
|
+
"_position_custom_1": "_position_custom_1_1e44w_gg_"
|
|
31
31
|
});
|
|
32
32
|
import { scaleOfBandwidth } from './utils';
|
|
33
33
|
var CUSTOM_0 = Symbol('custom_0');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -13,24 +13,24 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
13
13
|
import createElement from './createElement';
|
|
14
14
|
import { PatternFill } from './Pattern';
|
|
15
15
|
/*!__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBar_194w8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_194w8);transition-timing-function:ease-in-out}.___SBar_194w8_gg_.__color_194w8_gg_{fill:var(--color_194w8)}.___SBar_194w8_gg_.__pattern_194w8_gg_.__color_194w8_gg_{fill:var(--pattern_194w8);stroke:var(--color_194w8);stroke-width:1px}.___SBar_194w8_gg_.__hide_194w8_gg_{display:none}.___SBar_194w8_gg_.__transparent_194w8_gg_{opacity:.3}.___SBackground_194w8_gg_.__onClick_194w8_gg_,.___SBar_194w8_gg_.__onClick_194w8_gg_{cursor:pointer}.___SBackground_194w8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_194w8_gg_{display:flex;justify-content:space-between}.___SBarLabel_194w8_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_194w8_gg_,.___SBarPercent_194w8_gg_,.___SBarValue_194w8_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_194w8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_194w8_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_194w8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}", /*__inner_css_end__*/"194w8_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SBar": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_pattern": "
|
|
24
|
-
"--pattern": "--
|
|
25
|
-
"_hide": "
|
|
26
|
-
"_transparent": "
|
|
27
|
-
"_onClick": "
|
|
28
|
-
"__SBackground": "
|
|
29
|
-
"__SBarAnnotation": "
|
|
30
|
-
"__SBarLabel": "
|
|
31
|
-
"__SBarPercent": "
|
|
32
|
-
"__SBarValue": "
|
|
33
|
-
"__SCompactHorizontalBarHoverRect": "
|
|
19
|
+
"__SBar": "___SBar_194w8_gg_",
|
|
20
|
+
"--duration": "--duration_194w8",
|
|
21
|
+
"_color": "__color_194w8_gg_",
|
|
22
|
+
"--color": "--color_194w8",
|
|
23
|
+
"_pattern": "__pattern_194w8_gg_",
|
|
24
|
+
"--pattern": "--pattern_194w8",
|
|
25
|
+
"_hide": "__hide_194w8_gg_",
|
|
26
|
+
"_transparent": "__transparent_194w8_gg_",
|
|
27
|
+
"_onClick": "__onClick_194w8_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_194w8_gg_",
|
|
29
|
+
"__SBarAnnotation": "___SBarAnnotation_194w8_gg_",
|
|
30
|
+
"__SBarLabel": "___SBarLabel_194w8_gg_",
|
|
31
|
+
"__SBarPercent": "___SBarPercent_194w8_gg_",
|
|
32
|
+
"__SBarValue": "___SBarValue_194w8_gg_",
|
|
33
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_194w8_gg_"
|
|
34
34
|
});
|
|
35
35
|
import { scaleToBand, roundedPath } from './utils';
|
|
36
36
|
export var MIN_HEIGHT = 2;
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -17,21 +17,21 @@ import { SvgElement } from './component/SvgElement';
|
|
|
17
17
|
import createElement from './createElement';
|
|
18
18
|
import { PatternFill } from './Pattern';
|
|
19
19
|
/*!__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SBubble_1d4b3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1d4b3);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1d4b3_gg_:hover{opacity:.8}}g._visible_false_1d4b3_gg_{display:none}.___SBubble_1d4b3_gg_.__color_1d4b3_gg_{fill:var(--color_1d4b3)}.___SBubble_1d4b3_gg_.__pattern_1d4b3_gg_.__color_1d4b3_gg_{fill:var(--pattern_1d4b3);stroke:var(--color_1d4b3);stroke-width:1px}.___SBubble_1d4b3_gg_.__transparent_1d4b3_gg_{opacity:.3}.___SCenter_1d4b3_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1d4b3_gg_.__color_1d4b3_gg_{stroke:var(--color_1d4b3)}.___SCenter_1d4b3_gg_.__transparent_1d4b3_gg_{opacity:.3}.___SLabel_1d4b3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1d4b3_gg_._position_right_1d4b3_gg_{text-anchor:end}.___SLabel_1d4b3_gg_._position_left_1d4b3_gg_{text-anchor:start}.___SLabel_1d4b3_gg_.__color_1d4b3_gg_{fill:var(--color_1d4b3)}.___SLabel_1d4b3_gg_.__transparent_1d4b3_gg_{opacity:.3}", /*__inner_css_end__*/"1d4b3_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"_visible_false": "
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCenter": "
|
|
31
|
-
"__SLabel": "
|
|
32
|
-
"_position_right": "
|
|
33
|
-
"_position_left": "
|
|
34
|
-
"--duration": "--
|
|
23
|
+
"_visible_false": "_visible_false_1d4b3_gg_",
|
|
24
|
+
"__SBubble": "___SBubble_1d4b3_gg_",
|
|
25
|
+
"_color": "__color_1d4b3_gg_",
|
|
26
|
+
"--color": "--color_1d4b3",
|
|
27
|
+
"_pattern": "__pattern_1d4b3_gg_",
|
|
28
|
+
"--pattern": "--pattern_1d4b3",
|
|
29
|
+
"_transparent": "__transparent_1d4b3_gg_",
|
|
30
|
+
"__SCenter": "___SCenter_1d4b3_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_1d4b3_gg_",
|
|
32
|
+
"_position_right": "_position_right_1d4b3_gg_",
|
|
33
|
+
"_position_left": "_position_left_1d4b3_gg_",
|
|
34
|
+
"--duration": "--duration_1d4b3"
|
|
35
35
|
});
|
|
36
36
|
import Tooltip from './Tooltip';
|
|
37
37
|
import { getBubbleChartValueScale, measureText } from './utils';
|
|
@@ -210,14 +210,14 @@ _defineProperty(BubbleRoot, "defaultProps", {
|
|
|
210
210
|
duration: 500,
|
|
211
211
|
markedCross: true
|
|
212
212
|
});
|
|
213
|
-
|
|
213
|
+
function BubbleTooltip(props) {
|
|
214
214
|
var _ref = arguments[0],
|
|
215
215
|
_ref2;
|
|
216
216
|
var SBubbleTooltip = Tooltip;
|
|
217
217
|
return _ref2 = sstyled(props.styles), /*#__PURE__*/React.createElement(SBubbleTooltip, _ref2.cn("SBubbleTooltip", _objectSpread({}, _assignProps({
|
|
218
218
|
"excludeAnchorProps": true
|
|
219
219
|
}, _ref))));
|
|
220
|
-
}
|
|
220
|
+
}
|
|
221
221
|
function BubbleCircle(props) {
|
|
222
222
|
var _ref3, _circleData$color;
|
|
223
223
|
var color = props.color,
|