@automattic/charts 0.2.2 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/bar-chart/index.js +2 -0
  3. package/dist/cjs/components/bar-chart/index.js.map +1 -0
  4. package/dist/cjs/components/bar-chart/style.css +6 -0
  5. package/dist/cjs/components/bar-chart/style.css.map +1 -0
  6. package/dist/cjs/components/grid-control/index.js +2 -0
  7. package/dist/cjs/components/grid-control/index.js.map +1 -0
  8. package/dist/cjs/components/grid-control/style.css +3 -0
  9. package/dist/cjs/components/grid-control/style.css.map +1 -0
  10. package/dist/cjs/components/legend/index.js +2 -0
  11. package/dist/cjs/components/legend/index.js.map +1 -0
  12. package/dist/cjs/components/legend/style.css +3 -0
  13. package/dist/cjs/components/legend/style.css.map +1 -0
  14. package/dist/cjs/components/line-chart/index.js +2 -0
  15. package/dist/cjs/components/line-chart/index.js.map +1 -0
  16. package/dist/cjs/components/line-chart/style.css +4 -0
  17. package/dist/cjs/components/line-chart/style.css.map +1 -0
  18. package/dist/cjs/components/pie-chart/index.js +2 -0
  19. package/dist/cjs/components/pie-chart/index.js.map +1 -0
  20. package/dist/cjs/components/pie-chart/style.css +5 -0
  21. package/dist/cjs/components/pie-chart/style.css.map +1 -0
  22. package/dist/cjs/components/pie-semi-circle-chart/index.js +2 -0
  23. package/dist/cjs/components/pie-semi-circle-chart/index.js.map +1 -0
  24. package/dist/cjs/components/pie-semi-circle-chart/style.css +5 -0
  25. package/dist/cjs/components/pie-semi-circle-chart/style.css.map +1 -0
  26. package/dist/cjs/components/tooltip/index.js +2 -0
  27. package/dist/cjs/components/tooltip/index.js.map +1 -0
  28. package/dist/cjs/components/tooltip/style.css +3 -0
  29. package/dist/cjs/components/tooltip/style.css.map +1 -0
  30. package/dist/cjs/index.js +2 -0
  31. package/dist/cjs/index.js.map +1 -0
  32. package/dist/cjs/package.json +3 -0
  33. package/dist/cjs/providers/theme/index.js +2 -0
  34. package/dist/cjs/providers/theme/index.js.map +1 -0
  35. package/dist/cjs/style.css +9 -0
  36. package/dist/cjs/style.css.map +1 -0
  37. package/dist/mjs/components/bar-chart/index.js +2 -0
  38. package/dist/mjs/components/bar-chart/index.js.map +1 -0
  39. package/dist/mjs/components/bar-chart/style.css +6 -0
  40. package/dist/mjs/components/bar-chart/style.css.map +1 -0
  41. package/dist/mjs/components/grid-control/index.js +2 -0
  42. package/dist/mjs/components/grid-control/index.js.map +1 -0
  43. package/dist/mjs/components/grid-control/style.css +3 -0
  44. package/dist/mjs/components/grid-control/style.css.map +1 -0
  45. package/dist/mjs/components/legend/index.js +2 -0
  46. package/dist/mjs/components/legend/index.js.map +1 -0
  47. package/dist/mjs/components/legend/style.css +3 -0
  48. package/dist/mjs/components/legend/style.css.map +1 -0
  49. package/dist/mjs/components/line-chart/index.js +2 -0
  50. package/dist/mjs/components/line-chart/index.js.map +1 -0
  51. package/dist/mjs/components/line-chart/style.css +4 -0
  52. package/dist/mjs/components/line-chart/style.css.map +1 -0
  53. package/dist/mjs/components/pie-chart/index.js +2 -0
  54. package/dist/mjs/components/pie-chart/index.js.map +1 -0
  55. package/dist/mjs/components/pie-chart/style.css +5 -0
  56. package/dist/mjs/components/pie-chart/style.css.map +1 -0
  57. package/dist/mjs/components/pie-semi-circle-chart/index.js +2 -0
  58. package/dist/mjs/components/pie-semi-circle-chart/index.js.map +1 -0
  59. package/dist/mjs/components/pie-semi-circle-chart/style.css +5 -0
  60. package/dist/mjs/components/pie-semi-circle-chart/style.css.map +1 -0
  61. package/dist/mjs/components/tooltip/index.js +2 -0
  62. package/dist/mjs/components/tooltip/index.js.map +1 -0
  63. package/dist/mjs/components/tooltip/style.css +3 -0
  64. package/dist/mjs/components/tooltip/style.css.map +1 -0
  65. package/dist/mjs/index.js +2 -0
  66. package/dist/mjs/index.js.map +1 -0
  67. package/dist/mjs/package.json +3 -0
  68. package/dist/mjs/providers/theme/index.js +2 -0
  69. package/dist/mjs/providers/theme/index.js.map +1 -0
  70. package/dist/mjs/style.css +9 -0
  71. package/dist/mjs/style.css.map +1 -0
  72. package/dist/types/components/bar-chart/bar-chart.d.ts +6 -0
  73. package/dist/types/components/bar-chart/index.d.ts +1 -0
  74. package/dist/types/components/grid-control/grid-control.d.ts +4 -0
  75. package/dist/types/components/grid-control/index.d.ts +1 -0
  76. package/dist/types/components/legend/base-legend.d.ts +3 -0
  77. package/dist/types/components/legend/index.d.ts +2 -0
  78. package/dist/types/components/legend/types.d.ts +12 -0
  79. package/dist/types/components/line-chart/index.d.ts +1 -0
  80. package/dist/types/components/line-chart/line-chart.d.ts +6 -0
  81. package/dist/types/components/pie-chart/index.d.ts +1 -0
  82. package/dist/types/components/pie-chart/pie-chart.d.ts +15 -0
  83. package/dist/types/components/pie-semi-circle-chart/index.d.ts +1 -0
  84. package/dist/types/components/pie-semi-circle-chart/pie-semi-circle-chart.d.ts +23 -0
  85. package/dist/types/components/tooltip/base-tooltip.d.ts +29 -0
  86. package/dist/types/components/tooltip/index.d.ts +2 -0
  87. package/dist/types/hooks/use-chart-mouse-handler.d.ts +41 -0
  88. package/dist/types/index.d.ts +8 -0
  89. package/dist/types/providers/theme/index.d.ts +2 -0
  90. package/dist/types/providers/theme/theme-provider.d.ts +18 -0
  91. package/dist/types/providers/theme/themes.d.ts +14 -0
  92. package/dist/types/types.d.ts +137 -0
  93. package/index.ts +1 -1
  94. package/package.json +46 -40
  95. package/src/components/bar-chart/bar-chart.tsx +1 -1
  96. package/src/components/grid-control/grid-control.tsx +1 -1
  97. package/src/components/line-chart/line-chart.tsx +1 -1
  98. package/src/components/pie-chart/pie-chart.tsx +13 -7
  99. package/src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx +1 -1
  100. package/src/hooks/use-chart-mouse-handler.ts +1 -1
  101. package/src/index.ts +0 -4
  102. package/src/providers/theme/theme-provider.tsx +1 -1
  103. package/src/providers/theme/themes.ts +1 -1
  104. package/tools/fixup.sh +11 -0
  105. package/webpack.config.cjs +132 -0
  106. package/dist/components/bar-chart/index.cjs.js +0 -2
  107. package/dist/components/bar-chart/index.cjs.js.map +0 -1
  108. package/dist/components/bar-chart/index.js +0 -2
  109. package/dist/components/bar-chart/index.js.map +0 -1
  110. package/dist/components/bar-chart/style.css +0 -95
  111. package/dist/components/grid-control/index.cjs.js +0 -2
  112. package/dist/components/grid-control/index.cjs.js.map +0 -1
  113. package/dist/components/grid-control/index.js +0 -2
  114. package/dist/components/grid-control/index.js.map +0 -1
  115. package/dist/components/grid-control/style.css +0 -95
  116. package/dist/components/legend/index.cjs.js +0 -2
  117. package/dist/components/legend/index.cjs.js.map +0 -1
  118. package/dist/components/legend/index.js +0 -2
  119. package/dist/components/legend/index.js.map +0 -1
  120. package/dist/components/legend/style.css +0 -95
  121. package/dist/components/line-chart/index.cjs.js +0 -2
  122. package/dist/components/line-chart/index.cjs.js.map +0 -1
  123. package/dist/components/line-chart/index.js +0 -2
  124. package/dist/components/line-chart/index.js.map +0 -1
  125. package/dist/components/line-chart/style.css +0 -95
  126. package/dist/components/pie-chart/index.cjs.js +0 -2
  127. package/dist/components/pie-chart/index.cjs.js.map +0 -1
  128. package/dist/components/pie-chart/index.js +0 -2
  129. package/dist/components/pie-chart/index.js.map +0 -1
  130. package/dist/components/pie-chart/style.css +0 -95
  131. package/dist/components/pie-semi-circle-chart/index.cjs.js +0 -2
  132. package/dist/components/pie-semi-circle-chart/index.cjs.js.map +0 -1
  133. package/dist/components/pie-semi-circle-chart/index.js +0 -2
  134. package/dist/components/pie-semi-circle-chart/index.js.map +0 -1
  135. package/dist/components/pie-semi-circle-chart/style.css +0 -95
  136. package/dist/components/tooltip/index.cjs.js +0 -2
  137. package/dist/components/tooltip/index.cjs.js.map +0 -1
  138. package/dist/components/tooltip/index.js +0 -2
  139. package/dist/components/tooltip/index.js.map +0 -1
  140. package/dist/components/tooltip/style.css +0 -95
  141. package/dist/index.d.ts +0 -16386
  142. package/dist/index.js +0 -2
  143. package/dist/index.js.map +0 -1
  144. package/dist/index.mjs +0 -2
  145. package/dist/index.mjs.map +0 -1
  146. package/dist/providers/theme/index.cjs.js +0 -2
  147. package/dist/providers/theme/index.cjs.js.map +0 -1
  148. package/dist/providers/theme/index.js +0 -2
  149. package/dist/providers/theme/index.js.map +0 -1
  150. package/dist/providers/theme/style.css +0 -95
  151. package/dist/style.css +0 -95
  152. package/rollup.config.mjs +0 -142
  153. /package/src/{components/shared/types.d.ts → types.ts} +0 -0
