@automattic/charts 0.2.2 → 0.3.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.
Files changed (173) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/components/bar-chart/index.js +3 -0
  3. package/dist/cjs/components/bar-chart/index.js.LICENSE.txt +9 -0
  4. package/dist/cjs/components/bar-chart/index.js.map +1 -0
  5. package/dist/cjs/components/bar-chart/style.css +6 -0
  6. package/dist/cjs/components/bar-chart/style.css.map +1 -0
  7. package/dist/cjs/components/grid-control/index.js +3 -0
  8. package/dist/cjs/components/grid-control/index.js.LICENSE.txt +9 -0
  9. package/dist/cjs/components/grid-control/index.js.map +1 -0
  10. package/dist/cjs/components/grid-control/style.css +3 -0
  11. package/dist/cjs/components/grid-control/style.css.map +1 -0
  12. package/dist/cjs/components/legend/index.js +3 -0
  13. package/dist/cjs/components/legend/index.js.LICENSE.txt +9 -0
  14. package/dist/cjs/components/legend/index.js.map +1 -0
  15. package/dist/cjs/components/legend/style.css +3 -0
  16. package/dist/cjs/components/legend/style.css.map +1 -0
  17. package/dist/cjs/components/line-chart/index.js +3 -0
  18. package/dist/cjs/components/line-chart/index.js.LICENSE.txt +9 -0
  19. package/dist/cjs/components/line-chart/index.js.map +1 -0
  20. package/dist/cjs/components/line-chart/style.css +4 -0
  21. package/dist/cjs/components/line-chart/style.css.map +1 -0
  22. package/dist/cjs/components/pie-chart/index.js +3 -0
  23. package/dist/cjs/components/pie-chart/index.js.LICENSE.txt +9 -0
  24. package/dist/cjs/components/pie-chart/index.js.map +1 -0
  25. package/dist/cjs/components/pie-chart/style.css +5 -0
  26. package/dist/cjs/components/pie-chart/style.css.map +1 -0
  27. package/dist/cjs/components/pie-semi-circle-chart/index.js +3 -0
  28. package/dist/cjs/components/pie-semi-circle-chart/index.js.LICENSE.txt +9 -0
  29. package/dist/cjs/components/pie-semi-circle-chart/index.js.map +1 -0
  30. package/dist/cjs/components/pie-semi-circle-chart/style.css +5 -0
  31. package/dist/cjs/components/pie-semi-circle-chart/style.css.map +1 -0
  32. package/dist/cjs/components/tooltip/index.js +3 -0
  33. package/dist/cjs/components/tooltip/index.js.LICENSE.txt +9 -0
  34. package/dist/cjs/components/tooltip/index.js.map +1 -0
  35. package/dist/cjs/components/tooltip/style.css +3 -0
  36. package/dist/cjs/components/tooltip/style.css.map +1 -0
  37. package/dist/cjs/index.js +3 -0
  38. package/dist/cjs/index.js.LICENSE.txt +9 -0
  39. package/dist/cjs/index.js.map +1 -0
  40. package/dist/cjs/package.json +3 -0
  41. package/dist/cjs/providers/theme/index.js +3 -0
  42. package/dist/cjs/providers/theme/index.js.LICENSE.txt +9 -0
  43. package/dist/cjs/providers/theme/index.js.map +1 -0
  44. package/dist/cjs/style.css +9 -0
  45. package/dist/cjs/style.css.map +1 -0
  46. package/dist/mjs/components/bar-chart/index.js +3 -0
  47. package/dist/mjs/components/bar-chart/index.js.LICENSE.txt +9 -0
  48. package/dist/mjs/components/bar-chart/index.js.map +1 -0
  49. package/dist/mjs/components/bar-chart/style.css +6 -0
  50. package/dist/mjs/components/bar-chart/style.css.map +1 -0
  51. package/dist/mjs/components/grid-control/index.js +3 -0
  52. package/dist/mjs/components/grid-control/index.js.LICENSE.txt +9 -0
  53. package/dist/mjs/components/grid-control/index.js.map +1 -0
  54. package/dist/mjs/components/grid-control/style.css +3 -0
  55. package/dist/mjs/components/grid-control/style.css.map +1 -0
  56. package/dist/mjs/components/legend/index.js +3 -0
  57. package/dist/mjs/components/legend/index.js.LICENSE.txt +9 -0
  58. package/dist/mjs/components/legend/index.js.map +1 -0
  59. package/dist/mjs/components/legend/style.css +3 -0
  60. package/dist/mjs/components/legend/style.css.map +1 -0
  61. package/dist/mjs/components/line-chart/index.js +3 -0
  62. package/dist/mjs/components/line-chart/index.js.LICENSE.txt +9 -0
  63. package/dist/mjs/components/line-chart/index.js.map +1 -0
  64. package/dist/mjs/components/line-chart/style.css +4 -0
  65. package/dist/mjs/components/line-chart/style.css.map +1 -0
  66. package/dist/mjs/components/pie-chart/index.js +3 -0
  67. package/dist/mjs/components/pie-chart/index.js.LICENSE.txt +9 -0
  68. package/dist/mjs/components/pie-chart/index.js.map +1 -0
  69. package/dist/mjs/components/pie-chart/style.css +5 -0
  70. package/dist/mjs/components/pie-chart/style.css.map +1 -0
  71. package/dist/mjs/components/pie-semi-circle-chart/index.js +3 -0
  72. package/dist/mjs/components/pie-semi-circle-chart/index.js.LICENSE.txt +9 -0
  73. package/dist/mjs/components/pie-semi-circle-chart/index.js.map +1 -0
  74. package/dist/mjs/components/pie-semi-circle-chart/style.css +5 -0
  75. package/dist/mjs/components/pie-semi-circle-chart/style.css.map +1 -0
  76. package/dist/mjs/components/tooltip/index.js +3 -0
  77. package/dist/mjs/components/tooltip/index.js.LICENSE.txt +9 -0
  78. package/dist/mjs/components/tooltip/index.js.map +1 -0
  79. package/dist/mjs/components/tooltip/style.css +3 -0
  80. package/dist/mjs/components/tooltip/style.css.map +1 -0
  81. package/dist/mjs/index.js +3 -0
  82. package/dist/mjs/index.js.LICENSE.txt +9 -0
  83. package/dist/mjs/index.js.map +1 -0
  84. package/dist/mjs/package.json +3 -0
  85. package/dist/mjs/providers/theme/index.js +3 -0
  86. package/dist/mjs/providers/theme/index.js.LICENSE.txt +9 -0
  87. package/dist/mjs/providers/theme/index.js.map +1 -0
  88. package/dist/mjs/style.css +9 -0
  89. package/dist/mjs/style.css.map +1 -0
  90. package/dist/types/components/bar-chart/bar-chart.d.ts +5 -0
  91. package/dist/types/components/bar-chart/index.d.ts +1 -0
  92. package/dist/types/components/grid-control/grid-control.d.ts +4 -0
  93. package/dist/types/components/grid-control/index.d.ts +1 -0
  94. package/dist/types/components/legend/base-legend.d.ts +3 -0
  95. package/dist/types/components/legend/index.d.ts +2 -0
  96. package/dist/types/components/legend/types.d.ts +12 -0
  97. package/dist/types/components/line-chart/index.d.ts +1 -0
  98. package/dist/types/components/line-chart/line-chart.d.ts +11 -0
  99. package/dist/types/components/pie-chart/index.d.ts +1 -0
  100. package/dist/types/components/pie-chart/pie-chart.d.ts +9 -0
  101. package/dist/types/components/pie-semi-circle-chart/index.d.ts +1 -0
  102. package/dist/types/components/pie-semi-circle-chart/pie-semi-circle-chart.d.ts +22 -0
  103. package/dist/types/components/shared/with-responsive.d.ts +17 -0
  104. package/dist/types/components/tooltip/base-tooltip.d.ts +29 -0
  105. package/dist/types/components/tooltip/index.d.ts +2 -0
  106. package/dist/types/hooks/use-chart-mouse-handler.d.ts +41 -0
  107. package/dist/types/index.d.ts +8 -0
  108. package/dist/types/providers/theme/index.d.ts +2 -0
  109. package/dist/types/providers/theme/theme-provider.d.ts +18 -0
  110. package/dist/types/providers/theme/themes.d.ts +14 -0
  111. package/dist/types/types.d.ts +137 -0
  112. package/index.ts +1 -1
  113. package/package.json +46 -40
  114. package/src/components/bar-chart/bar-chart.tsx +12 -6
  115. package/src/components/grid-control/grid-control.tsx +1 -1
  116. package/src/components/line-chart/line-chart.tsx +6 -3
  117. package/src/components/pie-chart/pie-chart.tsx +16 -8
  118. package/src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx +4 -2
  119. package/src/components/shared/with-responsive.tsx +53 -0
  120. package/src/hooks/use-chart-mouse-handler.ts +1 -1
  121. package/src/index.ts +0 -4
  122. package/src/providers/theme/theme-provider.tsx +1 -1
  123. package/src/providers/theme/themes.ts +1 -1
  124. package/src/{components/shared/types.d.ts → types.ts} +1 -1
  125. package/tools/fixup.sh +11 -0
  126. package/webpack.config.cjs +141 -0
  127. package/dist/components/bar-chart/index.cjs.js +0 -2
  128. package/dist/components/bar-chart/index.cjs.js.map +0 -1
  129. package/dist/components/bar-chart/index.js +0 -2
  130. package/dist/components/bar-chart/index.js.map +0 -1
  131. package/dist/components/bar-chart/style.css +0 -95
  132. package/dist/components/grid-control/index.cjs.js +0 -2
  133. package/dist/components/grid-control/index.cjs.js.map +0 -1
  134. package/dist/components/grid-control/index.js +0 -2
  135. package/dist/components/grid-control/index.js.map +0 -1
  136. package/dist/components/grid-control/style.css +0 -95
  137. package/dist/components/legend/index.cjs.js +0 -2
  138. package/dist/components/legend/index.cjs.js.map +0 -1
  139. package/dist/components/legend/index.js +0 -2
  140. package/dist/components/legend/index.js.map +0 -1
  141. package/dist/components/legend/style.css +0 -95
  142. package/dist/components/line-chart/index.cjs.js +0 -2
  143. package/dist/components/line-chart/index.cjs.js.map +0 -1
  144. package/dist/components/line-chart/index.js +0 -2
  145. package/dist/components/line-chart/index.js.map +0 -1
  146. package/dist/components/line-chart/style.css +0 -95
  147. package/dist/components/pie-chart/index.cjs.js +0 -2
  148. package/dist/components/pie-chart/index.cjs.js.map +0 -1
  149. package/dist/components/pie-chart/index.js +0 -2
  150. package/dist/components/pie-chart/index.js.map +0 -1
  151. package/dist/components/pie-chart/style.css +0 -95
  152. package/dist/components/pie-semi-circle-chart/index.cjs.js +0 -2
  153. package/dist/components/pie-semi-circle-chart/index.cjs.js.map +0 -1
  154. package/dist/components/pie-semi-circle-chart/index.js +0 -2
  155. package/dist/components/pie-semi-circle-chart/index.js.map +0 -1
  156. package/dist/components/pie-semi-circle-chart/style.css +0 -95
  157. package/dist/components/tooltip/index.cjs.js +0 -2
  158. package/dist/components/tooltip/index.cjs.js.map +0 -1
  159. package/dist/components/tooltip/index.js +0 -2
  160. package/dist/components/tooltip/index.js.map +0 -1
  161. package/dist/components/tooltip/style.css +0 -95
  162. package/dist/index.d.ts +0 -16386
  163. package/dist/index.js +0 -2
  164. package/dist/index.js.map +0 -1
  165. package/dist/index.mjs +0 -2
  166. package/dist/index.mjs.map +0 -1
  167. package/dist/providers/theme/index.cjs.js +0 -2
  168. package/dist/providers/theme/index.cjs.js.map +0 -1
  169. package/dist/providers/theme/index.js +0 -2
  170. package/dist/providers/theme/index.js.map +0 -1
  171. package/dist/providers/theme/style.css +0 -95
  172. package/dist/style.css +0 -95
  173. package/rollup.config.mjs +0 -142
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/pie-chart/index.js","mappings":"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","sources":["webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js","webpack://@automattic/charts/external module \"react\"","webpack://@automattic/charts/webpack/bootstrap","webpack://@automattic/charts/webpack/runtime/define property getters","webpack://@automattic/charts/webpack/runtime/hasOwnProperty shorthand","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack://@automattic/charts/external module \"@visx/group\"","webpack://@automattic/charts/external module \"@visx/shape\"","webpack://@automattic/charts/external module \"clsx\"","webpack://@automattic/charts/external module \"@visx/event\"","webpack://@automattic/charts/external module \"@visx/tooltip\"","webpack://@automattic/charts/./src/providers/theme/themes.ts","webpack://@automattic/charts/./src/providers/theme/theme-provider.tsx","webpack://@automattic/charts/external module \"@visx/legend\"","webpack://@automattic/charts/external module \"@visx/scale\"","webpack://@automattic/charts/./src/components/legend/legend.module.scss?843e","webpack://@automattic/charts/./src/components/legend/base-legend.tsx","webpack://@automattic/charts/external module \"@visx/responsive\"","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.tsx","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss?1d14","webpack://@automattic/charts/./src/components/pie-chart/pie-chart.module.scss?1ca3","webpack://@automattic/charts/./src/components/pie-chart/pie-chart.tsx","webpack://@automattic/charts/./src/hooks/use-chart-mouse-handler.ts","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/slicedToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js","webpack://@automattic/charts/./src/components/shared/with-responsive.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","function _arrayLikeToArray(r, a) {\n (null == a || a > r.length) && (a = r.length);\n for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n return n;\n}\nexport { _arrayLikeToArray as default };","function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\nexport { _typeof as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n value: t,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Group\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__.Group) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Pie\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_shape_3711bad4__.Pie) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"default\"]: () => (__WEBPACK_EXTERNAL_MODULE_clsx__[\"default\"]) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"localPoint\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__.localPoint) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useTooltip\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__.useTooltip) });","import type { ChartTheme } from '../../types';\n\n/**\n * Default theme configuration\n */\nconst defaultTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Jetpack theme configuration\n */\nconst jetpackTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Woo theme configuration\n */\nconst wooTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#80C8FF', '#B999FF', '#3858E9' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\nexport { defaultTheme, jetpackTheme, wooTheme };\n","import { createContext, useContext, FC, type ReactNode } from 'react';\nimport { defaultTheme } from './themes';\nimport type { ChartTheme } from '../../types';\n\n/**\n * Context for sharing theme configuration across components\n */\nconst ThemeContext = createContext< ChartTheme >( defaultTheme );\n\n/**\n * Hook to access chart theme\n * @return {object} A built theme configuration compatible with visx charts\n */\nconst useChartTheme = () => {\n\tconst theme = useContext( ThemeContext );\n\treturn theme;\n};\n\n/**\n * Props for the ThemeProvider component\n */\ntype ThemeProviderProps = {\n\t/** Optional partial theme override */\n\ttheme?: Partial< ChartTheme >;\n\t/** Child components that will have access to the theme */\n\tchildren: ReactNode;\n};\n\n// Provider component for chart theming\n// Allows theme customization through props while maintaining default values\nconst ThemeProvider: FC< ThemeProviderProps > = ( { theme = {}, children } ) => {\n\tconst mergedTheme = { ...defaultTheme, ...theme };\n\treturn <ThemeContext.Provider value={ mergedTheme }>{ children }</ThemeContext.Provider>;\n};\n\nexport { ThemeProvider, useChartTheme };\n","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"LegendOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__.LegendOrdinal) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"scaleOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__.scaleOrdinal) });","// extracted by mini-css-extract-plugin\nexport default {\"legend--horizontal\":\"b1_5FxxoK4aEFLoe67IA\",\"legend--vertical\":\"vpmQkJAPhp3XJ9Wb6vOw\",\"legend-item\":\"IKM8KG1lF9e5NzDqMLOJ\",\"legend-item-swatch\":\"_eccyBq0v2puKsHw8XND\",\"legend-item-label\":\"UeZrUEpEK0tLzXHmeUco\",\"legend-item-value\":\"R5msPOYKm79jYV13H0v7\"};","import { LegendOrdinal } from '@visx/legend';\nimport { scaleOrdinal } from '@visx/scale';\nimport clsx from 'clsx';\nimport { FC } from 'react';\nimport styles from './legend.module.scss';\nimport type { LegendProps } from './types';\n\n/**\n * Base legend component that displays color-coded items with labels using visx\n * @param {object} props - Component properties\n * @param {Array} props.items - Array of legend items to display\n * @param {string} props.className - Additional CSS class names\n * @param {string} props.orientation - Layout orientation (horizontal/vertical)\n * @return {JSX.Element} Rendered legend component\n */\nconst orientationToFlexDirection = {\n\thorizontal: 'row' as const,\n\tvertical: 'column' as const,\n};\n\nexport const BaseLegend: FC< LegendProps > = ( {\n\titems,\n\tclassName,\n\torientation = 'horizontal',\n} ) => {\n\tconst legendScale = scaleOrdinal( {\n\t\tdomain: items.map( item => item.label ),\n\t\trange: items.map( item => item.color ),\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( styles.legend, styles[ `legend--${ orientation }` ], className ) }\n\t\t\trole=\"list\"\n\t\t>\n\t\t\t<LegendOrdinal\n\t\t\t\tscale={ legendScale }\n\t\t\t\tdirection={ orientationToFlexDirection[ orientation ] }\n\t\t\t\tshape=\"rect\"\n\t\t\t\tshapeWidth={ 16 }\n\t\t\t\tshapeHeight={ 16 }\n\t\t\t\tclassName={ styles[ 'legend-items' ] }\n\t\t\t>\n\t\t\t\t{ labels => (\n\t\t\t\t\t<div className={ styles[ `legend--${ orientation }` ] }>\n\t\t\t\t\t\t{ labels.map( label => (\n\t\t\t\t\t\t\t<div key={ label.text } className={ styles[ 'legend-item' ] }>\n\t\t\t\t\t\t\t\t<svg width={ 16 } height={ 16 }>\n\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\twidth={ 16 }\n\t\t\t\t\t\t\t\t\t\theight={ 16 }\n\t\t\t\t\t\t\t\t\t\tfill={ label.value }\n\t\t\t\t\t\t\t\t\t\tclassName={ styles[ 'legend-item-swatch' ] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-label' ] }>\n\t\t\t\t\t\t\t\t\t{ label.text }\n\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value && (\n\t\t\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-value' ] }>\n\t\t\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</LegendOrdinal>\n\t\t</div>\n\t);\n};\n","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useParentSize\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__.useParentSize) });","import styles from './base-tooltip.module.scss';\nimport type { CSSProperties, ComponentType, ReactNode } from 'react';\n\ntype TooltipData = {\n\tlabel: string;\n\tvalue: number;\n\tvalueDisplay?: string;\n};\n\ntype TooltipComponentProps = {\n\tdata: TooltipData;\n\tclassName?: string;\n};\n\ntype TooltipCommonProps = {\n\ttop: number;\n\tleft: number;\n\tstyle?: CSSProperties;\n\tclassName?: string;\n};\n\ntype DefaultDataTooltip = {\n\tdata: TooltipData;\n\tcomponent?: ComponentType< TooltipComponentProps >;\n\tchildren?: never;\n};\n\ntype CustomTooltip = {\n\tchildren: ReactNode;\n\tdata?: never;\n\tcomponent?: never;\n};\n\ntype BaseTooltipProps = TooltipCommonProps & ( DefaultDataTooltip | CustomTooltip );\n\nconst DefaultTooltipContent = ( { data }: TooltipComponentProps ) => (\n\t<>\n\t\t{ data?.label }: { data?.valueDisplay || data?.value }\n\t</>\n);\n\nexport const BaseTooltip = ( {\n\tdata,\n\ttop,\n\tleft,\n\tcomponent: Component = DefaultTooltipContent,\n\tchildren,\n\tclassName,\n}: BaseTooltipProps ) => {\n\treturn (\n\t\t<div className={ styles.tooltip } style={ { top, left } } role=\"tooltip\">\n\t\t\t{ children || ( data && <Component data={ data } className={ className } /> ) }\n\t\t</div>\n\t);\n};\n\nexport type { BaseTooltipProps, TooltipData };\n","// extracted by mini-css-extract-plugin\nexport default {\"tooltip\":\"Jmgc7XAf2uAyK5059rBe\"};","// extracted by mini-css-extract-plugin\nexport default {\"pie-chart\":\"R2Ly_tkJtgL0HA8P3fpm\"};","import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport clsx from 'clsx';\nimport { SVGProps, type MouseEvent } from 'react';\nimport useChartMouseHandler from '../../hooks/use-chart-mouse-handler';\nimport { useChartTheme, defaultTheme } from '../../providers/theme';\nimport { Legend } from '../legend';\nimport { withResponsive } from '../shared/with-responsive';\nimport { BaseTooltip } from '../tooltip';\nimport styles from './pie-chart.module.scss';\nimport type { BaseChartProps, DataPointPercentage } from '../../types';\n\n// TODO: add animation\n\ninterface PieChartProps extends BaseChartProps< DataPointPercentage[] > {\n\t/**\n\t * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.\n\t */\n\tinnerRadius?: number;\n}\n\n/**\n * Renders a pie or donut chart using the provided data.\n *\n * @param {PieChartProps} props - Component props\n * @return {JSX.Element} The rendered chart component\n */\nconst PieChart = ( {\n\tdata,\n\twidth = 500, //TODO: replace when making the components responsive\n\theight = 500, //TODO: replace when making the components responsive\n\twithTooltips = false,\n\tinnerRadius = 0,\n\tclassName,\n\tshowLegend,\n\tlegendOrientation,\n}: PieChartProps ) => {\n\tconst providerTheme = useChartTheme();\n\tconst { onMouseMove, onMouseLeave, tooltipOpen, tooltipData, tooltipLeft, tooltipTop } =\n\t\tuseChartMouseHandler( {\n\t\t\twithTooltips,\n\t\t} );\n\n\t// Calculate radius based on width/height\n\tconst radius = Math.min( width, height ) / 2;\n\tconst centerX = width / 2;\n\tconst centerY = height / 2;\n\n\t// Map the data to include index for color assignment\n\tconst dataWithIndex = data.map( ( d, index ) => ( {\n\t\t...d,\n\t\tindex,\n\t} ) );\n\n\tconst accessors = {\n\t\tvalue: ( d: DataPointPercentage ) => d.value,\n\t\t// Use the color property from the data object as a last resort. The theme provides colours by default.\n\t\tfill: ( d: DataPointPercentage & { index: number } ) =>\n\t\t\td?.color || providerTheme.colors[ d.index ],\n\t};\n\n\t// Create legend items from data\n\tconst legendItems = data.map( ( item, index ) => ( {\n\t\tlabel: item.label,\n\t\tvalue: item.value.toString(),\n\t\tcolor: providerTheme.colors[ index % providerTheme.colors.length ],\n\t} ) );\n\n\treturn (\n\t\t<div className={ clsx( 'pie-chart', styles[ 'pie-chart' ], className ) }>\n\t\t\t<svg width={ width } height={ height }>\n\t\t\t\t<Group top={ centerY } left={ centerX }>\n\t\t\t\t\t<Pie< DataPointPercentage & { index: number } >\n\t\t\t\t\t\tdata={ dataWithIndex }\n\t\t\t\t\t\tpieValue={ accessors.value }\n\t\t\t\t\t\touterRadius={ radius - 20 } // Leave space for labels/tooltips\n\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ pie => {\n\t\t\t\t\t\t\treturn pie.arcs.map( ( arc, index ) => {\n\t\t\t\t\t\t\t\tconst [ centroidX, centroidY ] = pie.path.centroid( arc );\n\t\t\t\t\t\t\t\tconst hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n\t\t\t\t\t\t\t\tconst handleMouseMove = ( event: MouseEvent< SVGElement > ) =>\n\t\t\t\t\t\t\t\t\tonMouseMove( event, arc.data );\n\n\t\t\t\t\t\t\t\tconst pathProps: SVGProps< SVGPathElement > = {\n\t\t\t\t\t\t\t\t\td: pie.path( arc ) || '',\n\t\t\t\t\t\t\t\t\tfill: accessors.fill( arc.data ),\n\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\tif ( withTooltips ) {\n\t\t\t\t\t\t\t\t\tpathProps.onMouseMove = handleMouseMove;\n\t\t\t\t\t\t\t\t\tpathProps.onMouseLeave = onMouseLeave;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<g key={ `arc-${ index }` }>\n\t\t\t\t\t\t\t\t\t\t<path { ...pathProps } />\n\t\t\t\t\t\t\t\t\t\t{ hasSpaceForLabel && (\n\t\t\t\t\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX }\n\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY }\n\t\t\t\t\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\t\t\tproviderTheme.labelBackgroundColor || defaultTheme.labelBackgroundColor\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 12 }\n\t\t\t\t\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ arc.data.label }\n\t\t\t\t\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t</Pie>\n\t\t\t\t</Group>\n\t\t\t</svg>\n\n\t\t\t{ showLegend && (\n\t\t\t\t<Legend\n\t\t\t\t\titems={ legendItems }\n\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\tclassName={ styles[ 'pie-chart-legend' ] }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t<BaseTooltip\n\t\t\t\t\tdata={ tooltipData }\n\t\t\t\t\ttop={ tooltipTop || 0 }\n\t\t\t\t\tleft={ tooltipLeft || 0 }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\ttransform: 'translate(-50%, -100%)',\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nPieChart.displayName = 'PieChart';\nexport default withResponsive< PieChartProps >( PieChart );\n","import { localPoint } from '@visx/event';\nimport { useTooltip } from '@visx/tooltip';\nimport { useCallback, type MouseEvent } from 'react';\nimport type { DataPoint } from '../types';\n\ntype UseChartMouseHandlerProps = {\n\t/**\n\t * Whether tooltips are enabled\n\t */\n\twithTooltips: boolean;\n};\n\ntype UseChartMouseHandlerReturn = {\n\t/**\n\t * Handler for mouse move events\n\t */\n\tonMouseMove: ( event: React.MouseEvent< SVGElement >, data: DataPoint ) => void;\n\t/**\n\t * Handler for mouse leave events\n\t */\n\tonMouseLeave: () => void;\n\t/**\n\t * Whether the tooltip is currently open\n\t */\n\ttooltipOpen: boolean;\n\t/**\n\t * The current tooltip data\n\t */\n\ttooltipData: DataPoint | null;\n\t/**\n\t * The current tooltip left position\n\t */\n\ttooltipLeft: number | undefined;\n\t/**\n\t * The current tooltip top position\n\t */\n\ttooltipTop: number | undefined;\n};\n\n/**\n * Hook to handle mouse interactions for chart components\n *\n * @param {UseChartMouseHandlerProps} props - Hook configuration\n * @return {UseChartMouseHandlerReturn} Object containing handlers and tooltip state\n */\nconst useChartMouseHandler = ( {\n\twithTooltips,\n}: UseChartMouseHandlerProps ): UseChartMouseHandlerReturn => {\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< DataPoint >();\n\n\t// TODO: either debounce/throttle or use useTooltipInPortal with built-in debounce\n\tconst onMouseMove = useCallback(\n\t\t( event: MouseEvent< SVGElement >, data: DataPoint ) => {\n\t\t\tif ( ! withTooltips ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst coords = localPoint( event );\n\t\t\tif ( ! coords ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tshowTooltip( {\n\t\t\t\ttooltipData: data,\n\t\t\t\ttooltipLeft: coords.x,\n\t\t\t\ttooltipTop: coords.y - 10,\n\t\t\t} );\n\t\t},\n\t\t[ withTooltips, showTooltip ]\n\t);\n\n\tconst onMouseLeave = useCallback( () => {\n\t\tif ( ! withTooltips ) {\n\t\t\treturn;\n\t\t}\n\t\thideTooltip();\n\t}, [ withTooltips, hideTooltip ] );\n\n\treturn {\n\t\tonMouseMove,\n\t\tonMouseLeave,\n\t\ttooltipOpen,\n\t\ttooltipData: tooltipData || null,\n\t\ttooltipLeft,\n\t\ttooltipTop,\n\t};\n};\n\nexport default useChartMouseHandler;\n","import arrayWithHoles from \"./arrayWithHoles.js\";\nimport iterableToArrayLimit from \"./iterableToArrayLimit.js\";\nimport unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nimport nonIterableRest from \"./nonIterableRest.js\";\nfunction _slicedToArray(r, e) {\n return arrayWithHoles(r) || iterableToArrayLimit(r, e) || unsupportedIterableToArray(r, e) || nonIterableRest();\n}\nexport { _slicedToArray as default };","function _arrayWithHoles(r) {\n if (Array.isArray(r)) return r;\n}\nexport { _arrayWithHoles as default };","function _iterableToArrayLimit(r, l) {\n var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n if (null != t) {\n var e,\n n,\n i,\n u,\n a = [],\n f = !0,\n o = !1;\n try {\n if (i = (t = t.call(r)).next, 0 === l) {\n if (Object(t) !== t) return;\n f = !1;\n } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n } catch (r) {\n o = !0, n = r;\n } finally {\n try {\n if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return;\n } finally {\n if (o) throw n;\n }\n }\n return a;\n }\n}\nexport { _iterableToArrayLimit as default };","import arrayLikeToArray from \"./arrayLikeToArray.js\";\nfunction _unsupportedIterableToArray(r, a) {\n if (r) {\n if (\"string\" == typeof r) return arrayLikeToArray(r, a);\n var t = {}.toString.call(r).slice(8, -1);\n return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? arrayLikeToArray(r, a) : void 0;\n }\n}\nexport { _unsupportedIterableToArray as default };","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nexport { _nonIterableRest as default };","import { useParentSize } from '@visx/responsive';\nimport { ComponentType } from 'react';\nimport type { BaseChartProps } from '../../types';\n\ntype ResponsiveConfig = {\n\tmaxWidth?: number;\n\taspectRatio?: number;\n\tdebounceTime?: number;\n};\n\n/**\n * A higher-order component that provides responsive width and height\n * to the wrapped chart component using useParentSize from @visx/responsive.\n *\n * @param WrappedComponent - The chart component to be wrapped.\n * @param config - Optional configuration for responsive behavior\n * @return A functional component that renders the wrapped component with responsive dimensions.\n */\nexport function withResponsive< T extends BaseChartProps< unknown > >(\n\tWrappedComponent: ComponentType< T >,\n\tconfig?: ResponsiveConfig\n) {\n\tconst { maxWidth = 1200, aspectRatio = 0.5, debounceTime = 50 } = config || {};\n\n\treturn function ResponsiveChart( props: Omit< T, 'width' | 'height' > ) {\n\t\tconst { parentRef, width: parentWidth } = useParentSize( {\n\t\t\tdebounceTime,\n\t\t\tenableDebounceLeadingCall: true,\n\t\t\tinitialSize: { width: 600, height: 400 },\n\t\t} );\n\n\t\t// Calculate dimensions\n\t\tconst containerWidth = parentWidth ? Math.min( parentWidth, maxWidth ) : 600;\n\t\tconst containerHeight = containerWidth * aspectRatio;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ parentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tminHeight: `${ containerHeight }px`,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<WrappedComponent\n\t\t\t\t\twidth={ containerWidth }\n\t\t\t\t\theight={ containerHeight }\n\t\t\t\t\t// When width and height are passed as props, they will override the responsive values, and the chart will become fixed size.\n\t\t\t\t\t{ ...( props as T ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t};\n}\n"],"names":["f","k","Symbol","for","l","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports","Fragment","jsx","jsxs","module","__WEBPACK_EXTERNAL_MODULE_react__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","_arrayLikeToArray","r","length","Array","_typeof","iterator","constructor","t","i","toPrimitive","TypeError","String","toPropertyKey","value","configurable","writable","y","__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__","x","__WEBPACK_EXTERNAL_MODULE__visx_shape_3711bad4__","__WEBPACK_EXTERNAL_MODULE_clsx__","__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__","__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__","defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__","__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__","orientationToFlexDirection","horizontal","vertical","BaseLegend","_ref","items","className","_ref$orientation","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","concat","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_items$find","_items$find2","_jsxs","width","height","fill","text","find","__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__","DefaultTooltipContent","data","_Fragment","valueDisplay","BaseTooltip","_ref2","top","left","_ref2$component","component","Component","style","PieChart","_ref$width","_ref$height","_ref$withTooltips","withTooltips","_ref$innerRadius","innerRadius","showLegend","legendOrientation","providerTheme","useContext","_useChartMouseHandler","_useTooltip","useTooltip","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","onMouseMove","useCallback","event","coords","localPoint","onMouseLeave","useChartMouseHandler","radius","Math","min","centerX","centerY","dataWithIndex","index","_objectSpread","accessors","legendItems","toString","Group","Pie","pieValue","outerRadius","pie","arcs","arc","_pie$path$centroid2","path","centroid","isArray","u","next","done","push","slice","name","from","test","centroidX","centroidY","hasSpaceForLabel","endAngle","startAngle","pathProps","dy","fontSize","textAnchor","pointerEvents","Legend","transform","displayName","WrappedComponent","_ref$maxWidth","maxWidth","aspectRatio","_ref$aspectRatio","debounceTime","_ref$debounceTime","_useParentSize","useParentSize","enableDebounceLeadingCall","initialSize","parentRef","parentWidth","containerWidth","containerHeight","minHeight"],"sourceRoot":""}
@@ -0,0 +1,5 @@
1
+ .R2Ly_tkJtgL0HA8P3fpm{position:relative}
2
+ .b1_5FxxoK4aEFLoe67IA{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.vpmQkJAPhp3XJ9Wb6vOw{display:flex;flex-direction:column;gap:8px}.IKM8KG1lF9e5NzDqMLOJ{display:flex;align-items:center;gap:8px;font-size:.875rem}._eccyBq0v2puKsHw8XND{border-radius:2px}.UeZrUEpEK0tLzXHmeUco{color:var(--jp-gray-80, #2c3338);display:flex;align-items:center;gap:.5rem}.R5msPOYKm79jYV13H0v7{font-weight:500}
3
+ .Jmgc7XAf2uAyK5059rBe{padding:.5rem;background-color:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.1);position:absolute;pointer-events:none;transform:translate(-50%, -100%)}
4
+
5
+ /*# sourceMappingURL=style.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/pie-chart/style.css","mappings":"AAAA,sBACC,kB;ACAA,sBACC,aACA,mBACA,eACA,SAGD,sBACC,aACA,sBACA,QAIF,sBACC,aACA,mBACA,QACA,kBAGD,sBACC,kBAGD,sBACC,iCACA,aACA,mBACA,UAGD,sBACC,gB;AClCD,sBACE,cACA,iCACA,WACA,kBACA,eACA,oCACA,kBACA,oBACA,iC","sources":["webpack://@automattic/charts/./src/components/pie-chart/pie-chart.module.scss","webpack://@automattic/charts/./src/components/legend/legend.module.scss","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss"],"sourcesContent":[".pie-chart {\n\tposition: relative;\n}\n",".legend {\n\t&--horizontal {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\tgap: 16px;\n\t}\n\n\t&--vertical {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t}\n}\n\n.legend-item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 0.875rem;\n}\n\n.legend-item-swatch {\n\tborder-radius: 2px;\n}\n\n.legend-item-label {\n\tcolor: var(--jp-gray-80, #2c3338);\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n}\n\n.legend-item-value {\n\tfont-weight: 500;\n}\n",".tooltip {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: white;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}\n"],"names":[],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ /*! For license information please see index.js.LICENSE.txt */
2
+ import*as e from"react";import*as t from"@visx/event";import*as r from"@visx/group";import*as o from"@visx/shape/lib/shapes/Pie";import*as n from"@visx/text";import*as i from"@visx/tooltip";import*as a from"clsx";import*as l from"@visx/legend";import*as s from"@visx/scale";import*as c from"@visx/responsive";var u={572:(e,t,r)=>{var o=r(649),n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var o,i={},c=null,u=null;for(o in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:n,type:e,key:c,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},48:(e,t,r)=>{e.exports=r(572)},649:t=>{t.exports=e}},d={};function p(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return u[e](r,r.exports,p),r.exports}p.d=(e,t)=>{for(var r in t)p.o(t,r)&&!p.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},p.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var f={};function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function m(e,t,r){return(t=function(e){var t=function(e){if("object"!=v(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==v(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}p.d(f,{r:()=>W});const h=(b={localPoint:()=>t.localPoint},y={},p.d(y,b),y);var b,y;const g=(e=>{var t={};return p.d(t,e),t})({Group:()=>r.Group}),x=(e=>{var t={};return p.d(t,e),t})({default:()=>o.default}),j=(e=>{var t={};return p.d(t,e),t})({Text:()=>n.Text}),O=(e=>{var t={};return p.d(t,e),t})({useTooltip:()=>i.useTooltip}),P=(e=>{var t={};return p.d(t,e),t})({default:()=>a.default});var w=p(649),F={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},S=p(48),D=(0,w.createContext)(F);const N=(e=>{var t={};return p.d(t,e),t})({LegendOrdinal:()=>l.LegendOrdinal}),C=(e=>{var t={};return p.d(t,e),t})({scaleOrdinal:()=>s.scaleOrdinal}),k={"legend--horizontal":"b1_5FxxoK4aEFLoe67IA","legend--vertical":"vpmQkJAPhp3XJ9Wb6vOw","legend-item":"IKM8KG1lF9e5NzDqMLOJ","legend-item-swatch":"_eccyBq0v2puKsHw8XND","legend-item-label":"UeZrUEpEK0tLzXHmeUco","legend-item-value":"R5msPOYKm79jYV13H0v7"};var T={horizontal:"row",vertical:"column"},_=function(e){var t=e.items,r=e.className,o=e.orientation,n=void 0===o?"horizontal":o,i=(0,C.scaleOrdinal)({domain:t.map((function(e){return e.label})),range:t.map((function(e){return e.color}))});return(0,S.jsx)("div",{className:(0,P.default)(k.legend,k["legend--".concat(n)],r),role:"list",children:(0,S.jsx)(N.LegendOrdinal,{scale:i,direction:T[n],shape:"rect",shapeWidth:16,shapeHeight:16,className:k["legend-items"],children:function(e){return(0,S.jsx)("div",{className:k["legend--".concat(n)],children:e.map((function(e){var r,o;return(0,S.jsxs)("div",{className:k["legend-item"],children:[(0,S.jsx)("svg",{width:16,height:16,children:(0,S.jsx)("rect",{width:16,height:16,fill:e.value,className:k["legend-item-swatch"]})}),(0,S.jsxs)("span",{className:k["legend-item-label"],children:[e.text,(null===(r=t.find((function(t){return t.label===e.text})))||void 0===r?void 0:r.value)&&(0,S.jsx)("span",{className:k["legend-item-value"],children:null===(o=t.find((function(t){return t.label===e.text})))||void 0===o?void 0:o.value})]})]},e.text)}))})}})})};const L=(e=>{var t={};return p.d(t,e),t})({useParentSize:()=>c.useParentSize});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var R=function(e){var t=e.data;return(0,S.jsxs)(S.Fragment,{children:[null==t?void 0:t.label,": ",(null==t?void 0:t.valueDisplay)||(null==t?void 0:t.value)]})},M=function(e){var t=e.data,r=e.top,o=e.left,n=e.component,i=void 0===n?R:n,a=e.children,l=e.className;return(0,S.jsx)("div",{className:"Jmgc7XAf2uAyK5059rBe",style:{top:r,left:o},role:"tooltip",children:a||t&&(0,S.jsx)(i,{data:t,className:l})})};function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var K=function(e){var t=e.data,r=e.width,o=void 0===r?500:r,n=e.label,i=e.note,a=e.className,l=e.withTooltips,s=void 0!==l&&l,c=e.clockwise,u=void 0===c||c,d=e.thickness,p=void 0===d?.4:d,f=e.showLegend,v=e.legendOrientation,m=(0,w.useContext)(D),b=(0,O.useTooltip)(),y=b.tooltipOpen,F=b.tooltipLeft,N=b.tooltipTop,C=b.tooltipData,k=b.hideTooltip,T=b.showTooltip,L=o/2,E=o/2,A=o/2,R=A*(1-p+.03),z=t.map((function(e,t){return I(I({},e),{},{index:t})})),K=u?-Math.PI/2:Math.PI/2,W=u?Math.PI/2:-Math.PI/2,B={value:function(e){return e.value},sort:function(e,t){return t.value-e.value},fill:function(e){return e.color||m.colors[e.index%m.colors.length]}},H=(0,w.useCallback)((function(e,t){var r=(0,h.localPoint)(e);r&&T({tooltipData:t.data,tooltipLeft:r.x,tooltipTop:r.y-10})}),[T]),q=(0,w.useCallback)((function(){k()}),[k]),J=(0,w.useCallback)((function(e){return function(t){H(t,e)}}),[H]),G=t.map((function(e,t){return{label:e.label,value:e.valueDisplay||e.value.toString(),color:B.fill(I(I({},e),{},{index:t}))}}));return(0,S.jsxs)("div",{className:(0,P.default)("pie-semi-circle-chart","oJsjYo330oeLpWqpqf4w",a),children:[(0,S.jsx)("svg",{width:o,height:E,children:(0,S.jsxs)(g.Group,{top:L,left:L,children:[(0,S.jsx)(x.default,{data:z,pieValue:B.value,outerRadius:A,innerRadius:R,cornerRadius:3,padAngle:.03,startAngle:K,endAngle:W,pieSort:B.sort,children:function(e){return e.arcs.map((function(t){return(0,S.jsx)("g",{onMouseMove:J(t),onMouseLeave:q,children:(0,S.jsx)("path",{d:e.path(t)||"",fill:B.fill(t.data)})},t.data.label)}))}}),(0,S.jsxs)(g.Group,{children:[(0,S.jsx)(j.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:"bxF3iRlHVJNqwEjRY9QD",children:n}),(0,S.jsx)(j.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:"tA3u0r3RunHmbWFBLrqW",children:i})]})]})}),s&&y&&C&&(0,S.jsx)(M,{data:{label:C.label,value:C.value,valueDisplay:C.valueDisplay},top:N||0,left:F||0}),f&&(0,S.jsx)(_,{items:G,orientation:v,className:"aV40KcaCeoEycQ2crVkB"})]})};K.displayName="PieSemiCircleChart";const W=(B=K,q=(H={}).maxWidth,J=void 0===q?1200:q,U=void 0===(G=H.aspectRatio)?.5:G,Y=void 0===(V=H.debounceTime)?50:V,function(e){var t=(0,L.useParentSize)({debounceTime:Y,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),r=t.parentRef,o=t.width,n=o?Math.min(o,J):600,i=n*U;return(0,S.jsx)("div",{ref:r,style:{width:"100%",minHeight:"".concat(i,"px")},children:(0,S.jsx)(B,A({width:n,height:i},e))})});var B,H,q,J,G,U,V,Y,X=f.r;export{X as PieSemiCircleChart};
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/pie-semi-circle-chart/index.js","mappings":"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","sources":["webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js","webpack://@automattic/charts/external module \"react\"","webpack://@automattic/charts/webpack/bootstrap","webpack://@automattic/charts/webpack/runtime/define property getters","webpack://@automattic/charts/webpack/runtime/hasOwnProperty shorthand","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/typeof.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack://@automattic/charts/../../../node_modules/.pnpm/@babel+runtime@7.26.0/node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack://@automattic/charts/external module \"@visx/event\"","webpack://@automattic/charts/external module \"@visx/group\"","webpack://@automattic/charts/external module \"@visx/shape/lib/shapes/Pie\"","webpack://@automattic/charts/external module \"@visx/text\"","webpack://@automattic/charts/external module \"@visx/tooltip\"","webpack://@automattic/charts/external module \"clsx\"","webpack://@automattic/charts/./src/providers/theme/themes.ts","webpack://@automattic/charts/./src/providers/theme/theme-provider.tsx","webpack://@automattic/charts/external module \"@visx/legend\"","webpack://@automattic/charts/external module \"@visx/scale\"","webpack://@automattic/charts/./src/components/legend/legend.module.scss?843e","webpack://@automattic/charts/./src/components/legend/base-legend.tsx","webpack://@automattic/charts/external module \"@visx/responsive\"","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.tsx","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss?1d14","webpack://@automattic/charts/./src/components/pie-semi-circle-chart/pie-semi-circle-chart.tsx","webpack://@automattic/charts/./src/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss?31c2","webpack://@automattic/charts/./src/components/shared/with-responsive.tsx"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}\nexport { _typeof as default };","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperty(e, r, t) {\n return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {\n value: t,\n enumerable: !0,\n configurable: !0,\n writable: !0\n }) : e[r] = t, e;\n}\nexport { _defineProperty as default };","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nfunction toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nexport { toPropertyKey as default };","import _typeof from \"./typeof.js\";\nfunction toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}\nexport { toPrimitive as default };","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"localPoint\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__.localPoint) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Group\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__.Group) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"default\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_shape_lib_shapes_Pie_08ab59ce__[\"default\"]) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"Text\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_text_459b7199__.Text) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useTooltip\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__.useTooltip) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"default\"]: () => (__WEBPACK_EXTERNAL_MODULE_clsx__[\"default\"]) });","import type { ChartTheme } from '../../types';\n\n/**\n * Default theme configuration\n */\nconst defaultTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Jetpack theme configuration\n */\nconst jetpackTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#98C8DF', '#006DAB', '#A6DC80', '#1F9828', '#FF8C8F' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\n/**\n * Woo theme configuration\n */\nconst wooTheme: ChartTheme = {\n\tbackgroundColor: '#FFFFFF', // chart background color\n\tlabelBackgroundColor: '#FFFFFF', // label background color\n\tcolors: [ '#80C8FF', '#B999FF', '#3858E9' ],\n\tgridStyles: {\n\t\tstroke: '#787C82',\n\t\tstrokeWidth: 1,\n\t},\n\ttickLength: 0,\n\tgridColor: '',\n\tgridColorDark: '',\n};\n\nexport { defaultTheme, jetpackTheme, wooTheme };\n","import { createContext, useContext, FC, type ReactNode } from 'react';\nimport { defaultTheme } from './themes';\nimport type { ChartTheme } from '../../types';\n\n/**\n * Context for sharing theme configuration across components\n */\nconst ThemeContext = createContext< ChartTheme >( defaultTheme );\n\n/**\n * Hook to access chart theme\n * @return {object} A built theme configuration compatible with visx charts\n */\nconst useChartTheme = () => {\n\tconst theme = useContext( ThemeContext );\n\treturn theme;\n};\n\n/**\n * Props for the ThemeProvider component\n */\ntype ThemeProviderProps = {\n\t/** Optional partial theme override */\n\ttheme?: Partial< ChartTheme >;\n\t/** Child components that will have access to the theme */\n\tchildren: ReactNode;\n};\n\n// Provider component for chart theming\n// Allows theme customization through props while maintaining default values\nconst ThemeProvider: FC< ThemeProviderProps > = ( { theme = {}, children } ) => {\n\tconst mergedTheme = { ...defaultTheme, ...theme };\n\treturn <ThemeContext.Provider value={ mergedTheme }>{ children }</ThemeContext.Provider>;\n};\n\nexport { ThemeProvider, useChartTheme };\n","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"LegendOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__.LegendOrdinal) });","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"scaleOrdinal\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__.scaleOrdinal) });","// extracted by mini-css-extract-plugin\nexport default {\"legend--horizontal\":\"b1_5FxxoK4aEFLoe67IA\",\"legend--vertical\":\"vpmQkJAPhp3XJ9Wb6vOw\",\"legend-item\":\"IKM8KG1lF9e5NzDqMLOJ\",\"legend-item-swatch\":\"_eccyBq0v2puKsHw8XND\",\"legend-item-label\":\"UeZrUEpEK0tLzXHmeUco\",\"legend-item-value\":\"R5msPOYKm79jYV13H0v7\"};","import { LegendOrdinal } from '@visx/legend';\nimport { scaleOrdinal } from '@visx/scale';\nimport clsx from 'clsx';\nimport { FC } from 'react';\nimport styles from './legend.module.scss';\nimport type { LegendProps } from './types';\n\n/**\n * Base legend component that displays color-coded items with labels using visx\n * @param {object} props - Component properties\n * @param {Array} props.items - Array of legend items to display\n * @param {string} props.className - Additional CSS class names\n * @param {string} props.orientation - Layout orientation (horizontal/vertical)\n * @return {JSX.Element} Rendered legend component\n */\nconst orientationToFlexDirection = {\n\thorizontal: 'row' as const,\n\tvertical: 'column' as const,\n};\n\nexport const BaseLegend: FC< LegendProps > = ( {\n\titems,\n\tclassName,\n\torientation = 'horizontal',\n} ) => {\n\tconst legendScale = scaleOrdinal( {\n\t\tdomain: items.map( item => item.label ),\n\t\trange: items.map( item => item.color ),\n\t} );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( styles.legend, styles[ `legend--${ orientation }` ], className ) }\n\t\t\trole=\"list\"\n\t\t>\n\t\t\t<LegendOrdinal\n\t\t\t\tscale={ legendScale }\n\t\t\t\tdirection={ orientationToFlexDirection[ orientation ] }\n\t\t\t\tshape=\"rect\"\n\t\t\t\tshapeWidth={ 16 }\n\t\t\t\tshapeHeight={ 16 }\n\t\t\t\tclassName={ styles[ 'legend-items' ] }\n\t\t\t>\n\t\t\t\t{ labels => (\n\t\t\t\t\t<div className={ styles[ `legend--${ orientation }` ] }>\n\t\t\t\t\t\t{ labels.map( label => (\n\t\t\t\t\t\t\t<div key={ label.text } className={ styles[ 'legend-item' ] }>\n\t\t\t\t\t\t\t\t<svg width={ 16 } height={ 16 }>\n\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\twidth={ 16 }\n\t\t\t\t\t\t\t\t\t\theight={ 16 }\n\t\t\t\t\t\t\t\t\t\tfill={ label.value }\n\t\t\t\t\t\t\t\t\t\tclassName={ styles[ 'legend-item-swatch' ] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-label' ] }>\n\t\t\t\t\t\t\t\t\t{ label.text }\n\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value && (\n\t\t\t\t\t\t\t\t\t\t<span className={ styles[ 'legend-item-value' ] }>\n\t\t\t\t\t\t\t\t\t\t\t{ items.find( item => item.label === label.text )?.value }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</LegendOrdinal>\n\t\t</div>\n\t);\n};\n","var x = (y) => {\n\tvar x = {}; __webpack_require__.d(x, y); return x\n} \nvar y = (x) => (() => (x))\nconst __WEBPACK_NAMESPACE_OBJECT__ = x({ [\"useParentSize\"]: () => (__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__.useParentSize) });","import styles from './base-tooltip.module.scss';\nimport type { CSSProperties, ComponentType, ReactNode } from 'react';\n\ntype TooltipData = {\n\tlabel: string;\n\tvalue: number;\n\tvalueDisplay?: string;\n};\n\ntype TooltipComponentProps = {\n\tdata: TooltipData;\n\tclassName?: string;\n};\n\ntype TooltipCommonProps = {\n\ttop: number;\n\tleft: number;\n\tstyle?: CSSProperties;\n\tclassName?: string;\n};\n\ntype DefaultDataTooltip = {\n\tdata: TooltipData;\n\tcomponent?: ComponentType< TooltipComponentProps >;\n\tchildren?: never;\n};\n\ntype CustomTooltip = {\n\tchildren: ReactNode;\n\tdata?: never;\n\tcomponent?: never;\n};\n\ntype BaseTooltipProps = TooltipCommonProps & ( DefaultDataTooltip | CustomTooltip );\n\nconst DefaultTooltipContent = ( { data }: TooltipComponentProps ) => (\n\t<>\n\t\t{ data?.label }: { data?.valueDisplay || data?.value }\n\t</>\n);\n\nexport const BaseTooltip = ( {\n\tdata,\n\ttop,\n\tleft,\n\tcomponent: Component = DefaultTooltipContent,\n\tchildren,\n\tclassName,\n}: BaseTooltipProps ) => {\n\treturn (\n\t\t<div className={ styles.tooltip } style={ { top, left } } role=\"tooltip\">\n\t\t\t{ children || ( data && <Component data={ data } className={ className } /> ) }\n\t\t</div>\n\t);\n};\n\nexport type { BaseTooltipProps, TooltipData };\n","// extracted by mini-css-extract-plugin\nexport default {\"tooltip\":\"Jmgc7XAf2uAyK5059rBe\"};","import { localPoint } from '@visx/event';\nimport { Group } from '@visx/group';\nimport Pie, { type PieArcDatum } from '@visx/shape/lib/shapes/Pie';\nimport { Text } from '@visx/text';\nimport { useTooltip } from '@visx/tooltip';\nimport clsx from 'clsx';\nimport { FC, useCallback } from 'react';\nimport { useChartTheme } from '../../providers/theme/theme-provider';\nimport { Legend } from '../legend';\nimport { withResponsive } from '../shared/with-responsive';\nimport { BaseTooltip } from '../tooltip';\nimport styles from './pie-semi-circle-chart.module.scss';\nimport type { BaseChartProps, DataPointPercentage } from '../../types';\n\ninterface PieSemiCircleChartProps extends BaseChartProps< DataPointPercentage[] > {\n\t/**\n\t * Label text to display above the chart\n\t */\n\tlabel: string;\n\t/**\n\t * Note text to display below the label\n\t */\n\tnote: string;\n\t/**\n\t * Direction of chart rendering\n\t * true for clockwise, false for counter-clockwise\n\t */\n\tclockwise?: boolean;\n\t/**\n\t * Thickness of the pie chart. A value between 0 and 1\n\t */\n\tthickness?: number;\n}\n\ntype ArcData = PieArcDatum< DataPointPercentage >;\n\nconst PieSemiCircleChart: FC< PieSemiCircleChartProps > = ( {\n\tdata,\n\twidth = 500, //TODO: replace when making the components responsive\n\tlabel,\n\tnote,\n\tclassName,\n\twithTooltips = false,\n\tclockwise = true,\n\tthickness = 0.4,\n\tshowLegend,\n\tlegendOrientation,\n} ) => {\n\tconst providerTheme = useChartTheme();\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< DataPointPercentage >();\n\n\tconst centerX = width / 2;\n\tconst height = width / 2;\n\tconst radius = width / 2;\n\tconst pad = 0.03;\n\tconst innerRadius = radius * ( 1 - thickness + pad );\n\n\t// Map the data to include index for color assignment\n\tconst dataWithIndex = data.map( ( d, index ) => ( {\n\t\t...d,\n\t\tindex,\n\t} ) );\n\n\t// Set the clockwise direction based on the prop\n\tconst startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;\n\tconst endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;\n\n\tconst accessors = {\n\t\tvalue: ( d: DataPointPercentage & { index: number } ) => d.value,\n\t\tsort: (\n\t\t\ta: DataPointPercentage & { index: number },\n\t\t\tb: DataPointPercentage & { index: number }\n\t\t) => b.value - a.value,\n\t\t// Use the color property from the data object as a last resort. The theme provides colours by default.\n\t\tfill: ( d: DataPointPercentage & { index: number } ) =>\n\t\t\td.color || providerTheme.colors[ d.index % providerTheme.colors.length ],\n\t};\n\n\tconst handleMouseMove = useCallback(\n\t\t( event: React.MouseEvent, arc: ArcData ) => {\n\t\t\tconst coords = localPoint( event );\n\t\t\tif ( ! coords ) return;\n\n\t\t\tshowTooltip( {\n\t\t\t\ttooltipData: arc.data,\n\t\t\t\ttooltipLeft: coords.x,\n\t\t\t\ttooltipTop: coords.y - 10,\n\t\t\t} );\n\t\t},\n\t\t[ showTooltip ]\n\t);\n\n\tconst handleMouseLeave = useCallback( () => {\n\t\thideTooltip();\n\t}, [ hideTooltip ] );\n\n\tconst handleArcMouseMove = useCallback(\n\t\t( arc: ArcData ) => ( event: React.MouseEvent ) => {\n\t\t\thandleMouseMove( event, arc );\n\t\t},\n\t\t[ handleMouseMove ]\n\t);\n\n\t// Create legend items\n\tconst legendItems = data.map( ( item, index ) => ( {\n\t\tlabel: item.label,\n\t\tvalue: item.valueDisplay || item.value.toString(),\n\t\tcolor: accessors.fill( { ...item, index } ),\n\t} ) );\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'pie-semi-circle-chart', styles[ 'pie-semi-circle-chart' ], className ) }\n\t\t>\n\t\t\t<svg width={ width } height={ height }>\n\t\t\t\t{ /* Main chart group that contains both the pie and text elements */ }\n\t\t\t\t<Group top={ centerX } left={ centerX }>\n\t\t\t\t\t{ /* Pie chart */ }\n\t\t\t\t\t<Pie< DataPointPercentage & { index: number } >\n\t\t\t\t\t\tdata={ dataWithIndex }\n\t\t\t\t\t\tpieValue={ accessors.value }\n\t\t\t\t\t\touterRadius={ radius }\n\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\tcornerRadius={ 3 }\n\t\t\t\t\t\tpadAngle={ pad }\n\t\t\t\t\t\tstartAngle={ startAngle }\n\t\t\t\t\t\tendAngle={ endAngle }\n\t\t\t\t\t\tpieSort={ accessors.sort }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ pie => {\n\t\t\t\t\t\t\treturn pie.arcs.map( arc => (\n\t\t\t\t\t\t\t\t<g\n\t\t\t\t\t\t\t\t\tkey={ arc.data.label }\n\t\t\t\t\t\t\t\t\tonMouseMove={ handleArcMouseMove( arc ) }\n\t\t\t\t\t\t\t\t\tonMouseLeave={ handleMouseLeave }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<path d={ pie.path( arc ) || '' } fill={ accessors.fill( arc.data ) } />\n\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t) );\n\t\t\t\t\t\t} }\n\t\t\t\t\t</Pie>\n\n\t\t\t\t\t<Group>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\tverticalAnchor=\"start\"\n\t\t\t\t\t\t\ty={ -40 } // double font size to make room for a note\n\t\t\t\t\t\t\tclassName={ styles.label }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\tverticalAnchor=\"start\"\n\t\t\t\t\t\t\ty={ -20 } // font size with padding\n\t\t\t\t\t\t\tclassName={ styles.note }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ note }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</Group>\n\t\t\t\t</Group>\n\t\t\t</svg>\n\n\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t<BaseTooltip\n\t\t\t\t\tdata={ {\n\t\t\t\t\t\tlabel: tooltipData.label,\n\t\t\t\t\t\tvalue: tooltipData.value,\n\t\t\t\t\t\tvalueDisplay: tooltipData.valueDisplay,\n\t\t\t\t\t} }\n\t\t\t\t\ttop={ tooltipTop || 0 }\n\t\t\t\t\tleft={ tooltipLeft || 0 }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ showLegend && (\n\t\t\t\t<Legend\n\t\t\t\t\titems={ legendItems }\n\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\tclassName={ styles[ 'pie-semi-circle-chart-legend' ] }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nPieSemiCircleChart.displayName = 'PieSemiCircleChart';\nexport default withResponsive< PieSemiCircleChartProps >( PieSemiCircleChart );\n","// extracted by mini-css-extract-plugin\nexport default {\"pie-semi-circle-chart\":\"oJsjYo330oeLpWqpqf4w\",\"pie-semi-circle-chart-legend\":\"aV40KcaCeoEycQ2crVkB\",\"label\":\"bxF3iRlHVJNqwEjRY9QD\",\"note\":\"tA3u0r3RunHmbWFBLrqW\"};","import { useParentSize } from '@visx/responsive';\nimport { ComponentType } from 'react';\nimport type { BaseChartProps } from '../../types';\n\ntype ResponsiveConfig = {\n\tmaxWidth?: number;\n\taspectRatio?: number;\n\tdebounceTime?: number;\n};\n\n/**\n * A higher-order component that provides responsive width and height\n * to the wrapped chart component using useParentSize from @visx/responsive.\n *\n * @param WrappedComponent - The chart component to be wrapped.\n * @param config - Optional configuration for responsive behavior\n * @return A functional component that renders the wrapped component with responsive dimensions.\n */\nexport function withResponsive< T extends BaseChartProps< unknown > >(\n\tWrappedComponent: ComponentType< T >,\n\tconfig?: ResponsiveConfig\n) {\n\tconst { maxWidth = 1200, aspectRatio = 0.5, debounceTime = 50 } = config || {};\n\n\treturn function ResponsiveChart( props: Omit< T, 'width' | 'height' > ) {\n\t\tconst { parentRef, width: parentWidth } = useParentSize( {\n\t\t\tdebounceTime,\n\t\t\tenableDebounceLeadingCall: true,\n\t\t\tinitialSize: { width: 600, height: 400 },\n\t\t} );\n\n\t\t// Calculate dimensions\n\t\tconst containerWidth = parentWidth ? Math.min( parentWidth, maxWidth ) : 600;\n\t\tconst containerHeight = containerWidth * aspectRatio;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ parentRef }\n\t\t\t\tstyle={ {\n\t\t\t\t\twidth: '100%',\n\t\t\t\t\tminHeight: `${ containerHeight }px`,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<WrappedComponent\n\t\t\t\t\twidth={ containerWidth }\n\t\t\t\t\theight={ containerHeight }\n\t\t\t\t\t// When width and height are passed as props, they will override the responsive values, and the chart will become fixed size.\n\t\t\t\t\t{ ...( props as T ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t};\n}\n"],"names":["f","k","Symbol","for","l","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports","Fragment","jsx","jsxs","module","__WEBPACK_EXTERNAL_MODULE_react__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","_typeof","iterator","constructor","r","t","i","toPrimitive","TypeError","String","toPropertyKey","value","configurable","writable","y","__WEBPACK_EXTERNAL_MODULE__visx_event_19f6f977__","x","__WEBPACK_EXTERNAL_MODULE__visx_group_7523624b__","__WEBPACK_EXTERNAL_MODULE__visx_shape_lib_shapes_Pie_08ab59ce__","__WEBPACK_EXTERNAL_MODULE__visx_text_459b7199__","__WEBPACK_EXTERNAL_MODULE__visx_tooltip_83ba89e9__","__WEBPACK_EXTERNAL_MODULE_clsx__","defaultTheme","backgroundColor","labelBackgroundColor","colors","gridStyles","stroke","strokeWidth","tickLength","gridColor","gridColorDark","ThemeContext","createContext","__WEBPACK_EXTERNAL_MODULE__visx_legend_118b7922__","__WEBPACK_EXTERNAL_MODULE__visx_scale_2ec4ad68__","orientationToFlexDirection","horizontal","vertical","BaseLegend","_ref","items","className","_ref$orientation","orientation","legendScale","scaleOrdinal","domain","map","item","label","range","color","_jsx","clsx","styles","legend","concat","role","children","LegendOrdinal","scale","direction","shape","shapeWidth","shapeHeight","labels","_items$find","_items$find2","_jsxs","width","height","fill","text","find","__WEBPACK_EXTERNAL_MODULE__visx_responsive_eb017331__","DefaultTooltipContent","data","_Fragment","valueDisplay","BaseTooltip","_ref2","top","left","_ref2$component","component","Component","style","PieSemiCircleChart","_ref$width","note","_ref$withTooltips","withTooltips","_ref$clockwise","clockwise","_ref$thickness","thickness","showLegend","legendOrientation","providerTheme","useContext","_useTooltip","useTooltip","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","centerX","radius","innerRadius","dataWithIndex","index","_objectSpread","startAngle","Math","PI","endAngle","accessors","sort","length","handleMouseMove","useCallback","event","arc","coords","localPoint","handleMouseLeave","handleArcMouseMove","legendItems","toString","Group","Pie","pieValue","outerRadius","cornerRadius","padAngle","pieSort","pie","arcs","onMouseMove","onMouseLeave","path","Text","textAnchor","verticalAnchor","Legend","displayName","WrappedComponent","_ref$maxWidth","maxWidth","aspectRatio","_ref$aspectRatio","debounceTime","_ref$debounceTime","_useParentSize","useParentSize","enableDebounceLeadingCall","initialSize","parentRef","parentWidth","containerWidth","min","containerHeight","minHeight"],"sourceRoot":""}
@@ -0,0 +1,5 @@
1
+ .oJsjYo330oeLpWqpqf4w{position:relative;text-align:center}.aV40KcaCeoEycQ2crVkB{margin-top:1rem}.oJsjYo330oeLpWqpqf4w .bxF3iRlHVJNqwEjRY9QD{margin-bottom:0px;font-weight:600;font-size:16px}.oJsjYo330oeLpWqpqf4w .tA3u0r3RunHmbWFBLrqW{margin-top:0px;font-size:14px}
2
+ .Jmgc7XAf2uAyK5059rBe{padding:.5rem;background-color:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.1);position:absolute;pointer-events:none;transform:translate(-50%, -100%)}
3
+ .b1_5FxxoK4aEFLoe67IA{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.vpmQkJAPhp3XJ9Wb6vOw{display:flex;flex-direction:column;gap:8px}.IKM8KG1lF9e5NzDqMLOJ{display:flex;align-items:center;gap:8px;font-size:.875rem}._eccyBq0v2puKsHw8XND{border-radius:2px}.UeZrUEpEK0tLzXHmeUco{color:var(--jp-gray-80, #2c3338);display:flex;align-items:center;gap:.5rem}.R5msPOYKm79jYV13H0v7{font-weight:500}
4
+
5
+ /*# sourceMappingURL=style.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/pie-semi-circle-chart/style.css","mappings":"AAAA,sBACC,kBACA,kBAEA,sBACC,gBAGD,4CACC,kBACA,gBACA,eAGD,4CACC,eACA,e;AChBF,sBACE,cACA,iCACA,WACA,kBACA,eACA,oCACA,kBACA,oBACA,iC;ACRD,sBACC,aACA,mBACA,eACA,SAGD,sBACC,aACA,sBACA,QAIF,sBACC,aACA,mBACA,QACA,kBAGD,sBACC,kBAGD,sBACC,iCACA,aACA,mBACA,UAGD,sBACC,gB","sources":["webpack://@automattic/charts/./src/components/pie-semi-circle-chart/pie-semi-circle-chart.module.scss","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss","webpack://@automattic/charts/./src/components/legend/legend.module.scss"],"sourcesContent":[".pie-semi-circle-chart {\n\tposition: relative;\n\ttext-align: center;\n\n\t&-legend {\n\t\tmargin-top: 1rem;\n\t}\n\n\t.label {\n\t\tmargin-bottom: 0px; // Add space between label and pie chart\n\t\tfont-weight: 600; // Make label more prominent than note\n\t\tfont-size: 16px; // Set explicit font size\n\t}\n\n\t.note {\n\t\tmargin-top: 0px; // Add space between pie chart and note\n\t\tfont-size: 14px; // Slightly smaller text for hierarchy\n\t}\n}\n",".tooltip {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: white;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}\n",".legend {\n\t&--horizontal {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: wrap;\n\t\tgap: 16px;\n\t}\n\n\t&--vertical {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t}\n}\n\n.legend-item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 0.875rem;\n}\n\n.legend-item-swatch {\n\tborder-radius: 2px;\n}\n\n.legend-item-label {\n\tcolor: var(--jp-gray-80, #2c3338);\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 0.5rem;\n}\n\n.legend-item-value {\n\tfont-weight: 500;\n}\n"],"names":[],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ /*! For license information please see index.js.LICENSE.txt */
2
+ import*as e from"react";var r={572:(e,r,o)=>{var t=o(649),a=Symbol.for("react.element"),n=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,s=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function i(e,r,o){var t,n={},i=null,f=null;for(t in void 0!==o&&(i=""+o),void 0!==r.key&&(i=""+r.key),void 0!==r.ref&&(f=r.ref),r)l.call(r,t)&&!p.hasOwnProperty(t)&&(n[t]=r[t]);if(e&&e.defaultProps)for(t in r=e.defaultProps)void 0===n[t]&&(n[t]=r[t]);return{$$typeof:a,type:e,key:i,ref:f,props:n,_owner:s.current}}r.Fragment=n,r.jsx=i,r.jsxs=i},48:(e,r,o)=>{e.exports=o(572)},649:r=>{r.exports=e}},o={};function t(e){var a=o[e];if(void 0!==a)return a.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r);var a={};t.d(a,{R:()=>s});var n=t(48),l=function(e){var r=e.data;return(0,n.jsxs)(n.Fragment,{children:[null==r?void 0:r.label,": ",(null==r?void 0:r.valueDisplay)||(null==r?void 0:r.value)]})},s=function(e){var r=e.data,o=e.top,t=e.left,a=e.component,s=void 0===a?l:a,p=e.children,i=e.className;return(0,n.jsx)("div",{className:"Jmgc7XAf2uAyK5059rBe",style:{top:o,left:t},role:"tooltip",children:p||r&&(0,n.jsx)(s,{data:r,className:i})})},p=a.R;export{p as BaseTooltip};
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/tooltip/index.js","mappings":";6CASa,IAAIA,EAAE,EAAQ,KAASC,EAAEC,OAAOC,IAAI,iBAAiBC,EAAEF,OAAOC,IAAI,kBAAkBE,EAAEC,OAAOC,UAAUC,eAAeC,EAAET,EAAEU,mDAAmDC,kBAAkBC,EAAE,CAACC,KAAI,EAAGC,KAAI,EAAGC,QAAO,EAAGC,UAAS,GAChP,SAASC,EAAEC,EAAEC,EAAEC,GAAG,IAAIC,EAAEC,EAAE,CAAC,EAAEC,EAAE,KAAKC,EAAE,KAAiF,IAAIH,UAAhF,IAASD,IAAIG,EAAE,GAAGH,QAAG,IAASD,EAAEN,MAAMU,EAAE,GAAGJ,EAAEN,UAAK,IAASM,EAAEL,MAAMU,EAAEL,EAAEL,KAAcK,EAAEd,EAAEoB,KAAKN,EAAEE,KAAKT,EAAEJ,eAAea,KAAKC,EAAED,GAAGF,EAAEE,IAAI,GAAGH,GAAGA,EAAEQ,aAAa,IAAIL,KAAKF,EAAED,EAAEQ,kBAAe,IAASJ,EAAED,KAAKC,EAAED,GAAGF,EAAEE,IAAI,MAAM,CAACM,SAAS1B,EAAE2B,KAAKV,EAAEL,IAAIU,EAAET,IAAIU,EAAEK,MAAMP,EAAEQ,OAAOrB,EAAEsB,QAAQ,CAACC,EAAQC,SAAS7B,EAAE4B,EAAQE,IAAIjB,EAAEe,EAAQG,KAAKlB,gBCPxWmB,EAAOJ,QAAU,EAAjB,cCHFI,EAAOJ,QAAUK,ICCbC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAaT,QAGrB,IAAII,EAASE,EAAyBE,GAAY,CAGjDR,QAAS,CAAC,GAOX,OAHAW,EAAoBH,GAAUJ,EAAQA,EAAOJ,QAASO,GAG/CH,EAAOJ,OACf,CCrBAO,EAAoBjB,EAAI,CAACU,EAASY,KACjC,IAAI,IAAI/B,KAAO+B,EACXL,EAAoBM,EAAED,EAAY/B,KAAS0B,EAAoBM,EAAEb,EAASnB,IAC5EP,OAAOwC,eAAed,EAASnB,EAAK,CAAEkC,YAAY,EAAMC,IAAKJ,EAAW/B,IAE1E,ECND0B,EAAoBM,EAAI,CAACI,EAAKC,IAAU5C,OAAOC,UAAUC,eAAeiB,KAAKwB,EAAKC,yCCmC5EC,EAAwB,SAAHC,GAAA,IAAOC,EAAID,EAAJC,KAAI,OACrCC,EAAAA,EAAAA,MAAAC,EAAAA,SAAA,CAAAC,SAAA,CACGH,aAAI,EAAJA,EAAMI,MAAO,MAAIJ,aAAI,EAAJA,EAAMK,gBAAgBL,aAAI,EAAJA,EAAMM,SAC7C,EAGSC,EAAc,SAAHC,GAOC,IANxBR,EAAIQ,EAAJR,KACAS,EAAGD,EAAHC,IACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,UAAWC,OAAS,IAAAF,EAAGb,EAAqBa,EAC5CR,EAAQK,EAARL,SACAW,EAASN,EAATM,UAEA,OACCC,EAAAA,EAAAA,KAAA,OAAKD,UCjDmB,uBDiDUE,MAAQ,CAAEP,IAAAA,EAAKC,KAAAA,GAASO,KAAK,UAASd,SACrEA,GAAcH,IAAQe,EAAAA,EAAAA,KAACF,EAAS,CAACb,KAAOA,EAAOc,UAAYA,KAGhE","sources":["webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js","webpack://@automattic/charts/../../../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js","webpack://@automattic/charts/external module \"react\"","webpack://@automattic/charts/webpack/bootstrap","webpack://@automattic/charts/webpack/runtime/define property getters","webpack://@automattic/charts/webpack/runtime/hasOwnProperty shorthand","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.tsx","webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss?1d14"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_react__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","import styles from './base-tooltip.module.scss';\nimport type { CSSProperties, ComponentType, ReactNode } from 'react';\n\ntype TooltipData = {\n\tlabel: string;\n\tvalue: number;\n\tvalueDisplay?: string;\n};\n\ntype TooltipComponentProps = {\n\tdata: TooltipData;\n\tclassName?: string;\n};\n\ntype TooltipCommonProps = {\n\ttop: number;\n\tleft: number;\n\tstyle?: CSSProperties;\n\tclassName?: string;\n};\n\ntype DefaultDataTooltip = {\n\tdata: TooltipData;\n\tcomponent?: ComponentType< TooltipComponentProps >;\n\tchildren?: never;\n};\n\ntype CustomTooltip = {\n\tchildren: ReactNode;\n\tdata?: never;\n\tcomponent?: never;\n};\n\ntype BaseTooltipProps = TooltipCommonProps & ( DefaultDataTooltip | CustomTooltip );\n\nconst DefaultTooltipContent = ( { data }: TooltipComponentProps ) => (\n\t<>\n\t\t{ data?.label }: { data?.valueDisplay || data?.value }\n\t</>\n);\n\nexport const BaseTooltip = ( {\n\tdata,\n\ttop,\n\tleft,\n\tcomponent: Component = DefaultTooltipContent,\n\tchildren,\n\tclassName,\n}: BaseTooltipProps ) => {\n\treturn (\n\t\t<div className={ styles.tooltip } style={ { top, left } } role=\"tooltip\">\n\t\t\t{ children || ( data && <Component data={ data } className={ className } /> ) }\n\t\t</div>\n\t);\n};\n\nexport type { BaseTooltipProps, TooltipData };\n","// extracted by mini-css-extract-plugin\nexport default {\"tooltip\":\"Jmgc7XAf2uAyK5059rBe\"};"],"names":["f","k","Symbol","for","l","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports","Fragment","jsx","jsxs","module","__WEBPACK_EXTERNAL_MODULE_react__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","definition","o","defineProperty","enumerable","get","obj","prop","DefaultTooltipContent","_ref","data","_jsxs","_Fragment","children","label","valueDisplay","value","BaseTooltip","_ref2","top","left","_ref2$component","component","Component","className","_jsx","style","role"],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ .Jmgc7XAf2uAyK5059rBe{padding:.5rem;background-color:rgba(0,0,0,.85);color:#fff;border-radius:4px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.1);position:absolute;pointer-events:none;transform:translate(-50%, -100%)}
2
+
3
+ /*# sourceMappingURL=style.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components/tooltip/style.css","mappings":"AAAA,sBACE,cACA,iCACA,WACA,kBACA,eACA,oCACA,kBACA,oBACA,iC","sources":["webpack://@automattic/charts/./src/components/tooltip/base-tooltip.module.scss"],"sourcesContent":[".tooltip {\n padding: 0.5rem;\n background-color: rgba(0, 0, 0, 0.85);\n color: white;\n border-radius: 4px;\n font-size: 14px;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n position: absolute;\n pointer-events: none;\n transform: translate(-50%, -100%);\n}\n"],"names":[],"sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ /*! For license information please see index.js.LICENSE.txt */
2
+ import*as e from"react";import*as t from"@visx/axis";import*as r from"@visx/event";import*as o from"@visx/group";import*as n from"@visx/scale";import*as i from"@visx/shape";import*as a from"@visx/tooltip";import*as l from"clsx";import*as s from"@visx/grid";import*as c from"@visx/legend";import*as u from"@visx/responsive";import*as d from"@visx/xychart";import*as p from"@visx/shape/lib/shapes/Pie";import*as f from"@visx/text";var h={572:(e,t,r)=>{var o=r(649),n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,s={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,r){var o,i={},c=null,u=null;for(o in void 0!==r&&(c=""+r),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(u=t.ref),t)a.call(t,o)&&!s.hasOwnProperty(o)&&(i[o]=t[o]);if(e&&e.defaultProps)for(o in t=e.defaultProps)void 0===i[o]&&(i[o]=t[o]);return{$$typeof:n,type:e,key:c,ref:u,props:i,_owner:l.current}}t.Fragment=i,t.jsx=c,t.jsxs=c},48:(e,t,r)=>{e.exports=r(572)},649:t=>{t.exports=e}},v={};function m(e){var t=v[e];if(void 0!==t)return t.exports;var r=v[e]={exports:{}};return h[e](r,r.exports,m),r.exports}m.d=(e,t)=>{for(var r in t)m.o(t,r)&&!m.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var b={};function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=Array(t);r<t;r++)o[r]=e[r];return o}function g(e,t){if(e){if("string"==typeof e)return y(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?y(e,t):void 0}}function x(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||g(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}m.d(b,{Es:()=>ee,RL:()=>$,s$:()=>H,bl:()=>se,rW:()=>he,rT:()=>xe,NP:()=>G,Xp:()=>ce});const j=(O={AxisBottom:()=>t.AxisBottom,AxisLeft:()=>t.AxisLeft},w={},m.d(w,O),w);var O,w;const P=(e=>{var t={};return m.d(t,e),t})({localPoint:()=>r.localPoint}),S=(e=>{var t={};return m.d(t,e),t})({Group:()=>o.Group}),L=(e=>{var t={};return m.d(t,e),t})({scaleBand:()=>n.scaleBand,scaleLinear:()=>n.scaleLinear,scaleOrdinal:()=>n.scaleOrdinal}),T=(e=>{var t={};return m.d(t,e),t})({Bar:()=>i.Bar,Pie:()=>i.Pie}),D=(e=>{var t={};return m.d(t,e),t})({useTooltip:()=>a.useTooltip}),A=(e=>{var t={};return m.d(t,e),t})({default:()=>l.default});var C=m(649);function k(e){return k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},k(e)}function N(e,t,r){return(t=function(e){var t=function(e){if("object"!=k(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=k(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==k(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var _={backgroundColor:"#FFFFFF",labelBackgroundColor:"#FFFFFF",colors:["#98C8DF","#006DAB","#A6DC80","#1F9828","#FF8C8F"],gridStyles:{stroke:"#787C82",strokeWidth:1},tickLength:0,gridColor:"",gridColorDark:""},F=m(48);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B=(0,C.createContext)(_),R=function(){return(0,C.useContext)(B)},G=function(e){var t=e.theme,r=void 0===t?{}:t,o=e.children,n=M(M({},_),r);return(0,F.jsx)(B.Provider,{value:n,children:o})};const I=(e=>{var t={};return m.d(t,e),t})({GridColumns:()=>s.GridColumns,GridRows:()=>s.GridRows}),K=function(e){var t=e.width,r=e.height,o=e.xScale,n=e.yScale,i=e.gridVisibility,a=void 0===i?"x":i,l=e.top,s=void 0===l?0:l;return(0,F.jsxs)("g",{transform:"translate(0, ".concat(s,")"),className:"jfpeES0fbFrqCPR8dRN7",children:[a.includes("x")&&(0,F.jsx)(I.GridRows,{scale:o,width:t}),a.includes("y")&&(0,F.jsx)(I.GridColumns,{scale:n,height:r})]})},X=(e=>{var t={};return m.d(t,e),t})({LegendOrdinal:()=>c.LegendOrdinal}),z={"legend--horizontal":"b1_5FxxoK4aEFLoe67IA","legend--vertical":"vpmQkJAPhp3XJ9Wb6vOw","legend-item":"IKM8KG1lF9e5NzDqMLOJ","legend-item-swatch":"_eccyBq0v2puKsHw8XND","legend-item-label":"UeZrUEpEK0tLzXHmeUco","legend-item-value":"R5msPOYKm79jYV13H0v7"};var W={horizontal:"row",vertical:"column"},H=function(e){var t=e.items,r=e.className,o=e.orientation,n=void 0===o?"horizontal":o,i=(0,L.scaleOrdinal)({domain:t.map((function(e){return e.label})),range:t.map((function(e){return e.color}))});return(0,F.jsx)("div",{className:(0,A.default)(z.legend,z["legend--".concat(n)],r),role:"list",children:(0,F.jsx)(X.LegendOrdinal,{scale:i,direction:W[n],shape:"rect",shapeWidth:16,shapeHeight:16,className:z["legend-items"],children:function(e){return(0,F.jsx)("div",{className:z["legend--".concat(n)],children:e.map((function(e){var r,o;return(0,F.jsxs)("div",{className:z["legend-item"],children:[(0,F.jsx)("svg",{width:16,height:16,children:(0,F.jsx)("rect",{width:16,height:16,fill:e.value,className:z["legend-item-swatch"]})}),(0,F.jsxs)("span",{className:z["legend-item-label"],children:[e.text,(null===(r=t.find((function(t){return t.label===e.text})))||void 0===r?void 0:r.value)&&(0,F.jsx)("span",{className:z["legend-item-value"],children:null===(o=t.find((function(t){return t.label===e.text})))||void 0===o?void 0:o.value})]})]},e.text)}))})}})})};const V=(e=>{var t={};return m.d(t,e),t})({useParentSize:()=>u.useParentSize});function Y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function U(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function J(e,t){var r=t||{},o=r.maxWidth,n=void 0===o?1200:o,i=r.aspectRatio,a=void 0===i?.5:i,l=r.debounceTime,s=void 0===l?50:l;return function(t){var r=(0,V.useParentSize)({debounceTime:s,enableDebounceLeadingCall:!0,initialSize:{width:600,height:400}}),o=r.parentRef,i=r.width,l=i?Math.min(i,n):600,c=l*a;return(0,F.jsx)("div",{ref:o,style:{width:"100%",minHeight:"".concat(c,"px")},children:(0,F.jsx)(e,U({width:l,height:c},t))})}}var q=function(e){var t=e.data;return(0,F.jsxs)(F.Fragment,{children:[null==t?void 0:t.label,": ",(null==t?void 0:t.valueDisplay)||(null==t?void 0:t.value)]})},$=function(e){var t=e.data,r=e.top,o=e.left,n=e.component,i=void 0===n?q:n,a=e.children,l=e.className;return(0,F.jsx)("div",{className:"Jmgc7XAf2uAyK5059rBe",style:{top:r,left:o},role:"tooltip",children:a||t&&(0,F.jsx)(i,{data:t,className:l})})};const Q={"bar-chart":"Vm_cn8YnIXBavFt6eHSp","bar-chart-legend":"e4dhKgBP7e6FBRAX2SrP"};var Z=function(e){var t,r=e.data,o=e.margin,n=void 0===o?{top:20,right:20,bottom:40,left:40}:o,i=e.withTooltips,a=void 0!==i&&i,l=e.showLegend,s=void 0!==l&&l,c=e.legendOrientation,u=void 0===c?"horizontal":c,d=e.className,p=e.gridVisibility,f=void 0===p?"x":p,h=e.width,v=e.height,m=void 0===v?400:v,b=R(),y=(0,D.useTooltip)(),g=y.tooltipOpen,O=y.tooltipLeft,w=y.tooltipTop,k=y.tooltipData,N=y.hideTooltip,_=y.showTooltip,E=(0,C.useCallback)((function(e,t,r,o,n){var i=(0,P.localPoint)(e);i&&_({tooltipData:{value:t,xLabel:r,yLabel:o,seriesIndex:n},tooltipLeft:i.x,tooltipTop:i.y-10})}),[_]),M=(0,C.useCallback)((function(){N()}),[N]);if(null==r||!r.length)return(0,F.jsx)("div",{className:(0,A.default)("bar-chart-empty",Q["bat-chart-empty"]),children:"Empty..."});var B=n,G=h-B.left-B.right,I=m-B.top-B.bottom,X=null===(t=r[0].data)||void 0===t?void 0:t.map((function(e){return(null==e?void 0:e.label)||""})),z=(0,L.scaleBand)({range:[0,G],domain:X,padding:.2}),W=(0,L.scaleBand)({range:[0,z.bandwidth()],domain:r.map((function(e,t){return t.toString()})),padding:.1}),V=(0,L.scaleLinear)({range:[I,0],domain:[0,Math.max.apply(Math,x(r.map((function(e){return Math.max.apply(Math,x(e.data.map((function(e){return(null==e?void 0:e.value)||0}))))}))))]}),Y=r.map((function(e,t){return{label:e.label,value:"",color:b.colors[t%b.colors.length]}}));return(0,F.jsxs)("div",{className:(0,A.default)("bar-chart",d,Q["bar-chart"]),children:[(0,F.jsx)("svg",{width:h,height:m,children:(0,F.jsxs)(S.Group,{left:B.left,top:B.top,children:[(0,F.jsx)(K,{width:G,height:I,xScale:z,yScale:V,gridVisibility:f}),r.map((function(e,t){return(0,F.jsx)(S.Group,{children:e.data.map((function(r){var o,n,i=z((null==r?void 0:r.label)||"");if(void 0===i)return null;var l=W.bandwidth(),s=i+(null!==(o=W(t.toString()))&&void 0!==o?o:0);return(0,F.jsx)(T.Bar,{x:s,y:V(r.value),width:l,height:I-(null!==(n=V(r.value))&&void 0!==n?n:0),fill:b.colors[t%b.colors.length],onMouseMove:a?function(o){return E(o,r.value,(null==r?void 0:r.label)||"",e.label,t)}:void 0,onMouseLeave:a?M:void 0},"bar-".concat(t,"-").concat(r.label))}))},t)})),(0,F.jsx)(j.AxisLeft,{scale:V}),(0,F.jsx)(j.AxisBottom,{scale:z,top:I})]})}),a&&g&&k&&(0,F.jsx)($,{top:w||0,left:O||0,children:(0,F.jsxs)("div",{children:[(0,F.jsx)("div",{children:k.yLabel}),(0,F.jsxs)("div",{children:[k.xLabel,": ",k.value]})]})}),s&&(0,F.jsx)(H,{items:Y,orientation:u,className:Q["bar-chart-legend"]})]})};Z.displayName="BarChart";const ee=J(Z);function te(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,i,a,l=[],s=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(o=i.call(r)).done)&&(l.push(o.value),l.length!==t);s=!0);}catch(e){c=!0,n=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw n}}return l}}(e,t)||g(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const re=(e=>{var t={};return m.d(t,e),t})({AnimatedAxis:()=>d.AnimatedAxis,AnimatedGrid:()=>d.AnimatedGrid,AnimatedLineSeries:()=>d.AnimatedLineSeries,Tooltip:()=>d.Tooltip,XYChart:()=>d.XYChart,buildChartTheme:()=>d.buildChartTheme}),oe={"line-chart":"vbyo4J2HC_KvyGgsWui7","line-chart__tooltip":"nLSohGgB7OyUmLRN_dLD","line-chart__tooltip-date":"MGw7UT3IImVKXXuBYmwf","line-chart__tooltip-row":"KwvDxit9dbF2E6ZzF29e","line-chart__tooltip-label":"WmFS4ekGu9e3G6URbkhd"};function ne(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function ie(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ne(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ne(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ae=function(e){var t,r=e.tooltipData,o=null==r||null===(t=r.nearestDatum)||void 0===t?void 0:t.datum;if(!o)return null;var n=Object.entries((null==r?void 0:r.datumByKey)||{}).map((function(e){var t=te(e,2);return{key:t[0],value:t[1].datum.value}})).sort((function(e,t){return t.value-e.value}));return(0,F.jsxs)("div",{className:oe["line-chart__tooltip"],children:[(0,F.jsx)("div",{className:oe["line-chart__tooltip-date"],children:o.date.toLocaleDateString()}),n.map((function(e){return(0,F.jsxs)("div",{className:oe["line-chart__tooltip-row"],children:[(0,F.jsxs)("span",{className:oe["line-chart__tooltip-label"],children:[e.key,":"]}),(0,F.jsx)("span",{className:oe["line-chart__tooltip-value"],children:e.value})]},e.key)}))]})},le=function(e){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"})};const se=J((function(e){var t=e.data,r=e.width,o=e.height,n=e.margin,i=void 0===n?{top:20,right:20,bottom:40,left:40}:n,a=e.className,l=e.withTooltips,s=void 0===l||l,c=e.showLegend,u=void 0!==c&&c,d=e.legendOrientation,p=void 0===d?"horizontal":d,f=R();if(null==t||!t.length)return(0,F.jsx)("div",{className:(0,A.default)("line-chart-empty",oe["line-chart-empty"]),children:"Empty..."});var h=t.map((function(e,t){return{label:e.label,value:"",color:f.colors[t%f.colors.length]}})),v={xAccessor:function(e){return e.date},yAccessor:function(e){return e.value}},m=(0,re.buildChartTheme)({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(0,F.jsxs)("div",{className:(0,A.default)("line-chart",oe["line-chart"],a),children:[(0,F.jsxs)(re.XYChart,{theme:m,width:r,height:o,margin:i,xScale:{type:"time"},yScale:{type:"linear",nice:!0},children:[(0,F.jsx)(re.AnimatedGrid,{columns:!1,numTicks:4}),(0,F.jsx)(re.AnimatedAxis,{orientation:"bottom",numTicks:5,tickFormat:le}),(0,F.jsx)(re.AnimatedAxis,{orientation:"left",numTicks:4}),t.map((function(e,t){return(0,F.jsx)(re.AnimatedLineSeries,ie(ie({dataKey:null==e?void 0:e.label,data:e.data},v),{},{stroke:m.colors[t%m.colors.length],strokeWidth:2}),null==e?void 0:e.label)})),s&&(0,F.jsx)(re.Tooltip,{snapTooltipToDatumX:!0,snapTooltipToDatumY:!0,showSeriesGlyphs:!0,renderTooltip:ae})]}),u&&(0,F.jsx)(H,{items:h,orientation:p,className:oe["line-chart-legend"]})]})})),ce=function(e){var t=e.withTooltips,r=(0,D.useTooltip)(),o=r.tooltipOpen,n=r.tooltipLeft,i=r.tooltipTop,a=r.tooltipData,l=r.hideTooltip,s=r.showTooltip;return{onMouseMove:(0,C.useCallback)((function(e,r){if(t){var o=(0,P.localPoint)(e);o&&s({tooltipData:r,tooltipLeft:o.x,tooltipTop:o.y-10})}}),[t,s]),onMouseLeave:(0,C.useCallback)((function(){t&&l()}),[t,l]),tooltipOpen:o,tooltipData:a||null,tooltipLeft:n,tooltipTop:i}},ue={"pie-chart":"R2Ly_tkJtgL0HA8P3fpm"};function de(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function pe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?de(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):de(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var fe=function(e){var t=e.data,r=e.width,o=void 0===r?500:r,n=e.height,i=void 0===n?500:n,a=e.withTooltips,l=void 0!==a&&a,s=e.innerRadius,c=void 0===s?0:s,u=e.className,d=e.showLegend,p=e.legendOrientation,f=R(),h=ce({withTooltips:l}),v=h.onMouseMove,m=h.onMouseLeave,b=h.tooltipOpen,y=h.tooltipData,g=h.tooltipLeft,x=h.tooltipTop,j=Math.min(o,i)/2,O=o/2,w=i/2,P=t.map((function(e,t){return pe(pe({},e),{},{index:t})})),L={value:function(e){return e.value},fill:function(e){return(null==e?void 0:e.color)||f.colors[e.index]}},D=t.map((function(e,t){return{label:e.label,value:e.value.toString(),color:f.colors[t%f.colors.length]}}));return(0,F.jsxs)("div",{className:(0,A.default)("pie-chart",ue["pie-chart"],u),children:[(0,F.jsx)("svg",{width:o,height:i,children:(0,F.jsx)(S.Group,{top:w,left:O,children:(0,F.jsx)(T.Pie,{data:P,pieValue:L.value,outerRadius:j-20,innerRadius:c,children:function(e){return e.arcs.map((function(t,r){var o=te(e.path.centroid(t),2),n=o[0],i=o[1],a=t.endAngle-t.startAngle>=.25,s={d:e.path(t)||"",fill:L.fill(t.data)};return l&&(s.onMouseMove=function(e){return v(e,t.data)},s.onMouseLeave=m),(0,F.jsxs)("g",{children:[(0,F.jsx)("path",pe({},s)),a&&(0,F.jsx)("text",{x:n,y:i,dy:".33em",fill:f.labelBackgroundColor||_.labelBackgroundColor,fontSize:12,textAnchor:"middle",pointerEvents:"none",children:t.data.label})]},"arc-".concat(r))}))}})})}),d&&(0,F.jsx)(H,{items:D,orientation:p,className:ue["pie-chart-legend"]}),l&&b&&y&&(0,F.jsx)($,{data:y,top:x||0,left:g||0,style:{transform:"translate(-50%, -100%)"}})]})};fe.displayName="PieChart";const he=J(fe),ve=(e=>{var t={};return m.d(t,e),t})({default:()=>p.default}),me=(e=>{var t={};return m.d(t,e),t})({Text:()=>f.Text});function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function ye(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?be(Object(r),!0).forEach((function(t){N(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):be(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var ge=function(e){var t=e.data,r=e.width,o=void 0===r?500:r,n=e.label,i=e.note,a=e.className,l=e.withTooltips,s=void 0!==l&&l,c=e.clockwise,u=void 0===c||c,d=e.thickness,p=void 0===d?.4:d,f=e.showLegend,h=e.legendOrientation,v=R(),m=(0,D.useTooltip)(),b=m.tooltipOpen,y=m.tooltipLeft,g=m.tooltipTop,x=m.tooltipData,j=m.hideTooltip,O=m.showTooltip,w=o/2,L=o/2,T=o/2,k=T*(1-p+.03),N=t.map((function(e,t){return ye(ye({},e),{},{index:t})})),_=u?-Math.PI/2:Math.PI/2,E=u?Math.PI/2:-Math.PI/2,M={value:function(e){return e.value},sort:function(e,t){return t.value-e.value},fill:function(e){return e.color||v.colors[e.index%v.colors.length]}},B=(0,C.useCallback)((function(e,t){var r=(0,P.localPoint)(e);r&&O({tooltipData:t.data,tooltipLeft:r.x,tooltipTop:r.y-10})}),[O]),G=(0,C.useCallback)((function(){j()}),[j]),I=(0,C.useCallback)((function(e){return function(t){B(t,e)}}),[B]),K=t.map((function(e,t){return{label:e.label,value:e.valueDisplay||e.value.toString(),color:M.fill(ye(ye({},e),{},{index:t}))}}));return(0,F.jsxs)("div",{className:(0,A.default)("pie-semi-circle-chart","oJsjYo330oeLpWqpqf4w",a),children:[(0,F.jsx)("svg",{width:o,height:L,children:(0,F.jsxs)(S.Group,{top:w,left:w,children:[(0,F.jsx)(ve.default,{data:N,pieValue:M.value,outerRadius:T,innerRadius:k,cornerRadius:3,padAngle:.03,startAngle:_,endAngle:E,pieSort:M.sort,children:function(e){return e.arcs.map((function(t){return(0,F.jsx)("g",{onMouseMove:I(t),onMouseLeave:G,children:(0,F.jsx)("path",{d:e.path(t)||"",fill:M.fill(t.data)})},t.data.label)}))}}),(0,F.jsxs)(S.Group,{children:[(0,F.jsx)(me.Text,{textAnchor:"middle",verticalAnchor:"start",y:-40,className:"bxF3iRlHVJNqwEjRY9QD",children:n}),(0,F.jsx)(me.Text,{textAnchor:"middle",verticalAnchor:"start",y:-20,className:"tA3u0r3RunHmbWFBLrqW",children:i})]})]})}),s&&b&&x&&(0,F.jsx)($,{data:{label:x.label,value:x.value,valueDisplay:x.valueDisplay},top:g||0,left:y||0}),f&&(0,F.jsx)(H,{items:K,orientation:h,className:"aV40KcaCeoEycQ2crVkB"})]})};ge.displayName="PieSemiCircleChart";const xe=J(ge);var je=b.Es,Oe=b.RL,we=b.s$,Pe=b.bl,Se=b.rW,Le=b.rT,Te=b.NP,De=b.Xp;export{je as BarChart,Oe as BaseTooltip,we as Legend,Pe as LineChart,Se as PieChart,Le as PieSemiCircleChart,Te as ThemeProvider,De as useChartMouseHandler};
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,9 @@
1
+ /**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */