@semcore/d3-chart 17.0.0 → 17.0.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 +6 -0
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +16 -16
- package/lib/cjs/Bar.js +16 -16
- package/lib/cjs/Bubble.js +14 -14
- package/lib/cjs/CompactHorizontalBar.js +16 -16
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +16 -16
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +2 -2
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +12 -12
- package/lib/cjs/Reference.js +12 -12
- package/lib/cjs/ScatterPlot.js +9 -9
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +16 -16
- package/lib/es6/Bar.js +16 -16
- package/lib/es6/Bubble.js +14 -14
- package/lib/es6/CompactHorizontalBar.js +16 -16
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +16 -16
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +2 -2
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +12 -12
- package/lib/es6/Reference.js +12 -12
- package/lib/es6/ScatterPlot.js +9 -9
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +4 -4
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/esm/Area.mjs +13 -12
- package/lib/esm/Axis.mjs +18 -17
- package/lib/esm/Bar.mjs +18 -17
- package/lib/esm/Bubble.mjs +16 -15
- package/lib/esm/CompactHorizontalBar.mjs +18 -17
- package/lib/esm/Donut.mjs +11 -10
- package/lib/esm/Dots.mjs +10 -9
- package/lib/esm/HorizontalBar.mjs +18 -17
- package/lib/esm/Hover.mjs +5 -4
- package/lib/esm/Line.mjs +11 -10
- package/lib/esm/Plot.mjs +4 -3
- package/lib/esm/Radar.mjs +21 -20
- package/lib/esm/RadialTree.mjs +14 -13
- package/lib/esm/Reference.mjs +14 -13
- package/lib/esm/ScatterPlot.mjs +11 -10
- package/lib/esm/Tooltip.mjs +11 -10
- package/lib/esm/Venn.mjs +11 -10
- package/lib/esm/a11y/PlotA11yModule.mjs +4 -3
- package/lib/esm/a11y/PlotA11yView.mjs +4 -3
- package/lib/esm/component/Chart/AbstractChart.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs +6 -5
- package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs +19 -18
- package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs +8 -7
- package/package.json +15 -15
|
@@ -5,16 +5,17 @@ import { Context, useI18n } from "@semcore/core/lib/utils/enhances/WithI18n";
|
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { normalizeLocale } from "./locale.mjs";
|
|
7
7
|
import { localizedMessages } from "./translations/module/__intergalactic-dynamic-locales.mjs";
|
|
8
|
+
/*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
|
|
8
9
|
const styles = (
|
|
9
10
|
/*__reshadow_css_start__*/
|
|
10
11
|
(sstyled.insert(
|
|
11
12
|
/*__inner_css_start__*/
|
|
12
|
-
".
|
|
13
|
+
".___SPlotA11yModule_1t4qj_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}",
|
|
13
14
|
/*__inner_css_end__*/
|
|
14
|
-
"
|
|
15
|
+
"1t4qj_gg_"
|
|
15
16
|
), /*__reshadow_css_end__*/
|
|
16
17
|
{
|
|
17
|
-
"__SPlotA11yModule": "
|
|
18
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1t4qj_gg_"
|
|
18
19
|
})
|
|
19
20
|
);
|
|
20
21
|
function PlotA11yModule(props) {
|
|
@@ -8,16 +8,17 @@ import { makeDataSummarizationConfig } from "./hints.mjs";
|
|
|
8
8
|
import { getIntl } from "./intl.mjs";
|
|
9
9
|
import { summarize } from "./summarize.mjs";
|
|
10
10
|
import { localizedMessages } from "./translations/view/__intergalactic-dynamic-locales.mjs";
|
|
11
|
+
/*!__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
|
11
12
|
const styles = (
|
|
12
13
|
/*__reshadow_css_start__*/
|
|
13
14
|
(sstyled.insert(
|
|
14
15
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
16
|
+
".___SPlotA11yView_1h3zj_gg_{position:relative;display:block;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);z-index:var(--intergalactic-z-index-overlay, 500);padding:2px;width:200px;height:200px;max-width:80%;max-height:80%;overflow:auto}.___SPlotA11yView_1h3zj_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_1h3zj_gg_ table,.___SPlotA11yView_1h3zj_gg_ td,.___SPlotA11yView_1h3zj_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}",
|
|
16
17
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
18
|
+
"1h3zj_gg_"
|
|
18
19
|
), /*__reshadow_css_end__*/
|
|
19
20
|
{
|
|
20
|
-
"__SPlotA11yView": "
|
|
21
|
+
"__SPlotA11yView": "___SPlotA11yView_1h3zj_gg_"
|
|
21
22
|
})
|
|
22
23
|
);
|
|
23
24
|
function PlotA11yView({
|
|
@@ -13,18 +13,19 @@ import { LegendTable } from "../ChartLegend/LegendTable/LegendTable.mjs";
|
|
|
13
13
|
import { LegendFlex } from "../ChartLegend/LegendFlex/LegendFlex.mjs";
|
|
14
14
|
import { YAxis, XAxis } from "../../Axis.mjs";
|
|
15
15
|
import Plot from "../../Plot.mjs";
|
|
16
|
+
/*!__reshadow-styles__:"../../style/abstract-chart.shadow.css"*/
|
|
16
17
|
const style = (
|
|
17
18
|
/*__reshadow_css_start__*/
|
|
18
19
|
(sstyled.insert(
|
|
19
20
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
21
|
+
".___STooltipChildrenWrapper_16iik_gg_{display:grid;grid-column-gap:var(--intergalactic-spacing-2x, 8px);-moz-column-gap:var(--intergalactic-spacing-2x, 8px);column-gap:var(--intergalactic-spacing-2x, 8px)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_2_16iik_gg_{grid-template-columns:auto minmax(28px,max-content)}.___STooltipChildrenWrapper_16iik_gg_._columnsCount_3_16iik_gg_{grid-template-columns:auto minmax(28px,max-content) minmax(28px,max-content)}",
|
|
21
22
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
23
|
+
"16iik_gg_"
|
|
23
24
|
), /*__reshadow_css_end__*/
|
|
24
25
|
{
|
|
25
|
-
"__STooltipChildrenWrapper": "
|
|
26
|
-
"_columnsCount_2": "
|
|
27
|
-
"_columnsCount_3": "
|
|
26
|
+
"__STooltipChildrenWrapper": "___STooltipChildrenWrapper_16iik_gg_",
|
|
27
|
+
"_columnsCount_2": "_columnsCount_2_16iik_gg_",
|
|
28
|
+
"_columnsCount_3": "_columnsCount_3_16iik_gg_"
|
|
28
29
|
})
|
|
29
30
|
);
|
|
30
31
|
const NOT_A_VALUE = "n/a";
|
|
@@ -8,18 +8,19 @@ import React from "react";
|
|
|
8
8
|
import { localizedMessages } from "../../../translations/__intergalactic-dynamic-locales.mjs";
|
|
9
9
|
import { BaseLegend } from "../BaseLegend.mjs";
|
|
10
10
|
import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
|
|
11
|
+
/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
|
|
11
12
|
const style = (
|
|
12
13
|
/*__reshadow_css_start__*/
|
|
13
14
|
(sstyled.insert(
|
|
14
15
|
/*__inner_css_start__*/
|
|
15
|
-
".
|
|
16
|
+
".___SLegendFlex_1x0kb_gg_._direction_row_1x0kb_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1x0kb_gg_._direction_column_1x0kb_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
|
|
16
17
|
/*__inner_css_end__*/
|
|
17
|
-
"
|
|
18
|
+
"1x0kb_gg_"
|
|
18
19
|
), /*__reshadow_css_end__*/
|
|
19
20
|
{
|
|
20
|
-
"__SLegendFlex": "
|
|
21
|
-
"_direction_row": "
|
|
22
|
-
"_direction_column": "
|
|
21
|
+
"__SLegendFlex": "___SLegendFlex_1x0kb_gg_",
|
|
22
|
+
"_direction_row": "_direction_row_1x0kb_gg_",
|
|
23
|
+
"_direction_column": "_direction_column_1x0kb_gg_"
|
|
23
24
|
})
|
|
24
25
|
);
|
|
25
26
|
class LegendFlexRoot extends BaseLegend {
|
|
@@ -9,31 +9,32 @@ import React from "react";
|
|
|
9
9
|
import { StaticShapes } from "./LegendItem.type.mjs";
|
|
10
10
|
import { PatternSymbol } from "../../../Pattern.mjs";
|
|
11
11
|
import { getChartDefaultColorName } from "../../../utils.mjs";
|
|
12
|
+
/*!__reshadow-styles__:"./legend-item.shadow.css"*/
|
|
12
13
|
const style = (
|
|
13
14
|
/*__reshadow_css_start__*/
|
|
14
15
|
(sstyled.insert(
|
|
15
16
|
/*__inner_css_start__*/
|
|
16
|
-
'.
|
|
17
|
+
'.___SLegendItem_11yr1_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_11yr1_gg_:hover{cursor:pointer}.___SLegendItem_11yr1_gg_.__disabled_11yr1_gg_:hover{cursor:default}}.___SPointShape_11yr1_gg_.__color_11yr1_gg_{background-color:var(--color_11yr1);margin-right:8px;flex-shrink:0}.___SPointShape_11yr1_gg_._shape_Circle_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Circle_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Line_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_11yr1_gg_._shape_Line_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_11yr1_gg_._shape_Square_11yr1_gg_._size_l_11yr1_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Square_11yr1_gg_._size_m_11yr1_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_11yr1_gg_._shape_Pattern_11yr1_gg_{background-color:transparent;margin-right:4px}.___SIcon_11yr1_gg_{line-height:0;margin-right:4px}.___SIcon_11yr1_gg_._size_l_11yr1_gg_{margin-top:4px}.___SIcon_11yr1_gg_._size_m_11yr1_gg_{margin-top:2px}.___SLabel_11yr1_gg_{min-width:0}.___SAdditionalLabel_11yr1_gg_._size_l_11yr1_gg_,.___SCount_11yr1_gg_._size_l_11yr1_gg_,.___SLabel_11yr1_gg_._size_l_11yr1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_11yr1_gg_._size_m_11yr1_gg_,.___SCount_11yr1_gg_._size_m_11yr1_gg_,.___SLabel_11yr1_gg_._size_m_11yr1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_11yr1_gg_,.___SCount_11yr1_gg_{margin-left:4px}.___SAdditionalLabel_11yr1_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_11yr1_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, #6c6e79);height:4px;width:4px;border-radius:2px;margin-right:4px}.___SAdditionalLabel_11yr1_gg_._size_l_11yr1_gg_::before{margin-top:10px}.___SAdditionalLabel_11yr1_gg_._size_m_11yr1_gg_::before{margin-top:8px}.___SPatternSymbol_11yr1_gg_{transform:scale(.8)}',
|
|
17
18
|
/*__inner_css_end__*/
|
|
18
|
-
"
|
|
19
|
+
"11yr1_gg_"
|
|
19
20
|
), /*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SLegendItem": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"__SPointShape": "
|
|
24
|
-
"_color": "
|
|
25
|
-
"--color": "--
|
|
26
|
-
"_shape_Circle": "
|
|
27
|
-
"_size_l": "
|
|
28
|
-
"_size_m": "
|
|
29
|
-
"_shape_Line": "
|
|
30
|
-
"_shape_Square": "
|
|
31
|
-
"_shape_Pattern": "
|
|
32
|
-
"__SIcon": "
|
|
33
|
-
"__SLabel": "
|
|
34
|
-
"__SAdditionalLabel": "
|
|
35
|
-
"__SCount": "
|
|
36
|
-
"__SPatternSymbol": "
|
|
22
|
+
"__SLegendItem": "___SLegendItem_11yr1_gg_",
|
|
23
|
+
"_disabled": "__disabled_11yr1_gg_",
|
|
24
|
+
"__SPointShape": "___SPointShape_11yr1_gg_",
|
|
25
|
+
"_color": "__color_11yr1_gg_",
|
|
26
|
+
"--color": "--color_11yr1",
|
|
27
|
+
"_shape_Circle": "_shape_Circle_11yr1_gg_",
|
|
28
|
+
"_size_l": "_size_l_11yr1_gg_",
|
|
29
|
+
"_size_m": "_size_m_11yr1_gg_",
|
|
30
|
+
"_shape_Line": "_shape_Line_11yr1_gg_",
|
|
31
|
+
"_shape_Square": "_shape_Square_11yr1_gg_",
|
|
32
|
+
"_shape_Pattern": "_shape_Pattern_11yr1_gg_",
|
|
33
|
+
"__SIcon": "___SIcon_11yr1_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_11yr1_gg_",
|
|
35
|
+
"__SAdditionalLabel": "___SAdditionalLabel_11yr1_gg_",
|
|
36
|
+
"__SCount": "___SCount_11yr1_gg_",
|
|
37
|
+
"__SPatternSymbol": "___SPatternSymbol_11yr1_gg_"
|
|
37
38
|
})
|
|
38
39
|
);
|
|
39
40
|
const enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
|
|
@@ -4,20 +4,21 @@ import { Box } from "@semcore/base-components";
|
|
|
4
4
|
import React from "react";
|
|
5
5
|
import { BaseLegend } from "../BaseLegend.mjs";
|
|
6
6
|
import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
|
|
7
|
+
/*!__reshadow-styles__:"./legend-table.shadow.css"*/
|
|
7
8
|
const style = (
|
|
8
9
|
/*__reshadow_css_start__*/
|
|
9
10
|
(sstyled.insert(
|
|
10
11
|
/*__inner_css_start__*/
|
|
11
|
-
'.
|
|
12
|
+
'.___SLegendTable_1ep80_gg_.__columns-count_1ep80_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_1ep80_gg_._size_l_1ep80_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_1ep80_gg_._size_m_1ep80_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
|
|
12
13
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
14
|
+
"1ep80_gg_"
|
|
14
15
|
), /*__reshadow_css_end__*/
|
|
15
16
|
{
|
|
16
|
-
"__SLegendTable": "
|
|
17
|
-
"_columns-count": "__columns-
|
|
18
|
-
"__SColumnItem": "
|
|
19
|
-
"_size_l": "
|
|
20
|
-
"_size_m": "
|
|
17
|
+
"__SLegendTable": "___SLegendTable_1ep80_gg_",
|
|
18
|
+
"_columns-count": "__columns-count_1ep80_gg_",
|
|
19
|
+
"__SColumnItem": "___SColumnItem_1ep80_gg_",
|
|
20
|
+
"_size_l": "_size_l_1ep80_gg_",
|
|
21
|
+
"_size_m": "_size_m_1ep80_gg_"
|
|
21
22
|
})
|
|
22
23
|
);
|
|
23
24
|
class LegendTableRoot extends BaseLegend {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/d3-chart",
|
|
3
3
|
"description": "Semrush D3 Chart Component",
|
|
4
|
-
"version": "17.0.
|
|
4
|
+
"version": "17.0.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/esm/index.mjs",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@formatjs/intl": "2.3.0",
|
|
18
|
-
"@semcore/checkbox": "^17.0.
|
|
19
|
-
"@semcore/divider": "^17.0.
|
|
20
|
-
"@semcore/typography": "^17.0.
|
|
18
|
+
"@semcore/checkbox": "^17.0.1",
|
|
19
|
+
"@semcore/divider": "^17.0.1",
|
|
20
|
+
"@semcore/typography": "^17.0.1",
|
|
21
21
|
"@types/d3-shape": "^3.1.7",
|
|
22
22
|
"@upsetjs/venn.js": "1.4.2",
|
|
23
23
|
"d3-array": "3.1.6",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
"hoist-non-react-statics": "3.3.2"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"@semcore/base-components": "^17.0.
|
|
35
|
-
"@semcore/icon": "^17.0.
|
|
34
|
+
"@semcore/base-components": "^17.0.1",
|
|
35
|
+
"@semcore/icon": "^17.0.1"
|
|
36
36
|
},
|
|
37
37
|
"repository": {
|
|
38
38
|
"type": "git",
|
|
@@ -44,16 +44,16 @@
|
|
|
44
44
|
"@types/d3-array": "^3.2.1",
|
|
45
45
|
"@types/d3-scale": "^4.0.9",
|
|
46
46
|
"@types/d3-transition": "^3.0.9",
|
|
47
|
-
"@semcore/core": "17.0.
|
|
48
|
-
"@semcore/base-components": "17.0.
|
|
49
|
-
"@semcore/icon": "17.0.
|
|
50
|
-
"@semcore/
|
|
51
|
-
"@semcore/
|
|
52
|
-
"@semcore/divider": "17.0.
|
|
53
|
-
"@semcore/dropdown-menu": "17.0.
|
|
54
|
-
"@semcore/ellipsis": "17.0.
|
|
47
|
+
"@semcore/core": "17.0.1",
|
|
48
|
+
"@semcore/base-components": "17.0.1",
|
|
49
|
+
"@semcore/icon": "17.0.1",
|
|
50
|
+
"@semcore/button": "17.0.1",
|
|
51
|
+
"@semcore/checkbox": "17.0.1",
|
|
52
|
+
"@semcore/divider": "17.0.1",
|
|
53
|
+
"@semcore/dropdown-menu": "17.0.1",
|
|
54
|
+
"@semcore/ellipsis": "17.0.1",
|
|
55
55
|
"@semcore/testing-utils": "1.0.0",
|
|
56
|
-
"@semcore/typography": "17.0.
|
|
56
|
+
"@semcore/typography": "17.0.1"
|
|
57
57
|
},
|
|
58
58
|
"scripts": {
|
|
59
59
|
"build": "pnpm semcore-builder --source=js,ts && pnpm vite build"
|