intergalactic 15.100.0 → 15.101.0
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 +22 -0
- package/components.json +13 -13
- package/d3-chart/CompactHorizontalBar.d.ts +88 -0
- package/d3-chart/component/Chart/CompactHorizontalBarChart.d.ts +2 -0
- package/d3-chart/component/Chart/CompactHorizontalBarChart.type.d.ts +19 -0
- package/d3-chart/component/Chart/index.d.ts +1 -0
- package/d3-chart/index.d.ts +3 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +16 -10
- package/d3-chart/lib/cjs/Bar.js.map +1 -1
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +591 -0
- package/d3-chart/lib/cjs/CompactHorizontalBar.js.map +1 -0
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +16 -10
- package/d3-chart/lib/cjs/HorizontalBar.js.map +1 -1
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.js +126 -0
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.js.map +1 -0
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js +2 -0
- package/d3-chart/lib/cjs/component/Chart/CompactHorizontalBarChart.type.js.map +1 -0
- package/d3-chart/lib/cjs/component/Chart/index.js +3 -1
- package/d3-chart/lib/cjs/component/Chart/index.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/index.js +7 -0
- package/d3-chart/lib/cjs/index.js.map +1 -1
- package/d3-chart/lib/cjs/style/bar.shadow.css +36 -0
- package/d3-chart/lib/cjs/types/CompactHorizontalBar.d.js +2 -0
- package/d3-chart/lib/cjs/types/CompactHorizontalBar.d.js.map +1 -0
- package/d3-chart/lib/cjs/types/index.d.js +19 -0
- package/d3-chart/lib/cjs/types/index.d.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -10
- package/d3-chart/lib/es6/Bar.js.map +1 -1
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +587 -0
- package/d3-chart/lib/es6/CompactHorizontalBar.js.map +1 -0
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +16 -10
- package/d3-chart/lib/es6/HorizontalBar.js.map +1 -1
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js +118 -0
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.js.map +1 -0
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.type.js +2 -0
- package/d3-chart/lib/es6/component/Chart/CompactHorizontalBarChart.type.js.map +1 -0
- package/d3-chart/lib/es6/component/Chart/index.js +3 -1
- package/d3-chart/lib/es6/component/Chart/index.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/index.js +1 -0
- package/d3-chart/lib/es6/index.js.map +1 -1
- package/d3-chart/lib/es6/style/bar.shadow.css +36 -0
- package/d3-chart/lib/es6/types/CompactHorizontalBar.d.js +2 -0
- package/d3-chart/lib/es6/types/CompactHorizontalBar.d.js.map +1 -0
- package/d3-chart/lib/es6/types/index.d.js +2 -0
- package/d3-chart/lib/es6/types/index.d.js.map +1 -1
- package/d3-chart/lib/types/CompactHorizontalBar.d.ts +88 -0
- package/d3-chart/lib/types/component/Chart/CompactHorizontalBarChart.d.ts +2 -0
- package/d3-chart/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts +19 -0
- package/d3-chart/lib/types/component/Chart/index.d.ts +1 -0
- package/d3-chart/lib/types/index.d.ts +3 -0
- package/data-table/lib/cjs/Body.js +3 -3
- package/data-table/lib/cjs/DataTable.js +37 -37
- package/data-table/lib/es6/Body.js +3 -3
- package/data-table/lib/es6/DataTable.js +37 -37
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +21 -21
- package/dropdown-menu/lib/es6/DropdownMenu.js +21 -21
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/package.json +1 -1
- package/popper/lib/cjs/Popper.js +23 -14
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +23 -14
- package/popper/lib/es6/Popper.js.map +1 -1
- package/scroll-area/lib/cjs/ScrollArea.js +23 -22
- package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
- package/scroll-area/lib/cjs/ScrollBar.js +6 -6
- package/scroll-area/lib/es6/ScrollArea.js +23 -22
- package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
- package/scroll-area/lib/es6/ScrollBar.js +6 -6
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/skeleton/index.d.ts +2 -0
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/CompactHorizontalBar.js +39 -0
- package/skeleton/lib/cjs/Charts/CompactHorizontalBar.js.map +1 -0
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Charts/index.js +7 -0
- package/skeleton/lib/cjs/Charts/index.js.map +1 -1
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/cjs/index.d.js.map +1 -1
- package/skeleton/lib/cjs/svg/compact-horizontal-bar-chart.svg +8 -0
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/CompactHorizontalBar.js +31 -0
- package/skeleton/lib/es6/Charts/CompactHorizontalBar.js.map +1 -0
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Charts/index.js +1 -0
- package/skeleton/lib/es6/Charts/index.js.map +1 -1
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/skeleton/lib/es6/index.d.js.map +1 -1
- package/skeleton/lib/es6/svg/compact-horizontal-bar-chart.svg +8 -0
- package/skeleton/lib/types/index.d.ts +2 -0
- package/slider/lib/cjs/Slider.js +9 -8
- package/slider/lib/cjs/Slider.js.map +1 -1
- package/slider/lib/es6/Slider.js +9 -8
- package/slider/lib/es6/Slider.js.map +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +11 -11
- package/tooltip/lib/es6/Tooltip.js +11 -11
@@ -23,15 +23,15 @@ import { getChartDefaultColorName } from './utils';
|
|
23
23
|
import Tooltip from './Tooltip';
|
24
24
|
import { PatternFill } from './Pattern';
|
25
25
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SPie": "
|
28
|
-
"_color": "
|
29
|
-
"--color": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
32
|
-
"_transparent": "
|
33
|
-
"__SEmptyData": "
|
34
|
-
"__SLabel": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_f8van_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_f8van_gg_.__color_f8van_gg_{fill:var(--color_f8van)}.___SPie_f8van_gg_.__pattern_f8van_gg_.__color_f8van_gg_{fill:var(--pattern_f8van);stroke:var(--color_f8van);stroke-width:1px}.___SPie_f8van_gg_.__transparent_f8van_gg_{opacity:.3}.___SEmptyData_f8van_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_f8van_gg_.__color_f8van_gg_{fill:var(--color_f8van)}.___SLabel_f8van_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "f8van_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SPie": "___SPie_f8van_gg_",
|
28
|
+
"_color": "__color_f8van_gg_",
|
29
|
+
"--color": "--color_f8van",
|
30
|
+
"_pattern": "__pattern_f8van_gg_",
|
31
|
+
"--pattern": "--pattern_f8van",
|
32
|
+
"_transparent": "__transparent_f8van_gg_",
|
33
|
+
"__SEmptyData": "___SEmptyData_f8van_gg_",
|
34
|
+
"__SLabel": "___SLabel_f8van_gg_"
|
35
35
|
});
|
36
36
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
37
37
|
function transitionAnglePie(_ref6) {
|
package/d3-chart/lib/es6/Dots.js
CHANGED
@@ -7,14 +7,14 @@ import trottle from 'intergalactic/utils/lib/rafTrottle';
|
|
7
7
|
import createElement from './createElement';
|
8
8
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
11
|
-
"__SDot": "
|
12
|
-
"_hide": "
|
13
|
-
"_color": "
|
14
|
-
"--color": "--
|
15
|
-
"_transparent": "
|
16
|
-
"__SDots": "
|
17
|
-
"--duration": "--
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_uwmuz_gg_ .___SDot_uwmuz_gg_{transition-duration:var(--duration_uwmuz)}.___SDot_uwmuz_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_uwmuz_gg_.__hide_uwmuz_gg_{display:none}.___SDot_uwmuz_gg_.__color_uwmuz_gg_{fill:var(--color_uwmuz)}.___SDot_uwmuz_gg_.__transparent_uwmuz_gg_{opacity:.3}" /*__inner_css_end__*/, "uwmuz_gg_") /*__reshadow_css_end__*/, {
|
11
|
+
"__SDot": "___SDot_uwmuz_gg_",
|
12
|
+
"_hide": "__hide_uwmuz_gg_",
|
13
|
+
"_color": "__color_uwmuz_gg_",
|
14
|
+
"--color": "--color_uwmuz",
|
15
|
+
"_transparent": "__transparent_uwmuz_gg_",
|
16
|
+
"__SDots": "___SDots_uwmuz_gg_",
|
17
|
+
"--duration": "--duration_uwmuz"
|
18
18
|
});
|
19
19
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
@@ -13,16 +13,22 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
14
14
|
import { PatternFill } from './Pattern';
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
17
|
-
"__SBar": "
|
18
|
-
"--duration": "--
|
19
|
-
"_color": "
|
20
|
-
"--color": "--
|
21
|
-
"_pattern": "
|
22
|
-
"--pattern": "--
|
23
|
-
"_hide": "
|
24
|
-
"_transparent": "
|
25
|
-
"
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_1g3k3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1g3k3);transition-timing-function:ease-in-out}.___SBar_1g3k3_gg_.__color_1g3k3_gg_{fill:var(--color_1g3k3)}.___SBar_1g3k3_gg_.__pattern_1g3k3_gg_.__color_1g3k3_gg_{fill:var(--pattern_1g3k3);stroke:var(--color_1g3k3);stroke-width:1px}.___SBar_1g3k3_gg_.__hide_1g3k3_gg_{display:none}.___SBar_1g3k3_gg_.__transparent_1g3k3_gg_{opacity:.3}.___SBackground_1g3k3_gg_.__onClick_1g3k3_gg_,.___SBar_1g3k3_gg_.__onClick_1g3k3_gg_{cursor:pointer}.___SBackground_1g3k3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1g3k3_gg_{display:flex;justify-content:space-between}.___SBarLabel_1g3k3_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1g3k3_gg_,.___SBarPercent_1g3k3_gg_,.___SBarValue_1g3k3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1g3k3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1g3k3_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1g3k3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1g3k3_gg_") /*__reshadow_css_end__*/, {
|
17
|
+
"__SBar": "___SBar_1g3k3_gg_",
|
18
|
+
"--duration": "--duration_1g3k3",
|
19
|
+
"_color": "__color_1g3k3_gg_",
|
20
|
+
"--color": "--color_1g3k3",
|
21
|
+
"_pattern": "__pattern_1g3k3_gg_",
|
22
|
+
"--pattern": "--pattern_1g3k3",
|
23
|
+
"_hide": "__hide_1g3k3_gg_",
|
24
|
+
"_transparent": "__transparent_1g3k3_gg_",
|
25
|
+
"_onClick": "__onClick_1g3k3_gg_",
|
26
|
+
"__SBackground": "___SBackground_1g3k3_gg_",
|
27
|
+
"__SBarAnnotation": "___SBarAnnotation_1g3k3_gg_",
|
28
|
+
"__SBarLabel": "___SBarLabel_1g3k3_gg_",
|
29
|
+
"__SBarPercent": "___SBarPercent_1g3k3_gg_",
|
30
|
+
"__SBarValue": "___SBarValue_1g3k3_gg_",
|
31
|
+
"__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1g3k3_gg_"
|
26
32
|
});
|
27
33
|
export var MIN_WIDTH = 2;
|
28
34
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","AnimatedClipPath","scaleToBand","roundedPath","PatternFill","style","_sstyled","insert","MIN_WIDTH","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_this$asProps2$maxBar","maxBarSize","Infinity","resolveColor","patterns","onClick","_scale","_slicedToArray","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","bandwidth","min","Number","barY","barX","handleClick","event","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","Fragment","cn","undefined","render","_this$asProps3","size","map","bind","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","xRange","range","_ref3"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n // need for the correct rendering of negative values\n if (x <= 0) {\n return width <= minWidth ? minWidth : 0;\n }\n // need for the correct rendering of the minimum positive values\n return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: MIN_WIDTH,\n };\n\n getBackgroundProps(_props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n index,\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset: offsetProps,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n maxBarSize = Infinity,\n resolveColor,\n patterns,\n onClick,\n } = this.asProps;\n\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n const height = Math.min(bandHeight, maxBarSize);\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n const barX =\n xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n offset[0] -\n calcPartBarX(d[x], wMin, width);\n const handleClick = (event) => onClick?.(d, event, i, x);\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return (\n <React.Fragment key={`horizontal-bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n transparent={transparent}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={xRange[1] - xRange[0]}\n height={scaleToBand(yScale).bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width < radius) radius = width;\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"HorizontalBar.js","names":["React","Component","sstyled","uniqueIDEnhancement","createElement","AnimatedClipPath","scaleToBand","roundedPath","PatternFill","style","_sstyled","insert","MIN_WIDTH","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_this$asProps2$maxBar","maxBarSize","Infinity","resolveColor","patterns","onClick","_scale","_slicedToArray","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","bandwidth","min","Number","barY","barX","handleClick","event","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","Fragment","cn","undefined","render","_this$asProps3","size","map","bind","id","_defineProperty","Background","props","_ref2","SBackground","_scale2","xRange","range","_ref3"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n // need for the correct rendering of negative values\n if (x <= 0) {\n return width <= minWidth ? minWidth : 0;\n }\n // need for the correct rendering of the minimum positive values\n return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n static displayName = 'HorizontalBar';\n static enhance = [uniqueIDEnhancement()];\n static style = style;\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n r: 2,\n wMin: MIN_WIDTH,\n };\n\n getBackgroundProps(_props, index) {\n const { data, y } = this.asProps;\n return {\n value: data[index][y],\n index,\n };\n }\n\n renderBar(d, i) {\n const SBar = this.Element;\n const {\n styles,\n color,\n x,\n x0,\n y,\n scale,\n hide,\n offset: offsetProps,\n uid,\n duration,\n r,\n wMin,\n height: heightProps,\n onMouseMove,\n onMouseLeave,\n groupKey,\n transparent,\n maxBarSize = Infinity,\n resolveColor,\n patterns,\n onClick,\n } = this.asProps;\n\n const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n const [xScale, yScale] = scale;\n const absWidth = Math.abs(\n xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n );\n const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n const height = Math.min(bandHeight, maxBarSize);\n const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n const barX =\n xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n offset[0] -\n calcPartBarX(d[x], wMin, width);\n const handleClick = (event) => onClick?.(d, event, i, x);\n const dSvg = getHorizontalRect({\n x: barX,\n y: barY,\n width,\n height,\n radius: Array.isArray(r) ? r[i] : r,\n position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n });\n\n if (groupKey) {\n this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n } else {\n this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n }\n\n return (\n <React.Fragment key={`horizontal-bar-${i}`}>\n {sstyled(styles)(\n <SBar\n aria-hidden\n render='path'\n clipPath={`url(#${uid})`}\n __excludeProps={['data', 'scale', 'value', 'onClick', 'offset']}\n childrenPosition='above'\n value={d}\n index={i}\n hide={hide}\n color={resolveColor(color)}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n transparent={transparent}\n x={barX}\n y={barY}\n width={width}\n height={height}\n d={dSvg}\n onClickCapture={handleClick}\n use:duration={`${duration}ms`}\n onMouseMove={onMouseMove}\n onMouseLeave={onMouseLeave}\n />,\n )}\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={color}\n color={resolveColor(color)}\n patterns={patterns}\n />\n )}\n </React.Fragment>\n );\n }\n\n render() {\n const { data, uid, size, duration } = this.asProps;\n\n return (\n <>\n {data.map(this.renderBar.bind(this))}\n {duration && (\n <AnimatedClipPath\n aria-hidden\n duration={duration}\n id={uid}\n x='0'\n y='0'\n width={0}\n height={size[1]}\n />\n )}\n </>\n );\n }\n}\n\nfunction Background(props) {\n const { Element: SBackground, styles, scale, value } = props;\n const [xScale, yScale] = scale;\n const xRange = xScale.range();\n\n return sstyled(styles)(\n <SBackground\n aria-hidden\n render='rect'\n childrenPosition='above'\n width={xRange[1] - xRange[0]}\n height={scaleToBand(yScale).bandwidth()}\n x={xRange[0]}\n y={yScale(value)}\n />,\n );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n if (width < radius) radius = width;\n if (radius) {\n if (position === 'right')\n return roundedPath(x, y, width, height, radius, false, true, false, true);\n return roundedPath(x, y, width, height, radius, true, false, true, false);\n }\n return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
|
@@ -16,9 +16,9 @@ import trottle from 'intergalactic/utils/lib/rafTrottle';
|
|
16
16
|
import createElement from './createElement';
|
17
17
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, scaleToBand } from './utils';
|
18
18
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
20
|
-
"__SHoverLine": "
|
21
|
-
"__SHoverRect": "
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_odda5_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_odda5_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "odda5_gg_") /*__reshadow_css_end__*/, {
|
20
|
+
"__SHoverLine": "___SHoverLine_odda5_gg_",
|
21
|
+
"__SHoverRect": "___SHoverRect_odda5_gg_"
|
22
22
|
});
|
23
23
|
import Tooltip from './Tooltip';
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/d3-chart/lib/es6/Line.js
CHANGED
@@ -15,15 +15,15 @@ import Dots from './Dots';
|
|
15
15
|
import AnimatedClipPath from './AnimatedClipPath';
|
16
16
|
import { resolvePatternDasharray } from './Pattern';
|
17
17
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
19
|
-
"__SLine": "
|
20
|
-
"--duration": "--
|
21
|
-
"_color": "
|
22
|
-
"--color": "--
|
23
|
-
"_hide": "
|
24
|
-
"_transparent": "
|
25
|
-
"__SNull": "
|
26
|
-
"__SLineArea": "
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1iifx_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1iifx);transition-timing-function:ease-in-out}.___SLine_1iifx_gg_.__color_1iifx_gg_{stroke:var(--color_1iifx)}.___SLine_1iifx_gg_.__hide_1iifx_gg_{display:none}.___SLine_1iifx_gg_.__transparent_1iifx_gg_{opacity:.3}.___SNull_1iifx_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1iifx_gg_.__hide_1iifx_gg_{display:none}.___SLineArea_1iifx_gg_{transition-property:d;transition-duration:var(--duration_1iifx);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_1iifx_gg_.__color_1iifx_gg_{fill:var(--color_1iifx)}" /*__inner_css_end__*/, "1iifx_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__SLine": "___SLine_1iifx_gg_",
|
20
|
+
"--duration": "--duration_1iifx",
|
21
|
+
"_color": "__color_1iifx_gg_",
|
22
|
+
"--color": "--color_1iifx",
|
23
|
+
"_hide": "__hide_1iifx_gg_",
|
24
|
+
"_transparent": "__transparent_1iifx_gg_",
|
25
|
+
"__SNull": "___SNull_1iifx_gg_",
|
26
|
+
"__SLineArea": "___SLineArea_1iifx_gg_"
|
27
27
|
});
|
28
28
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
29
29
|
_inherits(LineRoot, _Component);
|
package/d3-chart/lib/es6/Plot.js
CHANGED
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
19
19
|
import colorResolverEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
20
20
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SPlot": "
|
23
|
-
"_keyboardFocused": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1wb61_gg_{overflow:hidden}.___SPlot_1wb61_gg_:active,.___SPlot_1wb61_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1wb61_gg_.__keyboardFocused_1wb61_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "1wb61_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SPlot": "___SPlot_1wb61_gg_",
|
23
|
+
"_keyboardFocused": "__keyboardFocused_1wb61_gg_"
|
24
24
|
});
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
26
26
|
_inherits(PlotRoot, _Component);
|
@@ -22,25 +22,25 @@ import { eventToPoint, getChartDefaultColorName, measureText } from './utils';
|
|
22
22
|
import Tooltip from './Tooltip';
|
23
23
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
24
24
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SAxis": "
|
27
|
-
"__SAxisLine": "
|
28
|
-
"__SAxisTick": "
|
29
|
-
"_active": "
|
30
|
-
"__SAxisLabel": "
|
31
|
-
"_xDirection": "
|
32
|
-
"--xDirection": "--
|
33
|
-
"_yDirection": "
|
34
|
-
"--yDirection": "--
|
35
|
-
"__SPolygon": "
|
36
|
-
"_color": "
|
37
|
-
"--color": "--
|
38
|
-
"_pattern": "
|
39
|
-
"--pattern": "--
|
40
|
-
"__SPolygonDot": "
|
41
|
-
"_transparent": "
|
42
|
-
"__SPolygonLine": "
|
43
|
-
"__SPieRect": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_lldnd_gg_,.___SAxisTick_lldnd_gg_,.___SAxis_lldnd_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_lldnd_gg_,.___SAxisTick_lldnd_gg_{stroke-dasharray:2}.___SAxisLine_lldnd_gg_.__active_lldnd_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_lldnd_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_lldnd_gg_.__xDirection_lldnd_gg_{text-anchor:var(--xDirection_lldnd)}.___SAxisLabel_lldnd_gg_.__yDirection_lldnd_gg_{dominant-baseline:var(--yDirection_lldnd)}.___SPolygonDot_lldnd_gg_,.___SPolygon_lldnd_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_lldnd_gg_{opacity:.2}.___SPolygon_lldnd_gg_.__color_lldnd_gg_{fill:var(--color_lldnd)}.___SPolygon_lldnd_gg_.__pattern_lldnd_gg_.__color_lldnd_gg_{fill:var(--pattern_lldnd);stroke:var(--color_lldnd);stroke-width:1px}.___SPolygonDot_lldnd_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_lldnd_gg_.__transparent_lldnd_gg_{opacity:.3}.___SPolygonDot_lldnd_gg_.__color_lldnd_gg_{fill:var(--color_lldnd)}.___SPolygonLine_lldnd_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_lldnd_gg_.__transparent_lldnd_gg_{opacity:.3}.___SPolygonLine_lldnd_gg_.__color_lldnd_gg_{stroke:var(--color_lldnd)}.___SPieRect_lldnd_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "lldnd_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SAxis": "___SAxis_lldnd_gg_",
|
27
|
+
"__SAxisLine": "___SAxisLine_lldnd_gg_",
|
28
|
+
"__SAxisTick": "___SAxisTick_lldnd_gg_",
|
29
|
+
"_active": "__active_lldnd_gg_",
|
30
|
+
"__SAxisLabel": "___SAxisLabel_lldnd_gg_",
|
31
|
+
"_xDirection": "__xDirection_lldnd_gg_",
|
32
|
+
"--xDirection": "--xDirection_lldnd",
|
33
|
+
"_yDirection": "__yDirection_lldnd_gg_",
|
34
|
+
"--yDirection": "--yDirection_lldnd",
|
35
|
+
"__SPolygon": "___SPolygon_lldnd_gg_",
|
36
|
+
"_color": "__color_lldnd_gg_",
|
37
|
+
"--color": "--color_lldnd",
|
38
|
+
"_pattern": "__pattern_lldnd_gg_",
|
39
|
+
"--pattern": "--pattern_lldnd",
|
40
|
+
"__SPolygonDot": "___SPolygonDot_lldnd_gg_",
|
41
|
+
"_transparent": "__transparent_lldnd_gg_",
|
42
|
+
"__SPolygonLine": "___SPolygonLine_lldnd_gg_",
|
43
|
+
"__SPieRect": "___SPieRect_lldnd_gg_"
|
44
44
|
});
|
45
45
|
var clampAngle = function clampAngle(angle) {
|
46
46
|
angle = angle % (2 * Math.PI);
|
@@ -21,17 +21,17 @@ import createElement from './createElement';
|
|
21
21
|
import { getChartDefaultColorName, measureText } from './utils';
|
22
22
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SRadian": "
|
26
|
-
"__SLine": "
|
27
|
-
"_color": "
|
28
|
-
"--color": "--
|
29
|
-
"_transparent": "
|
30
|
-
"__SCap": "
|
31
|
-
"_pattern": "
|
32
|
-
"__SIcon": "
|
33
|
-
"__SLabel": "
|
34
|
-
"__SLineCap": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1hi93_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1hi93_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1hi93_gg_.__color_1hi93_gg_{stroke:var(--color_1hi93)}.___SLine_1hi93_gg_.__transparent_1hi93_gg_{opacity:.3}.___SCap_1hi93_gg_{transition:r .1s}.___SCap_1hi93_gg_.__pattern_1hi93_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1hi93_gg_.__transparent_1hi93_gg_,.___SIcon_1hi93_gg_.__transparent_1hi93_gg_,.___SLabel_1hi93_gg_.__transparent_1hi93_gg_{opacity:.3}.___SLabel_1hi93_gg_{fill:var(--color_1hi93)}@media (hover:hover){.___SRadian_1hi93_gg_:hover .___SLabel_1hi93_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1hi93_gg_{transition:none}}" /*__inner_css_end__*/, "1hi93_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SRadian": "___SRadian_1hi93_gg_",
|
26
|
+
"__SLine": "___SLine_1hi93_gg_",
|
27
|
+
"_color": "__color_1hi93_gg_",
|
28
|
+
"--color": "--color_1hi93",
|
29
|
+
"_transparent": "__transparent_1hi93_gg_",
|
30
|
+
"__SCap": "___SCap_1hi93_gg_",
|
31
|
+
"_pattern": "__pattern_1hi93_gg_",
|
32
|
+
"__SIcon": "___SIcon_1hi93_gg_",
|
33
|
+
"__SLabel": "___SLabel_1hi93_gg_",
|
34
|
+
"__SLineCap": "___SLineCap_1hi93_gg_"
|
35
35
|
});
|
36
36
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
37
37
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
@@ -12,18 +12,18 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
|
12
12
|
import createElement from './createElement';
|
13
13
|
import { scaleOfBandwidth } from './utils';
|
14
14
|
/*__reshadow-styles__:"./style/reference.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SReferenceLine": "
|
17
|
-
"__STitle": "
|
18
|
-
"--transform-origin": "--transform-
|
19
|
-
"_position_top": "
|
20
|
-
"_position_bottom": "
|
21
|
-
"_position_right": "
|
22
|
-
"_position_left": "
|
23
|
-
"__SBackground": "
|
24
|
-
"__SStripes": "
|
25
|
-
"--fill": "--
|
26
|
-
"__SStripesPatternPath": "
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_9g2dl_gg_{fill:none;stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___STitle_9g2dl_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_9g2dl)}.___STitle_9g2dl_gg_._position_top_9g2dl_gg_{text-anchor:middle}.___STitle_9g2dl_gg_._position_bottom_9g2dl_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_9g2dl_gg_._position_left_9g2dl_gg_,.___STitle_9g2dl_gg_._position_right_9g2dl_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___SBackground_9g2dl_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}.___SStripes_9g2dl_gg_{fill:var(--fill_9g2dl)}.___SStripesPatternPath_9g2dl_gg_{stroke:var(--intergalactic-chart-grid-period-pattern, rgba(25, 27, 35, 0.15));stroke-width:1px}" /*__inner_css_end__*/, "9g2dl_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SReferenceLine": "___SReferenceLine_9g2dl_gg_",
|
17
|
+
"__STitle": "___STitle_9g2dl_gg_",
|
18
|
+
"--transform-origin": "--transform-origin_9g2dl",
|
19
|
+
"_position_top": "_position_top_9g2dl_gg_",
|
20
|
+
"_position_bottom": "_position_bottom_9g2dl_gg_",
|
21
|
+
"_position_right": "_position_right_9g2dl_gg_",
|
22
|
+
"_position_left": "_position_left_9g2dl_gg_",
|
23
|
+
"__SBackground": "___SBackground_9g2dl_gg_",
|
24
|
+
"__SStripes": "___SStripes_9g2dl_gg_",
|
25
|
+
"--fill": "--fill_9g2dl",
|
26
|
+
"__SStripesPatternPath": "___SStripesPatternPath_9g2dl_gg_"
|
27
27
|
});
|
28
28
|
var side2direction = {
|
29
29
|
left: 'vertical',
|
@@ -18,15 +18,15 @@ import { getScatterPlotRadius } from './utils';
|
|
18
18
|
import Tooltip from './Tooltip';
|
19
19
|
import { PatternFill } from './Pattern';
|
20
20
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SScatterPlot": "
|
23
|
-
"_color": "
|
24
|
-
"--color": "--
|
25
|
-
"_pattern": "
|
26
|
-
"--pattern": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SValue": "
|
29
|
-
"--duration": "--
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_2iixe_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_2iixe);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_2iixe_gg_:hover{opacity:.8}}.___SScatterPlot_2iixe_gg_.__color_2iixe_gg_{fill:var(--color_2iixe)}.___SScatterPlot_2iixe_gg_.__pattern_2iixe_gg_.__color_2iixe_gg_{fill:var(--pattern_2iixe);stroke:var(--color_2iixe);stroke-width:1px}.___SScatterPlot_2iixe_gg_.__transparent_2iixe_gg_{opacity:.3}.___SValue_2iixe_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_2iixe_gg_.__color_2iixe_gg_{stroke:var(--color_2iixe)}.___SValue_2iixe_gg_.__transparent_2iixe_gg_{opacity:.3}" /*__inner_css_end__*/, "2iixe_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SScatterPlot": "___SScatterPlot_2iixe_gg_",
|
23
|
+
"_color": "__color_2iixe_gg_",
|
24
|
+
"--color": "--color_2iixe",
|
25
|
+
"_pattern": "__pattern_2iixe_gg_",
|
26
|
+
"--pattern": "--pattern_2iixe",
|
27
|
+
"_transparent": "__transparent_2iixe_gg_",
|
28
|
+
"__SValue": "___SValue_2iixe_gg_",
|
29
|
+
"--duration": "--duration_2iixe"
|
30
30
|
});
|
31
31
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
32
32
|
_inherits(ScatterPlotRoot, _Component);
|
@@ -21,15 +21,15 @@ import createElement from './createElement';
|
|
21
21
|
import { getChartDefaultColorName } from './utils';
|
22
22
|
import { useColorResolver } from 'intergalactic/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
|
-
"__SDotCircle": "
|
30
|
-
"_color": "
|
31
|
-
"--color": "--
|
32
|
-
"__SFooter": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_ys75a_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_ys75a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_ys75a_gg_{display:flex;align-items:center}.___SDot_ys75a_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_ys75a_gg_.__color_ys75a_gg_{background-color:var(--color_ys75a);width:8px;height:8px;border-radius:50%}.___SFooter_ys75a_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__*/, "ys75a_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STooltip": "___STooltip_ys75a_gg_",
|
26
|
+
"__STitle": "___STitle_ys75a_gg_",
|
27
|
+
"__SDotGroup": "___SDotGroup_ys75a_gg_",
|
28
|
+
"__SDot": "___SDot_ys75a_gg_",
|
29
|
+
"__SDotCircle": "___SDotCircle_ys75a_gg_",
|
30
|
+
"_color": "__color_ys75a_gg_",
|
31
|
+
"--color": "--color_ys75a",
|
32
|
+
"__SFooter": "___SFooter_ys75a_gg_"
|
33
33
|
});
|
34
34
|
import { PatternSymbol } from './Pattern';
|
35
35
|
|
package/d3-chart/lib/es6/Venn.js
CHANGED
@@ -20,15 +20,15 @@ import Tooltip from './Tooltip';
|
|
20
20
|
import { PatternFill } from './Pattern';
|
21
21
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
22
22
|
/*__reshadow-styles__:"./style/venn.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SCircle": "
|
25
|
-
"_color": "
|
26
|
-
"--color": "--
|
27
|
-
"_transparent": "
|
28
|
-
"__SIntersection": "
|
29
|
-
"--duration": "--
|
30
|
-
"_pattern": "
|
31
|
-
"--pattern": "--
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_hp5vc_gg_,.___SIntersection_hp5vc_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_hp5vc_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_hp5vc);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_hp5vc_gg_:hover{fill-opacity:.7}}.___SCircle_hp5vc_gg_.__color_hp5vc_gg_{fill:var(--color_hp5vc)}.___SCircle_hp5vc_gg_.__pattern_hp5vc_gg_.__color_hp5vc_gg_{fill:var(--pattern_hp5vc);fill-opacity:.7;stroke:var(--color_hp5vc);stroke-width:1px}@media (hover:hover){.___SCircle_hp5vc_gg_.__pattern_hp5vc_gg_.__color_hp5vc_gg_:hover{fill-opacity:.85}}.___SCircle_hp5vc_gg_.__transparent_hp5vc_gg_{opacity:.3}.___SIntersection_hp5vc_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_hp5vc_gg_:hover{fill-opacity:.1}}.___SIntersection_hp5vc_gg_.__transparent_hp5vc_gg_{opacity:.3}" /*__inner_css_end__*/, "hp5vc_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCircle": "___SCircle_hp5vc_gg_",
|
25
|
+
"_color": "__color_hp5vc_gg_",
|
26
|
+
"--color": "--color_hp5vc",
|
27
|
+
"_transparent": "__transparent_hp5vc_gg_",
|
28
|
+
"__SIntersection": "___SIntersection_hp5vc_gg_",
|
29
|
+
"--duration": "--duration_hp5vc",
|
30
|
+
"_pattern": "__pattern_hp5vc_gg_",
|
31
|
+
"--pattern": "--pattern_hp5vc"
|
32
32
|
});
|
33
33
|
var VennRoot = /*#__PURE__*/function (_Component) {
|
34
34
|
_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 'intergalactic/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_1l5oc_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1l5oc_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1l5oc_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SPlotA11yModule": "___SPlotA11yModule_1l5oc_gg_"
|
15
15
|
});
|
16
16
|
import { Context as I18nContext, useI18n } from 'intergalactic/utils/lib/enhances/WithI18n';
|
17
17
|
import { Box } from 'intergalactic/flex-box';
|
@@ -9,8 +9,8 @@ import { getIntl } from './intl';
|
|
9
9
|
import { summarize } from './summarize';
|
10
10
|
import { Root, sstyled } from 'intergalactic/core';
|
11
11
|
/*__reshadow-styles__:"../style/plotA11yView.shadow.css"*/
|
12
|
-
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
13
|
-
"__SPlotA11yView": "
|
12
|
+
var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yView_ea1f1_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_ea1f1_gg_:focus,.___SPlotA11yView_ea1f1_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_ea1f1_gg_ a{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline;margin-bottom:var(--intergalactic-spacing-2x, 8px);display:block}.___SPlotA11yView_ea1f1_gg_ table,.___SPlotA11yView_ea1f1_gg_ td,.___SPlotA11yView_ea1f1_gg_ th{border:1px solid var(--intergalactic-border-primary, #c4c7cf)}" /*__inner_css_end__*/, "ea1f1_gg_") /*__reshadow_css_end__*/, {
|
13
|
+
"__SPlotA11yView": "___SPlotA11yView_ea1f1_gg_"
|
14
14
|
});
|
15
15
|
import { Box } from 'intergalactic/flex-box';
|
16
16
|
import { useAsyncI18nMessages } from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
@@ -0,0 +1,118 @@
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
3
|
+
import _createClass from "@babel/runtime/helpers/createClass";
|
4
|
+
import _get from "@babel/runtime/helpers/get";
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
6
|
+
import _inherits from "@babel/runtime/helpers/inherits";
|
7
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
8
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
9
|
+
import React from 'react';
|
10
|
+
import createComponent from 'intergalactic/core';
|
11
|
+
import { scaleBand, scaleLinear } from 'd3-scale';
|
12
|
+
// @ts-ignore
|
13
|
+
import { CompactHorizontalBar } from '../..';
|
14
|
+
import { AbstractChart } from './AbstractChart';
|
15
|
+
var CompactHorizontalBarChartComponent = /*#__PURE__*/function (_AbstractChart) {
|
16
|
+
_inherits(CompactHorizontalBarChartComponent, _AbstractChart);
|
17
|
+
var _super = _createSuper(CompactHorizontalBarChartComponent);
|
18
|
+
function CompactHorizontalBarChartComponent() {
|
19
|
+
_classCallCheck(this, CompactHorizontalBarChartComponent);
|
20
|
+
return _super.apply(this, arguments);
|
21
|
+
}
|
22
|
+
_createClass(CompactHorizontalBarChartComponent, [{
|
23
|
+
key: "xScale",
|
24
|
+
get: function get() {
|
25
|
+
var _this$asProps$xScale;
|
26
|
+
return (_this$asProps$xScale = this.asProps.xScale) !== null && _this$asProps$xScale !== void 0 ? _this$asProps$xScale : this.valueScale;
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
key: "yScale",
|
30
|
+
get: function get() {
|
31
|
+
var _this$asProps$yScale;
|
32
|
+
return (_this$asProps$yScale = this.asProps.yScale) !== null && _this$asProps$yScale !== void 0 ? _this$asProps$yScale : this.categoryScale;
|
33
|
+
}
|
34
|
+
}, {
|
35
|
+
key: "defaultLegendProps",
|
36
|
+
value: function defaultLegendProps() {
|
37
|
+
return {};
|
38
|
+
}
|
39
|
+
}, {
|
40
|
+
key: "renderChart",
|
41
|
+
value: function renderChart() {
|
42
|
+
var _this$asProps = this.asProps,
|
43
|
+
x = _this$asProps.x,
|
44
|
+
y = _this$asProps.y,
|
45
|
+
onClickHoverRect = _this$asProps.onClickHoverRect,
|
46
|
+
onClickBar = _this$asProps.onClickBar;
|
47
|
+
return /*#__PURE__*/React.createElement(CompactHorizontalBar, {
|
48
|
+
x: x,
|
49
|
+
y: y
|
50
|
+
}, this.renderCompactHorizontalBarTooltip(), /*#__PURE__*/React.createElement(CompactHorizontalBar.Hover, {
|
51
|
+
onClick: onClickHoverRect
|
52
|
+
}), /*#__PURE__*/React.createElement(CompactHorizontalBar.Annotation, null, /*#__PURE__*/React.createElement(CompactHorizontalBar.Label, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Percent, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Value, null)), /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar, {
|
53
|
+
onClick: onClickBar
|
54
|
+
}, /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar.Background, null), /*#__PURE__*/React.createElement(CompactHorizontalBar.Bar.Fill, null)));
|
55
|
+
}
|
56
|
+
}, {
|
57
|
+
key: "renderCompactHorizontalBarTooltip",
|
58
|
+
value: function renderCompactHorizontalBarTooltip() {
|
59
|
+
var _this$asProps2 = this.asProps,
|
60
|
+
data = _this$asProps2.data,
|
61
|
+
x = _this$asProps2.x,
|
62
|
+
y = _this$asProps2.y,
|
63
|
+
showTooltip = _this$asProps2.showTooltip;
|
64
|
+
if (!showTooltip) {
|
65
|
+
return null;
|
66
|
+
}
|
67
|
+
return /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip, {
|
68
|
+
wMin: 100
|
69
|
+
}, function (_ref) {
|
70
|
+
var index = _ref.index;
|
71
|
+
return {
|
72
|
+
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip.Title, null, data[index][y]), /*#__PURE__*/React.createElement(CompactHorizontalBar.Tooltip.Dot, null, data[index][x]))
|
73
|
+
};
|
74
|
+
});
|
75
|
+
}
|
76
|
+
}, {
|
77
|
+
key: "renderTooltip",
|
78
|
+
value: function renderTooltip() {
|
79
|
+
return null;
|
80
|
+
}
|
81
|
+
}, {
|
82
|
+
key: "categoryScale",
|
83
|
+
get: function get() {
|
84
|
+
var _this$asProps3 = this.asProps,
|
85
|
+
_this$asProps3$margin = _this$asProps3.marginY,
|
86
|
+
marginY = _this$asProps3$margin === void 0 ? 40 : _this$asProps3$margin,
|
87
|
+
plotHeight = _this$asProps3.plotHeight,
|
88
|
+
data = _this$asProps3.data,
|
89
|
+
y = _this$asProps3.y;
|
90
|
+
return scaleBand().range([plotHeight - marginY, marginY]).domain(_toConsumableArray(data).reverse().map(function (d) {
|
91
|
+
return d[y];
|
92
|
+
})).paddingInner(0.6).paddingOuter(0.2);
|
93
|
+
}
|
94
|
+
}, {
|
95
|
+
key: "valueScale",
|
96
|
+
get: function get() {
|
97
|
+
var _this$asProps4 = this.asProps,
|
98
|
+
_this$asProps4$margin = _this$asProps4.marginY,
|
99
|
+
marginY = _this$asProps4$margin === void 0 ? 0 : _this$asProps4$margin,
|
100
|
+
plotWidth = _this$asProps4.plotWidth;
|
101
|
+
var sum = _toConsumableArray(_get(_getPrototypeOf(CompactHorizontalBarChartComponent.prototype), "flatValues", this).values()).reduce(function (acc, d) {
|
102
|
+
return acc + d;
|
103
|
+
}, 0);
|
104
|
+
return scaleLinear().range([marginY, plotWidth]).domain([marginY, sum]);
|
105
|
+
}
|
106
|
+
}]);
|
107
|
+
return CompactHorizontalBarChartComponent;
|
108
|
+
}(AbstractChart);
|
109
|
+
_defineProperty(CompactHorizontalBarChartComponent, "displayName", 'Chart.CompactHorizontalBar');
|
110
|
+
_defineProperty(CompactHorizontalBarChartComponent, "defaultProps", {
|
111
|
+
direction: 'column',
|
112
|
+
showXAxis: false,
|
113
|
+
showYAxis: false,
|
114
|
+
showTooltip: true,
|
115
|
+
showLegend: false
|
116
|
+
});
|
117
|
+
export var CompactHorizontalBarChart = createComponent(CompactHorizontalBarChartComponent);
|
118
|
+
//# sourceMappingURL=CompactHorizontalBarChart.js.map
|