@semcore/d3-chart 3.0.2 → 3.1.1
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/lib/cjs/Area.js +9 -9
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +8 -8
- package/lib/cjs/Bubble.js +10 -10
- package/lib/cjs/Donut.js +23 -10
- package/lib/cjs/Donut.js.map +1 -1
- package/lib/cjs/Dots.js +9 -9
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +8 -8
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +7 -7
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +7 -7
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +5 -5
- package/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/lib/es6/Area.js +9 -9
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +8 -8
- package/lib/es6/Bubble.js +10 -10
- package/lib/es6/Donut.js +23 -10
- package/lib/es6/Donut.js.map +1 -1
- package/lib/es6/Dots.js +9 -9
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +8 -8
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +7 -7
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +7 -7
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +5 -5
- package/lib/es6/a11y/PlotA11yView.js.map +1 -1
- package/package.json +1 -1
package/lib/cjs/ReferenceLine.js
CHANGED
|
@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
17
17
|
var _createElement = _interopRequireDefault(require("./createElement"));
|
|
18
18
|
var _utils = require("./utils");
|
|
19
19
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SReferenceLine": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"--transform-origin": "--transform-
|
|
24
|
-
"_position_top": "
|
|
25
|
-
"_position_bottom": "
|
|
26
|
-
"_position_right": "
|
|
27
|
-
"_position_left": "
|
|
28
|
-
"__SBackground": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1tgnh_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1tgnh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1tgnh)}.___STitle_1tgnh_gg_._position_top_1tgnh_gg_{text-anchor:middle}.___STitle_1tgnh_gg_._position_bottom_1tgnh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1tgnh_gg_._position_left_1tgnh_gg_,.___STitle_1tgnh_gg_._position_right_1tgnh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1tgnh_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1tgnh_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SReferenceLine": "___SReferenceLine_1tgnh_gg_",
|
|
22
|
+
"__STitle": "___STitle_1tgnh_gg_",
|
|
23
|
+
"--transform-origin": "--transform-origin_1tgnh",
|
|
24
|
+
"_position_top": "_position_top_1tgnh_gg_",
|
|
25
|
+
"_position_bottom": "_position_bottom_1tgnh_gg_",
|
|
26
|
+
"_position_right": "_position_right_1tgnh_gg_",
|
|
27
|
+
"_position_left": "_position_left_1tgnh_gg_",
|
|
28
|
+
"__SBackground": "___SBackground_1tgnh_gg_"
|
|
29
29
|
});
|
|
30
30
|
var side2direction = {
|
|
31
31
|
left: 'vertical',
|
package/lib/cjs/ScatterPlot.js
CHANGED
|
@@ -23,13 +23,13 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _ClipPath = _interopRequireDefault(require("./ClipPath"));
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SScatterPlot": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SValue": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_byj71_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_byj71);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_byj71_gg_:hover{opacity:.8}}.___SScatterPlot_byj71_gg_.__color_byj71_gg_{fill:var(--color_byj71)}.___SScatterPlot_byj71_gg_.__transparent_byj71_gg_{opacity:.3}.___SValue_byj71_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_byj71_gg_.__color_byj71_gg_{stroke:var(--color_byj71)}.___SValue_byj71_gg_.__transparent_byj71_gg_{opacity:.3}" /*__inner_css_end__*/, "byj71_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SScatterPlot": "___SScatterPlot_byj71_gg_",
|
|
28
|
+
"--duration": "--duration_byj71",
|
|
29
|
+
"_color": "__color_byj71_gg_",
|
|
30
|
+
"--color": "--color_byj71",
|
|
31
|
+
"_transparent": "__transparent_byj71_gg_",
|
|
32
|
+
"__SValue": "___SValue_byj71_gg_"
|
|
33
33
|
});
|
|
34
34
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(ScatterPlotRoot, _Component);
|
package/lib/cjs/Tooltip.js
CHANGED
|
@@ -24,14 +24,14 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
24
24
|
var _utils = require("./utils");
|
|
25
25
|
var _excluded = ["Children", "children", "tag"];
|
|
26
26
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
28
|
-
"__STooltip": "
|
|
29
|
-
"__STitle": "
|
|
30
|
-
"__SDotGroup": "
|
|
31
|
-
"__SDot": "
|
|
32
|
-
"_color": "
|
|
33
|
-
"--color": "--
|
|
34
|
-
"__SFooter": "
|
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_cjlyw_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_cjlyw_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_cjlyw_gg_{display:flex;align-items:center}.___SDot_cjlyw_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_cjlyw_gg_.__color_cjlyw_gg_{background:var(--color_cjlyw)}.___SFooter_cjlyw_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "cjlyw_gg_") /*__reshadow_css_end__*/, {
|
|
28
|
+
"__STooltip": "___STooltip_cjlyw_gg_",
|
|
29
|
+
"__STitle": "___STitle_cjlyw_gg_",
|
|
30
|
+
"__SDotGroup": "___SDotGroup_cjlyw_gg_",
|
|
31
|
+
"__SDot": "___SDot_cjlyw_gg_",
|
|
32
|
+
"_color": "__color_cjlyw_gg_",
|
|
33
|
+
"--color": "--color_cjlyw",
|
|
34
|
+
"__SFooter": "___SFooter_cjlyw_gg_"
|
|
35
35
|
});
|
|
36
36
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
|
37
37
|
(0, _inherits2["default"])(TooltipRoot, _Component);
|
package/lib/cjs/Venn.js
CHANGED
|
@@ -23,13 +23,13 @@ var _createElement = _interopRequireDefault(require("./createElement"));
|
|
|
23
23
|
var _utils = require("./utils");
|
|
24
24
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
25
25
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SCircle": "
|
|
28
|
-
"--duration": "--
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"_transparent": "
|
|
32
|
-
"__SIntersection": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCircle_s0n40_gg_,.___SIntersection_s0n40_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_s0n40_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_s0n40);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_s0n40_gg_:hover{fill-opacity:.7}}.___SCircle_s0n40_gg_.__color_s0n40_gg_{fill:var(--color_s0n40)}.___SCircle_s0n40_gg_.__transparent_s0n40_gg_{opacity:.3}.___SIntersection_s0n40_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_s0n40_gg_:hover{fill-opacity:.1}}.___SIntersection_s0n40_gg_.__transparent_s0n40_gg_{opacity:.3}" /*__inner_css_end__*/, "s0n40_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SCircle": "___SCircle_s0n40_gg_",
|
|
28
|
+
"--duration": "--duration_s0n40",
|
|
29
|
+
"_color": "__color_s0n40_gg_",
|
|
30
|
+
"--color": "--color_s0n40",
|
|
31
|
+
"_transparent": "__transparent_s0n40_gg_",
|
|
32
|
+
"__SIntersection": "___SIntersection_s0n40_gg_"
|
|
33
33
|
});
|
|
34
34
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(VennRoot, _Component);
|
|
@@ -16,8 +16,8 @@ var _intergalacticDynamicLocales = require("./translations/module/__intergalacti
|
|
|
16
16
|
var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
|
|
17
17
|
var _flexBox = require("@semcore/flex-box");
|
|
18
18
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
19
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SPlotA11yModule": "
|
|
19
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1vmrc_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1vmrc_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1vmrc_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1vmrc_gg_"
|
|
21
21
|
});
|
|
22
22
|
var globalWasFocused = false;
|
|
23
23
|
var globalNavWithKeyboard = false;
|
|
@@ -20,9 +20,9 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
20
20
|
var _i18nEnhance = require("@semcore/utils/lib/enhances/i18nEnhance");
|
|
21
21
|
var _intergalacticDynamicLocales = require("./translations/view/__intergalactic-dynamic-locales");
|
|
22
22
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
23
|
-
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SPlotA11yView": "
|
|
25
|
-
"_focus-within": "__focus-
|
|
23
|
+
var styles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_1rk2x_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23);border:3px solid var(--intergalactic-border-primary, #c4c7cf);font-size:var(--intergalactic-fs-50, 10px);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1rk2x_gg_.__focus-within_1rk2x_gg_,.___SPlotA11yView_1rk2x_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1rk2x_gg_:focus,.___SPlotA11yView_1rk2x_gg_:focus-within{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1;z-index:var(--intergalactic-z-index-overlay, 500);position:relative;display:block}.___SPlotA11yView_1rk2x_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1rk2x_gg_ table,.___SPlotA11yView_1rk2x_gg_ td,.___SPlotA11yView_1rk2x_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "1rk2x_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SPlotA11yView": "___SPlotA11yView_1rk2x_gg_",
|
|
25
|
+
"_focus-within": "__focus-within_1rk2x_gg_"
|
|
26
26
|
});
|
|
27
27
|
var PlotA11yView = function PlotA11yView(_ref3) {
|
|
28
28
|
var _ref = arguments[0],
|
|
@@ -135,7 +135,7 @@ var PlotA11yView = function PlotA11yView(_ref3) {
|
|
|
135
135
|
(_heavyFindNextFocusab = (0, _focus.heavyFindNextFocusableElement)(plotRef.current)) === null || _heavyFindNextFocusab === void 0 ? void 0 : _heavyFindNextFocusab.focus();
|
|
136
136
|
}, []);
|
|
137
137
|
var handleSkipKeyboard = _react["default"].useCallback(function (event) {
|
|
138
|
-
if (event.
|
|
138
|
+
if (event.key !== 'Enter') return;
|
|
139
139
|
handleSkip();
|
|
140
140
|
}, [handleSkip]);
|
|
141
141
|
var handleGoToTable = _react["default"].useCallback(function () {
|
|
@@ -143,7 +143,7 @@ var PlotA11yView = function PlotA11yView(_ref3) {
|
|
|
143
143
|
(_dataTableRef$current = dataTableRef.current) === null || _dataTableRef$current === void 0 ? void 0 : _dataTableRef$current.focus();
|
|
144
144
|
}, []);
|
|
145
145
|
var handleGoToTableKeyboard = _react["default"].useCallback(function (event) {
|
|
146
|
-
if (event.
|
|
146
|
+
if (event.key !== 'Enter') return;
|
|
147
147
|
handleGoToTable();
|
|
148
148
|
}, [handleGoToTable]);
|
|
149
149
|
var texts = _react["default"].useMemo(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlotA11yView.js","names":["_core","require","_react","_interopRequireDefault","_focus","_hints","_serialize","_intl","_summarize","_flexBox","_i18nEnhance","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","keys","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray2","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper2","_step","s","n","done","_step$value","_slicedToArray2","value","label","err","e","f","renderTitle","useCallback","dataKey","_React$useState","useState","_React$useState2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleSkip","_heavyFindNextFocusab","current","heavyFindNextFocusableElement","focus","handleSkipKeyboard","event","code","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","index","join","formatValue","exports"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n id,\n data: providedData,\n hints,\n plotLabel,\n plotRef,\n config: providedConfig,\n locale,\n}) => {\n const SPlotA11yView = Root;\n const translations = useAsyncI18nMessages(localizedMessages, locale);\n const intl = React.useMemo(\n () => getIntl(locale, translations, localizedMessages),\n [locale, translations, localizedMessages],\n );\n const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n const data = React.useMemo(\n () => (Array.isArray(providedData) ? providedData : [providedData]),\n [providedData],\n );\n const keys = React.useMemo(() => {\n let fromHints: (string | number)[] = [];\n fromHints.push(...hints.fields.verticalAxes);\n fromHints.push(...hints.fields.horizontalAxes);\n fromHints.push(...hints.fields.valueAxes);\n fromHints.push(...config.additionalFields);\n fromHints.push(...Object.keys(hints.fields.values));\n\n fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n if (fromHints.length === 0) {\n data.forEach((row) => fromHints.push(...Object.keys(row)));\n }\n\n return [...new Set(fromHints)];\n }, [data, hints]);\n const duplicatedBaseKeys = React.useMemo(() => {\n const baseKeys = keys\n .filter((key) => !hints.titles.valuesAxes[key])\n .map((key) => {\n if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n return [key, hints.axesTitle.vertical];\n if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n return [key, hints.axesTitle.horizontal];\n })\n .filter((entry) => entry !== undefined)\n .map((entry) => entry!);\n const doublicated: Record<string, true> = {};\n const handled: Record<string, string | number> = {};\n for (const [key, label] of baseKeys) {\n if (handled[label]) {\n doublicated[key] = true;\n doublicated[handled[label]] = true;\n }\n handled[label] = key;\n }\n return doublicated;\n }, [keys, hints]);\n const renderTitle = React.useCallback(\n (dataKey: string | number) => {\n if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n if (!duplicatedBaseKeys[dataKey]) {\n if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n return hints.axesTitle.vertical;\n if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n return hints.axesTitle.horizontal;\n }\n\n return dataKey;\n },\n [data, hints, duplicatedBaseKeys],\n );\n\n const [summary, setSummary] = React.useState<string | null>(null);\n const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n React.useEffect(() => {\n if (config.disable) {\n setSummary('');\n setGeneratingSummary(false);\n return;\n }\n if (config.override) {\n setSummary(config.override);\n setGeneratingSummary(false);\n return;\n }\n setTimeout(() => {\n setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n setGeneratingSummary(false);\n }, 0);\n }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n const handleSkip = React.useCallback(() => {\n if (!plotRef.current) return;\n\n heavyFindNextFocusableElement(plotRef.current)?.focus();\n }, []);\n const handleSkipKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.code !== 'Enter') return;\n\n handleSkip();\n },\n [handleSkip],\n );\n const handleGoToTable = React.useCallback(() => {\n dataTableRef.current?.focus();\n }, []);\n const handleGoToTableKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.code !== 'Enter') return;\n\n handleGoToTable();\n },\n [handleGoToTable],\n );\n\n const texts = React.useMemo(\n () => ({\n label: intl.formatMessage(\n { id: 'view-label' },\n { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n ),\n close: intl.formatMessage({ id: 'view-close' }),\n skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n summary: intl.formatMessage({ id: 'view-data-summary' }),\n summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n table: intl.formatMessage({ id: 'view-table' }),\n }),\n [intl, plotLabel],\n );\n\n const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n return sstyled(styles)(\n <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a aria-hidden onClick={handleSkip}>\n {texts.close}\n </a>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n {texts.skipPlot}\n </a>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n {texts.goToTable}\n </a>\n <strong>\n <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n </strong>\n <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n {generatingSummary ? texts.summaryPlaceholder : summary}\n </div>\n <strong>\n <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n </strong>\n <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n <thead>\n <tr>\n {keys.map((key, index) => (\n <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {data.map((row, index) => (\n <tr key={`${Object.values(row).join('-')}-${index}`}>\n {keys.map((key, index) => (\n <td key={`${key}-${index}`}>{formatValue(intl, row[key])}</td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </SPlotA11yView>,\n ) as React.ReactElement;\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"PlotA11yView.js","names":["_core","require","_react","_interopRequireDefault","_focus","_hints","_serialize","_intl","_summarize","_flexBox","_i18nEnhance","_intergalacticDynamicLocales","styles","sstyled","insert","PlotA11yView","_ref3","_ref","arguments[0]","_ref2","id","providedData","data","hints","plotLabel","plotRef","providedConfig","config","locale","SPlotA11yView","Box","translations","useAsyncI18nMessages","localizedMessages","intl","React","useMemo","getIntl","makeDataSummarizationConfig","Array","isArray","keys","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray2","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper2","_step","s","n","done","_step$value","_slicedToArray2","value","label","err","e","f","renderTitle","useCallback","dataKey","_React$useState","useState","_React$useState2","summary","setSummary","_React$useState3","_React$useState4","generatingSummary","setGeneratingSummary","useEffect","disable","override","setTimeout","summarize","handleSkip","_heavyFindNextFocusab","current","heavyFindNextFocusableElement","focus","handleSkipKeyboard","event","handleGoToTable","_dataTableRef$current","dataTableRef","handleGoToTableKeyboard","texts","formatMessage","close","skipPlot","goToTable","summaryPlaceholder","table","useRef","createElement","cn","_objectSpread2","assignProps","concat","index","join","formatValue","exports"],"sources":["../../../src/a11y/PlotA11yView.tsx"],"sourcesContent":["import React from 'react';\nimport { heavyFindNextFocusableElement } from './focus';\nimport { makeDataSummarizationConfig } from './hints';\nimport type { A11yViewProps } from './PlotA11yModule';\nimport { formatValue } from './serialize';\nimport { getIntl } from './intl';\nimport { summarize } from './summarize';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yView.shadow.css';\nimport { Box } from '@semcore/flex-box';\nimport { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/view/__intergalactic-dynamic-locales';\n\nexport const PlotA11yView: React.FC<A11yViewProps> = ({\n id,\n data: providedData,\n hints,\n plotLabel,\n plotRef,\n config: providedConfig,\n locale,\n}) => {\n const SPlotA11yView = Root;\n const translations = useAsyncI18nMessages(localizedMessages, locale);\n const intl = React.useMemo(\n () => getIntl(locale, translations, localizedMessages),\n [locale, translations, localizedMessages],\n );\n const config = React.useMemo(() => makeDataSummarizationConfig(providedConfig), [providedConfig]);\n const data = React.useMemo(\n () => (Array.isArray(providedData) ? providedData : [providedData]),\n [providedData],\n );\n const keys = React.useMemo(() => {\n let fromHints: (string | number)[] = [];\n fromHints.push(...hints.fields.verticalAxes);\n fromHints.push(...hints.fields.horizontalAxes);\n fromHints.push(...hints.fields.valueAxes);\n fromHints.push(...config.additionalFields);\n fromHints.push(...Object.keys(hints.fields.values));\n\n fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n if (fromHints.length === 0) {\n data.forEach((row) => fromHints.push(...Object.keys(row)));\n }\n\n return [...new Set(fromHints)];\n }, [data, hints]);\n const duplicatedBaseKeys = React.useMemo(() => {\n const baseKeys = keys\n .filter((key) => !hints.titles.valuesAxes[key])\n .map((key) => {\n if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n return [key, hints.axesTitle.vertical];\n if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n return [key, hints.axesTitle.horizontal];\n })\n .filter((entry) => entry !== undefined)\n .map((entry) => entry!);\n const doublicated: Record<string, true> = {};\n const handled: Record<string, string | number> = {};\n for (const [key, label] of baseKeys) {\n if (handled[label]) {\n doublicated[key] = true;\n doublicated[handled[label]] = true;\n }\n handled[label] = key;\n }\n return doublicated;\n }, [keys, hints]);\n const renderTitle = React.useCallback(\n (dataKey: string | number) => {\n if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n if (!duplicatedBaseKeys[dataKey]) {\n if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n return hints.axesTitle.vertical;\n if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n return hints.axesTitle.horizontal;\n }\n\n return dataKey;\n },\n [data, hints, duplicatedBaseKeys],\n );\n\n const [summary, setSummary] = React.useState<string | null>(null);\n const [generatingSummary, setGeneratingSummary] = React.useState(true);\n\n React.useEffect(() => {\n if (config.disable) {\n setSummary('');\n setGeneratingSummary(false);\n return;\n }\n if (config.override) {\n setSummary(config.override);\n setGeneratingSummary(false);\n return;\n }\n setTimeout(() => {\n setSummary(summarize(providedData, hints, config, locale, translations, localizedMessages));\n setGeneratingSummary(false);\n }, 0);\n }, [providedData, hints, config, locale, translations, localizedMessages]);\n\n const handleSkip = React.useCallback(() => {\n if (!plotRef.current) return;\n\n heavyFindNextFocusableElement(plotRef.current)?.focus();\n }, []);\n const handleSkipKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key !== 'Enter') return;\n\n handleSkip();\n },\n [handleSkip],\n );\n const handleGoToTable = React.useCallback(() => {\n dataTableRef.current?.focus();\n }, []);\n const handleGoToTableKeyboard = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key !== 'Enter') return;\n\n handleGoToTable();\n },\n [handleGoToTable],\n );\n\n const texts = React.useMemo(\n () => ({\n label: intl.formatMessage(\n { id: 'view-label' },\n { plotLabel: plotLabel ?? intl.formatMessage({ id: 'view-default-plot-label' }) },\n ),\n close: intl.formatMessage({ id: 'view-close' }),\n skipPlot: intl.formatMessage({ id: 'view-skip-plot' }),\n goToTable: intl.formatMessage({ id: 'view-go-to-table' }),\n summary: intl.formatMessage({ id: 'view-data-summary' }),\n summaryPlaceholder: intl.formatMessage({ id: 'view-summary-placeholder' }),\n table: intl.formatMessage({ id: 'view-table' }),\n }),\n [intl, plotLabel],\n );\n\n const dataTableRef = React.useRef<HTMLTableElement>(null);\n\n return sstyled(styles)(\n <SPlotA11yView render={Box} tabIndex={0} aria-label={texts.label}>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a aria-hidden onClick={handleSkip}>\n {texts.close}\n </a>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a role='link' tabIndex={0} onKeyDown={handleSkipKeyboard} onClick={handleSkip}>\n {texts.skipPlot}\n </a>\n {/* rome-ignore lint/a11y/useValidAnchor: <explanation> */}\n <a role='link' tabIndex={0} onKeyDown={handleGoToTableKeyboard} onClick={handleGoToTable}>\n {texts.goToTable}\n </a>\n <strong>\n <label htmlFor={`${id}-data-summary`}>{texts.summary}</label>\n </strong>\n <div id={`${id}-data-summary`} aria-busy={generatingSummary} tabIndex={0}>\n {generatingSummary ? texts.summaryPlaceholder : summary}\n </div>\n <strong>\n <label htmlFor={`${id}-data-table`}>{texts.table}</label>\n </strong>\n <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n <thead>\n <tr>\n {keys.map((key, index) => (\n <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {data.map((row, index) => (\n <tr key={`${Object.values(row).join('-')}-${index}`}>\n {keys.map((key, index) => (\n <td key={`${key}-${index}`}>{formatValue(intl, row[key])}</td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </SPlotA11yView>,\n ) as React.ReactElement;\n};\n"],"mappings":"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"}
|
package/lib/es6/Area.js
CHANGED
|
@@ -15,15 +15,15 @@ import createElement from './createElement';
|
|
|
15
15
|
import { definedData, scaleOfBandwidth, getNullData, definedNullData } from './utils';
|
|
16
16
|
import ClipPath from './ClipPath';
|
|
17
17
|
/*__reshadow-styles__:"./style/area.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SArea": "
|
|
20
|
-
"_color": "
|
|
21
|
-
"--color": "--
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SAreaLine": "
|
|
24
|
-
"--duration": "--
|
|
25
|
-
"__SNull": "
|
|
26
|
-
"_hide": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SArea_10a7e_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_10a7e_gg_.__color_10a7e_gg_{fill:var(--color_10a7e)}.___SArea_10a7e_gg_.__transparent_10a7e_gg_{opacity:.3}.___SAreaLine_10a7e_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_10a7e_gg_.__color_10a7e_gg_{stroke:var(--color_10a7e)}.___SAreaLine_10a7e_gg_.__transparent_10a7e_gg_{opacity:.3}.___SAreaLine_10a7e_gg_,.___SArea_10a7e_gg_{transition-property:d;transition-duration:var(--duration_10a7e);transition-timing-function:ease-in-out}.___SNull_10a7e_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_10a7e_gg_.__hide_10a7e_gg_{display:none}" /*__inner_css_end__*/, "10a7e_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SArea": "___SArea_10a7e_gg_",
|
|
20
|
+
"_color": "__color_10a7e_gg_",
|
|
21
|
+
"--color": "--color_10a7e",
|
|
22
|
+
"_transparent": "__transparent_10a7e_gg_",
|
|
23
|
+
"__SAreaLine": "___SAreaLine_10a7e_gg_",
|
|
24
|
+
"--duration": "--duration_10a7e",
|
|
25
|
+
"__SNull": "___SNull_10a7e_gg_",
|
|
26
|
+
"_hide": "__hide_10a7e_gg_"
|
|
27
27
|
});
|
|
28
28
|
var AreaRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(AreaRoot, _Component);
|
package/lib/es6/Axis.js
CHANGED
|
@@ -12,20 +12,20 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
12
12
|
import createElement from './createElement';
|
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
|
14
14
|
/*__reshadow-styles__:"./style/axis.shadow.css"*/
|
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
16
|
-
"__SAxis": "
|
|
17
|
-
"_hide": "
|
|
18
|
-
"__STick": "
|
|
19
|
-
"__SGrid": "
|
|
20
|
-
"__STitle": "
|
|
21
|
-
"--transform-origin": "--transform-
|
|
22
|
-
"_position_top": "
|
|
23
|
-
"_position_bottom": "
|
|
24
|
-
"_position_right": "
|
|
25
|
-
"_position_left": "
|
|
26
|
-
"_verticalWritingMode": "
|
|
27
|
-
"_position_custom_0": "
|
|
28
|
-
"_position_custom_1": "
|
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxis_o4as8_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_o4as8_gg_.__hide_o4as8_gg_,.___STick_o4as8_gg_.__hide_o4as8_gg_{display:none}.___STick_o4as8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_o4as8_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_o4as8_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_o4as8)}.___STitle_o4as8_gg_._position_top_o4as8_gg_{text-anchor:middle}.___STitle_o4as8_gg_._position_bottom_o4as8_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_o4as8_gg_._position_left_o4as8_gg_,.___STitle_o4as8_gg_._position_right_o4as8_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_o4as8_gg_._position_left_o4as8_gg_.__verticalWritingMode_o4as8_gg_,.___STitle_o4as8_gg_._position_right_o4as8_gg_.__verticalWritingMode_o4as8_gg_{writing-mode:vertical-rl;transform:none}.___STick_o4as8_gg_._position_top_o4as8_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_o4as8_gg_._position_bottom_o4as8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_o4as8_gg_._position_right_o4as8_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_o4as8_gg_._position_left_o4as8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_o4as8_gg_._position_custom_0_o4as8_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_o4as8_gg_._position_custom_1_o4as8_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "o4as8_gg_") /*__reshadow_css_end__*/, {
|
|
16
|
+
"__SAxis": "___SAxis_o4as8_gg_",
|
|
17
|
+
"_hide": "__hide_o4as8_gg_",
|
|
18
|
+
"__STick": "___STick_o4as8_gg_",
|
|
19
|
+
"__SGrid": "___SGrid_o4as8_gg_",
|
|
20
|
+
"__STitle": "___STitle_o4as8_gg_",
|
|
21
|
+
"--transform-origin": "--transform-origin_o4as8",
|
|
22
|
+
"_position_top": "_position_top_o4as8_gg_",
|
|
23
|
+
"_position_bottom": "_position_bottom_o4as8_gg_",
|
|
24
|
+
"_position_right": "_position_right_o4as8_gg_",
|
|
25
|
+
"_position_left": "_position_left_o4as8_gg_",
|
|
26
|
+
"_verticalWritingMode": "__verticalWritingMode_o4as8_gg_",
|
|
27
|
+
"_position_custom_0": "_position_custom_0_o4as8_gg_",
|
|
28
|
+
"_position_custom_1": "_position_custom_1_o4as8_gg_"
|
|
29
29
|
});
|
|
30
30
|
var CUSTOM_0 = Symbol('custom_0');
|
|
31
31
|
var CUSTOM_1 = Symbol('custom_1');
|
package/lib/es6/Bar.js
CHANGED
|
@@ -13,14 +13,14 @@ import createElement from './createElement';
|
|
|
13
13
|
import ClipPath from './ClipPath';
|
|
14
14
|
import { getBandwidth, roundedPath } from './utils';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_hide": "
|
|
22
|
-
"_transparent": "
|
|
23
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_ja1hv_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_ja1hv);transition-timing-function:ease-in-out}.___SBar_ja1hv_gg_.__color_ja1hv_gg_{fill:var(--color_ja1hv)}.___SBar_ja1hv_gg_.__hide_ja1hv_gg_{display:none}.___SBar_ja1hv_gg_.__transparent_ja1hv_gg_{opacity:.3}.___SBackground_ja1hv_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "ja1hv_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_ja1hv_gg_",
|
|
18
|
+
"--duration": "--duration_ja1hv",
|
|
19
|
+
"_color": "__color_ja1hv_gg_",
|
|
20
|
+
"--color": "--color_ja1hv",
|
|
21
|
+
"_hide": "__hide_ja1hv_gg_",
|
|
22
|
+
"_transparent": "__transparent_ja1hv_gg_",
|
|
23
|
+
"__SBackground": "___SBackground_ja1hv_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var MIN_HEIGHT = 2;
|
|
26
26
|
var calcPartBarY = function calcPartBarY(y, minHeight, height) {
|
package/lib/es6/Bubble.js
CHANGED
|
@@ -20,16 +20,16 @@ import ClipPath from './ClipPath';
|
|
|
20
20
|
import { CONSTANT, measureText } from './utils';
|
|
21
21
|
import Tooltip from './Tooltip';
|
|
22
22
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"--duration": "--
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_transparent": "
|
|
29
|
-
"__SCenter": "
|
|
30
|
-
"__SLabel": "
|
|
31
|
-
"_position_right": "
|
|
32
|
-
"_position_left": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_mdh8u_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_mdh8u);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_mdh8u_gg_:hover{opacity:.8}}.___SBubble_mdh8u_gg_.__color_mdh8u_gg_{fill:var(--color_mdh8u)}.___SBubble_mdh8u_gg_.__transparent_mdh8u_gg_{opacity:.3}.___SCenter_mdh8u_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_mdh8u_gg_.__color_mdh8u_gg_{stroke:var(--color_mdh8u)}.___SCenter_mdh8u_gg_.__transparent_mdh8u_gg_{opacity:.3}.___SLabel_mdh8u_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_mdh8u_gg_._position_right_mdh8u_gg_{text-anchor:end}.___SLabel_mdh8u_gg_._position_left_mdh8u_gg_{text-anchor:start}.___SLabel_mdh8u_gg_.__color_mdh8u_gg_{fill:var(--color_mdh8u)}.___SLabel_mdh8u_gg_.__transparent_mdh8u_gg_{opacity:.3}" /*__inner_css_end__*/, "mdh8u_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SBubble": "___SBubble_mdh8u_gg_",
|
|
25
|
+
"--duration": "--duration_mdh8u",
|
|
26
|
+
"_color": "__color_mdh8u_gg_",
|
|
27
|
+
"--color": "--color_mdh8u",
|
|
28
|
+
"_transparent": "__transparent_mdh8u_gg_",
|
|
29
|
+
"__SCenter": "___SCenter_mdh8u_gg_",
|
|
30
|
+
"__SLabel": "___SLabel_mdh8u_gg_",
|
|
31
|
+
"_position_right": "_position_right_mdh8u_gg_",
|
|
32
|
+
"_position_left": "_position_left_mdh8u_gg_"
|
|
33
33
|
});
|
|
34
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
_inherits(BubbleRoot, _Component);
|
package/lib/es6/Donut.js
CHANGED
|
@@ -9,7 +9,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
9
9
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
10
10
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
11
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
|
-
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent"];
|
|
12
|
+
var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "halfsize"];
|
|
13
13
|
import React, { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import { arc, pie } from 'd3-shape';
|
|
15
15
|
import { interpolate } from 'd3-interpolate';
|
|
@@ -22,13 +22,13 @@ import createElement from './createElement';
|
|
|
22
22
|
import { CONSTANT } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SPie": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SEmptyData": "
|
|
31
|
-
"__SLabel": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1qtxe_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1qtxe_gg_.__color_1qtxe_gg_{fill:var(--color_1qtxe)}.___SPie_1qtxe_gg_.__transparent_1qtxe_gg_{opacity:.3}.___SEmptyData_1qtxe_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1qtxe_gg_.__color_1qtxe_gg_{fill:var(--color_1qtxe)}.___SLabel_1qtxe_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1qtxe_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SPie": "___SPie_1qtxe_gg_",
|
|
27
|
+
"_color": "__color_1qtxe_gg_",
|
|
28
|
+
"--color": "--color_1qtxe",
|
|
29
|
+
"_transparent": "__transparent_1qtxe_gg_",
|
|
30
|
+
"__SEmptyData": "___SEmptyData_1qtxe_gg_",
|
|
31
|
+
"__SLabel": "___SLabel_1qtxe_gg_"
|
|
32
32
|
});
|
|
33
33
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
34
34
|
function transitionAnglePie(_ref6) {
|
|
@@ -125,6 +125,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
125
125
|
innerRadius = _this$asProps.innerRadius,
|
|
126
126
|
d3Arc = _this$asProps.d3Arc;
|
|
127
127
|
var outerRadius = d3Arc.outerRadius()();
|
|
128
|
+
var outerRadiusStartEnd = active ? [+element.dataset['currentRadius'] || outerRadius, outerRadius + increaseFactor] : [+element.dataset['currentRadius'] || outerRadius, outerRadius];
|
|
128
129
|
if (_this.canAnimatedHover && duration > 0) {
|
|
129
130
|
transitionRadiusPie({
|
|
130
131
|
data: data,
|
|
@@ -132,7 +133,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
132
133
|
element: element,
|
|
133
134
|
duration: duration === 0 ? 0 : 300,
|
|
134
135
|
innerRadius: innerRadius,
|
|
135
|
-
outerRadiusStartEnd:
|
|
136
|
+
outerRadiusStartEnd: outerRadiusStartEnd
|
|
136
137
|
});
|
|
137
138
|
}
|
|
138
139
|
});
|
|
@@ -228,7 +229,10 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
228
229
|
var _this2 = this;
|
|
229
230
|
var _this$asProps5 = this.asProps,
|
|
230
231
|
d3Arc = _this$asProps5.d3Arc,
|
|
231
|
-
d3ArcOut = _this$asProps5.d3ArcOut
|
|
232
|
+
d3ArcOut = _this$asProps5.d3ArcOut,
|
|
233
|
+
innerRadius = _this$asProps5.innerRadius,
|
|
234
|
+
outerRadius = _this$asProps5.outerRadius,
|
|
235
|
+
halfsize = _this$asProps5.halfsize;
|
|
232
236
|
var active = props.active;
|
|
233
237
|
var data = this.arcs.find(function (arc) {
|
|
234
238
|
return arc.data[0] === props.dataKey;
|
|
@@ -247,6 +251,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
|
|
|
247
251
|
data: data,
|
|
248
252
|
d3Arc: d3Arc,
|
|
249
253
|
d3ArcOut: d3ArcOut,
|
|
254
|
+
innerRadius: innerRadius,
|
|
255
|
+
outerRadius: outerRadius,
|
|
256
|
+
halfsize: halfsize,
|
|
250
257
|
$animationActivePie: this.animationActivePie,
|
|
251
258
|
onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
|
|
252
259
|
onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
|
|
@@ -366,6 +373,9 @@ function Pie(_ref17) {
|
|
|
366
373
|
dataKey = _ref17.dataKey,
|
|
367
374
|
dataHintsHandler = _ref17.dataHintsHandler,
|
|
368
375
|
transparent = _ref17.transparent,
|
|
376
|
+
innerRadius = _ref17.innerRadius,
|
|
377
|
+
outerRadius = _ref17.outerRadius,
|
|
378
|
+
halfsize = _ref17.halfsize,
|
|
369
379
|
other = _objectWithoutProperties(_ref17, _excluded);
|
|
370
380
|
var _useState = useState(false),
|
|
371
381
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -389,6 +399,9 @@ function Pie(_ref17) {
|
|
|
389
399
|
});
|
|
390
400
|
}
|
|
391
401
|
}, [active]);
|
|
402
|
+
useEffect(function () {
|
|
403
|
+
pieRef.current.dataset['currentRadius'] = (active ? d3ArcOut : d3Arc).outerRadius()();
|
|
404
|
+
}, [active, innerRadius, outerRadius, halfsize]);
|
|
392
405
|
dataHintsHandler.establishDataType('values-set');
|
|
393
406
|
dataHintsHandler.describeValueEntity(dataKey, name);
|
|
394
407
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref2.cn("SPie", {
|