@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.
@@ -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__*/".___SReferenceLine_1v14m_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1v14m_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1v14m)}.___STitle_1v14m_gg_._position_top_1v14m_gg_{text-anchor:middle}.___STitle_1v14m_gg_._position_bottom_1v14m_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1v14m_gg_._position_left_1v14m_gg_,.___STitle_1v14m_gg_._position_right_1v14m_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1v14m_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1v14m_gg_") /*__reshadow_css_end__*/, {
21
- "__SReferenceLine": "___SReferenceLine_1v14m_gg_",
22
- "__STitle": "___STitle_1v14m_gg_",
23
- "--transform-origin": "--transform-origin_1v14m",
24
- "_position_top": "_position_top_1v14m_gg_",
25
- "_position_bottom": "_position_bottom_1v14m_gg_",
26
- "_position_right": "_position_right_1v14m_gg_",
27
- "_position_left": "_position_left_1v14m_gg_",
28
- "__SBackground": "___SBackground_1v14m_gg_"
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',
@@ -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__*/".___SScatterPlot_fhnc6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_fhnc6);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_fhnc6_gg_:hover{opacity:.8}}.___SScatterPlot_fhnc6_gg_.__color_fhnc6_gg_{fill:var(--color_fhnc6)}.___SScatterPlot_fhnc6_gg_.__transparent_fhnc6_gg_{opacity:.3}.___SValue_fhnc6_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_fhnc6_gg_.__color_fhnc6_gg_{stroke:var(--color_fhnc6)}.___SValue_fhnc6_gg_.__transparent_fhnc6_gg_{opacity:.3}" /*__inner_css_end__*/, "fhnc6_gg_") /*__reshadow_css_end__*/, {
27
- "__SScatterPlot": "___SScatterPlot_fhnc6_gg_",
28
- "--duration": "--duration_fhnc6",
29
- "_color": "__color_fhnc6_gg_",
30
- "--color": "--color_fhnc6",
31
- "_transparent": "__transparent_fhnc6_gg_",
32
- "__SValue": "___SValue_fhnc6_gg_"
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);
@@ -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__*/".___STooltip_15l59_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_15l59_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_15l59_gg_{display:flex;align-items:center}.___SDot_15l59_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_15l59_gg_.__color_15l59_gg_{background:var(--color_15l59)}.___SFooter_15l59_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__*/, "15l59_gg_") /*__reshadow_css_end__*/, {
28
- "__STooltip": "___STooltip_15l59_gg_",
29
- "__STitle": "___STitle_15l59_gg_",
30
- "__SDotGroup": "___SDotGroup_15l59_gg_",
31
- "__SDot": "___SDot_15l59_gg_",
32
- "_color": "__color_15l59_gg_",
33
- "--color": "--color_15l59",
34
- "__SFooter": "___SFooter_15l59_gg_"
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__*/".___SCircle_1mkv1_gg_,.___SIntersection_1mkv1_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_1mkv1_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1mkv1);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1mkv1_gg_:hover{fill-opacity:.7}}.___SCircle_1mkv1_gg_.__color_1mkv1_gg_{fill:var(--color_1mkv1)}.___SCircle_1mkv1_gg_.__transparent_1mkv1_gg_{opacity:.3}.___SIntersection_1mkv1_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1mkv1_gg_:hover{fill-opacity:.1}}.___SIntersection_1mkv1_gg_.__transparent_1mkv1_gg_{opacity:.3}" /*__inner_css_end__*/, "1mkv1_gg_") /*__reshadow_css_end__*/, {
27
- "__SCircle": "___SCircle_1mkv1_gg_",
28
- "--duration": "--duration_1mkv1",
29
- "_color": "__color_1mkv1_gg_",
30
- "--color": "--color_1mkv1",
31
- "_transparent": "__transparent_1mkv1_gg_",
32
- "__SIntersection": "___SIntersection_1mkv1_gg_"
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__*/".___SPlotA11yModule_1ehnu_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1ehnu_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1ehnu_gg_") /*__reshadow_css_end__*/, {
20
- "__SPlotA11yModule": "___SPlotA11yModule_1ehnu_gg_"
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__*/".___SPlotA11yView_2dcrc_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_2dcrc_gg_.__focus-within_2dcrc_gg_,.___SPlotA11yView_2dcrc_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_2dcrc_gg_:focus,.___SPlotA11yView_2dcrc_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_2dcrc_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_2dcrc_gg_ table,.___SPlotA11yView_2dcrc_gg_ td,.___SPlotA11yView_2dcrc_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "2dcrc_gg_") /*__reshadow_css_end__*/, {
24
- "__SPlotA11yView": "___SPlotA11yView_2dcrc_gg_",
25
- "_focus-within": "__focus-within_2dcrc_gg_"
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.code !== 'Enter') return;
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.code !== 'Enter') return;
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__*/".___SArea_1gh5x_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_1gh5x_gg_.__color_1gh5x_gg_{fill:var(--color_1gh5x)}.___SArea_1gh5x_gg_.__transparent_1gh5x_gg_{opacity:.3}.___SAreaLine_1gh5x_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1gh5x_gg_.__color_1gh5x_gg_{stroke:var(--color_1gh5x)}.___SAreaLine_1gh5x_gg_.__transparent_1gh5x_gg_{opacity:.3}.___SAreaLine_1gh5x_gg_,.___SArea_1gh5x_gg_{transition-property:d;transition-duration:var(--duration_1gh5x);transition-timing-function:ease-in-out}.___SNull_1gh5x_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_1gh5x_gg_.__hide_1gh5x_gg_{display:none}" /*__inner_css_end__*/, "1gh5x_gg_") /*__reshadow_css_end__*/, {
19
- "__SArea": "___SArea_1gh5x_gg_",
20
- "_color": "__color_1gh5x_gg_",
21
- "--color": "--color_1gh5x",
22
- "_transparent": "__transparent_1gh5x_gg_",
23
- "__SAreaLine": "___SAreaLine_1gh5x_gg_",
24
- "--duration": "--duration_1gh5x",
25
- "__SNull": "___SNull_1gh5x_gg_",
26
- "_hide": "__hide_1gh5x_gg_"
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__*/".___SAxis_1n4fh_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1n4fh_gg_.__hide_1n4fh_gg_,.___STick_1n4fh_gg_.__hide_1n4fh_gg_{display:none}.___STick_1n4fh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1n4fh_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1n4fh_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1n4fh)}.___STitle_1n4fh_gg_._position_top_1n4fh_gg_{text-anchor:middle}.___STitle_1n4fh_gg_._position_bottom_1n4fh_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1n4fh_gg_._position_left_1n4fh_gg_,.___STitle_1n4fh_gg_._position_right_1n4fh_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STitle_1n4fh_gg_._position_left_1n4fh_gg_.__verticalWritingMode_1n4fh_gg_,.___STitle_1n4fh_gg_._position_right_1n4fh_gg_.__verticalWritingMode_1n4fh_gg_{writing-mode:vertical-rl;transform:none}.___STick_1n4fh_gg_._position_top_1n4fh_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1n4fh_gg_._position_bottom_1n4fh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1n4fh_gg_._position_right_1n4fh_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1n4fh_gg_._position_left_1n4fh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1n4fh_gg_._position_custom_0_1n4fh_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1n4fh_gg_._position_custom_1_1n4fh_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}" /*__inner_css_end__*/, "1n4fh_gg_") /*__reshadow_css_end__*/, {
16
- "__SAxis": "___SAxis_1n4fh_gg_",
17
- "_hide": "__hide_1n4fh_gg_",
18
- "__STick": "___STick_1n4fh_gg_",
19
- "__SGrid": "___SGrid_1n4fh_gg_",
20
- "__STitle": "___STitle_1n4fh_gg_",
21
- "--transform-origin": "--transform-origin_1n4fh",
22
- "_position_top": "_position_top_1n4fh_gg_",
23
- "_position_bottom": "_position_bottom_1n4fh_gg_",
24
- "_position_right": "_position_right_1n4fh_gg_",
25
- "_position_left": "_position_left_1n4fh_gg_",
26
- "_verticalWritingMode": "__verticalWritingMode_1n4fh_gg_",
27
- "_position_custom_0": "_position_custom_0_1n4fh_gg_",
28
- "_position_custom_1": "_position_custom_1_1n4fh_gg_"
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__*/".___SBar_1f4wm_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1f4wm);transition-timing-function:ease-in-out}.___SBar_1f4wm_gg_.__color_1f4wm_gg_{fill:var(--color_1f4wm)}.___SBar_1f4wm_gg_.__hide_1f4wm_gg_{display:none}.___SBar_1f4wm_gg_.__transparent_1f4wm_gg_{opacity:.3}.___SBackground_1f4wm_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1f4wm_gg_") /*__reshadow_css_end__*/, {
17
- "__SBar": "___SBar_1f4wm_gg_",
18
- "--duration": "--duration_1f4wm",
19
- "_color": "__color_1f4wm_gg_",
20
- "--color": "--color_1f4wm",
21
- "_hide": "__hide_1f4wm_gg_",
22
- "_transparent": "__transparent_1f4wm_gg_",
23
- "__SBackground": "___SBackground_1f4wm_gg_"
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__*/".___SBubble_5011z_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_5011z);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_5011z_gg_:hover{opacity:.8}}.___SBubble_5011z_gg_.__color_5011z_gg_{fill:var(--color_5011z)}.___SBubble_5011z_gg_.__transparent_5011z_gg_{opacity:.3}.___SCenter_5011z_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_5011z_gg_.__color_5011z_gg_{stroke:var(--color_5011z)}.___SCenter_5011z_gg_.__transparent_5011z_gg_{opacity:.3}.___SLabel_5011z_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_5011z_gg_._position_right_5011z_gg_{text-anchor:end}.___SLabel_5011z_gg_._position_left_5011z_gg_{text-anchor:start}.___SLabel_5011z_gg_.__color_5011z_gg_{fill:var(--color_5011z)}.___SLabel_5011z_gg_.__transparent_5011z_gg_{opacity:.3}" /*__inner_css_end__*/, "5011z_gg_") /*__reshadow_css_end__*/, {
24
- "__SBubble": "___SBubble_5011z_gg_",
25
- "--duration": "--duration_5011z",
26
- "_color": "__color_5011z_gg_",
27
- "--color": "--color_5011z",
28
- "_transparent": "__transparent_5011z_gg_",
29
- "__SCenter": "___SCenter_5011z_gg_",
30
- "__SLabel": "___SLabel_5011z_gg_",
31
- "_position_right": "_position_right_5011z_gg_",
32
- "_position_left": "_position_left_5011z_gg_"
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__*/".___SPie_1qhjs_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1qhjs_gg_.__color_1qhjs_gg_{fill:var(--color_1qhjs)}.___SPie_1qhjs_gg_.__transparent_1qhjs_gg_{opacity:.3}.___SEmptyData_1qhjs_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1qhjs_gg_.__color_1qhjs_gg_{fill:var(--color_1qhjs)}.___SLabel_1qhjs_gg_{text-anchor:middle;vertical-anchor:middle}" /*__inner_css_end__*/, "1qhjs_gg_") /*__reshadow_css_end__*/, {
26
- "__SPie": "___SPie_1qhjs_gg_",
27
- "_color": "__color_1qhjs_gg_",
28
- "--color": "--color_1qhjs",
29
- "_transparent": "__transparent_1qhjs_gg_",
30
- "__SEmptyData": "___SEmptyData_1qhjs_gg_",
31
- "__SLabel": "___SLabel_1qhjs_gg_"
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: active ? [+element.dataset['currentRadius'] || outerRadius, outerRadius + increaseFactor] : [+element.dataset['currentRadius'] || outerRadius, outerRadius]
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", {