@@ -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
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
11
- position: relative;
12
- text-align: center;
13
- }
14
- .pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
15
- margin-top: 1rem;
16
- }
17
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
18
- margin-bottom: 0px;
19
- font-weight: 600;
20
- font-size: 16px;
21
- }
22
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
23
- margin-top: 0px;
24
- font-size: 14px;
25
- }
26
- .line-chart-module__line-chart__ITM3d {
27
- position: relative;
28
- }
29
- .line-chart-module__line-chart__tooltip__aqcme {
30
- background: #fff;
31
- padding: 0.5rem;
32
- }
33
- .line-chart-module__line-chart__tooltip-date__4Dzab {
34
- font-weight: bold;
35
- padding-bottom: 10px;
36
- }
37
- .line-chart-module__line-chart__tooltip-row__6A37G {
38
- display: flex;
39
- align-items: center;
40
- padding: 4px 0;
41
- justify-content: space-between;
42
- }
43
- .line-chart-module__line-chart__tooltip-label__IvnFF {
44
- font-weight: 500;
45
- padding-right: 1rem;
46
- }
47
- .base-tooltip-module__tooltip__OfX6n {
48
- padding: 0.5rem;
49
- background-color: rgba(0, 0, 0, 0.85);
50
- color: white;
51
- border-radius: 4px;
52
- font-size: 14px;
53
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
54
- position: absolute;
55
- pointer-events: none;
56
- transform: translate(-50%, -100%);
57
- }
58
- .legend-module__legend--horizontal__IUN13 {
59
- display: flex;
60
- flex-direction: row;
61
- flex-wrap: wrap;
62
- gap: 16px;
63
- }
64
- .legend-module__legend--vertical__Scfzo {
65
- display: flex;
66
- flex-direction: column;
67
- gap: 8px;
68
- }
69
-
70
- .legend-module__legend-item__feemn {
71
- display: flex;
72
- align-items: center;
73
- gap: 8px;
74
- font-size: 0.875rem;
75
- }
76
-
77
- .legend-module__legend-item-swatch__nRyXf {
78
- border-radius: 2px;
79
- }
80
-
81
- .legend-module__legend-item-label__ksx6I {
82
- color: var(--jp-gray-80, #2c3338);
83
- display: flex;
84
- align-items: center;
85
- gap: 0.5rem;
86
- }
87
-
88
- .legend-module__legend-item-value__d9x1j {
89
- font-weight: 500;
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
- "use strict";var e=require("react/jsx-runtime"),l=require("@visx/legend"),i=require("@visx/scale"),n=require("clsx");require("react");var a={"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"};exports.Legend=({items:t,className:s,orientation:r="horizontal"})=>{const c=i.scaleOrdinal({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e.jsx("div",{className:n(a.legend,a[`legend--${r}`],s),role:"list",children:e.jsx(l.LegendOrdinal,{scale:c,direction:d[r],shape:"rect",shapeWidth:16,shapeHeight:16,className:a["legend-items"],children:l=>e.jsx("div",{className:a[`legend--${r}`],children:l.map((l=>{var i,n;return e.jsxs("div",{className:a["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:l.value,className:a["legend-item-swatch"]})}),e.jsxs("span",{className:a["legend-item-label"],children:[l.text,(null===(i=t.find((e=>e.label===l.text)))||void 0===i?void 0:i.value)&&e.jsx("span",{className:a["legend-item-value"],children:null===(n=t.find((e=>e.label===l.text)))||void 0===n?void 0:n.value})]})]},l.text)}))})})})};
2
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/legend/base-legend.tsx"],"sourcesContent":[null],"names":["orientationToFlexDirection","horizontal","vertical","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","jsx","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsxs","width","height","fill","value","text","_a","find","_b"],"mappings":"wfAeA,MAAMA,EAA6B,CAClCC,WAAY,MACZC,SAAU,yBAGkC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAAA,aAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,MACC,MAAA,CAAAV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OAELC,SAAAL,EAAAM,IAACC,gBACA,CAAAC,MAAQhB,EACRiB,UAAYvB,EAA4BK,GACxCmB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdtB,UAAYY,EAAQ,yBAElBW,GACDb,EAAAA,IAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,cAClCsB,EAAOlB,KAAKE,YAAS,OACtBiB,EAAwBC,KAAA,MAAA,CAAAzB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,MAAA,MAAA,CAAKgB,MAAQ,GAAKC,OAAS,GAC1BZ,SAAAL,EAAAA,IAAA,OAAA,CACCgB,MAAQ,GACRC,OAAS,GACTC,KAAOrB,EAAMsB,MACb7B,UAAYY,EAAQ,0BAGtBY,EAAMC,KAAA,OAAA,CAAAzB,UAAYY,EAAQ,qBAAqBG,SAAA,CAC5CR,EAAMuB,MACyC,QAA/CC,EAAAhC,EAAMiC,MAAM1B,GAAQA,EAAKC,QAAUA,EAAMuB,cAAM,IAAAC,OAAA,EAAAA,EAAEF,QAClDnB,EAAAM,IAAA,OAAA,CAAMhB,UAAYY,EAAQ,qBACvBG,SAA+C,QAA/CkB,EAAAlC,EAAMiC,MAAM1B,GAAQA,EAAKC,QAAUA,EAAMuB,cAAM,IAAAG,OAAA,EAAAA,EAAEJ,aAb5CtB,EAAMuB,KAkBjB,SAKJ"}
@@ -1,2 +0,0 @@
1
- import{jsx as e,jsxs as l}from"react/jsx-runtime";import{LegendOrdinal as i}from"@visx/legend";import{scaleOrdinal as n}from"@visx/scale";import t from"clsx";import"react";var a={"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:o="horizontal"})=>{const s=n({domain:m.map((e=>e.label)),range:m.map((e=>e.color))});return e("div",{className:t(a.legend,a[`legend--${o}`],r),role:"list",children:e(i,{scale:s,direction:d[o],shape:"rect",shapeWidth:16,shapeHeight:16,className:a["legend-items"],children:i=>e("div",{className:a[`legend--${o}`],children:i.map((i=>{var n,t;return l("div",{className:a["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:i.value,className:a["legend-item-swatch"]})}),l("span",{className:a["legend-item-label"],children:[i.text,(null===(n=m.find((e=>e.label===i.text)))||void 0===n?void 0:n.value)&&e("span",{className:a["legend-item-value"],children:null===(t=m.find((e=>e.label===i.text)))||void 0===t?void 0:t.value})]})]},i.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","_a","find","_b"],"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,EACC,MAAA,CAAAV,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,EAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,cAClCqB,EAAOjB,KAAKE,YAAS,OACtBgB,EAAwB,MAAA,CAAAvB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,EAAA,MAAA,CAAKc,MAAQ,GAAKC,OAAS,GAC1BV,SAAAL,EAAA,OAAA,CACCc,MAAQ,GACRC,OAAS,GACTC,KAAOnB,EAAMoB,MACb3B,UAAYY,EAAQ,0BAGtBW,EAAM,OAAA,CAAAvB,UAAYY,EAAQ,qBAAqBG,SAAA,CAC5CR,EAAMqB,MACyC,QAA/CC,EAAA9B,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMqB,cAAM,IAAAC,OAAA,EAAAA,EAAEF,QAClDjB,EAAA,OAAA,CAAMV,UAAYY,EAAQ,qBACvBG,SAA+C,QAA/CgB,EAAAhC,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMqB,cAAM,IAAAG,OAAA,EAAAA,EAAEJ,aAb5CpB,EAAMqB,KAkBjB,SAKJ"}
@@ -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
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
11
- position: relative;
12
- text-align: center;
13
- }
14
- .pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
15
- margin-top: 1rem;
16
- }
17
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
18
- margin-bottom: 0px;
19
- font-weight: 600;
20
- font-size: 16px;
21
- }
22
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
23
- margin-top: 0px;
24
- font-size: 14px;
25
- }
26
- .line-chart-module__line-chart__ITM3d {
27
- position: relative;
28
- }
29
- .line-chart-module__line-chart__tooltip__aqcme {
30
- background: #fff;
31
- padding: 0.5rem;
32
- }
33
- .line-chart-module__line-chart__tooltip-date__4Dzab {
34
- font-weight: bold;
35
- padding-bottom: 10px;
36
- }
37
- .line-chart-module__line-chart__tooltip-row__6A37G {
38
- display: flex;
39
- align-items: center;
40
- padding: 4px 0;
41
- justify-content: space-between;
42
- }
43
- .line-chart-module__line-chart__tooltip-label__IvnFF {
44
- font-weight: 500;
45
- padding-right: 1rem;
46
- }
47
- .grid-control-module__grid-control__KOnZN .visx-line {
48
- stroke: #d7d6d6;
49
- stroke-width: 1px;
50
- shape-rendering: crispEdges;
51
- }
52
- .base-tooltip-module__tooltip__OfX6n {
53
- padding: 0.5rem;
54
- background-color: rgba(0, 0, 0, 0.85);
55
- color: white;
56
- border-radius: 4px;
57
- font-size: 14px;
58
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
59
- position: absolute;
60
- pointer-events: none;
61
- transform: translate(-50%, -100%);
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
- "use strict";var e=require("react/jsx-runtime"),l=require("@visx/xychart"),t=require("clsx"),i=require("react"),a=require("@visx/legend"),o=require("@visx/scale");const n=i.createContext({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var r={"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 s={horizontal:"row",vertical:"column"},d=({items:l,className:i,orientation:n="horizontal"})=>{const d=o.scaleOrdinal({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e.jsx("div",{className:t(r.legend,r[`legend--${n}`],i),role:"list",children:e.jsx(a.LegendOrdinal,{scale:d,direction:s[n],shape:"rect",shapeWidth:16,shapeHeight:16,className:r["legend-items"],children:t=>e.jsx("div",{className:r[`legend--${n}`],children:t.map((t=>{var i,a;return e.jsxs("div",{className:r["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:t.value,className:r["legend-item-swatch"]})}),e.jsxs("span",{className:r["legend-item-label"],children:[t.text,(null===(i=l.find((e=>e.label===t.text)))||void 0===i?void 0:i.value)&&e.jsx("span",{className:r["legend-item-value"],children:null===(a=l.find((e=>e.label===t.text)))||void 0===a?void 0:a.value})]})]},t.text)}))})})})};var c={"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 h=({tooltipData:l})=>{var t;const i=null===(t=null==l?void 0:l.nearestDatum)||void 0===t?void 0:t.datum;if(!i)return null;const a=Object.entries((null==l?void 0:l.datumByKey)||{}).map((([e,{datum:l}])=>({key:e,value:l.value}))).sort(((e,l)=>l.value-e.value));return e.jsxs("div",{className:c["line-chart__tooltip"],children:[e.jsx("div",{className:c["line-chart__tooltip-date"],children:i.date.toLocaleDateString()}),a.map((l=>e.jsxs("div",{className:c["line-chart__tooltip-row"],children:[e.jsxs("span",{className:c["line-chart__tooltip-label"],children:[l.key,":"]}),e.jsx("span",{className:c["line-chart__tooltip-value"],children:l.value})]},l.key)))]})},m=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"});exports.LineChart=({data:a,width:o,height:r,margin:s={top:20,right:20,bottom:40,left:40},className:_,withTooltips:u=!0,showLegend:g=!1,legendOrientation:v="horizontal"})=>{const p=i.useContext(n);if(!(null==a?void 0:a.length))return e.jsx("div",{className:t("line-chart-empty",c["line-chart-empty"]),children:"Empty..."});const x=a.map(((e,l)=>({label:e.label,value:"",color:p.colors[l%p.colors.length]}))),j={xAccessor:e=>e.date,yAccessor:e=>e.value},b=l.buildChartTheme({backgroundColor:p.backgroundColor,colors:p.colors,gridStyles:p.gridStyles,tickLength:(null==p?void 0:p.tickLength)||0,gridColor:(null==p?void 0:p.gridColor)||"",gridColorDark:(null==p?void 0:p.gridColorDark)||""});return e.jsxs("div",{className:t("line-chart",c["line-chart"],_),children:[e.jsxs(l.XYChart,{theme:b,width:o,height:r,margin:s,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[e.jsx(l.AnimatedGrid,{columns:!1,numTicks:4}),e.jsx(l.AnimatedAxis,{orientation:"bottom",numTicks:5,tickFormat:m}),e.jsx(l.AnimatedAxis,{orientation:"left",numTicks:4}),a.map(((t,i)=>e.jsx(l.AnimatedLineSeries,{dataKey:null==t?void 0:t.label,data:t.data,...j,stroke:b.colors[i%b.colors.length],strokeWidth:2},null==t?void 0:t.label))),u&&e.jsx(l.Tooltip,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:h})]}),g&&e.jsx(d,{items:x,orientation:v,className:c["line-chart-legend"]})]})};
2
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.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"],"sourcesContent":[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","jsx","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsxs","width","height","fill","value","text","_a","find","_b","renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","key","sort","a","b","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","data","margin","top","right","bottom","left","withTooltips","showLegend","legendOrientation","providerTheme","useContext","length","legendItems","group","index","accessors","xAccessor","d","yAccessor","theme","buildChartTheme","XYChart","xScale","type","yScale","nice","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","AnimatedLineSeries","dataKey","Tooltip","snapTooltipToDatumX","snapTooltipToDatumY","showSeriesGlyphs","Legend"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{jsx as e,jsxs as l}from"react/jsx-runtime";import{buildChartTheme as t,XYChart as o,AnimatedGrid as a,AnimatedAxis as i,AnimatedLineSeries as n,Tooltip as r}from"@visx/xychart";import d from"clsx";import{createContext as c,useContext as s}from"react";import{LegendOrdinal as m}from"@visx/legend";import{scaleOrdinal as h}from"@visx/scale";const _=c({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var g={"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 u={horizontal:"row",vertical:"column"},v=({items:t,className:o,orientation:a="horizontal"})=>{const i=h({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e("div",{className:d(g.legend,g[`legend--${a}`],o),role:"list",children:e(m,{scale:i,direction:u[a],shape:"rect",shapeWidth:16,shapeHeight:16,className:g["legend-items"],children:o=>e("div",{className:g[`legend--${a}`],children:o.map((o=>{var a,i;return l("div",{className:g["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:o.value,className:g["legend-item-swatch"]})}),l("span",{className:g["legend-item-label"],children:[o.text,(null===(a=t.find((e=>e.label===o.text)))||void 0===a?void 0:a.value)&&e("span",{className:g["legend-item-value"],children:null===(i=t.find((e=>e.label===o.text)))||void 0===i?void 0:i.value})]})]},o.text)}))})})})};var p={"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 k=({tooltipData:t})=>{var o;const a=null===(o=null==t?void 0:t.nearestDatum)||void 0===o?void 0:o.datum;if(!a)return null;const i=Object.entries((null==t?void 0:t.datumByKey)||{}).map((([e,{datum:l}])=>({key:e,value:l.value}))).sort(((e,l)=>l.value-e.value));return l("div",{className:p["line-chart__tooltip"],children:[e("div",{className:p["line-chart__tooltip-date"],children:a.date.toLocaleDateString()}),i.map((t=>l("div",{className:p["line-chart__tooltip-row"],children:[l("span",{className:p["line-chart__tooltip-label"],children:[t.key,":"]}),e("span",{className:p["line-chart__tooltip-value"],children:t.value})]},t.key)))]})},b=e=>new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"}),y=({data:c,width:m,height:h,margin:g={top:20,right:20,bottom:40,left:40},className:u,withTooltips:y=!0,showLegend:F=!1,legendOrientation:N="horizontal"})=>{const f=s(_);if(!(null==c?void 0:c.length))return e("div",{className:d("line-chart-empty",p["line-chart-empty"]),children:"Empty..."});const w=c.map(((e,l)=>({label:e.label,value:"",color:f.colors[l%f.colors.length]}))),x={xAccessor:e=>e.date,yAccessor:e=>e.value},C=t({backgroundColor:f.backgroundColor,colors:f.colors,gridStyles:f.gridStyles,tickLength:(null==f?void 0:f.tickLength)||0,gridColor:(null==f?void 0:f.gridColor)||"",gridColorDark:(null==f?void 0:f.gridColorDark)||""});return l("div",{className:d("line-chart",p["line-chart"],u),children:[l(o,{theme:C,width:m,height:h,margin:g,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[e(a,{columns:!1,numTicks:4}),e(i,{orientation:"bottom",numTicks:5,tickFormat:b}),e(i,{orientation:"left",numTicks:4}),c.map(((l,t)=>e(n,{dataKey:null==l?void 0:l.label,data:l.data,...x,stroke:C.colors[t%C.colors.length],strokeWidth:2},null==l?void 0:l.label))),y&&e(r,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:k})]}),F&&e(v,{items:w,orientation:N,className:p["line-chart-legend"]})]})};export{y 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"],"sourcesContent":[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","_a","find","_b","renderTooltip","tooltipData","nearestDatum","datum","tooltipPoints","Object","entries","datumByKey","key","sort","a","b","date","toLocaleDateString","point","formatDateTick","Date","undefined","month","day","LineChart","data","margin","top","right","bottom","left","withTooltips","showLegend","legendOrientation","providerTheme","useContext","length","legendItems","group","index","accessors","xAccessor","d","yAccessor","theme","buildChartTheme","XYChart","xScale","type","yScale","nice","AnimatedGrid","columns","numTicks","AnimatedAxis","tickFormat","seriesData","AnimatedLineSeries","dataKey","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
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
11
- position: relative;
12
- text-align: center;
13
- }
14
- .pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
15
- margin-top: 1rem;
16
- }
17
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
18
- margin-bottom: 0px;
19
- font-weight: 600;
20
- font-size: 16px;
21
- }
22
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
23
- margin-top: 0px;
24
- font-size: 14px;
25
- }
26
- .grid-control-module__grid-control__KOnZN .visx-line {
27
- stroke: #d7d6d6;
28
- stroke-width: 1px;
29
- shape-rendering: crispEdges;
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
- .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
- "use strict";var e=require("react/jsx-runtime"),l=require("@visx/group"),t=require("@visx/shape"),o=require("clsx"),i=require("react"),a=require("@visx/event"),n=require("@visx/tooltip"),s=require("@visx/legend"),r=require("@visx/scale");const d={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},c=i.createContext(d);var u={"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 h={horizontal:"row",vertical:"column"},p=({items:l,className:t,orientation:i="horizontal"})=>{const a=r.scaleOrdinal({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e.jsx("div",{className:o(u.legend,u[`legend--${i}`],t),role:"list",children:e.jsx(s.LegendOrdinal,{scale:a,direction:h[i],shape:"rect",shapeWidth:16,shapeHeight:16,className:u["legend-items"],children:t=>e.jsx("div",{className:u[`legend--${i}`],children:t.map((t=>{var o,i;return e.jsxs("div",{className:u["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:t.value,className:u["legend-item-swatch"]})}),e.jsxs("span",{className:u["legend-item-label"],children:[t.text,(null===(o=l.find((e=>e.label===t.text)))||void 0===o?void 0:o.value)&&e.jsx("span",{className:u["legend-item-value"],children:null===(i=l.find((e=>e.label===t.text)))||void 0===i?void 0:i.value})]})]},t.text)}))})})})};var g="base-tooltip-module__tooltip__OfX6n";const m=({data:l})=>e.jsxs(e.Fragment,{children:[null==l?void 0:l.label,": ",(null==l?void 0:l.valueDisplay)||(null==l?void 0:l.value)]}),v=({data:l,top:t,left:o,component:i=m,children:a,className:n})=>e.jsx("div",{className:g,style:{top:t,left:o},role:"tooltip",children:a||l&&e.jsx(i,{data:l,className:n})});var x={"pie-chart":"pie-chart-module__pie-chart__R12Vh"};exports.PieChart=({data:s,width:r=500,height:u=500,withTooltips:h=!1,innerRadius:g=0,className:m,showLegend:_,legendOrientation:f})=>{const j=i.useContext(c),{onMouseMove:F,onMouseLeave:b,tooltipOpen:C,tooltipData:N,tooltipLeft:w,tooltipTop:k}=(({withTooltips:e})=>{const{tooltipOpen:l,tooltipLeft:t,tooltipTop:o,tooltipData:s,hideTooltip:r,showTooltip:d}=n.useTooltip();return{onMouseMove:i.useCallback(((l,t)=>{if(!e)return;const o=a.localPoint(l);o&&d({tooltipData:t,tooltipLeft:o.x,tooltipTop:o.y-10})}),[e,d]),onMouseLeave:i.useCallback((()=>{e&&r()}),[e,r]),tooltipOpen:l,tooltipData:s||null,tooltipLeft:t,tooltipTop:o}})({withTooltips:h}),L=Math.min(r,u)/2,M=r/2,T=u/2,q={value:e=>e.value,fill:e=>(null==e?void 0:e.color)||j.colors[e.index]},D=s.map(((e,l)=>({label:e.label,value:e.value.toString(),color:j.colors[l%j.colors.length]})));return e.jsxs("div",{className:o("pie-chart",x["pie-chart"],m),children:[e.jsx("svg",{width:r,height:u,children:e.jsx(l.Group,{top:T,left:M,children:e.jsx(t.Pie,{data:s,pieValue:q.value,outerRadius:L-20,innerRadius:g,children:l=>l.arcs.map(((t,o)=>{const[i,a]=l.path.centroid(t),n=t.endAngle-t.startAngle>=.25,s=e=>F(e,t.data),r={d:l.path(t)||"",fill:q.fill(t)};return h&&(r.onMouseMove=s,r.onMouseLeave=b),e.jsxs("g",{children:[e.jsx("path",{...r}),n&&e.jsx("text",{x:i,y:a,dy:".33em",fill:j.labelBackgroundColor||d.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:t.data.label})]},`arc-${o}`)}))})})}),_&&e.jsx(p,{items:D,orientation:f,className:x["pie-chart-legend"]}),h&&C&&N&&e.jsx(v,{data:N,top:k||0,left:w||0,style:{transform:"translate(-50%, -100%)"}})]})};
2
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../src/hooks/use-chart-mouse-handler.ts","../../../src/providers/theme/themes.ts","../../../src/providers/theme/theme-provider.tsx","../../../src/components/legend/base-legend.tsx","../../../src/components/tooltip/base-tooltip.tsx","../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","orientationToFlexDirection","horizontal","vertical","BaseLegend","items","className","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","role","children","jsx","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsxs","width","height","fill","value","text","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","top","left","component","Component","style","withTooltips","innerRadius","showLegend","legendOrientation","providerTheme","useContext","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","hideTooltip","showTooltip","useTooltip","useCallback","event","coords","localPoint","x","y","useChartMouseHandler","radius","Math","min","centerX","centerY","accessors","d","index","legendItems","toString","length","Group","Pie","pieValue","outerRadius","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","handleMouseMove","pathProps","dy","fontSize","textAnchor","pointerEvents","Legend","transform"],"mappings":"8OA6CA,MCxCMA,EAA2B,CAChCC,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,ICRVC,EAAeC,EAAAA,cAA6BX,qXCQlD,MAAMY,EAA6B,CAClCC,WAAY,MACZC,SAAU,UAGEC,EAAgC,EAC5CC,QACAC,YACAC,cAAc,iBAEd,MAAMC,EAAcC,EAAAA,aAAc,CACjCC,OAAQL,EAAMM,KAAKC,GAAQA,EAAKC,QAChCC,MAAOT,EAAMM,KAAKC,GAAQA,EAAKG,UAGhC,OACCC,MACC,MAAA,CAAAV,UAAYW,EAAMC,EAAOC,OAAQD,EAAQ,WAAYX,KAAkBD,GACvEc,KAAK,OAELC,SAAAL,EAAAM,IAACC,gBACA,CAAAC,MAAQhB,EACRiB,UAAYxB,EAA4BM,GACxCmB,MAAM,OACNC,WAAa,GACbC,YAAc,GACdtB,UAAYY,EAAQ,yBAElBW,GACDb,EAAAA,IAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,cAClCsB,EAAOlB,KAAKE,YAAS,OACtBiB,EAAwBC,KAAA,MAAA,CAAAzB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,MAAA,MAAA,CAAKgB,MAAQ,GAAKC,OAAS,GAC1BZ,SAAAL,EAAAA,IAAA,OAAA,CACCgB,MAAQ,GACRC,OAAS,GACTC,KAAOrB,EAAMsB,MACb7B,UAAYY,EAAQ,0BAGtBY,EAAMC,KAAA,OAAA,CAAAzB,UAAYY,EAAQ,qBAAqBG,SAAA,CAC5CR,EAAMuB,MACyC,QAA/CC,EAAAhC,EAAMiC,MAAM1B,GAAQA,EAAKC,QAAUA,EAAMuB,cAAM,IAAAC,OAAA,EAAAA,EAAEF,QAClDnB,EAAAM,IAAA,OAAA,CAAMhB,UAAYY,EAAQ,qBACvBG,SAA+C,QAA/CkB,EAAAlC,EAAMiC,MAAM1B,GAAQA,EAAKC,QAAUA,EAAMuB,cAAM,IAAAG,OAAA,EAAAA,EAAEJ,aAb5CtB,EAAMuB,KAkBjB,SAKJ,8CClCH,MAAMI,EAAwB,EAAIC,UACjCX,6BACGW,aAAA,EAAAA,EAAM5B,MAAK,MAAM4B,aAAI,EAAJA,EAAMC,gBAAgBD,eAAAA,EAAMN,UAIpCQ,EAAc,EAC1BF,OACAG,MACAC,OACAC,UAAWC,EAAYP,EACvBnB,WACAf,eAGCU,MAAK,MAAA,CAAAV,UAAYY,EAAiB8B,MAAQ,CAAEJ,MAAKC,QAASzB,KAAK,UAC5DC,SAAAA,GAAcoB,GAAQzB,EAACM,IAAAyB,GAAUN,KAAOA,EAAOnC,UAAYA,gFCxB/C,EAChBmC,OACAT,QAAQ,IACRC,SAAS,IACTgB,gBAAe,EACfC,cAAc,EACd5C,YACA6C,aACAC,wBAEA,MAAMC,EHvBQC,aAAYvD,IGwBpBwD,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,GLO9C,GAC5BX,mBAEA,MAAMQ,YAAEA,EAAWE,YAAEA,EAAWC,WAAEA,EAAUF,YAAEA,EAAWG,YAAEA,EAAWC,YAAEA,GACvEC,EAAAA,aA8BD,MAAO,CACNR,YA5BmBS,EAAAA,aACnB,CAAEC,EAAiCxB,KAClC,IAAOQ,EACN,OAGD,MAAMiB,EAASC,aAAYF,GACpBC,GAIPJ,EAAa,CACZJ,YAAajB,EACbkB,YAAaO,EAAOE,EACpBR,WAAYM,EAAOG,EAAI,IACrB,GAEJ,CAAEpB,EAAca,IAYhBN,aAToBQ,EAAAA,aAAa,KAC1Bf,GAGPY,GAAa,GACX,CAAEZ,EAAcY,IAKlBJ,cACAC,YAAaA,GAAe,KAC5BC,cACAC,aACA,EK/CAU,CAAsB,CACrBrB,iBAIIsB,EAASC,KAAKC,IAAKzC,EAAOC,GAAW,EACrCyC,EAAU1C,EAAQ,EAClB2C,EAAU1C,EAAS,EAEnB2C,EAAY,CACjBzC,MAAS0C,GAA2CA,EAAE1C,MAEtDD,KAAQ2C,IAA2CA,aAAC,EAADA,EAAG9D,QAASsC,EAAc7D,OAAQqF,EAAEC,QAIlFC,EAActC,EAAK9B,KAAK,CAAEC,EAAMkE,KAAa,CAClDjE,MAAOD,EAAKC,MACZsB,MAAOvB,EAAKuB,MAAM6C,WAClBjE,MAAOsC,EAAc7D,OAAQsF,EAAQzB,EAAc7D,OAAOyF,YAG3D,OACCnD,EAAAC,KAAA,MAAA,CAAKzB,UAAYW,EAAM,YAAaC,EAAQ,aAAeZ,GAAWe,SAAA,CACrEL,EAAAA,IAAK,MAAA,CAAAgB,MAAQA,EAAQC,OAASA,EAC7BZ,SAAAL,EAAAM,IAAC4D,EAAKA,MAAA,CAACtC,IAAM+B,EAAU9B,KAAO6B,EAAOrD,SACpCL,EAACM,IAAA6D,MACA,CAAA1C,KAAOA,EACP2C,SAAWR,EAAUzC,MACrBkD,YAAcd,EAAS,GACvBrB,YAAcA,EAEZ7B,SAAAiE,GACMA,EAAIC,KAAK5E,KAAK,CAAE6E,EAAKV,KAC3B,MAAQW,EAAWC,GAAcJ,EAAIK,KAAKC,SAAUJ,GAC9CK,EAAmBL,EAAIM,SAAWN,EAAIO,YAAc,IACpDC,EAAoB/B,GACzBV,EAAaU,EAAOuB,EAAI/C,MAEnBwD,EAAwC,CAC7CpB,EAAGS,EAAIK,KAAMH,IAAS,GACtBtD,KAAM0C,EAAU1C,KAAMsD,IAQvB,OALKvC,IACJgD,EAAU1C,YAAcyC,EACxBC,EAAUzC,aAAeA,GAIzB1B,EACCC,KAAA,IAAA,CAAAV,SAAA,CAAAL,EAAAA,IAAA,OAAA,IAAWiF,IACTJ,GACD7E,MACC,OAAA,CAAAoD,EAAIqB,EACJpB,EAAIqB,EACJQ,GAAG,QACHhE,KACCmB,EAAc9D,sBAAwBF,EAAaE,qBAEpD4G,SAAW,GACXC,WAAW,SACXC,cAAc,OAEZhF,SAAAmE,EAAI/C,KAAK5B,UAdL,OAAQiE,IAkBhB,UAOL3B,GACDnC,EAAAA,IAACsF,EAAM,CACNjG,MAAQ0E,EACRxE,YAAc6C,EACd9C,UAAYY,EAAQ,sBAIpB+B,GAAgBQ,GAAeC,GAChC1C,MAAC2B,EAAW,CACXF,KAAOiB,EACPd,IAAMgB,GAAc,EACpBf,KAAOc,GAAe,EACtBX,MAAQ,CACPuD,UAAW,8BAKd"}
@@ -1,2 +0,0 @@
1
- import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{Group as o}from"@visx/group";import{Pie as i}from"@visx/shape";import a from"clsx";import{useCallback as n,createContext as r,useContext as d}from"react";import{localPoint as s}from"@visx/event";import{useTooltip as c}from"@visx/tooltip";import{LegendOrdinal as p}from"@visx/legend";import{scaleOrdinal as m}from"@visx/scale";const h={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},g=r(h);var u={"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 v={horizontal:"row",vertical:"column"},_=({items:t,className:o,orientation:i="horizontal"})=>{const n=m({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e("div",{className:a(u.legend,u[`legend--${i}`],o),role:"list",children:e(p,{scale:n,direction:v[i],shape:"rect",shapeWidth:16,shapeHeight:16,className:u["legend-items"],children:o=>e("div",{className:u[`legend--${i}`],children:o.map((o=>{var i,a;return l("div",{className:u["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:o.value,className:u["legend-item-swatch"]})}),l("span",{className:u["legend-item-label"],children:[o.text,(null===(i=t.find((e=>e.label===o.text)))||void 0===i?void 0:i.value)&&e("span",{className:u["legend-item-value"],children:null===(a=t.find((e=>e.label===o.text)))||void 0===a?void 0:a.value})]})]},o.text)}))})})})};var f="base-tooltip-module__tooltip__OfX6n";const x=({data:e})=>l(t,{children:[null==e?void 0:e.label,": ",(null==e?void 0:e.valueDisplay)||(null==e?void 0:e.value)]}),F=({data:l,top:t,left:o,component:i=x,children:a,className:n})=>e("div",{className:f,style:{top:t,left:o},role:"tooltip",children:a||l&&e(i,{data:l,className:n})});var b={"pie-chart":"pie-chart-module__pie-chart__R12Vh"};const N=({data:t,width:r=500,height:p=500,withTooltips:m=!1,innerRadius:u=0,className:v,showLegend:f,legendOrientation:x})=>{const N=d(g),{onMouseMove:w,onMouseLeave:C,tooltipOpen:M,tooltipData:k,tooltipLeft:D,tooltipTop:L}=(({withTooltips:e})=>{const{tooltipOpen:l,tooltipLeft:t,tooltipTop:o,tooltipData:i,hideTooltip:a,showTooltip:r}=c();return{onMouseMove:n(((l,t)=>{if(!e)return;const o=s(l);o&&r({tooltipData:t,tooltipLeft:o.x,tooltipTop:o.y-10})}),[e,r]),onMouseLeave:n((()=>{e&&a()}),[e,a]),tooltipOpen:l,tooltipData:i||null,tooltipLeft:t,tooltipTop:o}})({withTooltips:m}),T=Math.min(r,p)/2,y=r/2,z=p/2,A={value:e=>e.value,fill:e=>(null==e?void 0:e.color)||N.colors[e.index]},O=t.map(((e,l)=>({label:e.label,value:e.value.toString(),color:N.colors[l%N.colors.length]})));return l("div",{className:a("pie-chart",b["pie-chart"],v),children:[e("svg",{width:r,height:p,children:e(o,{top:z,left:y,children:e(i,{data:t,pieValue:A.value,outerRadius:T-20,innerRadius:u,children:t=>t.arcs.map(((o,i)=>{const[a,n]=t.path.centroid(o),r=o.endAngle-o.startAngle>=.25,d=e=>w(e,o.data),s={d:t.path(o)||"",fill:A.fill(o)};return m&&(s.onMouseMove=d,s.onMouseLeave=C),l("g",{children:[e("path",{...s}),r&&e("text",{x:a,y:n,dy:".33em",fill:N.labelBackgroundColor||h.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:o.data.label})]},`arc-${i}`)}))})})}),f&&e(_,{items:O,orientation:x,className:b["pie-chart-legend"]}),m&&M&&k&&e(F,{data:k,top:L||0,left:D||0,style:{transform:"translate(-50%, -100%)"}})]})};export{N as PieChart};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/hooks/use-chart-mouse-handler.ts","../../../src/providers/theme/themes.ts","../../../src/providers/theme/theme-provider.tsx","../../../src/components/legend/base-legend.tsx","../../../src/components/tooltip/base-tooltip.tsx","../../../src/components/pie-chart/pie-chart.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","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","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","top","left","component","Component","style","PieChart","withTooltips","innerRadius","showLegend","legendOrientation","providerTheme","useContext","onMouseMove","onMouseLeave","tooltipOpen","tooltipData","tooltipLeft","tooltipTop","hideTooltip","showTooltip","useTooltip","useCallback","event","coords","localPoint","x","y","useChartMouseHandler","radius","Math","min","centerX","centerY","accessors","d","index","legendItems","toString","length","Group","Pie","pieValue","outerRadius","pie","arcs","arc","centroidX","centroidY","path","centroid","hasSpaceForLabel","endAngle","startAngle","handleMouseMove","pathProps","dy","fontSize","textAnchor","pointerEvents","Legend","transform"],"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-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 {
8
- position: relative;
9
- text-align: center;
10
- }
11
- .pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y {
12
- margin-top: 1rem;
13
- }
14
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg {
15
- margin-bottom: 0px;
16
- font-weight: 600;
17
- font-size: 16px;
18
- }
19
- .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ {
20
- margin-top: 0px;
21
- font-size: 14px;
22
- }
23
- .line-chart-module__line-chart__ITM3d {
24
- position: relative;
25
- }
26
- .line-chart-module__line-chart__tooltip__aqcme {
27
- background: #fff;
28
- padding: 0.5rem;
29
- }
30
- .line-chart-module__line-chart__tooltip-date__4Dzab {
31
- font-weight: bold;
32
- padding-bottom: 10px;
33
- }
34
- .line-chart-module__line-chart__tooltip-row__6A37G {
35
- display: flex;
36
- align-items: center;
37
- padding: 4px 0;
38
- justify-content: space-between;
39
- }
40
- .line-chart-module__line-chart__tooltip-label__IvnFF {
41
- font-weight: 500;
42
- padding-right: 1rem;
43
- }
44
- .grid-control-module__grid-control__KOnZN .visx-line {
45
- stroke: #d7d6d6;
46
- stroke-width: 1px;
47
- shape-rendering: crispEdges;
48
- }
49
- .legend-module__legend--horizontal__IUN13 {
50
- display: flex;
51
- flex-direction: row;
52
- flex-wrap: wrap;
53
- gap: 16px;
54
- }
55
- .legend-module__legend--vertical__Scfzo {
56
- display: flex;
57
- flex-direction: column;
58
- gap: 8px;
59
- }
60
-
61
- .legend-module__legend-item__feemn {
62
- display: flex;
63
- align-items: center;
64
- gap: 8px;
65
- font-size: 0.875rem;
66
- }
67
-
68
- .legend-module__legend-item-swatch__nRyXf {
69
- border-radius: 2px;
70
- }
71
-
72
- .legend-module__legend-item-label__ksx6I {
73
- color: var(--jp-gray-80, #2c3338);
74
- display: flex;
75
- align-items: center;
76
- gap: 0.5rem;
77
- }
78
-
79
- .legend-module__legend-item-value__d9x1j {
80
- font-weight: 500;
81
- }
82
- .base-tooltip-module__tooltip__OfX6n {
83
- padding: 0.5rem;
84
- background-color: rgba(0, 0, 0, 0.85);
85
- color: white;
86
- border-radius: 4px;
87
- font-size: 14px;
88
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
89
- position: absolute;
90
- pointer-events: none;
91
- transform: translate(-50%, -100%);
92
- }
93
- .pie-chart-module__pie-chart__R12Vh {
94
- position: relative;
95
- }
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react/jsx-runtime"),l=require("@visx/event"),a=require("@visx/group"),t=require("@visx/shape/lib/shapes/Pie"),i=require("@visx/text"),s=require("@visx/tooltip"),o=require("clsx"),r=require("react"),n=require("@visx/legend"),d=require("@visx/scale");const c=r.createContext({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var u={"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 h={horizontal:"row",vertical:"column"},m=({items:l,className:a,orientation:t="horizontal"})=>{const i=d.scaleOrdinal({domain:l.map((e=>e.label)),range:l.map((e=>e.color))});return e.jsx("div",{className:o(u.legend,u[`legend--${t}`],a),role:"list",children:e.jsx(n.LegendOrdinal,{scale:i,direction:h[t],shape:"rect",shapeWidth:16,shapeHeight:16,className:u["legend-items"],children:a=>e.jsx("div",{className:u[`legend--${t}`],children:a.map((a=>{var t,i;return e.jsxs("div",{className:u["legend-item"],children:[e.jsx("svg",{width:16,height:16,children:e.jsx("rect",{width:16,height:16,fill:a.value,className:u["legend-item-swatch"]})}),e.jsxs("span",{className:u["legend-item-label"],children:[a.text,(null===(t=l.find((e=>e.label===a.text)))||void 0===t?void 0:t.value)&&e.jsx("span",{className:u["legend-item-value"],children:null===(i=l.find((e=>e.label===a.text)))||void 0===i?void 0:i.value})]})]},a.text)}))})})})};var p="base-tooltip-module__tooltip__OfX6n";const v=({data:l})=>e.jsxs(e.Fragment,{children:[null==l?void 0:l.label,": ",(null==l?void 0:l.valueDisplay)||(null==l?void 0:l.value)]}),g=({data:l,top:a,left:t,component:i=v,children:s,className:o})=>e.jsx("div",{className:p,style:{top:a,left:t},role:"tooltip",children:s||l&&e.jsx(i,{data:l,className:o})});var x="pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9",_="pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y",j="pie-semi-circle-chart-module__label__nPqOg",b="pie-semi-circle-chart-module__note__LpBZQ";exports.PieSemiCircleChart=({data:n,width:d=500,label:u,note:h,className:p,withTooltips:v=!1,clockwise:F=!0,thickness:f=.4,showLegend:N,legendOrientation:C})=>{const k=r.useContext(c),{tooltipOpen:w,tooltipLeft:q,tooltipTop:y,tooltipData:D,hideTooltip:A,showTooltip:P}=s.useTooltip(),T=d/2,L=d/2,M=d/2,I=M*(1-f+.03),O=n.map(((e,l)=>({...e,index:l}))),z=F?-Math.PI/2:Math.PI/2,S=F?Math.PI/2:-Math.PI/2,R={value:e=>e.value,sort:(e,l)=>l.value-e.value,fill:e=>e.color||k.colors[e.index%k.colors.length]},B=r.useCallback(((e,a)=>{const t=l.localPoint(e);t&&P({tooltipData:a.data,tooltipLeft:t.x,tooltipTop:t.y-10})}),[P]),W=r.useCallback((()=>{A()}),[A]),G=r.useCallback((e=>l=>{B(l,e)}),[B]),X=n.map(((e,l)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:R.fill({...e,index:l})})));return e.jsxs("div",{className:o("pie-semi-circle-chart",x,p),children:[e.jsx("svg",{width:d,height:L,children:e.jsxs(a.Group,{top:T,left:T,children:[e.jsx(t,{data:O,pieValue:R.value,outerRadius:M,innerRadius:I,cornerRadius:3,padAngle:.03,startAngle:z,endAngle:S,pieSort:R.sort,children:l=>l.arcs.map((a=>e.jsx("g",{onMouseMove:G(a),onMouseLeave:W,children:e.jsx("path",{d:l.path(a)||"",fill:R.fill(a.data)})},a.data.label)))}),e.jsxs(a.Group,{children:[e.jsx(i.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:j,children:u}),e.jsx(i.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:b,children:h})]})]})}),v&&w&&D&&e.jsx(g,{data:{label:D.label,value:D.value,valueDisplay:D.valueDisplay},top:y||0,left:q||0}),N&&e.jsx(m,{items:X,orientation:C,className:_})]})};
2
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs.js","sources":["../../../src/providers/theme/themes.ts","../../../src/providers/theme/theme-provider.tsx","../../../src/components/legend/base-legend.tsx","../../../src/components/tooltip/base-tooltip.tsx","../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.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","jsx","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_jsxs","jsxs","width","height","fill","value","text","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","top","left","component","Component","style","note","withTooltips","clockwise","thickness","showLegend","legendOrientation","providerTheme","useContext","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","centerX","radius","innerRadius","dataWithIndex","d","index","startAngle","Math","PI","endAngle","accessors","sort","a","b","length","handleMouseMove","useCallback","event","arc","coords","localPoint","x","y","handleMouseLeave","handleArcMouseMove","legendItems","toString","Group","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","textAnchor","verticalAnchor","Legend"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{jsx as e,jsxs as l,Fragment as t}from"react/jsx-runtime";import{localPoint as i}from"@visx/event";import{Group as a}from"@visx/group";import o from"@visx/shape/lib/shapes/Pie";import{Text as r}from"@visx/text";import{useTooltip as n}from"@visx/tooltip";import d from"clsx";import{createContext as s,useContext as c,useCallback as m}from"react";import{LegendOrdinal as h}from"@visx/legend";import{scaleOrdinal as p}from"@visx/scale";const v=s({backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""});var g={"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 u={horizontal:"row",vertical:"column"},_=({items:t,className:i,orientation:a="horizontal"})=>{const o=p({domain:t.map((e=>e.label)),range:t.map((e=>e.color))});return e("div",{className:d(g.legend,g[`legend--${a}`],i),role:"list",children:e(h,{scale:o,direction:u[a],shape:"rect",shapeWidth:16,shapeHeight:16,className:g["legend-items"],children:i=>e("div",{className:g[`legend--${a}`],children:i.map((i=>{var a,o;return l("div",{className:g["legend-item"],children:[e("svg",{width:16,height:16,children:e("rect",{width:16,height:16,fill:i.value,className:g["legend-item-swatch"]})}),l("span",{className:g["legend-item-label"],children:[i.text,(null===(a=t.find((e=>e.label===i.text)))||void 0===a?void 0:a.value)&&e("span",{className:g["legend-item-value"],children:null===(o=t.find((e=>e.label===i.text)))||void 0===o?void 0:o.value})]})]},i.text)}))})})})};var f="base-tooltip-module__tooltip__OfX6n";const x=({data:e})=>l(t,{children:[null==e?void 0:e.label,": ",(null==e?void 0:e.valueDisplay)||(null==e?void 0:e.value)]}),b=({data:l,top:t,left:i,component:a=x,children:o,className:r})=>e("div",{className:f,style:{top:t,left:i},role:"tooltip",children:o||l&&e(a,{data:l,className:r})});var F="pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9",N="pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y",w="pie-semi-circle-chart-module__label__nPqOg",k="pie-semi-circle-chart-module__note__LpBZQ";const y=({data:t,width:s=500,label:h,note:p,className:g,withTooltips:u=!1,clockwise:f=!0,thickness:x=.4,showLegend:y,legendOrientation:D})=>{const A=c(v),{tooltipOpen:C,tooltipLeft:M,tooltipTop:I,tooltipData:L,hideTooltip:P,showTooltip:z}=n(),T=s/2,O=s/2,R=s/2,S=R*(1-x+.03),j=t.map(((e,l)=>({...e,index:l}))),B=f?-Math.PI/2:Math.PI/2,W=f?Math.PI/2:-Math.PI/2,X={value:e=>e.value,sort:(e,l)=>l.value-e.value,fill:e=>e.color||A.colors[e.index%A.colors.length]},$=m(((e,l)=>{const t=i(e);t&&z({tooltipData:l.data,tooltipLeft:t.x,tooltipTop:t.y-10})}),[z]),q=m((()=>{P()}),[P]),H=m((e=>l=>{$(l,e)}),[$]),Q=t.map(((e,l)=>({label:e.label,value:e.valueDisplay||e.value.toString(),color:X.fill({...e,index:l})})));return l("div",{className:d("pie-semi-circle-chart",F,g),children:[e("svg",{width:s,height:O,children:l(a,{top:T,left:T,children:[e(o,{data:j,pieValue:X.value,outerRadius:R,innerRadius:S,cornerRadius:3,padAngle:.03,startAngle:B,endAngle:W,pieSort:X.sort,children:l=>l.arcs.map((t=>e("g",{onMouseMove:H(t),onMouseLeave:q,children:e("path",{d:l.path(t)||"",fill:X.fill(t.data)})},t.data.label)))}),l(a,{children:[e(r,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:w,children:h}),e(r,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:k,children:p})]})]})}),u&&C&&L&&e(b,{data:{label:L.label,value:L.value,valueDisplay:L.valueDisplay},top:I||0,left:M||0}),y&&e(_,{items:Q,orientation:D,className:N})]})};export{y as PieSemiCircleChart};
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/tooltip/base-tooltip.tsx","../../../src/components/pie-semi-circle-chart/pie-semi-circle-chart.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","_a","find","_b","DefaultTooltipContent","data","valueDisplay","BaseTooltip","top","left","component","Component","style","PieSemiCircleChart","note","withTooltips","clockwise","thickness","showLegend","legendOrientation","providerTheme","useContext","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","centerX","radius","innerRadius","dataWithIndex","d","index","startAngle","Math","PI","endAngle","accessors","sort","a","b","length","handleMouseMove","useCallback","event","arc","coords","localPoint","x","y","handleMouseLeave","handleArcMouseMove","legendItems","toString","Group","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","textAnchor","verticalAnchor","Legend"],"mappings":"ubAKA,MCEMA,EAAeC,EDFY,CAChCC,gBAAiB,UACjBC,qBAAsB,UACtBC,OAAQ,CAAE,UAAW,UAAW,UAAW,UAAW,WACtDC,WAAY,CACXC,OAAQ,UACRC,YAAa,GAEdC,WAAY,EACZC,UAAW,GACXC,cAAe,uXEAhB,MAAMC,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,EACC,MAAA,CAAAV,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,EAAK,MAAA,CAAAV,UAAYY,EAAQ,WAAYX,cAClCqB,EAAOjB,KAAKE,YAAS,OACtBgB,EAAwB,MAAA,CAAAvB,UAAYY,EAAQ,eAC3CG,SAAA,CAAAL,EAAA,MAAA,CAAKc,MAAQ,GAAKC,OAAS,GAC1BV,SAAAL,EAAA,OAAA,CACCc,MAAQ,GACRC,OAAS,GACTC,KAAOnB,EAAMoB,MACb3B,UAAYY,EAAQ,0BAGtBW,EAAM,OAAA,CAAAvB,UAAYY,EAAQ,qBAAqBG,SAAA,CAC5CR,EAAMqB,MACyC,QAA/CC,EAAA9B,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMqB,cAAM,IAAAC,OAAA,EAAAA,EAAEF,QAClDjB,EAAA,OAAA,CAAMV,UAAYY,EAAQ,qBACvBG,SAA+C,QAA/CgB,EAAAhC,EAAM+B,MAAMxB,GAAQA,EAAKC,QAAUA,EAAMqB,cAAM,IAAAG,OAAA,EAAAA,EAAEJ,aAb5CpB,EAAMqB,KAkBjB,SAKJ,8CClCH,MAAMI,EAAwB,EAAIC,UACjCV,eACGU,aAAA,EAAAA,EAAM1B,MAAK,MAAM0B,aAAI,EAAJA,EAAMC,gBAAgBD,eAAAA,EAAMN,UAIpCQ,EAAc,EAC1BF,OACAG,MACAC,OACAC,UAAWC,EAAYP,EACvBjB,WACAf,eAGCU,EAAK,MAAA,CAAAV,UAAYY,EAAiB4B,MAAQ,CAAEJ,MAAKC,QAASvB,KAAK,UAC5DC,SAAAA,GAAckB,GAAQvB,EAAC6B,GAAUN,KAAOA,EAAOjC,UAAYA,4OChB1D,MAAAyC,EAAoD,EACzDR,OACAT,QAAQ,IACRjB,QACAmC,OACA1C,YACA2C,gBAAe,EACfC,aAAY,EACZC,YAAY,GACZC,aACAC,wBAEA,MAAMC,EHjCQC,EAAYjE,IGkCpBkE,YAAEA,EAAWC,YAAEA,EAAWC,WAAEA,EAAUC,YAAEA,EAAWC,YAAEA,EAAWC,YAAEA,GACvEC,IAEKC,EAAUjC,EAAQ,EAClBC,EAASD,EAAQ,EACjBkC,EAASlC,EAAQ,EAEjBmC,EAAcD,GAAW,EAAIb,EADvB,KAINe,EAAgB3B,EAAK5B,KAAK,CAAEwD,EAAGC,KAAa,IAC9CD,EACHC,YAIKC,EAAanB,GAAaoB,KAAKC,GAAK,EAAID,KAAKC,GAAK,EAClDC,EAAWtB,EAAYoB,KAAKC,GAAK,GAAKD,KAAKC,GAAK,EAEhDE,EAAY,CACjBxC,MAASkC,GAAgDA,EAAElC,MAC3DyC,KAAM,CACLC,EACAC,IACIA,EAAE3C,MAAQ0C,EAAE1C,MAEjBD,KAAQmC,GACPA,EAAEpD,OAASuC,EAAc5D,OAAQyE,EAAEC,MAAQd,EAAc5D,OAAOmF,SAG5DC,EAAkBC,GACvB,CAAEC,EAAyBC,KAC1B,MAAMC,EAASC,EAAYH,GACpBE,GAEPrB,EAAa,CACZF,YAAasB,EAAI1C,KACjBkB,YAAayB,EAAOE,EACpB1B,WAAYwB,EAAOG,EAAI,IACrB,GAEJ,CAAExB,IAGGyB,EAAmBP,GAAa,KACrCnB,GAAa,GACX,CAAEA,IAEC2B,EAAqBR,GACxBE,GAAoBD,IACrBF,EAAiBE,EAAOC,EAAK,GAE9B,CAAEH,IAIGU,EAAcjD,EAAK5B,KAAK,CAAEC,EAAMwD,KAAa,CAClDvD,MAAOD,EAAKC,MACZoB,MAAOrB,EAAK4B,cAAgB5B,EAAKqB,MAAMwD,WACvC1E,MAAO0D,EAAUzC,KAAM,IAAKpB,EAAMwD,cAGnC,OACCvC,EACC,MAAA,CAAAvB,UAAYW,EAAM,wBAAyBC,EAAmCZ,GAAWe,SAAA,CAEzFL,SAAKc,MAAQA,EAAQC,OAASA,EAE7BV,SAAAQ,EAAC6D,EAAM,CAAAhD,IAAMqB,EAAUpB,KAAOoB,EAE7B1C,SAAA,CAAAL,EAAC2E,EACA,CAAApD,KAAO2B,EACP0B,SAAWnB,EAAUxC,MACrB4D,YAAc7B,EACdC,YAAcA,EACd6B,aAAe,EACfC,SAtEO,IAuEP1B,WAAaA,EACbG,SAAWA,EACXwB,QAAUvB,EAAUC,KAElBrD,SAAA4E,GACMA,EAAIC,KAAKvF,KAAKsE,GACpBjE,EAAA,IAAA,CAECmF,YAAcZ,EAAoBN,GAClCmB,aAAed,EAAgBjE,SAE/BL,EAAM,OAAA,CAAAmD,EAAI8B,EAAII,KAAMpB,IAAS,GAAKjD,KAAOyC,EAAUzC,KAAMiD,EAAI1C,SAJvD0C,EAAI1C,KAAK1B,WAUnBgB,EAAC6D,aACA1E,EAACsF,EACA,CAAAC,WAAW,SACXC,eAAe,QACfnB,GAAK,GACL/E,UAAYY,EAAYG,SAEtBR,IAEHG,EAACsF,EACA,CAAAC,WAAW,SACXC,eAAe,QACfnB,GAAK,GACL/E,UAAYY,EAAWG,SAErB2B,YAMJC,GAAgBO,GAAeG,GAChC3C,EAACyB,EAAW,CACXF,KAAO,CACN1B,MAAO8C,EAAY9C,MACnBoB,MAAO0B,EAAY1B,MACnBO,aAAcmB,EAAYnB,cAE3BE,IAAMgB,GAAc,EACpBf,KAAOc,GAAe,IAItBL,GACDpC,EAACyF,EACA,CAAApG,MAAQmF,EACRjF,YAAc8C,EACd/C,UAAYY,MAId"}