@semcore/d3-chart 2.8.2 → 2.8.4
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 +16 -2
- package/lib/cjs/Area.js +10 -10
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +9 -9
- package/lib/cjs/Bubble.js +19 -14
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/Donut.js +8 -8
- package/lib/cjs/Dots.js +10 -10
- package/lib/cjs/HorizontalBar.js +9 -9
- package/lib/cjs/Hover.js +4 -4
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +4 -4
- package/lib/cjs/RadialTree.js +56 -39
- package/lib/cjs/RadialTree.js.map +1 -1
- package/lib/cjs/ReferenceLine.js +10 -10
- package/lib/cjs/ScatterPlot.js +14 -10
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/Tooltip.js +8 -8
- package/lib/cjs/Venn.js +8 -8
- package/lib/cjs/a11y/PlotA11yModule.js +3 -3
- package/lib/cjs/a11y/PlotA11yView.js +4 -4
- package/lib/cjs/style/bubble.shadow.css +12 -0
- package/lib/cjs/style/radial-tree.shadow.css +17 -0
- package/lib/cjs/style/scatterplot.shadow.css +8 -0
- package/lib/cjs/types/Area.d.js.map +1 -1
- package/lib/cjs/types/Bar.d.js.map +1 -1
- package/lib/cjs/types/Bubble.d.js.map +1 -1
- package/lib/cjs/types/Donut.d.js.map +1 -1
- package/lib/cjs/types/HorizontalBar.d.js.map +1 -1
- package/lib/cjs/types/Line.d.js.map +1 -1
- package/lib/cjs/types/ScatterPlot.d.js.map +1 -1
- package/lib/cjs/types/Venn.d.js.map +1 -1
- package/lib/es6/Area.js +10 -10
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +9 -9
- package/lib/es6/Bubble.js +19 -14
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/Donut.js +8 -8
- package/lib/es6/Dots.js +10 -10
- package/lib/es6/HorizontalBar.js +9 -9
- package/lib/es6/Hover.js +4 -4
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +4 -4
- package/lib/es6/RadialTree.js +56 -39
- package/lib/es6/RadialTree.js.map +1 -1
- package/lib/es6/ReferenceLine.js +10 -10
- package/lib/es6/ScatterPlot.js +14 -10
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/Tooltip.js +8 -8
- package/lib/es6/Venn.js +8 -8
- package/lib/es6/a11y/PlotA11yModule.js +3 -3
- package/lib/es6/a11y/PlotA11yView.js +4 -4
- package/lib/es6/style/bubble.shadow.css +12 -0
- package/lib/es6/style/radial-tree.shadow.css +17 -0
- package/lib/es6/style/scatterplot.shadow.css +8 -0
- package/lib/es6/types/Area.d.js.map +1 -1
- package/lib/es6/types/Bar.d.js.map +1 -1
- package/lib/es6/types/Bubble.d.js.map +1 -1
- package/lib/es6/types/Donut.d.js.map +1 -1
- package/lib/es6/types/HorizontalBar.d.js.map +1 -1
- package/lib/es6/types/Line.d.js.map +1 -1
- package/lib/es6/types/ScatterPlot.d.js.map +1 -1
- package/lib/es6/types/Venn.d.js.map +1 -1
- package/lib/types/Area.d.ts +2 -2
- package/lib/types/Bar.d.ts +1 -1
- package/lib/types/Bubble.d.ts +2 -0
- package/lib/types/Donut.d.ts +1 -1
- package/lib/types/HorizontalBar.d.ts +1 -1
- package/lib/types/Line.d.ts +1 -1
- package/lib/types/RadialTree.d.ts +9 -0
- package/lib/types/ScatterPlot.d.ts +2 -0
- package/lib/types/Venn.d.ts +2 -2
- package/package.json +1 -1
package/lib/es6/Tooltip.js
CHANGED
|
@@ -34,17 +34,17 @@ var style = (
|
|
|
34
34
|
/*__reshadow_css_start__*/
|
|
35
35
|
_sstyled.insert(
|
|
36
36
|
/*__inner_css_start__*/
|
|
37
|
-
".
|
|
37
|
+
".___STooltip_7vjwp_gg_{font-size:var(--intergalactic-fs-100,12px);line-height:var(--intergalactic-lh-100,133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral,#fff);border-radius:var(--intergalactic-rounded-medium,6px);border:1px solid var(--intergalactic-border-secondary,#e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper,0 1px 12px 0 rgba(25,27,35,.15));padding:var(--intergalactic-spacing-3x,12px)}.___STitle_7vjwp_gg_{color:var(--intergalactic-text-secondary,#6c6e79);margin-bottom:var(--intergalactic-spacing-2x,8px)}.___SDotGroup_7vjwp_gg_{display:flex;align-items:center}.___SDot_7vjwp_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x,8px);background:var(--intergalactic-icon-secondary-info,#2bb3ff)}.___SDot_7vjwp_gg_.__color_7vjwp_gg_{background:var(--color_7vjwp)}"
|
|
38
38
|
/*__inner_css_end__*/
|
|
39
|
-
, "
|
|
39
|
+
, "7vjwp_gg_")
|
|
40
40
|
/*__reshadow_css_end__*/
|
|
41
41
|
, {
|
|
42
|
-
"__STooltip": "
|
|
43
|
-
"__STitle": "
|
|
44
|
-
"__SDotGroup": "
|
|
45
|
-
"__SDot": "
|
|
46
|
-
"_color": "
|
|
47
|
-
"--color": "--
|
|
42
|
+
"__STooltip": "___STooltip_7vjwp_gg_",
|
|
43
|
+
"__STitle": "___STitle_7vjwp_gg_",
|
|
44
|
+
"__SDotGroup": "___SDotGroup_7vjwp_gg_",
|
|
45
|
+
"__SDot": "___SDot_7vjwp_gg_",
|
|
46
|
+
"_color": "__color_7vjwp_gg_",
|
|
47
|
+
"--color": "--color_7vjwp"
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
var TooltipRoot = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Venn.js
CHANGED
|
@@ -26,17 +26,17 @@ var style = (
|
|
|
26
26
|
/*__reshadow_css_start__*/
|
|
27
27
|
_sstyled.insert(
|
|
28
28
|
/*__inner_css_start__*/
|
|
29
|
-
".
|
|
29
|
+
".___SCircle_xa7ap_gg_{fill:var(--intergalactic-chart-palette-order-green,#59ddaa);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_xa7ap);transition-timing-function:ease-in-out}.___SCircle_xa7ap_gg_:hover{fill-opacity:.7}.___SCircle_xa7ap_gg_.__color_xa7ap_gg_{fill:var(--color_xa7ap)}.___SCircle_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}.___SIntersection_xa7ap_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;fill-opacity:0}.___SIntersection_xa7ap_gg_:hover{fill-opacity:.1}.___SIntersection_xa7ap_gg_.__transparent_xa7ap_gg_{opacity:.3}"
|
|
30
30
|
/*__inner_css_end__*/
|
|
31
|
-
, "
|
|
31
|
+
, "xa7ap_gg_")
|
|
32
32
|
/*__reshadow_css_end__*/
|
|
33
33
|
, {
|
|
34
|
-
"__SCircle": "
|
|
35
|
-
"--duration": "--
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"_transparent": "
|
|
39
|
-
"__SIntersection": "
|
|
34
|
+
"__SCircle": "___SCircle_xa7ap_gg_",
|
|
35
|
+
"--duration": "--duration_xa7ap",
|
|
36
|
+
"_color": "__color_xa7ap_gg_",
|
|
37
|
+
"--color": "--color_xa7ap",
|
|
38
|
+
"_transparent": "__transparent_xa7ap_gg_",
|
|
39
|
+
"__SIntersection": "___SIntersection_xa7ap_gg_"
|
|
40
40
|
});
|
|
41
41
|
|
|
42
42
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
|
@@ -20,12 +20,12 @@ var styles = (
|
|
|
20
20
|
/*__reshadow_css_start__*/
|
|
21
21
|
_sstyled.insert(
|
|
22
22
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
23
|
+
".___SPlotA11yModule_1x7xe_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1x7xe_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}"
|
|
24
24
|
/*__inner_css_end__*/
|
|
25
|
-
, "
|
|
25
|
+
, "1x7xe_gg_")
|
|
26
26
|
/*__reshadow_css_end__*/
|
|
27
27
|
, {
|
|
28
|
-
"__SPlotA11yModule": "
|
|
28
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1x7xe_gg_"
|
|
29
29
|
});
|
|
30
30
|
import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
|
|
31
31
|
import { Box } from '@semcore/flex-box';
|
|
@@ -27,13 +27,13 @@ var styles = (
|
|
|
27
27
|
/*__reshadow_css_start__*/
|
|
28
28
|
_sstyled.insert(
|
|
29
29
|
/*__inner_css_start__*/
|
|
30
|
-
".
|
|
30
|
+
".___SPlotA11yView_aj64e_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0;background-color:var(--intergalactic-bg-primary-neutral,#fff);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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_gg_.__focus-within_aj64e_gg_{-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_aj64e_gg_:focus,.___SPlotA11yView_aj64e_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_aj64e_gg_ a{cursor:pointer;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x,8px);display:block}.___SPlotA11yView_aj64e_gg_ table,.___SPlotA11yView_aj64e_gg_ td,.___SPlotA11yView_aj64e_gg_ th{border:1px solid var(--intergalactic-border-primary,#c4c7cf)}"
|
|
31
31
|
/*__inner_css_end__*/
|
|
32
|
-
, "
|
|
32
|
+
, "aj64e_gg_")
|
|
33
33
|
/*__reshadow_css_end__*/
|
|
34
34
|
, {
|
|
35
|
-
"__SPlotA11yView": "
|
|
36
|
-
"_focus-within": "__focus-
|
|
35
|
+
"__SPlotA11yView": "___SPlotA11yView_aj64e_gg_",
|
|
36
|
+
"_focus-within": "__focus-within_aj64e_gg_"
|
|
37
37
|
});
|
|
38
38
|
import { Box } from '@semcore/flex-box';
|
|
39
39
|
import { useAsyncI18nMessages } from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
@@ -17,6 +17,10 @@ SBubble[color] {
|
|
|
17
17
|
fill: var(--color);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
+
SBubble[transparent] {
|
|
21
|
+
opacity: 0.3;
|
|
22
|
+
}
|
|
23
|
+
|
|
20
24
|
SCenter {
|
|
21
25
|
text-anchor: middle;
|
|
22
26
|
/* disable-tokens-validator */
|
|
@@ -28,6 +32,10 @@ SCenter[color] {
|
|
|
28
32
|
stroke: var(--color);
|
|
29
33
|
}
|
|
30
34
|
|
|
35
|
+
SCenter[transparent] {
|
|
36
|
+
opacity: 0.3;
|
|
37
|
+
}
|
|
38
|
+
|
|
31
39
|
SLabel {
|
|
32
40
|
fill: var(--intergalactic-chart-palette-order-blue, #2bb3ff);
|
|
33
41
|
}
|
|
@@ -43,3 +51,7 @@ SLabel[position='left'] {
|
|
|
43
51
|
SLabel[color] {
|
|
44
52
|
fill: var(--color);
|
|
45
53
|
}
|
|
54
|
+
|
|
55
|
+
SLabel[transparent] {
|
|
56
|
+
opacity: 0.3;
|
|
57
|
+
}
|
|
@@ -13,14 +13,31 @@ SLine[color] {
|
|
|
13
13
|
stroke: var(--color);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
SLine[transparent] {
|
|
17
|
+
opacity: 0.3;
|
|
18
|
+
}
|
|
19
|
+
|
|
16
20
|
SCap {
|
|
17
21
|
transition: r 0.1s;
|
|
18
22
|
}
|
|
19
23
|
|
|
24
|
+
SCap[transparent] {
|
|
25
|
+
opacity: 0.3;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
SIcon[transparent] {
|
|
29
|
+
opacity: 0.3;
|
|
30
|
+
}
|
|
31
|
+
|
|
20
32
|
SLabel {
|
|
21
33
|
fill: var(--color);
|
|
22
34
|
cursor: var(--text-cursor);
|
|
23
35
|
}
|
|
36
|
+
|
|
37
|
+
SLabel[transparent] {
|
|
38
|
+
opacity: 0.3;
|
|
39
|
+
}
|
|
40
|
+
|
|
24
41
|
SRadian:hover SLabel {
|
|
25
42
|
fill: var(--color-hovered);
|
|
26
43
|
}
|
|
@@ -15,6 +15,10 @@ SScatterPlot[color] {
|
|
|
15
15
|
fill: var(--color);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
SScatterPlot[transparent] {
|
|
19
|
+
opacity: 0.3;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
SValue {
|
|
19
23
|
text-anchor: middle;
|
|
20
24
|
font-size: var(--intergalactic-fs-50, 10px);
|
|
@@ -24,3 +28,7 @@ SValue {
|
|
|
24
28
|
SValue[color] {
|
|
25
29
|
stroke: var(--color);
|
|
26
30
|
}
|
|
31
|
+
|
|
32
|
+
SValue[transparent] {
|
|
33
|
+
opacity: 0.3;
|
|
34
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis*/\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /**
|
|
1
|
+
{"version":3,"file":"Area.d.js","names":[],"sources":["../../../src/types/Area.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\n\nexport interface IAreaProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis*/\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsProps extends IContext {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IAreaDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface IAreaNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Area: (<T>(props: MapProps<IAreaProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<IAreaDotsProps & T, IAreaDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<IAreaNullProps & T>) => ReturnEl;\n Line: <T>(props: MapProps<IContext & T>) => ReturnEl;\n};\n\nexport default Area;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 4\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n /**
|
|
1
|
+
{"version":3,"file":"Bar.d.js","names":[],"sources":["../../../src/types/Bar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Minimal height\n * @default 4\n */\n hMin?: number;\n /**\n * Bar click handler\n */\n onClick?: (data: { [key: string]: string | number }, event: Event) => void;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IBarContext {\n /** Value element of data */\n value: any;\n /** Index element of data */\n index: number;\n}\n\nexport interface IBackgroundProps extends IContext {\n /** Coordinate x */\n x?: number | string;\n /** Coordinate y */\n y?: number | string;\n /** Value element of data */\n value?: any;\n /** Width rect */\n width?: number | string;\n /** Height rect */\n height?: number | string;\n}\n\ndeclare const Bar: (<T>(props: MapProps<IBarProps & T, IBarContext>) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default Bar;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle radius */\n value: string;\n /** Field from data for circle label */\n label?: string;\n /** Circle color */\n color?: string;\n /** Cross in the center of the bubble\n * @default true\n */\n markedCross?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IBubbleContext {\n /** Index element of data */\n index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"Bubble.d.js","names":[],"sources":["../../../src/types/Bubble.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IBubbleProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle radius */\n value: string;\n /** Field from data for circle label */\n label?: string;\n /** Circle color */\n color?: string;\n /** Cross in the center of the bubble\n * @default true\n */\n markedCross?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IBubbleContext {\n /** Index element of data */\n index: number;\n}\n\ndeclare const Bubble: <T>(props: MapProps<IBubbleProps & T, IBubbleContext>) => ReturnEl;\n\nexport default Bubble;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n /** Inner radius\n * @default 0\n * */\n innerRadius?: number;\n /** Outer radius\n * @default calculated by the formula from width, height\n * */\n outerRadius?: number;\n /** Semi donut */\n halfsize?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color pie\n @default #50aef4\n **/\n color?: string;\n /**\n * Active sector\n * */\n active?: boolean;\n /**
|
|
1
|
+
{"version":3,"file":"Donut.d.js","names":[],"sources":["../../../src/types/Donut.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IDonutProps extends IContext {\n /** Inner radius\n * @default 0\n * */\n innerRadius?: number;\n /** Outer radius\n * @default calculated by the formula from width, height\n * */\n outerRadius?: number;\n /** Semi donut */\n halfsize?: boolean;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n}\n\nexport interface IPieProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color pie\n @default #50aef4\n **/\n color?: string;\n /**\n * Active sector\n * */\n active?: boolean;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IEmptyDataProps extends IContext {}\n\nexport interface ILabelProps extends IContext {}\n\ndeclare const Donut: (<T>(props: MapProps<IDonutProps & T>) => ReturnEl) & {\n Pie: <T>(props: MapProps<IPieProps & T>) => ReturnEl;\n EmptyData: <T>(props: MapProps<IEmptyDataProps & T>) => ReturnEl;\n Label: <T>(props: MapProps<ILabelProps & T>) => ReturnEl;\n};\n\nexport default Donut;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /**
|
|
1
|
+
{"version":3,"file":"HorizontalBar.d.js","names":[],"sources":["../../../src/types/HorizontalBar.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IBarContext, IBackgroundProps } from './Bar';\n\nexport interface IHorizontalBarProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of curvature\n * @default 2\n */\n r?: number | number[];\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const HorizontalBar: (<T>(\n props: MapProps<IHorizontalBarProps & T, IBarContext>,\n) => ReturnEl) & {\n Background: <T>(props: MapProps<IBackgroundProps & T>) => ReturnEl;\n};\n\nexport default HorizontalBar;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /**
|
|
1
|
+
{"version":3,"file":"Line.d.js","names":[],"sources":["../../../src/types/Line.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { CurveFactory } from 'd3-shape';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface ILineProps extends IContext {\n /** Field from data for XAxis */\n x?: string;\n /** Field from data for YAxis */\n y?: string;\n /** Line color\n * @default '#50aef4'*/\n color?: string;\n /** Element hide property */\n hide?: boolean;\n /** Curve method */\n curve?: CurveFactory;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface ILineDotsProps extends IContext, IFadeInOutProps {\n /** Show all Dot */\n display?: boolean;\n /** Hide property */\n hide?: boolean;\n /** Index active of element */\n activeIndex?: number;\n}\n\nexport interface ILineDotsContext {\n /** Value element of data */\n value?: any;\n /** Index element of data */\n index?: number;\n}\n\nexport interface ILineNullProps extends IContext {\n /** Hide property */\n hide?: boolean;\n}\n\ndeclare const Line: (<T>(props: MapProps<ILineProps & T>) => ReturnEl) & {\n Dots: <T>(props: MapProps<ILineDotsProps & T, ILineDotsContext>) => ReturnEl;\n Null: <T>(props: MapProps<ILineNullProps & T>) => ReturnEl;\n};\n\nexport default Line;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle value */\n value?: string;\n /** Circle color */\n color?: string;\n /** Circle value color */\n valueColor?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of circles\n * @default 5.5 or 12 with value\n */\n r?: number;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ScatterPlot.d.js","names":[],"sources":["../../../src/types/ScatterPlot.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\n\nexport interface IScatterPlotProps extends IContext {\n /** Field from data for XAxis */\n x: string;\n /** Field from data for YAxis */\n y: string;\n /** Field from data for circle value */\n value?: string;\n /** Circle color */\n color?: string;\n /** Circle value color */\n valueColor?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Radius of circles\n * @default 5.5 or 12 with value\n */\n r?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;\n\nexport default ScatterPlot;\n"],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n /**\n * Rotate sets in the chart\n * @default Math.PI / 2\n */\n orientation?: number;\n /**\n * The function for sorting sets inside the chart\n * @default (circle1, circle2) => circle2.radius - circle1.radius\n */\n orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color circle\n @default #3AB011\n **/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /**
|
|
1
|
+
{"version":3,"file":"Venn.d.js","names":[],"sources":["../../../src/types/Venn.d.ts"],"sourcesContent":["import { ReturnEl } from '@semcore/core';\nimport { MapProps } from './Plot';\nimport IContext from './context';\nimport { IFadeInOutProps } from '@semcore/animation';\n\nexport interface IVennProps extends IContext, IFadeInOutProps {\n /**\n * Rotate sets in the chart\n * @default Math.PI / 2\n */\n orientation?: number;\n /**\n * The function for sorting sets inside the chart\n * @default (circle1, circle2) => circle2.radius - circle1.radius\n */\n orientationOrder?: (c1: number, c2: number) => number;\n}\n\nexport interface ICircleProps extends IContext {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Color circle\n @default #3AB011\n **/\n color?: string;\n /** Animation duration in ms\n * @default 500\n */\n duration?: number;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\nexport interface IIntersectionProps extends IContext, IFadeInOutProps {\n /**\n * Name of the field in the data\n * */\n dataKey: string;\n /** Enables element transparency */\n transparent?: boolean;\n}\n\ndeclare const Venn: (<T>(props: MapProps<IVennProps & T>) => ReturnEl) & {\n Circle: <T>(props: MapProps<ICircleProps & T>) => ReturnEl;\n Intersection: <T>(props: MapProps<IIntersectionProps & T>) => ReturnEl;\n};\n\nexport default Venn;\n"],"mappings":""}
|
package/lib/types/Area.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export interface IAreaProps extends IContext {
|
|
|
19
19
|
* @default 500
|
|
20
20
|
*/
|
|
21
21
|
duration?: number;
|
|
22
|
-
/**
|
|
22
|
+
/** Enables element transparency */
|
|
23
23
|
transparent?: boolean;
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -28,7 +28,7 @@ export interface IAreaDotsProps extends IContext {
|
|
|
28
28
|
display?: boolean;
|
|
29
29
|
/** Hide property */
|
|
30
30
|
hide?: boolean;
|
|
31
|
-
/**
|
|
31
|
+
/** Enables element transparency */
|
|
32
32
|
transparent?: boolean;
|
|
33
33
|
}
|
|
34
34
|
|
package/lib/types/Bar.d.ts
CHANGED
|
@@ -28,7 +28,7 @@ export interface IBarProps extends IContext {
|
|
|
28
28
|
* Bar click handler
|
|
29
29
|
*/
|
|
30
30
|
onClick?: (data: { [key: string]: string | number }, event: Event) => void;
|
|
31
|
-
/**
|
|
31
|
+
/** Enables element transparency */
|
|
32
32
|
transparent?: boolean;
|
|
33
33
|
}
|
|
34
34
|
|
package/lib/types/Bubble.d.ts
CHANGED
package/lib/types/Donut.d.ts
CHANGED
package/lib/types/Line.d.ts
CHANGED
|
@@ -97,6 +97,8 @@ export interface IRadialTreeProps {
|
|
|
97
97
|
* Default value for `activeKey` property.
|
|
98
98
|
*/
|
|
99
99
|
defaultActiveKey?: string | null;
|
|
100
|
+
/** Enables element transparency */
|
|
101
|
+
transparent?: boolean;
|
|
100
102
|
}
|
|
101
103
|
export interface IRadialTreeRadianProps extends IRadialTreeProps {
|
|
102
104
|
radiansCount?: number;
|
|
@@ -116,12 +118,14 @@ export interface IRadialTreeRadianLineProps {
|
|
|
116
118
|
x2?: number;
|
|
117
119
|
y2?: number;
|
|
118
120
|
stroke?: string;
|
|
121
|
+
transparent?: boolean;
|
|
119
122
|
['data-radial-animation']?: `${string}-line`;
|
|
120
123
|
['data-radian-index']?: number;
|
|
121
124
|
}
|
|
122
125
|
declare type RadialTreeRadianLineAsProps = IRadialTreeRadianLineProps & {
|
|
123
126
|
Element: React.FC<{
|
|
124
127
|
render: string;
|
|
128
|
+
transparent: boolean;
|
|
125
129
|
} & React.SVGProps<any>>;
|
|
126
130
|
styles: React.CSSProperties;
|
|
127
131
|
};
|
|
@@ -131,12 +135,14 @@ export interface IRadialTreeRadianCapProps {
|
|
|
131
135
|
y?: number;
|
|
132
136
|
radius?: number;
|
|
133
137
|
color?: string;
|
|
138
|
+
transparent?: boolean;
|
|
134
139
|
['data-radial-animation']?: `${string}-cap-circle`;
|
|
135
140
|
['data-radian-index']?: number;
|
|
136
141
|
}
|
|
137
142
|
declare type RadialTreeRadianCapAsProps = IRadialTreeRadianCapProps & {
|
|
138
143
|
Element: React.FC<{
|
|
139
144
|
render: string;
|
|
145
|
+
transparent: boolean;
|
|
140
146
|
} & React.SVGProps<any>>;
|
|
141
147
|
styles: React.CSSProperties;
|
|
142
148
|
};
|
|
@@ -150,10 +156,12 @@ export interface IRadialTreeRadianIconProps {
|
|
|
150
156
|
['data-radian-index']?: number;
|
|
151
157
|
tag?: React.FC;
|
|
152
158
|
isActive?: boolean;
|
|
159
|
+
transparent?: boolean;
|
|
153
160
|
}
|
|
154
161
|
declare type RadialTreeRadianIconAsProps = IRadialTreeRadianIconProps & {
|
|
155
162
|
Element: React.FC<{
|
|
156
163
|
render: string | React.FC;
|
|
164
|
+
transparent: boolean;
|
|
157
165
|
} & React.SVGProps<any>>;
|
|
158
166
|
x: number;
|
|
159
167
|
y: number;
|
|
@@ -171,6 +179,7 @@ export interface IRadialTreeRadianLabelProps {
|
|
|
171
179
|
label?: string;
|
|
172
180
|
isHorizontal?: boolean;
|
|
173
181
|
angle?: number;
|
|
182
|
+
transparent?: boolean;
|
|
174
183
|
}
|
|
175
184
|
declare type RadialTreeRadianLabelAsProps = IRadialTreeRadianLabelProps & {
|
|
176
185
|
Element: React.FC<{
|
|
@@ -21,6 +21,8 @@ export interface IScatterPlotProps extends IContext {
|
|
|
21
21
|
* @default 5.5 or 12 with value
|
|
22
22
|
*/
|
|
23
23
|
r?: number;
|
|
24
|
+
/** Enables element transparency */
|
|
25
|
+
transparent?: boolean;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
declare const ScatterPlot: <T>(props: MapProps<IScatterPlotProps & T>) => ReturnEl;
|
package/lib/types/Venn.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ export interface ICircleProps extends IContext {
|
|
|
29
29
|
* @default 500
|
|
30
30
|
*/
|
|
31
31
|
duration?: number;
|
|
32
|
-
/**
|
|
32
|
+
/** Enables element transparency */
|
|
33
33
|
transparent?: boolean;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -38,7 +38,7 @@ export interface IIntersectionProps extends IContext, IFadeInOutProps {
|
|
|
38
38
|
* Name of the field in the data
|
|
39
39
|
* */
|
|
40
40
|
dataKey: string;
|
|
41
|
-
/**
|
|
41
|
+
/** Enables element transparency */
|
|
42
42
|
transparent?: boolean;
|
|
43
43
|
}
|
|
44
44
|
|