@automattic/charts 0.4.0 → 0.6.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 +10 -0
- package/dist/cjs/components/bar-chart/bar-chart.js +2 -0
- package/dist/cjs/components/bar-chart/bar-chart.js.map +1 -0
- package/dist/cjs/components/bar-chart/bar-chart.module.scss.js +2 -0
- package/dist/cjs/components/bar-chart/bar-chart.module.scss.js.map +1 -0
- package/dist/cjs/components/grid-control/grid-control.js +2 -0
- package/dist/cjs/components/grid-control/grid-control.js.map +1 -0
- package/dist/cjs/components/grid-control/grid-control.module.scss.js +2 -0
- package/dist/cjs/components/grid-control/grid-control.module.scss.js.map +1 -0
- package/dist/cjs/components/legend/base-legend.js +2 -0
- package/dist/cjs/components/legend/base-legend.js.map +1 -0
- package/dist/cjs/components/legend/legend.module.scss.js +2 -0
- package/dist/cjs/components/legend/legend.module.scss.js.map +1 -0
- package/dist/cjs/components/line-chart/line-chart.js +2 -0
- package/dist/cjs/components/line-chart/line-chart.js.map +1 -0
- package/dist/cjs/components/line-chart/line-chart.module.scss.js +2 -0
- package/dist/cjs/components/line-chart/line-chart.module.scss.js.map +1 -0
- package/dist/cjs/components/pie-chart/pie-chart.js +2 -0
- package/dist/cjs/components/pie-chart/pie-chart.js.map +1 -0
- package/dist/cjs/components/pie-chart/pie-chart.module.scss.js +2 -0
- package/dist/cjs/components/pie-chart/pie-chart.module.scss.js.map +1 -0
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js +2 -0
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map +1 -0
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss.js +2 -0
- package/dist/cjs/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss.js.map +1 -0
- package/dist/cjs/components/shared/with-responsive.js +2 -0
- package/dist/cjs/components/shared/with-responsive.js.map +1 -0
- package/dist/cjs/components/tooltip/base-tooltip.js +2 -0
- package/dist/cjs/components/tooltip/base-tooltip.js.map +1 -0
- package/dist/cjs/components/tooltip/base-tooltip.module.scss.js +2 -0
- package/dist/cjs/components/tooltip/base-tooltip.module.scss.js.map +1 -0
- package/dist/cjs/hooks/use-chart-mouse-handler.js +2 -0
- package/dist/cjs/hooks/use-chart-mouse-handler.js.map +1 -0
- package/dist/cjs/index.css +1 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/providers/theme/theme-provider.js +2 -0
- package/dist/cjs/providers/theme/theme-provider.js.map +1 -0
- package/dist/cjs/providers/theme/themes.js +2 -0
- package/dist/cjs/providers/theme/themes.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/mjs/components/bar-chart/bar-chart.js +2 -0
- package/dist/mjs/components/bar-chart/bar-chart.js.map +1 -0
- package/dist/mjs/components/bar-chart/bar-chart.module.scss.js +2 -0
- package/dist/mjs/components/bar-chart/bar-chart.module.scss.js.map +1 -0
- package/dist/mjs/components/grid-control/grid-control.js +2 -0
- package/dist/mjs/components/grid-control/grid-control.js.map +1 -0
- package/dist/mjs/components/grid-control/grid-control.module.scss.js +2 -0
- package/dist/mjs/components/grid-control/grid-control.module.scss.js.map +1 -0
- package/dist/mjs/components/legend/base-legend.js +2 -0
- package/dist/mjs/components/legend/base-legend.js.map +1 -0
- package/dist/mjs/components/legend/legend.module.scss.js +2 -0
- package/dist/mjs/components/legend/legend.module.scss.js.map +1 -0
- package/dist/mjs/components/line-chart/line-chart.js +2 -0
- package/dist/mjs/components/line-chart/line-chart.js.map +1 -0
- package/dist/mjs/components/line-chart/line-chart.module.scss.js +2 -0
- package/dist/mjs/components/line-chart/line-chart.module.scss.js.map +1 -0
- package/dist/mjs/components/pie-chart/pie-chart.js +2 -0
- package/dist/mjs/components/pie-chart/pie-chart.js.map +1 -0
- package/dist/mjs/components/pie-chart/pie-chart.module.scss.js +2 -0
- package/dist/mjs/components/pie-chart/pie-chart.module.scss.js.map +1 -0
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js +2 -0
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.js.map +1 -0
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss.js +2 -0
- package/dist/mjs/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss.js.map +1 -0
- package/dist/mjs/components/shared/with-responsive.js +2 -0
- package/dist/mjs/components/shared/with-responsive.js.map +1 -0
- package/dist/mjs/components/tooltip/base-tooltip.js +2 -0
- package/dist/mjs/components/tooltip/base-tooltip.js.map +1 -0
- package/dist/mjs/components/tooltip/base-tooltip.module.scss.js +2 -0
- package/dist/mjs/components/tooltip/base-tooltip.module.scss.js.map +1 -0
- package/dist/mjs/hooks/use-chart-mouse-handler.js +2 -0
- package/dist/mjs/hooks/use-chart-mouse-handler.js.map +1 -0
- package/dist/mjs/index.css +1 -0
- package/dist/mjs/index.js +1 -1
- package/dist/mjs/index.js.map +1 -1
- package/dist/mjs/providers/theme/theme-provider.js +2 -0
- package/dist/mjs/providers/theme/theme-provider.js.map +1 -0
- package/dist/mjs/providers/theme/themes.js +2 -0
- package/dist/mjs/providers/theme/themes.js.map +1 -0
- package/package.json +3 -3
- package/rollup.config.mjs +27 -92
- package/src/components/pie-chart/pie-chart.tsx +6 -1
- package/src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx +10 -8
- package/dist/cjs/components/bar-chart/index.js +0 -2
- package/dist/cjs/components/bar-chart/index.js.map +0 -1
- package/dist/cjs/components/bar-chart/style.css +0 -95
- package/dist/cjs/components/grid-control/index.js +0 -2
- package/dist/cjs/components/grid-control/index.js.map +0 -1
- package/dist/cjs/components/grid-control/style.css +0 -95
- package/dist/cjs/components/legend/index.js +0 -2
- package/dist/cjs/components/legend/index.js.map +0 -1
- package/dist/cjs/components/legend/style.css +0 -95
- package/dist/cjs/components/line-chart/index.js +0 -2
- package/dist/cjs/components/line-chart/index.js.map +0 -1
- package/dist/cjs/components/line-chart/style.css +0 -95
- package/dist/cjs/components/pie-chart/index.js +0 -2
- package/dist/cjs/components/pie-chart/index.js.map +0 -1
- package/dist/cjs/components/pie-chart/style.css +0 -95
- package/dist/cjs/components/pie-semi-circle-chart/index.js +0 -2
- package/dist/cjs/components/pie-semi-circle-chart/index.js.map +0 -1
- package/dist/cjs/components/pie-semi-circle-chart/style.css +0 -95
- package/dist/cjs/components/tooltip/index.js +0 -2
- package/dist/cjs/components/tooltip/index.js.map +0 -1
- package/dist/cjs/components/tooltip/style.css +0 -95
- package/dist/cjs/package.json +0 -3
- package/dist/cjs/providers/theme/index.js +0 -2
- package/dist/cjs/providers/theme/index.js.map +0 -1
- package/dist/cjs/providers/theme/style.css +0 -95
- package/dist/cjs/style.css +0 -95
- package/dist/mjs/components/bar-chart/index.js +0 -2
- package/dist/mjs/components/bar-chart/index.js.map +0 -1
- package/dist/mjs/components/bar-chart/style.css +0 -95
- package/dist/mjs/components/grid-control/index.js +0 -2
- package/dist/mjs/components/grid-control/index.js.map +0 -1
- package/dist/mjs/components/grid-control/style.css +0 -95
- package/dist/mjs/components/legend/index.js +0 -2
- package/dist/mjs/components/legend/index.js.map +0 -1
- package/dist/mjs/components/legend/style.css +0 -95
- package/dist/mjs/components/line-chart/index.js +0 -2
- package/dist/mjs/components/line-chart/index.js.map +0 -1
- package/dist/mjs/components/line-chart/style.css +0 -95
- package/dist/mjs/components/pie-chart/index.js +0 -2
- package/dist/mjs/components/pie-chart/index.js.map +0 -1
- package/dist/mjs/components/pie-chart/style.css +0 -95
- package/dist/mjs/components/pie-semi-circle-chart/index.js +0 -2
- package/dist/mjs/components/pie-semi-circle-chart/index.js.map +0 -1
- package/dist/mjs/components/pie-semi-circle-chart/style.css +0 -95
- package/dist/mjs/components/tooltip/index.js +0 -2
- package/dist/mjs/components/tooltip/index.js.map +0 -1
- package/dist/mjs/components/tooltip/style.css +0 -95
- package/dist/mjs/package.json +0 -3
- package/dist/mjs/providers/theme/index.js +0 -2
- package/dist/mjs/providers/theme/index.js.map +0 -1
- package/dist/mjs/providers/theme/style.css +0 -95
- package/dist/mjs/style.css +0 -95
- package/tools/fixup.sh +0 -11
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
5
|
-
margin-top: 1rem;
|
|
6
|
-
}
|
|
7
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
8
|
-
position: relative;
|
|
9
|
-
}
|
|
10
|
-
.line-chart-module__line-chart__ITM3d {
|
|
11
|
-
position: relative;
|
|
12
|
-
}
|
|
13
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
14
|
-
background: #fff;
|
|
15
|
-
padding: 0.5rem;
|
|
16
|
-
}
|
|
17
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
18
|
-
font-weight: bold;
|
|
19
|
-
padding-bottom: 10px;
|
|
20
|
-
}
|
|
21
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
22
|
-
display: flex;
|
|
23
|
-
align-items: center;
|
|
24
|
-
padding: 4px 0;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
}
|
|
27
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
padding-right: 1rem;
|
|
30
|
-
}
|
|
31
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
32
|
-
padding: 0.5rem;
|
|
33
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
34
|
-
color: white;
|
|
35
|
-
border-radius: 4px;
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
38
|
-
position: absolute;
|
|
39
|
-
pointer-events: none;
|
|
40
|
-
transform: translate(-50%, -100%);
|
|
41
|
-
}
|
|
42
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
43
|
-
display: flex;
|
|
44
|
-
flex-direction: row;
|
|
45
|
-
flex-wrap: wrap;
|
|
46
|
-
gap: 16px;
|
|
47
|
-
}
|
|
48
|
-
.legend-module__legend--vertical__Scfzo {
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-direction: column;
|
|
51
|
-
gap: 8px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.legend-module__legend-item__feemn {
|
|
55
|
-
display: flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: 8px;
|
|
58
|
-
font-size: 0.875rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
62
|
-
border-radius: 2px;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.legend-module__legend-item-label__ksx6I {
|
|
66
|
-
color: var(--jp-gray-80, #2c3338);
|
|
67
|
-
display: flex;
|
|
68
|
-
align-items: center;
|
|
69
|
-
gap: 0.5rem;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.legend-module__legend-item-value__d9x1j {
|
|
73
|
-
font-weight: 500;
|
|
74
|
-
}
|
|
75
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
76
|
-
position: relative;
|
|
77
|
-
text-align: center;
|
|
78
|
-
}
|
|
79
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
80
|
-
margin-top: 1rem;
|
|
81
|
-
}
|
|
82
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
83
|
-
margin-bottom: 0px;
|
|
84
|
-
font-weight: 600;
|
|
85
|
-
font-size: 16px;
|
|
86
|
-
}
|
|
87
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
88
|
-
margin-top: 0px;
|
|
89
|
-
font-size: 14px;
|
|
90
|
-
}
|
|
91
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
92
|
-
stroke: #d7d6d6;
|
|
93
|
-
stroke-width: 1px;
|
|
94
|
-
shape-rendering: crispEdges;
|
|
95
|
-
}
|
package/dist/cjs/style.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
2
|
-
stroke: #d7d6d6;
|
|
3
|
-
stroke-width: 1px;
|
|
4
|
-
shape-rendering: crispEdges;
|
|
5
|
-
}
|
|
6
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
|
-
gap: 16px;
|
|
11
|
-
}
|
|
12
|
-
.legend-module__legend--vertical__Scfzo {
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
gap: 8px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.legend-module__legend-item__feemn {
|
|
19
|
-
display: flex;
|
|
20
|
-
align-items: center;
|
|
21
|
-
gap: 8px;
|
|
22
|
-
font-size: 0.875rem;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
26
|
-
border-radius: 2px;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.legend-module__legend-item-label__ksx6I {
|
|
30
|
-
color: var(--jp-gray-80, #2c3338);
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
gap: 0.5rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.legend-module__legend-item-value__d9x1j {
|
|
37
|
-
font-weight: 500;
|
|
38
|
-
}
|
|
39
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
40
|
-
padding: 0.5rem;
|
|
41
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
42
|
-
color: white;
|
|
43
|
-
border-radius: 4px;
|
|
44
|
-
font-size: 14px;
|
|
45
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
46
|
-
position: absolute;
|
|
47
|
-
pointer-events: none;
|
|
48
|
-
transform: translate(-50%, -100%);
|
|
49
|
-
}
|
|
50
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
51
|
-
position: relative;
|
|
52
|
-
}
|
|
53
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
54
|
-
margin-top: 1rem;
|
|
55
|
-
}
|
|
56
|
-
.line-chart-module__line-chart__ITM3d {
|
|
57
|
-
position: relative;
|
|
58
|
-
}
|
|
59
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
60
|
-
background: #fff;
|
|
61
|
-
padding: 0.5rem;
|
|
62
|
-
}
|
|
63
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
64
|
-
font-weight: bold;
|
|
65
|
-
padding-bottom: 10px;
|
|
66
|
-
}
|
|
67
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
68
|
-
display: flex;
|
|
69
|
-
align-items: center;
|
|
70
|
-
padding: 4px 0;
|
|
71
|
-
justify-content: space-between;
|
|
72
|
-
}
|
|
73
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
74
|
-
font-weight: 500;
|
|
75
|
-
padding-right: 1rem;
|
|
76
|
-
}
|
|
77
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
78
|
-
position: relative;
|
|
79
|
-
}
|
|
80
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
81
|
-
position: relative;
|
|
82
|
-
text-align: center;
|
|
83
|
-
}
|
|
84
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
85
|
-
margin-top: 1rem;
|
|
86
|
-
}
|
|
87
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
88
|
-
margin-bottom: 0px;
|
|
89
|
-
font-weight: 600;
|
|
90
|
-
font-size: 16px;
|
|
91
|
-
}
|
|
92
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
93
|
-
margin-top: 0px;
|
|
94
|
-
font-size: 14px;
|
|
95
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{AxisLeft as a,AxisBottom as i}from"@visx/axis";import{localPoint as o}from"@visx/event";import{Group as r}from"@visx/group";import{scaleOrdinal as n,scaleBand as d,scaleLinear as s}from"@visx/scale";import{Bar as c}from"@visx/shape";import{useTooltip as m}from"@visx/tooltip";import h from"clsx";import{createContext as g,useContext as p,useCallback as v}from"react";import{GridRows as u,GridColumns as b}from"@visx/grid";import{LegendOrdinal as _}from"@visx/legend";import{useParentSize as f}from"@visx/responsive";const x=g({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var w="grid-control-module__grid-control__KOnZN";const N=({width:l,height:a,xScale:i,yScale:o,gridVisibility:r="x",top:n=0})=>e("g",{transform:`translate(0, ${n})`,className:w,children:[r.includes("x")&&t(u,{scale:i,width:l}),r.includes("y")&&t(b,{scale:o,height:a})]});var y={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const F={horizontal:"row",vertical:"column"},C=({items:l,className:a,orientation:i="horizontal"})=>{const o=n({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return t("div",{className:h(y.legend,y[`legend--${i}`],a),role:"list",children:t(_,{scale:o,direction:F[i],shape:"rect",shapeWidth:16,shapeHeight:16,className:y["legend-items"],children:a=>t("div",{className:y[`legend--${i}`],children:a.map((a=>e("div",{className:y["legend-item"],children:[t("svg",{width:16,height:16,children:t("rect",{width:16,height:16,fill:a.value,className:y["legend-item-swatch"]})}),e("span",{className:y["legend-item-label"],children:[a.text,l.find((e=>e.label===a.text))?.value&&t("span",{className:y["legend-item-value"],children:l.find((e=>e.label===a.text))?.value})]})]},a.text)))})})})};var L="base-tooltip-module__tooltip__OfX6n";const S=({data:t})=>e(l,{children:[t?.label,": ",t?.valueDisplay||t?.value]}),z=({data:e,top:l,left:a,component:i=S,children:o,className:r})=>t("div",{className:L,style:{top:l,left:a},role:"tooltip",children:o||e&&t(i,{data:e,className:r})});var D={"bar-chart":"bar-chart-module__bar-chart__lmYNi","bar-chart-legend":"bar-chart-module__bar-chart-legend__vgKKq"};const k=({data:l,margin:n={top:20,right:20,bottom:40,left:40},withTooltips:g=!1,showLegend:u=!1,legendOrientation:b="horizontal",className:_,gridVisibility:f="x",width:w,height:y=400})=>{const F=p(x),{tooltipOpen:L,tooltipLeft:S,tooltipTop:k,tooltipData:T,hideTooltip:M,showTooltip:$}=m(),B=v(((e,t,l,a,i)=>{const r=o(e);r&&$({tooltipData:{value:t,xLabel:l,yLabel:a,seriesIndex:i},tooltipLeft:r.x,tooltipTop:r.y-10})}),[$]),O=v((()=>{M()}),[M]);if(!l?.length)return t("div",{className:h("bar-chart-empty",D["bat-chart-empty"]),children:"Empty..."});const I=n,K=w-I.left-I.right,R=y-I.top-I.bottom,V=l[0].data?.map((e=>e?.label||"")),W=d({range:[0,K],domain:V,padding:.2}),j=d({range:[0,W.bandwidth()],domain:l.map(((e,t)=>t.toString())),padding:.1}),A=s({range:[R,0],domain:[0,Math.max(...l.map((e=>Math.max(...e.data.map((e=>e?.value||0))))))]}),H=l.map(((e,t)=>({label:e.label,value:"",color:F.colors[t%F.colors.length]})));return e("div",{className:h("bar-chart",_,D["bar-chart"]),children:[t("svg",{width:w,height:y,children:e(r,{left:I.left,top:I.top,children:[t(N,{width:K,height:R,xScale:W,yScale:A,gridVisibility:f}),l.map(((e,l)=>t(r,{children:e.data.map((a=>{const i=W(a?.label||"");if(void 0===i)return null;const o=j.bandwidth(),r=i+(j(l.toString())??0);return t(c,{x:r,y:A(a.value),width:o,height:R-(A(a.value)??0),fill:F.colors[l%F.colors.length],onMouseMove:g?t=>B(t,a.value,a?.label||"",e.label,l):void 0,onMouseLeave:g?O:void 0},`bar-${l}-${a.label}`)}))},l))),t(a,{scale:A}),t(i,{scale:W,top:R})]})}),g&&L&&T&&t(z,{top:k||0,left:S||0,children:e("div",{children:[t("div",{children:T.yLabel}),e("div",{children:[T.xLabel,": ",T.value]})]})}),u&&t(C,{items:H,orientation:b,className:D["bar-chart-legend"]})]})};k.displayName="BarChart";var T=function(e,l){const{maxWidth:a=1200,aspectRatio:i=.5,debounceTime:o=50}=l||{};return function(l){const{parentRef:r,width:n}=f({debounceTime:o,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),d=n?Math.min(n,a):600,s=d*i;return t("div",{ref:r,style:{width:"100%",minHeight:`${s}px`},children:t(e,{width:d,height:s,size:d,...l})})}}(k);export{T as BarChart};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/providers/theme/themes.ts","../../../../src/providers/theme/theme-provider.tsx","../../../../src/components/grid-control/grid-control.tsx","../../../../src/components/legend/base-legend.tsx","../../../../src/components/tooltip/base-tooltip.tsx","../../../../src/components/bar-chart/bar-chart.tsx","../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null,null,null,null,null,null,null],"names":["ThemeContext","createContext","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","clsx","legend","role","LegendOrdinal","direction","shape","shapeWidth","shapeHeight","labels","fill","value","text","find","DefaultTooltipContent","data","_Fragment","valueDisplay","BaseTooltip","left","component","Component","style","BarChart","margin","right","bottom","withTooltips","showLegend","legendOrientation","theme","useContext","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","handleMouseMove","useCallback","event","xLabel","yLabel","seriesIndex","coords","localPoint","x","y","handleMouseLeave","length","margins","xMax","yMax","d","scaleBand","padding","innerScale","bandwidth","_","i","toString","scaleLinear","Math","max","series","legendItems","group","index","Group","xPos","undefined","barWidth","barX","Bar","onMouseMove","onMouseLeave","AxisLeft","AxisBottom","Legend","displayName","barChart","WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","containerWidth","min","containerHeight","ref","minHeight","size","withResponsive"],"mappings":"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"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.line-chart-module__line-chart__ITM3d {
|
|
5
|
-
position: relative;
|
|
6
|
-
}
|
|
7
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
8
|
-
background: #fff;
|
|
9
|
-
padding: 0.5rem;
|
|
10
|
-
}
|
|
11
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
12
|
-
font-weight: bold;
|
|
13
|
-
padding-bottom: 10px;
|
|
14
|
-
}
|
|
15
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
16
|
-
display: flex;
|
|
17
|
-
align-items: center;
|
|
18
|
-
padding: 4px 0;
|
|
19
|
-
justify-content: space-between;
|
|
20
|
-
}
|
|
21
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
22
|
-
font-weight: 500;
|
|
23
|
-
padding-right: 1rem;
|
|
24
|
-
}
|
|
25
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
26
|
-
position: relative;
|
|
27
|
-
text-align: center;
|
|
28
|
-
}
|
|
29
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
30
|
-
margin-top: 1rem;
|
|
31
|
-
}
|
|
32
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
33
|
-
margin-bottom: 0px;
|
|
34
|
-
font-weight: 600;
|
|
35
|
-
font-size: 16px;
|
|
36
|
-
}
|
|
37
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
38
|
-
margin-top: 0px;
|
|
39
|
-
font-size: 14px;
|
|
40
|
-
}
|
|
41
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
42
|
-
stroke: #d7d6d6;
|
|
43
|
-
stroke-width: 1px;
|
|
44
|
-
shape-rendering: crispEdges;
|
|
45
|
-
}
|
|
46
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
47
|
-
display: flex;
|
|
48
|
-
flex-direction: row;
|
|
49
|
-
flex-wrap: wrap;
|
|
50
|
-
gap: 16px;
|
|
51
|
-
}
|
|
52
|
-
.legend-module__legend--vertical__Scfzo {
|
|
53
|
-
display: flex;
|
|
54
|
-
flex-direction: column;
|
|
55
|
-
gap: 8px;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.legend-module__legend-item__feemn {
|
|
59
|
-
display: flex;
|
|
60
|
-
align-items: center;
|
|
61
|
-
gap: 8px;
|
|
62
|
-
font-size: 0.875rem;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
66
|
-
border-radius: 2px;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
.legend-module__legend-item-label__ksx6I {
|
|
70
|
-
color: var(--jp-gray-80, #2c3338);
|
|
71
|
-
display: flex;
|
|
72
|
-
align-items: center;
|
|
73
|
-
gap: 0.5rem;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.legend-module__legend-item-value__d9x1j {
|
|
77
|
-
font-weight: 500;
|
|
78
|
-
}
|
|
79
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
80
|
-
padding: 0.5rem;
|
|
81
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
82
|
-
color: white;
|
|
83
|
-
border-radius: 4px;
|
|
84
|
-
font-size: 14px;
|
|
85
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
86
|
-
position: absolute;
|
|
87
|
-
pointer-events: none;
|
|
88
|
-
transform: translate(-50%, -100%);
|
|
89
|
-
}
|
|
90
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
91
|
-
position: relative;
|
|
92
|
-
}
|
|
93
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
94
|
-
margin-top: 1rem;
|
|
95
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsxs as i,jsx as r}from"react/jsx-runtime";import{GridRows as t,GridColumns as e}from"@visx/grid";import"react";var o="grid-control-module__grid-control__KOnZN";const c=({width:c,height:l,xScale:a,yScale:s,gridVisibility:d="x",top:n=0})=>i("g",{transform:`translate(0, ${n})`,className:o,children:[d.includes("x")&&r(t,{scale:a,width:c}),d.includes("y")&&r(e,{scale:s,height:l})]});export{c as GridControl};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/grid-control/grid-control.tsx"],"sourcesContent":[null],"names":["GridControl","width","height","xScale","yScale","gridVisibility","top","_jsxs","transform","className","styles","children","includes","_jsx","GridRows","scale","GridColumns"],"mappings":"wKAKM,MAAAA,EAAqC,EAC1CC,QACAC,SACAC,SACAC,SACAC,iBAAiB,IACjBC,MAAM,KAGLC,EAAG,IAAA,CAAAC,UAAY,gBAAiBF,KAAUG,UAAYC,EAAwBC,SAAA,CAC3EN,EAAeO,SAAU,MAASC,EAACC,EAAQ,CAACC,MAAQZ,EAASF,MAAQA,IACrEI,EAAeO,SAAU,MAASC,EAACG,EAAW,CAACD,MAAQX,EAASF,OAASA"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
5
|
-
margin-top: 1rem;
|
|
6
|
-
}
|
|
7
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
8
|
-
position: relative;
|
|
9
|
-
}
|
|
10
|
-
.line-chart-module__line-chart__ITM3d {
|
|
11
|
-
position: relative;
|
|
12
|
-
}
|
|
13
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
14
|
-
background: #fff;
|
|
15
|
-
padding: 0.5rem;
|
|
16
|
-
}
|
|
17
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
18
|
-
font-weight: bold;
|
|
19
|
-
padding-bottom: 10px;
|
|
20
|
-
}
|
|
21
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
22
|
-
display: flex;
|
|
23
|
-
align-items: center;
|
|
24
|
-
padding: 4px 0;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
}
|
|
27
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
padding-right: 1rem;
|
|
30
|
-
}
|
|
31
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
32
|
-
padding: 0.5rem;
|
|
33
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
34
|
-
color: white;
|
|
35
|
-
border-radius: 4px;
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
38
|
-
position: absolute;
|
|
39
|
-
pointer-events: none;
|
|
40
|
-
transform: translate(-50%, -100%);
|
|
41
|
-
}
|
|
42
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
43
|
-
display: flex;
|
|
44
|
-
flex-direction: row;
|
|
45
|
-
flex-wrap: wrap;
|
|
46
|
-
gap: 16px;
|
|
47
|
-
}
|
|
48
|
-
.legend-module__legend--vertical__Scfzo {
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-direction: column;
|
|
51
|
-
gap: 8px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.legend-module__legend-item__feemn {
|
|
55
|
-
display: flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: 8px;
|
|
58
|
-
font-size: 0.875rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
62
|
-
border-radius: 2px;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.legend-module__legend-item-label__ksx6I {
|
|
66
|
-
color: var(--jp-gray-80, #2c3338);
|
|
67
|
-
display: flex;
|
|
68
|
-
align-items: center;
|
|
69
|
-
gap: 0.5rem;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.legend-module__legend-item-value__d9x1j {
|
|
73
|
-
font-weight: 500;
|
|
74
|
-
}
|
|
75
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
76
|
-
position: relative;
|
|
77
|
-
text-align: center;
|
|
78
|
-
}
|
|
79
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
80
|
-
margin-top: 1rem;
|
|
81
|
-
}
|
|
82
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
83
|
-
margin-bottom: 0px;
|
|
84
|
-
font-weight: 600;
|
|
85
|
-
font-size: 16px;
|
|
86
|
-
}
|
|
87
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
88
|
-
margin-top: 0px;
|
|
89
|
-
font-size: 14px;
|
|
90
|
-
}
|
|
91
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
92
|
-
stroke: #d7d6d6;
|
|
93
|
-
stroke-width: 1px;
|
|
94
|
-
shape-rendering: crispEdges;
|
|
95
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as l}from"react/jsx-runtime";import{LegendOrdinal as t}from"@visx/legend";import{scaleOrdinal as a}from"@visx/scale";import n from"clsx";import"react";var i={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const d={horizontal:"row",vertical:"column"},m=({items:m,className:r,orientation:s="horizontal"})=>{const o=a({domain:m.map((e=>e.label)),range:m.map((e=>e.color))});return e("div",{className:n(i.legend,i[`legend--${s}`],r),role:"list",children:e(t,{scale:o,direction:d[s],shape:"rect",shapeWidth:16,shapeHeight:16,className:i["legend-items"],children:t=>e("div",{className:i[`legend--${s}`],children:t.map((t=>l("div",{className:i["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:t.value,className:i["legend-item-swatch"]})}),l("span",{className:i["legend-item-label"],children:[t.text,m.find((e=>e.label===t.text))?.value&&e("span",{className:i["legend-item-value"],children:m.find((e=>e.label===t.text))?.value})]})]},t.text)))})})})};export{m as Legend};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","BaseLegend","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","width","height","fill","value","text","find"],"mappings":"8hBAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAGEC,EAAgC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,SACCV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OAELC,SAAAL,EAACM,EACA,CAAAC,MAAQf,EACRgB,UAAYvB,EAA4BM,GACxCkB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdrB,UAAYY,EAAQ,yBAElBU,GACDZ,SAAKV,UAAYY,EAAQ,WAAYX,KAAgBc,SAClDO,EAAOjB,KAAKE,GACbgB,SAAwBvB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,EAAA,MAAA,CAAKc,MAAQ,GAAKC,OAAS,YAC1Bf,EACC,OAAA,CAAAc,MAAQ,GACRC,OAAS,GACTC,KAAOnB,EAAMoB,MACb3B,UAAYY,EAAQ,0BAGtBW,UAAMvB,UAAYY,EAAQ,qBACvBG,SAAA,CAAAR,EAAMqB,KACN7B,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,OAClDjB,EAAM,OAAA,CAAAV,UAAYY,EAAQ,qBAAqBG,SAC5ChB,EAAM8B,MAAMvB,GAAQA,EAAKC,QAAUA,EAAMqB,QAAQD,aAb5CpB,EAAMqB,aAuBrB"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
5
|
-
margin-top: 1rem;
|
|
6
|
-
}
|
|
7
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
8
|
-
position: relative;
|
|
9
|
-
}
|
|
10
|
-
.line-chart-module__line-chart__ITM3d {
|
|
11
|
-
position: relative;
|
|
12
|
-
}
|
|
13
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
14
|
-
background: #fff;
|
|
15
|
-
padding: 0.5rem;
|
|
16
|
-
}
|
|
17
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
18
|
-
font-weight: bold;
|
|
19
|
-
padding-bottom: 10px;
|
|
20
|
-
}
|
|
21
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
22
|
-
display: flex;
|
|
23
|
-
align-items: center;
|
|
24
|
-
padding: 4px 0;
|
|
25
|
-
justify-content: space-between;
|
|
26
|
-
}
|
|
27
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
28
|
-
font-weight: 500;
|
|
29
|
-
padding-right: 1rem;
|
|
30
|
-
}
|
|
31
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
32
|
-
padding: 0.5rem;
|
|
33
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
34
|
-
color: white;
|
|
35
|
-
border-radius: 4px;
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
38
|
-
position: absolute;
|
|
39
|
-
pointer-events: none;
|
|
40
|
-
transform: translate(-50%, -100%);
|
|
41
|
-
}
|
|
42
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
43
|
-
position: relative;
|
|
44
|
-
text-align: center;
|
|
45
|
-
}
|
|
46
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
47
|
-
margin-top: 1rem;
|
|
48
|
-
}
|
|
49
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
50
|
-
margin-bottom: 0px;
|
|
51
|
-
font-weight: 600;
|
|
52
|
-
font-size: 16px;
|
|
53
|
-
}
|
|
54
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
55
|
-
margin-top: 0px;
|
|
56
|
-
font-size: 14px;
|
|
57
|
-
}
|
|
58
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
59
|
-
stroke: #d7d6d6;
|
|
60
|
-
stroke-width: 1px;
|
|
61
|
-
shape-rendering: crispEdges;
|
|
62
|
-
}
|
|
63
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
64
|
-
display: flex;
|
|
65
|
-
flex-direction: row;
|
|
66
|
-
flex-wrap: wrap;
|
|
67
|
-
gap: 16px;
|
|
68
|
-
}
|
|
69
|
-
.legend-module__legend--vertical__Scfzo {
|
|
70
|
-
display: flex;
|
|
71
|
-
flex-direction: column;
|
|
72
|
-
gap: 8px;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.legend-module__legend-item__feemn {
|
|
76
|
-
display: flex;
|
|
77
|
-
align-items: center;
|
|
78
|
-
gap: 8px;
|
|
79
|
-
font-size: 0.875rem;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
83
|
-
border-radius: 2px;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.legend-module__legend-item-label__ksx6I {
|
|
87
|
-
color: var(--jp-gray-80, #2c3338);
|
|
88
|
-
display: flex;
|
|
89
|
-
align-items: center;
|
|
90
|
-
gap: 0.5rem;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.legend-module__legend-item-value__d9x1j {
|
|
94
|
-
font-weight: 500;
|
|
95
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{LinearGradient as i}from"@visx/gradient";import{buildChartTheme as a,XYChart as o,AnimatedGrid as r,AnimatedAxis as n,AnimatedLineSeries as c,AnimatedAreaSeries as d,Tooltip as s}from"@visx/xychart";import h from"clsx";import{createContext as m,useContext as _}from"react";import{LegendOrdinal as g}from"@visx/legend";import{scaleOrdinal as p}from"@visx/scale";import{useParentSize as u}from"@visx/responsive";const v=m({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var b={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const k={horizontal:"row",vertical:"column"},f=({items:l,className:i,orientation:a="horizontal"})=>{const o=p({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e("div",{className:h(b.legend,b[`legend--${a}`],i),role:"list",children:e(g,{scale:o,direction:k[a],shape:"rect",shapeWidth:16,shapeHeight:16,className:b["legend-items"],children:i=>e("div",{className:b[`legend--${a}`],children:i.map((i=>t("div",{className:b["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:i.value,className:b["legend-item-swatch"]})}),t("span",{className:b["legend-item-label"],children:[i.text,l.find((e=>e.label===i.text))?.value&&e("span",{className:b["legend-item-value"],children:l.find((e=>e.label===i.text))?.value})]})]},i.text)))})})})};var y={"line-chart":"line-chart-module__line-chart__ITM3d","line-chart__tooltip":"line-chart-module__line-chart__tooltip__aqcme","line-chart__tooltip-date":"line-chart-module__line-chart__tooltip-date__4Dzab","line-chart__tooltip-row":"line-chart-module__line-chart__tooltip-row__6A37G","line-chart__tooltip-label":"line-chart-module__line-chart__tooltip-label__IvnFF"};const x=({tooltipData:l})=>{const i=l?.nearestDatum?.datum;if(!i)return null;const a=Object.entries(l?.datumByKey||{}).map((([e,{datum:t}])=>({key:e,value:t.value}))).sort(((e,t)=>t.value-e.value));return t("div",{className:y["line-chart__tooltip"],children:[e("div",{className:y["line-chart__tooltip-date"],children:i.date.toLocaleDateString()}),a.map((l=>t("div",{className:y["line-chart__tooltip-row"],children:[t("span",{className:y["line-chart__tooltip-label"],children:[l.key,":"]}),e("span",{className:y["line-chart__tooltip-value"],children:l.value})]},l.key)))]})},w=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});var F=function(t,l){const{maxWidth:i=1200,aspectRatio:a=.5,debounceTime:o=50}=l||{};return function(l){const{parentRef:r,width:n}=u({debounceTime:o,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),c=n?Math.min(n,i):600,d=c*a;return e("div",{ref:r,style:{width:"100%",minHeight:`${d}px`},children:e(t,{width:c,height:d,size:c,...l})})}}((({data:m,width:g,height:p,margin:u={top:20,right:20,bottom:40,left:40},className:b,withTooltips:k=!0,showLegend:F=!1,legendOrientation:N="horizontal",withGradientFill:C=!1,options:D={}})=>{const T=_(v);if(!m?.length)return e("div",{className:h("line-chart-empty",y["line-chart-empty"]),children:"Empty..."});const S=m.map(((e,t)=>({label:e.label,value:"",color:T.colors[t%T.colors.length]}))),z={xAccessor:e=>e.date,yAccessor:e=>e.value},L=a({backgroundColor:T.backgroundColor,colors:T.colors,gridStyles:T.gridStyles,tickLength:T?.tickLength||0,gridColor:T?.gridColor||"",gridColorDark:T?.gridColorDark||""});return t("div",{className:h("line-chart",y["line-chart"],b),children:[t(o,{theme:L,width:g,height:p,margin:u,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[e(r,{columns:!1,numTicks:4}),e(n,{orientation:"bottom",numTicks:5,tickFormat:w,...D?.axis?.x}),e(n,{orientation:"left",numTicks:4,...D?.axis?.y}),m.map(((a,o)=>{const r=a.options?.stroke??L.colors[o%L.colors.length];return t(l,{children:[e(i,{id:`area-gradient-${o+1}`,from:r,to:"white",toOpacity:.1,...a.options?.gradient}),e(c,{dataKey:a?.label,data:a.data,...z,stroke:r,strokeWidth:2},a?.label),C&&e(d,{dataKey:a?.label,data:a.data,...z,stroke:r,strokeWidth:0,fill:`url(#area-gradient-${o+1})`,renderLine:!1},a?.label)]})})),k&&e(s,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:x})]}),F&&e(f,{items:S,orientation:N,className:y["line-chart-legend"]})]})}));export{F as LineChart};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/providers/theme/themes.ts","../../../../src/providers/theme/theme-provider.tsx","../../../../src/components/legend/base-legend.tsx","../../../../src/components/line-chart/line-chart.tsx","../../../../src/components/shared/with-responsive.tsx"],"sourcesContent":[null,null,null,null,null],"names":["ThemeContext","createContext","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","width","height","fill","value","text","find","renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","key","sort","a","b","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","lineChart","WrappedComponent","config","maxWidth","aspectRatio","debounceTime","props","parentRef","parentWidth","useParentSize","enableDebounceLeadingCall","initialSize","containerWidth","Math","min","containerHeight","ref","style","minHeight","size","withResponsive","data","margin","top","right","bottom","left","withTooltips","showLegend","legendOrientation","withGradientFill","options","providerTheme","useContext","length","legendItems","group","index","accessors","xAccessor","d","yAccessor","theme","buildChartTheme","XYChart","xScale","type","yScale","nice","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","axis","x","y","seriesData","_Fragment","LinearGradient","id","from","to","toOpacity","gradient","AnimatedLineSeries","dataKey","AnimatedAreaSeries","renderLine","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend"],"mappings":"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"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.bar-chart-module__bar-chart__lmYNi {
|
|
2
|
-
position: relative;
|
|
3
|
-
}
|
|
4
|
-
.bar-chart-module__bar-chart-legend__vgKKq {
|
|
5
|
-
margin-top: 1rem;
|
|
6
|
-
}
|
|
7
|
-
.pie-chart-module__pie-chart__R12Vh {
|
|
8
|
-
position: relative;
|
|
9
|
-
}
|
|
10
|
-
.base-tooltip-module__tooltip__OfX6n {
|
|
11
|
-
padding: 0.5rem;
|
|
12
|
-
background-color: rgba(0, 0, 0, 0.85);
|
|
13
|
-
color: white;
|
|
14
|
-
border-radius: 4px;
|
|
15
|
-
font-size: 14px;
|
|
16
|
-
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
17
|
-
position: absolute;
|
|
18
|
-
pointer-events: none;
|
|
19
|
-
transform: translate(-50%, -100%);
|
|
20
|
-
}
|
|
21
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
|
|
22
|
-
position: relative;
|
|
23
|
-
text-align: center;
|
|
24
|
-
}
|
|
25
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
|
|
26
|
-
margin-top: 1rem;
|
|
27
|
-
}
|
|
28
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
|
|
29
|
-
margin-bottom: 0px;
|
|
30
|
-
font-weight: 600;
|
|
31
|
-
font-size: 16px;
|
|
32
|
-
}
|
|
33
|
-
.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
|
|
34
|
-
margin-top: 0px;
|
|
35
|
-
font-size: 14px;
|
|
36
|
-
}
|
|
37
|
-
.grid-control-module__grid-control__KOnZN .visx-line {
|
|
38
|
-
stroke: #d7d6d6;
|
|
39
|
-
stroke-width: 1px;
|
|
40
|
-
shape-rendering: crispEdges;
|
|
41
|
-
}
|
|
42
|
-
.legend-module__legend--horizontal__IUN13 {
|
|
43
|
-
display: flex;
|
|
44
|
-
flex-direction: row;
|
|
45
|
-
flex-wrap: wrap;
|
|
46
|
-
gap: 16px;
|
|
47
|
-
}
|
|
48
|
-
.legend-module__legend--vertical__Scfzo {
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-direction: column;
|
|
51
|
-
gap: 8px;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.legend-module__legend-item__feemn {
|
|
55
|
-
display: flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: 8px;
|
|
58
|
-
font-size: 0.875rem;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.legend-module__legend-item-swatch__nRyXf {
|
|
62
|
-
border-radius: 2px;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.legend-module__legend-item-label__ksx6I {
|
|
66
|
-
color: var(--jp-gray-80, #2c3338);
|
|
67
|
-
display: flex;
|
|
68
|
-
align-items: center;
|
|
69
|
-
gap: 0.5rem;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.legend-module__legend-item-value__d9x1j {
|
|
73
|
-
font-weight: 500;
|
|
74
|
-
}
|
|
75
|
-
.line-chart-module__line-chart__ITM3d {
|
|
76
|
-
position: relative;
|
|
77
|
-
}
|
|
78
|
-
.line-chart-module__line-chart__tooltip__aqcme {
|
|
79
|
-
background: #fff;
|
|
80
|
-
padding: 0.5rem;
|
|
81
|
-
}
|
|
82
|
-
.line-chart-module__line-chart__tooltip-date__4Dzab {
|
|
83
|
-
font-weight: bold;
|
|
84
|
-
padding-bottom: 10px;
|
|
85
|
-
}
|
|
86
|
-
.line-chart-module__line-chart__tooltip-row__6A37G {
|
|
87
|
-
display: flex;
|
|
88
|
-
align-items: center;
|
|
89
|
-
padding: 4px 0;
|
|
90
|
-
justify-content: space-between;
|
|
91
|
-
}
|
|
92
|
-
.line-chart-module__line-chart__tooltip-label__IvnFF {
|
|
93
|
-
font-weight: 500;
|
|
94
|
-
padding-right: 1rem;
|
|
95
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import{Group as a}from"@visx/group";import{Pie as i}from"@visx/shape";import o from"clsx";import{useCallback as n,createContext as r,useContext as s}from"react";import{localPoint as d}from"@visx/event";import{useTooltip as c}from"@visx/tooltip";import{LegendOrdinal as m}from"@visx/legend";import{scaleOrdinal as p}from"@visx/scale";import{useParentSize as h}from"@visx/responsive";const g={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},u=r(g);var v={"legend--horizontal":"legend-module__legend--horizontal__IUN13","legend--vertical":"legend-module__legend--vertical__Scfzo","legend-item":"legend-module__legend-item__feemn","legend-item-swatch":"legend-module__legend-item-swatch__nRyXf","legend-item-label":"legend-module__legend-item-label__ksx6I","legend-item-value":"legend-module__legend-item-value__d9x1j"};const f={horizontal:"row",vertical:"column"},_=({items:l,className:a,orientation:i="horizontal"})=>{const n=p({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e("div",{className:o(v.legend,v[`legend--${i}`],a),role:"list",children:e(m,{scale:n,direction:f[i],shape:"rect",shapeWidth:16,shapeHeight:16,className:v["legend-items"],children:a=>e("div",{className:v[`legend--${i}`],children:a.map((a=>t("div",{className:v["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:a.value,className:v["legend-item-swatch"]})}),t("span",{className:v["legend-item-label"],children:[a.text,l.find((e=>e.label===a.text))?.value&&e("span",{className:v["legend-item-value"],children:l.find((e=>e.label===a.text))?.value})]})]},a.text)))})})})};var x="base-tooltip-module__tooltip__OfX6n";const b=({data:e})=>t(l,{children:[e?.label,": ",e?.valueDisplay||e?.value]}),N=({data:t,top:l,left:a,component:i=b,children:o,className:n})=>e("div",{className:x,style:{top:l,left:a},role:"tooltip",children:o||t&&e(i,{data:t,className:n})});var w={"pie-chart":"pie-chart-module__pie-chart__R12Vh"};const F=({data:l,withTooltips:r=!1,className:m,showLegend:p,legendOrientation:h,size:v,thickness:f=1,padding:x=20,gapScale:b=0,cornerScale:F=0})=>{const M=s(u),{onMouseMove:C,onMouseLeave:T,tooltipOpen:k,tooltipData:y,tooltipLeft:D,tooltipTop:L}=(({withTooltips:e})=>{const{tooltipOpen:t,tooltipLeft:l,tooltipTop:a,tooltipData:i,hideTooltip:o,showTooltip:r}=c();return{onMouseMove:n(((t,l)=>{if(!e)return;const a=d(t);a&&r({tooltipData:l,tooltipLeft:a.x,tooltipTop:a.y-10})}),[e,r]),onMouseLeave:n((()=>{e&&o()}),[e,o]),tooltipOpen:t,tooltipData:i||null,tooltipLeft:l,tooltipTop:a}})({withTooltips:r}),{isValid:z,message:R}=(e=>{if(!e.length)return{isValid:!1,message:"No data available"};if(e.some((e=>e.percentage<0||e.value<0)))return{isValid:!1,message:"Invalid data: Negative values are not allowed"};const t=e.reduce(((e,t)=>e+t.percentage),0);return Math.abs(t-100)>.01?{isValid:!1,message:"Invalid percentage total: Must equal 100"}:{isValid:!0,message:""}})(l);if(!z)return e("div",{className:o("pie-chart",w["pie-chart"],m),children:e("div",{className:w["error-message"],children:R})});const A=v,S=v,V=Math.min(A,S)/2,$=A/2,B=S/2,I=b*(2*Math.PI/l.length),O=V-x,P=O*(1-f),W=(O-P)/2,j=F?Math.min(F*O,W):0,H=l.map(((e,t)=>({...e,index:t}))),X={value:e=>e.value,fill:e=>e?.color||M.colors[e.index]},q=l.map(((e,t)=>({label:e.label,value:e.value.toString(),color:M.colors[t%M.colors.length]})));return t("div",{className:o("pie-chart",w["pie-chart"],m),children:[e("svg",{viewBox:`0 0 ${v} ${v}`,preserveAspectRatio:"xMidYMid meet",children:e(a,{top:B,left:$,children:e(i,{data:H,pieValue:X.value,outerRadius:O,innerRadius:P,padAngle:I,cornerRadius:j,children:l=>l.arcs.map(((a,i)=>{const[o,n]=l.path.centroid(a),s=a.endAngle-a.startAngle>=.25,d=e=>C(e,a.data),c={d:l.path(a)||"",fill:X.fill(a.data)};return r&&(c.onMouseMove=d,c.onMouseLeave=T),t("g",{children:[e("path",{...c}),s&&e("text",{x:o,y:n,dy:".33em",fill:M.labelBackgroundColor||g.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:a.data.label})]},`arc-${i}`)}))})})}),p&&e(_,{items:q,orientation:h,className:w["pie-chart-legend"]}),r&&k&&y&&e(N,{data:y,top:L||0,left:D||0,style:{transform:"translate(-50%, -100%)"}})]})};F.displayName="PieChart";var M=function(t,l){const{maxWidth:a=1200,aspectRatio:i=.5,debounceTime:o=50}=l||{};return function(l){const{parentRef:n,width:r}=h({debounceTime:o,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),s=r?Math.min(r,a):600,d=s*i;return e("div",{ref:n,style:{width:"100%",minHeight:`${d}px`},children:e(t,{width:s,height:d,size:s,...l})})}}(F);export{M as PieChart};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|