@semcore/d3-chart 3.22.2 → 3.22.3
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 +7 -1
- 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 +7 -7
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +8 -8
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +17 -17
- package/lib/cjs/RadialTree.js +10 -10
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +10 -7
- package/lib/cjs/ScatterPlot.js.map +1 -1
- 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 +2 -2
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- 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 +7 -7
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +8 -8
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +17 -17
- package/lib/es6/RadialTree.js +10 -10
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +10 -7
- package/lib/es6/ScatterPlot.js.map +1 -1
- 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 +2 -2
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +15 -15
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/package.json +1 -1
package/lib/es6/Tooltip.js
CHANGED
|
@@ -21,14 +21,14 @@ import createElement from './createElement';
|
|
|
21
21
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
22
22
|
import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
|
|
23
23
|
/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__STooltip": "
|
|
26
|
-
"__STitle": "
|
|
27
|
-
"__SDotGroup": "
|
|
28
|
-
"__SDot": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SFooter": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_17mri_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_17mri_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_17mri_gg_{display:flex;align-items:center}.___SDot_17mri_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_17mri_gg_.__color_17mri_gg_{background:var(--color_17mri)}.___SFooter_17mri_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__*/, "17mri_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STooltip": "___STooltip_17mri_gg_",
|
|
26
|
+
"__STitle": "___STitle_17mri_gg_",
|
|
27
|
+
"__SDotGroup": "___SDotGroup_17mri_gg_",
|
|
28
|
+
"__SDot": "___SDot_17mri_gg_",
|
|
29
|
+
"_color": "__color_17mri_gg_",
|
|
30
|
+
"--color": "--color_17mri",
|
|
31
|
+
"__SFooter": "___SFooter_17mri_gg_"
|
|
32
32
|
});
|
|
33
33
|
/**
|
|
34
34
|
* `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
|
package/lib/es6/Venn.js
CHANGED
|
@@ -18,13 +18,13 @@ import createElement from './createElement';
|
|
|
18
18
|
import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
19
19
|
import Tooltip from './Tooltip';
|
|
20
20
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SCircle": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_transparent": "
|
|
26
|
-
"__SIntersection": "
|
|
27
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_10tp0_gg_,.___SIntersection_10tp0_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_10tp0_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_10tp0);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_10tp0_gg_:hover{fill-opacity:.7}}.___SCircle_10tp0_gg_.__color_10tp0_gg_{fill:var(--color_10tp0)}.___SCircle_10tp0_gg_.__transparent_10tp0_gg_{opacity:.3}.___SIntersection_10tp0_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_10tp0_gg_:hover{fill-opacity:.1}}.___SIntersection_10tp0_gg_.__transparent_10tp0_gg_{opacity:.3}" /*__inner_css_end__*/, "10tp0_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SCircle": "___SCircle_10tp0_gg_",
|
|
23
|
+
"_color": "__color_10tp0_gg_",
|
|
24
|
+
"--color": "--color_10tp0",
|
|
25
|
+
"_transparent": "__transparent_10tp0_gg_",
|
|
26
|
+
"__SIntersection": "___SIntersection_10tp0_gg_",
|
|
27
|
+
"--duration": "--duration_10tp0"
|
|
28
28
|
});
|
|
29
29
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(VennRoot, _Component);
|
|
@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
|
|
|
10
10
|
import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
|
|
11
11
|
import { Root, sstyled } from '@semcore/core';
|
|
12
12
|
/*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
13
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SPlotA11yModule": "
|
|
13
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_v4q16_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_v4q16_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "v4q16_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_v4q16_gg_"
|
|
15
15
|
});
|
|
16
16
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
17
17
|
import { Box } from '@semcore/flex-box';
|
|
@@ -13,8 +13,8 @@ import { getIntl } from './intl';
|
|
|
13
13
|
import { summarize } from './summarize';
|
|
14
14
|
import { Root, sstyled } from '@semcore/core';
|
|
15
15
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
16
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SPlotA11yView": "
|
|
16
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_10484_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_10484_gg_:focus,.___SPlotA11yView_10484_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_10484_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_10484_gg_ table,.___SPlotA11yView_10484_gg_ td,.___SPlotA11yView_10484_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "10484_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SPlotA11yView": "___SPlotA11yView_10484_gg_"
|
|
18
18
|
});
|
|
19
19
|
import { Box } from '@semcore/flex-box';
|
|
20
20
|
import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
@@ -10,10 +10,10 @@ import React from 'react';
|
|
|
10
10
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
11
11
|
import { Flex } from '@semcore/flex-box';
|
|
12
12
|
/*__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
14
|
-
"__SLegendFlex": "
|
|
15
|
-
"_direction_row": "
|
|
16
|
-
"_direction_column": "
|
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendFlex_1qyln_gg_._direction_row_1qyln_gg_{align-items:center;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1qyln_gg_._direction_column_1qyln_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}" /*__inner_css_end__*/, "1qyln_gg_") /*__reshadow_css_end__*/, {
|
|
14
|
+
"__SLegendFlex": "___SLegendFlex_1qyln_gg_",
|
|
15
|
+
"_direction_row": "_direction_row_1qyln_gg_",
|
|
16
|
+
"_direction_column": "_direction_column_1qyln_gg_"
|
|
17
17
|
});
|
|
18
18
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
19
19
|
import Divider from '@semcore/divider';
|
|
@@ -19,21 +19,21 @@ import { Flex, Box } from '@semcore/flex-box';
|
|
|
19
19
|
import Checkbox from '@semcore/checkbox';
|
|
20
20
|
import { Text as TypographyText } from '@semcore/typography';
|
|
21
21
|
/*__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SLegendItem": "
|
|
24
|
-
"_disabled": "
|
|
25
|
-
"__SPointShape": "
|
|
26
|
-
"_color": "
|
|
27
|
-
"--color": "--
|
|
28
|
-
"_shape_Circle": "
|
|
29
|
-
"_size_l": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_shape_Line": "
|
|
32
|
-
"_shape_Square": "
|
|
33
|
-
"__SIcon": "
|
|
34
|
-
"__SLabel": "
|
|
35
|
-
"__SAdditionalLabel": "
|
|
36
|
-
"__SCount": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendItem_1j3b2_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_1j3b2_gg_:hover{cursor:pointer}.___SLegendItem_1j3b2_gg_.__disabled_1j3b2_gg_:hover{cursor:default}}.___SPointShape_1j3b2_gg_.__color_1j3b2_gg_{background-color:var(--color_1j3b2);margin-right:8px;flex-shrink:0}.___SPointShape_1j3b2_gg_._shape_Circle_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Circle_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Line_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_1j3b2_gg_._shape_Line_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_1j3b2_gg_._shape_Square_1j3b2_gg_._size_l_1j3b2_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_1j3b2_gg_._shape_Square_1j3b2_gg_._size_m_1j3b2_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SIcon_1j3b2_gg_{line-height:0;margin-right:4px}.___SIcon_1j3b2_gg_._size_l_1j3b2_gg_{margin-top:4px}.___SIcon_1j3b2_gg_._size_m_1j3b2_gg_{margin-top:2px}.___SLabel_1j3b2_gg_{min-width:0}.___SAdditionalLabel_1j3b2_gg_._size_l_1j3b2_gg_,.___SCount_1j3b2_gg_._size_l_1j3b2_gg_,.___SLabel_1j3b2_gg_._size_l_1j3b2_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_1j3b2_gg_._size_m_1j3b2_gg_,.___SCount_1j3b2_gg_._size_m_1j3b2_gg_,.___SLabel_1j3b2_gg_._size_m_1j3b2_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_1j3b2_gg_,.___SCount_1j3b2_gg_{margin-left:4px}.___SAdditionalLabel_1j3b2_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_1j3b2_gg_::before{content:\"\";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_1j3b2_gg_._size_l_1j3b2_gg_::before{margin-top:10px}.___SAdditionalLabel_1j3b2_gg_._size_m_1j3b2_gg_::before{margin-top:8px}" /*__inner_css_end__*/, "1j3b2_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SLegendItem": "___SLegendItem_1j3b2_gg_",
|
|
24
|
+
"_disabled": "__disabled_1j3b2_gg_",
|
|
25
|
+
"__SPointShape": "___SPointShape_1j3b2_gg_",
|
|
26
|
+
"_color": "__color_1j3b2_gg_",
|
|
27
|
+
"--color": "--color_1j3b2",
|
|
28
|
+
"_shape_Circle": "_shape_Circle_1j3b2_gg_",
|
|
29
|
+
"_size_l": "_size_l_1j3b2_gg_",
|
|
30
|
+
"_size_m": "_size_m_1j3b2_gg_",
|
|
31
|
+
"_shape_Line": "_shape_Line_1j3b2_gg_",
|
|
32
|
+
"_shape_Square": "_shape_Square_1j3b2_gg_",
|
|
33
|
+
"__SIcon": "___SIcon_1j3b2_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_1j3b2_gg_",
|
|
35
|
+
"__SAdditionalLabel": "___SAdditionalLabel_1j3b2_gg_",
|
|
36
|
+
"__SCount": "___SCount_1j3b2_gg_"
|
|
37
37
|
});
|
|
38
38
|
import { StaticShapes } from './LegendItem.type';
|
|
39
39
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
@@ -11,12 +11,12 @@ import React from 'react';
|
|
|
11
11
|
import createComponent, { sstyled, Root } from '@semcore/core';
|
|
12
12
|
import { Box } from '@semcore/flex-box';
|
|
13
13
|
/*__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SLegendTable": "
|
|
16
|
-
"_columns-count": "__columns-
|
|
17
|
-
"__SColumnItem": "
|
|
18
|
-
"_size_l": "
|
|
19
|
-
"_size_m": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLegendTable_l2pan_gg_.__columns-count_l2pan_gg_{font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_l2pan_gg_._size_l_l2pan_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_l2pan_gg_._size_m_l2pan_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}" /*__inner_css_end__*/, "l2pan_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SLegendTable": "___SLegendTable_l2pan_gg_",
|
|
16
|
+
"_columns-count": "__columns-count_l2pan_gg_",
|
|
17
|
+
"__SColumnItem": "___SColumnItem_l2pan_gg_",
|
|
18
|
+
"_size_l": "_size_l_l2pan_gg_",
|
|
19
|
+
"_size_m": "_size_m_l2pan_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { LegendItemComponent } from '../LegendItem/LegendItem';
|
|
22
22
|
import { BaseLegend } from '../BaseLegend';
|