@bikdotai/bik-component-library 0.0.466 → 0.0.467-beta-analytics-2

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 (79) hide show
  1. package/dist/cjs/components/SearchFilter/components/FilterChipListRenderer.js +1 -1
  2. package/dist/cjs/components/SearchFilter/components/SearchFilterItem.js +1 -1
  3. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  4. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -0
  5. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +1 -1
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +1 -1
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +1 -0
  9. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  10. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  11. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +1 -1
  12. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  13. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +44 -0
  14. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.js +1 -0
  15. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +25 -2
  16. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.d.ts +2 -0
  17. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js +1 -0
  18. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.d.ts +30 -0
  19. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js +1 -0
  20. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
  21. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -1
  22. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +14 -0
  23. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -0
  24. package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +2 -0
  25. package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
  26. package/dist/cjs/components/button/Button.styled.js +1 -1
  27. package/dist/cjs/components/button/themes.js +1 -1
  28. package/dist/cjs/components/postPicker/postPicker.js +1 -1
  29. package/dist/cjs/components/product-picker-v2/collectionScreen.js +1 -1
  30. package/dist/cjs/components/product-picker-v2/modal.js +1 -1
  31. package/dist/cjs/components/product-picker-v2/product.js +1 -1
  32. package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
  33. package/dist/cjs/components/product-picker-v2/reducers.js +1 -1
  34. package/dist/cjs/components/product-picker-v2/searchScreen.js +1 -1
  35. package/dist/cjs/components/product-picker-v2/selectedScreen.d.ts +1 -0
  36. package/dist/cjs/components/product-picker-v2/selectedScreen.js +1 -1
  37. package/dist/cjs/components/product-picker-v2/utility.d.ts +2 -2
  38. package/dist/cjs/components/product-picker-v2/utility.js +1 -1
  39. package/dist/cjs/index.js +1 -1
  40. package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js +1 -1
  41. package/dist/esm/components/SearchFilter/components/SearchFilterItem.js +1 -1
  42. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +1 -1
  43. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +1 -0
  44. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +1 -1
  45. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +1 -1
  46. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +1 -1
  47. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +1 -0
  48. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +1 -1
  49. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +1 -1
  50. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +1 -1
  51. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +1 -1
  52. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.d.ts +44 -0
  53. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.model.js +1 -0
  54. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +27 -4
  55. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.d.ts +2 -0
  56. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js +1 -0
  57. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.d.ts +30 -0
  58. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js +1 -0
  59. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +1 -1
  60. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +1 -1
  61. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.d.ts +14 -0
  62. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js +1 -0
  63. package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +2 -0
  64. package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
  65. package/dist/esm/components/button/Button.styled.js +1 -1
  66. package/dist/esm/components/button/themes.js +1 -1
  67. package/dist/esm/components/postPicker/postPicker.js +1 -1
  68. package/dist/esm/components/product-picker-v2/collectionScreen.js +1 -1
  69. package/dist/esm/components/product-picker-v2/modal.js +1 -1
  70. package/dist/esm/components/product-picker-v2/product.js +1 -1
  71. package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
  72. package/dist/esm/components/product-picker-v2/reducers.js +1 -1
  73. package/dist/esm/components/product-picker-v2/searchScreen.js +1 -1
  74. package/dist/esm/components/product-picker-v2/selectedScreen.d.ts +1 -0
  75. package/dist/esm/components/product-picker-v2/selectedScreen.js +1 -1
  76. package/dist/esm/components/product-picker-v2/utility.d.ts +2 -2
  77. package/dist/esm/components/product-picker-v2/utility.js +1 -1
  78. package/dist/esm/index.js +1 -1
  79. package/package.json +1 -1
@@ -1 +1 @@
1
- import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as c}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as b}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";function G(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const e=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:G}),Z=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:G}),i=g=>{let{title:G,trends:i,RightHeaderComponent:a,containerStyle:n,titleSize:y,titleColor:u,perRow:s}=g;const W="large"===y?l:b,t=s||(i.length<=4?i.length:i.length%3==0?3:4),B=Math.ceil(i.length/t);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=n?n:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[G&&C(W,Object.assign({color:null!=u?u:c.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:G})),a]})),C(e,{children:Array.from({length:B}).map(((g,c)=>I(A,{children:[C("div",Object.assign({style:{display:"flex",width:"100%"}},{children:i.slice(c*t,(c+1)*t).map(((g,I)=>{var A;return C("div",Object.assign({style:{flex:1,maxWidth:"50%"}},{children:C(d,Object.assign({},g,{card:!1,size:null!==(A=g.size)&&void 0!==A?A:"small",rightSeparator:I+c*t<Math.min((c+1)*t-1,i.length-1)}))}),I)}))}),c),C(Z,{style:{marginTop:"32px"}})]})))})]}))};export{i as AnalyticsMetric};
1
+ import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleMedium as c,TitleRegular as e}from"../TypographyStyle.js";import{AnalyticsTrend as t}from"./AnalyticsTrend.js";const d=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZGlzcGxheTogJ2ZsZXgnLCB3aWR0aDogJzEwMCUnIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBjYXJkOiBmYWxzZSwgc2l6ZTogKF9hID0gdHJlbmQuc2l6ZSkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ3NtYWxsJywgcmlnaHRTZXBhcmF0b3I6IGkgKyByb3dJbmRleCAqIHBlclJvd0xvY2FsIDxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0pIH0pLCByb3dJbmRleCkgfSkpKSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=g=>{let{title:i,trends:n,RightHeaderComponent:b,containerStyle:a,titleSize:s,titleColor:o,perRow:u}=g;const m="large"===s?c:e,Z=u||(n.length<=4?n.length:n.length%3==0?3:4),G=Math.ceil(n.length/Z);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=a?a:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[i&&C(m,Object.assign({color:null!=o?o:l.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:i})),b]})),C(d,{children:Array.from({length:G}).map(((g,I)=>C(A,{children:C("div",Object.assign({style:{display:"flex",width:"100%"}},{children:n.slice(I*Z,(I+1)*Z).map(((g,A)=>{var l;return C("div",Object.assign({style:{flex:1,maxWidth:1===n.length?"100%":"50%"}},{children:C(t,Object.assign({},g,{card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+I*Z<Math.min((I+1)*Z-1,n.length-1)}))}),A)}))}),I)})))})]}))};export{i as AnalyticsMetric};
@@ -16,5 +16,6 @@ export interface AnalyticsTrendInterface {
16
16
  trailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
17
17
  onTrailIconClick?: () => void;
18
18
  iconTooltipBody?: string;
19
+ funnelPercent?: number;
19
20
  }
20
21
  export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useRef as n,useEffect as r}from"react";import o from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/arrow_down.svg.js";import l from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodySecondary as m,TitleSmall as p,Caption as h,TitleLarge as y,TitleMedium as b}from"../TypographyStyle.js";import{AnalyticsTrendContainer as f}from"./CommonStyles.js";const v=n=>{let{title:r,value:o,trendPercent:a,type:l="horizontal",timeline:p,customRange:h,tooltip:v,card:j=!0,rightSeparator:x=!1,size:O="big",share:w=!1,formatVal:T,prefixSymbol:I,trailingIcon:R,onTrailIconClick:C,iconTooltipBody:D}=n;const k="big"===O?y:b,S=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,$=void 0!==a?w?Math.round(a):Math.abs(Math.round(a)):void 0;return e(f,Object.assign({card:j},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,borderRightWidth:x?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24,height:"100%",justifyContent:"space-between",alignItems:"center"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,height:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(m,Object.assign({style:{color:s.content.secondary}},{children:r})),v&&e(g,Object.assign({body:v,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e(c,{color:s.content.inactive,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},w?{justifyContent:"space-between"}:{})},{children:[e(k,Object.assign({style:{color:s.content.primary}},{children:void 0===o?"--":"number"==typeof o&&T?`${null!=I?I:""}${new Intl.NumberFormat("en-IN",{}).format(o)}`:`${null!=I?I:""}${o}`})),"horizontal"===l&&!w&&e(u,{timeline:p,customRange:h,percent:$,direction:S}),w&&void 0!==$&&e(d,{tagText:`${$} %`,theme:"light",type:"neutral"})]})),"vertical"===l&&!w&&e("div",Object.assign({style:{marginTop:12}},{children:e(u,{timeline:p,customRange:h,percent:$,direction:S})}))]})),D&&e(g,Object.assign({body:D,placement:"right"},{children:R&&e("div",Object.assign({className:"icon--holder",onClick:C},{children:i.createElement(R,{height:20,width:20,color:s.content.secondary})}))}))]}))}))},u=i=>{let{percent:c,direction:d,timeline:g,customRange:m}=i;const y="negative"===d?a:l,b="negative"===d?s.background.negative.vibrant:"positive"===d?s.background.positive.vibrant:s.content.placeholder,f=n("today"===g?"vs yesterday":"yesterday"===g?"vs 1 day before":"7 days"===g?"vs last 7 days":"30 days"===g?"vs last 30 days":"");return r((()=>{"custom"===g&&m&&(f.current=o.getAnalyticsCustomDateTimelineText(m))}),[g,m]),t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof c&&e(y,{color:b,height:20,width:20,style:{marginRight:2}}),"number"==typeof c&&d&&t(p,Object.assign({style:{color:b}},{children:["neutral"===d?0:c,"%"]})),g&&e(h,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:f.current}))]}))};export{v as AnalyticsTrend};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import i,{useRef as n,useEffect as r}from"react";import o from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import a from"../../assets/icons/arrow_down.svg.js";import l from"../../assets/icons/arrow_up.svg.js";import c from"../../assets/icons/info.svg.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodySecondary as m,TitleSmall as p,Caption as h,TitleLarge as y,TitleMedium as b}from"../TypographyStyle.js";import{AnalyticsTrendContainer as f}from"./CommonStyles.js";const v=n=>{let{title:r,value:o,trendPercent:a,type:l="horizontal",timeline:p,customRange:h,tooltip:v,card:j=!0,rightSeparator:x=!1,size:O="big",share:w=!1,formatVal:T,prefixSymbol:I,trailingIcon:R,onTrailIconClick:C,iconTooltipBody:D,funnelPercent:$}=n;const k="big"===O?y:b,S=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,z=void 0!==a?w?Math.round(a):Math.abs(Math.round(a)):void 0;return e(f,Object.assign({card:j},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,borderRightWidth:x?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24,height:"100%",justifyContent:"space-between",alignItems:"center"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,height:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(m,Object.assign({style:{color:s.content.secondary}},{children:r})),v&&e(g,Object.assign({body:v,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e(c,{color:s.content.inactive,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},w?{justifyContent:"space-between"}:{})},{children:[e(k,Object.assign({style:{color:s.content.primary}},{children:void 0===o?"--":"number"==typeof o&&T?`${null!=I?I:""}${new Intl.NumberFormat("en-IN",{}).format(o)}`:`${null!=I?I:""}${o}`})),"horizontal"===l&&!w&&e(u,{timeline:p,customRange:h,percent:z,direction:S}),"vertical"===l&&void 0!==$&&e(d,{tagText:`${$} %`,theme:"light",type:"neutral"}),w&&void 0!==z&&e(d,{tagText:`${z} %`,theme:"light",type:"neutral"})]})),"vertical"===l&&!w&&e("div",Object.assign({style:{marginTop:6}},{children:e(u,{timeline:p,customRange:h,percent:z,direction:S})}))]})),D&&e(g,Object.assign({body:D,placement:"right"},{children:R&&e("div",Object.assign({className:"icon--holder",onClick:C},{children:i.createElement(R,{height:20,width:20,color:s.content.secondary})}))}))]}))}))},u=i=>{let{percent:c,direction:d,timeline:g,customRange:m}=i;const y="negative"===d?a:l,b="negative"===d?s.background.negative.vibrant:"positive"===d?s.background.positive.vibrant:s.content.placeholder,f=n("today"===g?"vs yesterday":"yesterday"===g?"vs 1 day before":"7 days"===g?"vs last 7 days":"30 days"===g?"vs last 30 days":"");return r((()=>{"custom"===g&&m&&(f.current=o.getAnalyticsCustomDateTimelineText(m))}),[g,m]),t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof c&&e(y,{color:b,height:20,width:20,style:{marginRight:2}}),"number"==typeof c&&d&&t(p,Object.assign({style:{color:b}},{children:["neutral"===d?0:c,"%"]})),g&&e(h,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:f.current}))]}))};export{v as AnalyticsTrend};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as e,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as l}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as c}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./HorizontalGraph.styles.js";e.register(i,r,a,n);const p=e=>{var i,r,a,n;const p=-1===e.xAxis.data.findIndex((t=>0!==t)),x={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!p}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:d.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(i=e.yAxis.labelColor)&&void 0!==i?i:c.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:d.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(r=e.xAxis.labelColor)&&void 0!==r?r:c.content.secondary},p?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:e.yAxis.data.map((t=>t.toString())),datasets:[{data:p?[250,1e3,800,1500,300,600]:e.xAxis.data,backgroundColor:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let r="";if(p)r="rgba(0,0,0,0)";else if(e.barColorRGBA){const t=e.barColorRGBA;r=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,r||"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,r||"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,Object.assign({padding:e.outerPadding},{children:[e.chartHeading&&o(l,Object.assign({color:null!==(a=e.chartHeading.color)&&void 0!==a?a:c.content.secondary},{children:e.chartHeading.heading})),o("div",Object.assign({style:{height:null!==(n=e.graphCanvasHeight)&&void 0!==n?n:500}},{children:o(s,{options:x,data:b})}))]}))};export{p as HorizontalGraph};
1
+ import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Chart as o,CategoryScale as e,LinearScale as a,BarElement as r,Tooltip as l}from"chart.js";import{Bar as n}from"react-chartjs-2";import{TitleRegular as s}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";o.register(e,a,r,l);const p=o=>{var e,a,r,l,p;const g=-1===o.xAxis.data.findIndex((t=>0!==t)),b={min:0,max:2e3,stepSize:null!==(e=o.xAxis.stepSize)&&void 0!==e?e:200},m={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:o.maintainAspectRatio,plugins:{legend:{display:!1},tooltip:{enabled:!g,callbacks:{label:o.xAxis.toolTipCallback}}},scales:{y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize,color:o.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:d.content.secondary}},x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({callback:o.xAxis.ticksCallback,fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},g?b:{max:o.xAxis.max,stepSize:o.xAxis.stepSize})}}},A={labels:o.yAxis.data.map((t=>t.toString())),datasets:[{data:g?[250,1e3,800,1500,300,600]:o.xAxis.data,backgroundColor:t=>(t=>{var i;const e=t.chart.ctx.createLinearGradient(0,0,0,200);let a="";if(g)a="rgba(0,0,0,0)";else if(o.barColorRGBA){const t=o.barColorRGBA;a=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(i=t.a)&&void 0!==i?i:"0.3"})`}return e.addColorStop(0,a||"rgba(146, 96, 237, 0.3)"),e.addColorStop(1,a||"rgba(146, 96, 237, 0.3)"),e})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:o.outerPadding},{children:[o.chartHeading&&i(s,Object.assign({color:null!==(l=o.chartHeading.color)&&void 0!==l?l:d.content.secondary},{children:o.chartHeading.heading})),i("div",Object.assign({style:{height:o.maintainAspectRatio?void 0:null!==(p=o.graphCanvasHeight)&&void 0!==p?p:500}},{children:i(n,{options:m,data:A})}))]}))};export{p as HorizontalGraph};
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";import{jsxs as c,jsx as l}from"react/jsx-runtime";import{BodyPrimary as e}from"../../../TypographyStyle.js";const i=t("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"tsn5c8",styles:"display:flex;align-items:center;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;}"}:{name:"tsn5c8",styles:"display:flex;align-items:center;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSAoeyBjb2xvciwgdGV4dCB9KSA9PiB7XHJcbiAgICBjb25zdCB0b1VwcGVyQ2FzZSA9IChuYW1lKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIG5hbWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBuYW1lLnNsaWNlKDEpO1xyXG4gICAgfTtcclxuICAgIHJldHVybiAoX2pzeHMoTGVnZW5kU3R5bGVkLCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogJ2NvbG9yJywgc3R5bGU6IHsgYmFja2dyb3VuZENvbG9yOiBjb2xvciB9IH0pLCBfanN4KEJvZHlQcmltYXJ5LCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAndGl0bGUnIH0sIHsgY2hpbGRyZW46IHRvVXBwZXJDYXNlKHRleHQpIH0pKV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MZWdlbmQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),o=t=>{let{color:o,text:a}=t;return c(i,{children:[l("div",{className:"color",style:{backgroundColor:o}}),l(e,Object.assign({className:"title"},{children:(n=a,n.charAt(0).toUpperCase()+n.slice(1))}))]});var n};export{o as Legend};
1
+ import c from"@emotion/styled/base";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as l}from"../../../TypographyStyle.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=c=>{let{color:i,text:a}=c;return t(o,{children:[e("div",{className:"color",style:{backgroundColor:i}}),e(l,Object.assign({className:"title"},{children:(r=a,r.charAt(0).toUpperCase()+r.slice(1))}))]});var r};export{i as Legend};
@@ -21,5 +21,6 @@ export type LineChartProps = {
21
21
  min?: number;
22
22
  max?: number;
23
23
  isZeroState?: boolean;
24
+ ticksLabelCallback?: (val: string, index: number) => void;
24
25
  };
25
26
  export declare const LineChart: React.FC<LineChartProps>;
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{Chart as r,CategoryScale as i,LinearScale as l,PointElement as n,BarElement as a,LineElement as s,ArcElement as d,Filler as c,Title as p,Tooltip as m,Legend as u}from"chart.js";import{useState as g,useRef as y,useEffect as v}from"react";import{Line as b}from"react-chartjs-2";import{SmallRegular as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{LegendWrapper as x,LegendContainer as C,LegendColor as k}from"./LineChart.styled.js";r.register(i,l,n,a,s,d,c,p,m,u);const j=r=>{let{scaleText:i,labels:l,canvasHeight:n,datas:a,maintainAspectRatio:s=!1,stepSize:d,min:c,max:p,isZeroState:m}=r;var u;const[j,z]=g(null),S=y();v((()=>{var t,e,o,r;if(null===(r=null===(o=null===(e=null===(t=S.current)||void 0===t?void 0:t.scales)||void 0===e?void 0:e.y)||void 0===o?void 0:o.ticks)||void 0===r?void 0:r.length){const t=38*S.current.scales.y.ticks.length;z(t)}}),[S]);const w=a.map((t=>({text:t.legend,color:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand})));return t("div",Object.assign({style:Object.assign(Object.assign({},s?{}:{height:null!==(u=null!=n?n:j)&&void 0!==u?u:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e(x,{children:w.map(((r,i)=>{let{text:l,color:n}=r;return l?t(C,{children:[e(k,{color:n}),e(h,Object.assign({color:"#667085"},{children:l}))]},i):e(o,{})}))}),e(b,{ref:S,options:{maintainAspectRatio:s,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:c,max:m?10:p,ticks:{color:f.content.secondary,callback:t=>{var e;return`${null!==(e=null==i?void 0:i.yPrefix)&&void 0!==e?e:""}${t}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:d},title:{display:!!(null==i?void 0:i.y),text:null==i?void 0:i.y},grid:{color:f.background.base}},x:{ticks:{color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==i?void 0:i.x),text:null==i?void 0:i.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:l,datasets:a.map(((t,e)=>{var o;return{tension:.4,fill:t.gradient?"start":0,pointRadius:1,borderDash:t.dotted?[8,3]:void 0,data:t.data,borderWidth:2,borderColor:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand,backgroundColor:t.gradient?t=>{const e=t.chart.ctx.createLinearGradient(0,0,0,j?j-75:150);return e.addColorStop(0,"#F1EEFB"),e.addColorStop(1,"rgba(127, 86, 217, 0)"),e}:null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}}))}})]}))};export{j as LineChart};
1
+ import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{Chart as r,CategoryScale as l,LinearScale as i,PointElement as n,BarElement as a,LineElement as s,ArcElement as d,Filler as c,Title as p,Tooltip as m,Legend as u}from"chart.js";import{useState as g,useRef as y,useEffect as b}from"react";import{Line as v}from"react-chartjs-2";import{SmallRegular as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{LegendWrapper as x,LegendContainer as k,LegendColor as C}from"./LineChart.styled.js";r.register(l,i,n,a,s,d,c,p,m,u);const j=r=>{let{scaleText:l,labels:i,canvasHeight:n,datas:a,maintainAspectRatio:s=!1,stepSize:d,min:c,max:p,isZeroState:m,ticksLabelCallback:u}=r;var j;const[z,S]=g(null),w=y();b((()=>{var t,e,o,r;if(null===(r=null===(o=null===(e=null===(t=w.current)||void 0===t?void 0:t.scales)||void 0===e?void 0:e.y)||void 0===o?void 0:o.ticks)||void 0===r?void 0:r.length){const t=38*w.current.scales.y.ticks.length;S(t)}}),[w]);const F=a.map((t=>({text:t.legend,color:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand})));return t("div",Object.assign({style:Object.assign(Object.assign({},s?{}:{height:null!==(j=null!=n?n:z)&&void 0!==j?j:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e(x,{children:F.map(((r,l)=>{let{text:i,color:n}=r;return i?t(k,{children:[e(C,{color:n}),e(h,Object.assign({color:"#667085"},{children:i}))]},l):e(o,{})}))}),e(v,{ref:w,options:{maintainAspectRatio:s,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:m?0:c,max:m?10:p,ticks:{color:f.content.secondary,callback:t=>{var e;return`${null!==(e=null==l?void 0:l.yPrefix)&&void 0!==e?e:""}${t}`},font:{family:"inter",size:12,weight:"400"},stepSize:m?1:d},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:f.background.base}},x:{ticks:{callback:u,color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.x),text:null==l?void 0:l.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:i,datasets:a.map(((t,e)=>{var o;return{tension:.4,fill:t.gradient?"start":0,pointRadius:1,borderDash:t.dotted?[8,3]:void 0,data:t.data,borderWidth:2,borderColor:t.lineColor?t.lineColor:t.dotted?f.content.placeholder:f.background.brand,backgroundColor:t.gradient?t=>{const e=t.chart.ctx.createLinearGradient(0,0,0,z?z-75:150);return e.addColorStop(0,"#F1EEFB"),e.addColorStop(1,"rgba(127, 86, 217, 0)"),e}:null!==(o=t.backgroundColor)&&void 0!==o?o:"transparent"}}))}})]}))};export{j as LineChart};
@@ -1 +1 @@
1
- import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as i}from"react/jsx-runtime";import r from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as I,useEffect as s}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as p}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"../../../tooltips/Tooltip.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../curtain/CurtainHelper.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../template-preview/models/WhatsAppTemplate.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as C}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../plans/SubscriptionPlansCollected.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../product-picker-v2/modal.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../modals/modal.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../SearchFilter/components/DateRangeOnlyButton.js";import"../../../input-with-vars/InputWithVariables.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import"../../../testimonial-card/TestimonialCard.style.js";import"../../../slider/slider.js";import"pure-react-carousel";import"../../../carousel-preview/CarouselPreview.style.js";import{Chart as c,ArcElement as a,Legend as l}from"chart.js";import{Doughnut as A}from"react-chartjs-2";c.register(a,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),u=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),b=t=>{let{title:g,slices:c,size:a}=t;const[l,m]=I([]),[u,b]=I();return s((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:n[o%n.length]},c[t]))),m([...o]),0===t){b({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>r.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};b(t)}}),[c]),u?i(e,{children:[g&&o(p,Object.assign({style:{marginBottom:16}},{children:g})),i("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:a,height:a}},{children:o(A,{data:u,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!a})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(C,{slices:l})}))]}))]}):o(e,{})};export{u as Card,b as PieChartAnalytics};
1
+ import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import i from"../../../../utils/StringUtils.js";import{COLORS as g}from"../../../../constants/Theme.js";import"../../../../constants/zindex.js";import{useState as s,useEffect as I}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as p}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-dom";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"../../../tooltips/Tooltip.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../curtain/CurtainHelper.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../template-preview/models/WhatsAppTemplate.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../../button/Button.js";import"../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/ChipDropdown.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as C}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../StackedBarChart/StackedBarDistributionChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../heatmap/HeatMapVertical.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../plans/SubscriptionPlansCollected.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../navigation-hyperlink/NavigationHyperlink.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../product-picker-v2/modal.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../modals/modal.styled.js";import"../../../SearchFilter/types/SearchFilter.type.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../SearchFilter/components/DateRangeOnlyButton.js";import"../../../input-with-vars/InputWithVariables.js";import"../../../star-rating/StarRating.js";import"../../../dashboard-review-popup/components/FiveStar.styled.js";import"../../../dashboard-review-popup/components/Form.styled.js";import"../../../dashboard-review-popup/components/ZeroState.js";import"../../../dashboard-review-popup/DashboardReviewPopUp.styled.js";import"../../../testimonial-card/TestimonialCard.style.js";import"../../../slider/slider.js";import"pure-react-carousel";import"../../../carousel-preview/CarouselPreview.style.js";import{Chart as c,ArcElement as a,Legend as l}from"chart.js";import{Doughnut as A}from"react-chartjs-2";c.register(a,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>g.surface.standard),";border:1px solid ",(t=>g.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),u=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),b=t=>{let{title:g,slices:c,size:a}=t;const[l,m]=s([]),[u,b]=s();return I((()=>{const t=c.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(c).map(((t,o)=>Object.assign({color:n[o%n.length]},c[t]))),m([...o]),0===t){b({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:c.map((t=>i.capitalize(t.name))),datasets:[{data:c.map((t=>t.count)),backgroundColor:c.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};b(t)}}),[c]),u?r(e,{children:[g&&o(p,Object.assign({style:{marginBottom:16}},{children:g})),r("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:a,height:a}},{children:o(A,{data:u,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!a})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(C,{slices:l})}))]}))]}):o(e,{})};export{u as Card,b as PieChartAnalytics};
@@ -1,2 +1,2 @@
1
- import { StackedBarGraphI } from './StackedBarChart.d';
1
+ import { StackedBarGraphI } from './StackedBarChart.model';
2
2
  export declare const StackedBarChart: (props: StackedBarGraphI) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as a,CategoryScale as o,LinearScale as i,BarElement as n,Tooltip as r,Legend as s}from"chart.js";import{Bar as l}from"react-chartjs-2";import{TitleRegular as c}from"../../../TypographyStyle.js";import{FONTS as d,COLORS as g}from"../../../../constants/Theme.js";import{GraphContainerWrapper as p}from"./StackedBarChart.styles.js";a.register(o,i,n,r,s);const y=a=>{var o,i,n,r;const s=0===a.yAxis.data.length,y=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],b={barPercentage:.4,categoryPercentage:1,borderRadius:4,pointStyle:"circle"},m={};a.yAxis.data.map((t=>{t.map((t=>{m[t.name]?m[t.name].push(t.value):m[t.name]=[t.value]}))}));const x=Object.keys(m).map(((t,e)=>Object.assign({label:t,data:m[t],backgroundColor:y[e]},b))),h={plugins:{legend:{display:!s,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!s}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:g.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(o=a.yAxis.labelColor)&&void 0!==o?o:g.content.secondary},stacked:!0},y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:g.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(i=a.xAxis.labelColor)&&void 0!==i?i:g.content.secondary},s?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}},onClick:(t,e)=>{if(!a.onBarClick)return;const o=e[0].datasetIndex,i=e[0].index,n=t.chart.data.datasets[o].label,r=t.chart.data.labels[i];a.onBarClick(r,n)},onHover:(t,e)=>{a.onBarClick&&e.length&&(t.native.target.style.cursor="pointer")}},u={labels:a.xAxis.data.map((t=>"string"==typeof t?t:t.name)),datasets:s?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(p,Object.assign({padding:a.outerPadding},{children:[a.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(n=a.chartHeading.color)&&void 0!==n?n:g.content.secondary},{children:a.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(r=a.graphCanvasHeight)&&void 0!==r?r:500}},{children:e(l,{options:h,data:u})}))]}))};export{y as StackedBarChart};
1
+ import{jsxs as i,jsx as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as e,LinearScale as n,BarElement as a,Tooltip as l,Legend as d}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleRegular as r}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as v}from"../../../../constants/Theme.js";import{COLOR_SCHEMA as x,GRAPH_ORIENTATION as p}from"./StackedBarChart.model.js";import{GraphContainerWrapper as A}from"./StackedBarChart.styles.js";t.register(e,n,a,l,d);const u=t=>{var e,n,a,l,d,u,y,g,b,m,O,F,h,f,k,C,S,E,H,R,L,T,j,z,I,N,Z,D;const B=0===t.yAxis.data.length,P=t.colorSchema===x.PASTEL?["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"]:["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],W={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4,bottomLeft:4,bottomRight:4},pointStyle:"circle",barWidth:t.barWidth},q={};t.yAxis.data.map((i=>{i.map((i=>{q[i.name]?q[i.name].push(i.value):q[i.name]=[i.value]}))}));const w=Object.keys(q).map(((i,o)=>Object.assign({label:i,data:q[i],backgroundColor:P[o]},W))),G={plugins:{legend:{display:!B,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!B}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},indexAxis:t.orientation===p.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(t.orientation===p.HORIZONTAL?null===(e=t.yAxis)||void 0===e?void 0:e.title:null===(n=t.xAxis)||void 0===n?void 0:n.title),text:t.orientation===p.HORIZONTAL?null===(a=t.yAxis)||void 0===a?void 0:a.title:null===(l=t.xAxis)||void 0===l?void 0:l.title,color:null!==(y=t.orientation===p.HORIZONTAL?null===(d=t.yAxis)||void 0===d?void 0:d.titleColor:null===(u=t.xAxis)||void 0===u?void 0:u.titleColor)&&void 0!==y?y:c.content.secondary,font:{size:v.caption.fontSize}},grid:{display:t.orientation===p.HORIZONTAL,color:c.background.base},ticks:{fontSize:v.caption.fontSize,color:null!==(g=t.yAxis.labelColor)&&void 0!==g?g:c.content.secondary},stacked:t.orientation===p.HORIZONTAL?"boolean"!=typeof(null===(b=t.yAxis)||void 0===b?void 0:b.stacked)||(null===(m=t.yAxis)||void 0===m?void 0:m.stacked):"boolean"!=typeof(null===(O=t.xAxis)||void 0===O?void 0:O.stacked)||(null===(F=t.xAxis)||void 0===F?void 0:F.stacked)},y:{title:{display:!!(t.orientation===p.HORIZONTAL?null===(h=t.xAxis)||void 0===h?void 0:h.title:null===(f=t.yAxis)||void 0===f?void 0:f.title),text:t.orientation===p.HORIZONTAL?null===(k=t.xAxis)||void 0===k?void 0:k.title:null===(C=t.yAxis)||void 0===C?void 0:C.title,color:null!==(H=t.orientation===p.HORIZONTAL?null===(S=t.xAxis)||void 0===S?void 0:S.titleColor:null===(E=t.yAxis)||void 0===E?void 0:E.titleColor)&&void 0!==H?H:c.content.secondary,font:{size:v.caption.fontSize}},grid:{display:t.orientation!==p.HORIZONTAL,color:c.background.base},ticks:Object.assign({stepSize:t.orientation===p.HORIZONTAL?null===(R=t.xAxis)||void 0===R?void 0:R.stepSize:null===(L=t.yAxis)||void 0===L?void 0:L.stepSize,fontSize:v.caption.fontSize,color:null!==(T=t.xAxis.labelColor)&&void 0!==T?T:c.content.secondary},B?{min:0,max:2e3,stepSize:200}:{}),stacked:t.orientation===p.HORIZONTAL?"boolean"!=typeof(null===(j=t.xAxis)||void 0===j?void 0:j.stacked)||(null===(z=t.xAxis)||void 0===z?void 0:z.stacked):"boolean"!=typeof(null===(I=t.yAxis)||void 0===I?void 0:I.stacked)||(null===(N=t.yAxis)||void 0===N?void 0:N.stacked)}},onClick:(i,o)=>{if(!t.onBarClick)return;const e=o[0].datasetIndex,n=o[0].index,a=i.chart.data.datasets[e].label,l=i.chart.data.labels[n];t.onBarClick(l,a)},onHover:(i,o)=>{t.onBarClick&&o.length&&(i.native.target.style.cursor="pointer")}},J={labels:t.xAxis.data.map((i=>"string"==typeof i?i:i.name)),datasets:B?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:w};return i(A,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&o("div",Object.assign({style:{marginBottom:24}},{children:o(r,Object.assign({color:null!==(Z=t.chartHeading.color)&&void 0!==Z?Z:c.content.secondary},{children:t.chartHeading.heading}))})),o("div",Object.assign({style:{height:null!==(D=t.graphCanvasHeight)&&void 0!==D?D:500}},{children:o(s,{options:G,data:J})}))]}))};export{u as StackedBarChart};
@@ -0,0 +1,44 @@
1
+ export interface AxisDetailsI {
2
+ title?: string;
3
+ titleColor?: string;
4
+ data: XAxisDataI[] | string[];
5
+ labelColor?: string;
6
+ stepSize?: number;
7
+ stacked?: boolean;
8
+ }
9
+ export interface XAxisDataI {
10
+ name: string;
11
+ value: number;
12
+ }
13
+ export interface RGBColorI {
14
+ r: number;
15
+ g: number;
16
+ b: number;
17
+ a?: number;
18
+ }
19
+ export interface ChartHeadingI {
20
+ heading: string;
21
+ color?: string;
22
+ }
23
+ export declare enum COLOR_SCHEMA {
24
+ BRAND = "brand",
25
+ PASTEL = "pastel"
26
+ }
27
+ export declare enum GRAPH_ORIENTATION {
28
+ VERTICAL = "vertical",
29
+ HORIZONTAL = "horizontal"
30
+ }
31
+ export interface StackedBarGraphI {
32
+ graphCanvasHeight?: number;
33
+ tickColor?: string;
34
+ labelColor?: string;
35
+ chartHeading?: ChartHeadingI;
36
+ xAxis: AxisDetailsI;
37
+ yAxis: AxisDetailsI;
38
+ barColorRGBA: RGBColorI;
39
+ outerPadding?: string;
40
+ onBarClick?: (xAxisLabel: string, yAxisLabel: string) => void;
41
+ colorSchema?: COLOR_SCHEMA;
42
+ orientation?: GRAPH_ORIENTATION;
43
+ barWidth?: number;
44
+ }
@@ -0,0 +1 @@
1
+ var n,t;!function(n){n.BRAND="brand",n.PASTEL="pastel"}(n||(n={})),function(n){n.VERTICAL="vertical",n.HORIZONTAL="horizontal"}(t||(t={}));export{n as COLOR_SCHEMA,t as GRAPH_ORIENTATION};
@@ -1,5 +1,28 @@
1
- import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=o.div`
2
- background-color: ${r.surface.standard};
3
- padding: ${o=>{var r;return null!==(r=o.padding)&&void 0!==r?r:"24px"}};
1
+ import e from"styled-components";import{COLORS as p}from"../../../../constants/Theme.js";const r=e.div`
2
+ background-color: ${p.surface.standard};
3
+ padding: ${e=>{var p;return null!==(p=e.padding)&&void 0!==p?p:"24px"}};
4
4
  border: none;
5
- `;export{n as GraphContainerWrapper};
5
+
6
+ .graph__wrapper {
7
+ width: 100%;
8
+ display: flex;
9
+ gap: 24px;
10
+ }
11
+
12
+ .legend__palette {
13
+ height: 16px;
14
+ width: 16px;
15
+ border-radius: 2px;
16
+ }
17
+
18
+ .legend__row {
19
+ display: flex;
20
+ align-items: center;
21
+ gap: 8px;
22
+ margin-top: 4px;
23
+ }
24
+
25
+ .legend__set {
26
+ margin-top: 16px;
27
+ }
28
+ `;export{r as GraphContainerWrapper};
@@ -0,0 +1,2 @@
1
+ import { StackedBarDistributionGraphI } from './StackedBarDistributionChart.model';
2
+ export declare const StackedBarDistributionChart: (props: StackedBarDistributionGraphI) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{Chart as i,CategoryScale as l,LinearScale as a,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import{useState as s,useEffect as c}from"react";import{Bar as v}from"react-chartjs-2";import{TitleRegular as g,BodyTiny as u}from"../../../TypographyStyle.js";import{COLORS as h,FONTS as p}from"../../../../constants/Theme.js";import{GraphContainerWrapper as b}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as m}from"./StackedBarDistributionChart.model.js";i.register(l,a,n,r,d);const O=[["#075E54","#128C7E","#25D366","#DCF8C6"],["#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF0012","#FF797D","#FFC4C5","#F9DFDF"]];const T=i=>{var l,a,n,r,d,T,y,f,A,C,j,k,H,L,S,N,R,F,x,I,Z,z,E;const[_,D]=s([]),[B,w]=s(),P=!i.data.filter((e=>!!e.value)).length,V={min:0,max:200,stepSize:20},U={min:i.minValue,max:i.maxValue,stepSize:i.valuesStepSize},$={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4,bottomLeft:4,bottomRight:4},pointStyle:"circle",barThickness:null!==(l=i.barThickness)&&void 0!==l?l:100},q={plugins:{legend:{display:!1},tooltip:{enabled:!P}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:i.orientation===m.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(i.orientation===m.HORIZONTAL?null===(a=i.valueTitle)||void 0===a?void 0:a.heading:null===(n=i.labelTitle)||void 0===n?void 0:n.heading),text:i.orientation===m.HORIZONTAL?null===(r=i.valueTitle)||void 0===r?void 0:r.heading:null===(d=i.labelTitle)||void 0===d?void 0:d.heading,color:null!==(f=i.orientation===m.HORIZONTAL?null===(T=i.valueTitle)||void 0===T?void 0:T.color:null===(y=i.labelTitle)||void 0===y?void 0:y.color)&&void 0!==f?f:h.content.secondary,font:{size:p.bodySecondary.fontSize}},grid:{display:i.orientation===m.HORIZONTAL,color:h.background.base},ticks:Object.assign({stepSize:30,fontSize:p.caption.fontSize,color:null!==(j=i.orientation===m.HORIZONTAL?null===(A=i.labelTitle)||void 0===A?void 0:A.color:null===(C=i.valueTitle)||void 0===C?void 0:C.color)&&void 0!==j?j:h.content.secondary},i.orientation===m.HORIZONTAL?P?V:U:{}),stacked:!0},y:{title:{display:!!(i.orientation===m.HORIZONTAL?null===(k=i.labelTitle)||void 0===k?void 0:k.heading:null===(H=i.valueTitle)||void 0===H?void 0:H.heading),text:i.orientation===m.HORIZONTAL?null===(L=i.labelTitle)||void 0===L?void 0:L.heading:null===(S=i.valueTitle)||void 0===S?void 0:S.heading,color:null!==(F=i.orientation===m.HORIZONTAL?null===(N=i.labelTitle)||void 0===N?void 0:N.color:null===(R=i.valueTitle)||void 0===R?void 0:R.color)&&void 0!==F?F:h.content.secondary,font:{size:p.bodySecondary.fontSize}},grid:{display:i.orientation!==m.HORIZONTAL,color:h.background.base},ticks:Object.assign({fontSize:p.caption.fontSize,color:null!==(Z=i.orientation===m.HORIZONTAL?null===(x=i.valueTitle)||void 0===x?void 0:x.color:null===(I=i.labelTitle)||void 0===I?void 0:I.color)&&void 0!==Z?Z:h.content.secondary},i.orientation===m.HORIZONTAL?{}:P?V:U),stacked:!0}},onClick:(e,t)=>{if(!i.onBarClick)return;const o=t[0].datasetIndex,l=t[0].index,a=e.chart.data.datasets[o].label,n=e.chart.data.labels[l];i.onBarClick(n,a)},onHover:(e,t)=>{i.onBarClick&&t.length&&(e.native.target.style.cursor="pointer")}},G=Array.from(new Set(i.data.map((e=>e.label)))),J={labels:(K=G,K.map((e=>e.length>0?e.charAt(0).toUpperCase()+e.slice(1):e))),datasets:[]};var K;return c((()=>{const e=[];G.forEach(((t,o)=>{const l=[],a=i.data.filter((e=>e.label===t));a.sort(((e,t)=>t.value-e.value)),a.forEach(((e,t)=>{const i=((e,t,o)=>O[e].slice(-o)[t])(o,t,a.length);l.push({color:i,label:e.stackLabel});const n=Object.assign({label:e.stackLabel,backgroundColor:i,data:Array(G.length).fill(0)},$);n.data[o]=e.value,J.datasets.push(n)})),e.push(l)})),D(e),w(J)}),[]),B?o(b,Object.assign({padding:i.outerPadding},{children:[i.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(g,Object.assign({color:null!==(z=i.chartHeading.color)&&void 0!==z?z:h.content.secondary},{children:i.chartHeading.heading}))})),o("div",Object.assign({className:"graph__wrapper"},{children:[e("div",Object.assign({style:{height:null!==(E=i.graphCanvasHeight)&&void 0!==E?E:500,flex:1}},{children:e(v,{options:q,data:B})})),e("div",{children:_.map(((t,i)=>e("div",Object.assign({className:"legend__set"},{children:t.map((t=>o("div",Object.assign({className:"legend__row"},{children:[e("div",{className:"legend__palette",style:{backgroundColor:t.color}}),e(u,Object.assign({color:h.content.secondary},{children:t.label}))]}),t.label.replace(" ","_"))))}),`Legend_set_${i}`)))})]}))]})):e(t,{})};export{T as StackedBarDistributionChart};
@@ -0,0 +1,30 @@
1
+ export interface ChartHeadingI {
2
+ heading: string;
3
+ color?: string;
4
+ }
5
+ export declare enum GRAPH_ORIENTATION {
6
+ VERTICAL = "vertical",
7
+ HORIZONTAL = "horizontal"
8
+ }
9
+ interface StackedBarDistributionGraphDataI {
10
+ label: string;
11
+ value: number;
12
+ stackLabel: string;
13
+ }
14
+ export interface StackedBarDistributionGraphI {
15
+ graphCanvasHeight?: number;
16
+ tickColor?: string;
17
+ labelColor?: string;
18
+ chartHeading?: ChartHeadingI;
19
+ data: StackedBarDistributionGraphDataI[];
20
+ outerPadding?: string;
21
+ onBarClick?: (xAxisLabel: string, yAxisLabel: string) => void;
22
+ labelTitle?: ChartHeadingI;
23
+ valueTitle?: ChartHeadingI;
24
+ orientation?: GRAPH_ORIENTATION;
25
+ barThickness?: number;
26
+ valuesStepSize?: number;
27
+ minValue?: number;
28
+ maxValue?: number;
29
+ }
30
+ export {};
@@ -0,0 +1 @@
1
+ var o;!function(o){o.VERTICAL="vertical",o.HORIZONTAL="horizontal"}(o||(o={}));export{o as GRAPH_ORIENTATION};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,BarElement as a,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{TitleMedium as l}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./VerticalGraph.styles.js";o.register(i,r,a,n);const p=o=>{var i,r,a,n;const p=-1===o.yAxis.data.findIndex((t=>0!==t)),x={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!p}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(i=o.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=o.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},p?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:o.xAxis.data.map((t=>t.toString())),datasets:[{data:p?[250,1e3,800,1500,300,600]:o.yAxis.data,backgroundColor:t=>{var e;const i=o.barColorRGBA;let r=[];const a=o.xAxis.data.length;if(p)return"rgba(0,0,0,0)";if(o.isFunnel){let t=+(a>10?.1:(1/a).toFixed(2));const e=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let o=1;o<a+1;o++){let i="";o>10?i=`${e},1)`:(i=`${e},${t})`,t+=.1),r.push(i)}}else{const t=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(e=i.a)&&void 0!==e?e:"1"})`;r=Array(a).fill(t)}return r},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,Object.assign({padding:o.outerPadding},{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(l,Object.assign({color:null!==(a=o.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(n=o.graphCanvasHeight)&&void 0!==n?n:500}},{children:e(s,{options:x,data:b})}))]}))};export{p as VerticalGraph};
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as i,CategoryScale as o,LinearScale as a,BarElement as r,Tooltip as l}from"chart.js";import{Bar as n}from"react-chartjs-2";import{TitleMedium as s}from"../../../TypographyStyle.js";import{FONTS as c,COLORS as d}from"../../../../constants/Theme.js";import{GraphContainerWrapper as g}from"./VerticalGraph.styles.js";i.register(o,a,r,l);const b=i=>{var o,a,r,l;const b=-1===i.yAxis.data.findIndex((t=>0!==t)),p={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!b,callbacks:{label:i.yAxis.toolTipCallback}}},scales:{x:{title:{display:!!i.xAxis.title,text:i.xAxis.title,color:i.xAxis.titleColor,font:{size:c.caption.fontSize}},grid:{display:!1,borderColor:d.background.base},ticks:{fontSize:c.caption.fontSize,color:null!==(o=i.yAxis.labelColor)&&void 0!==o?o:d.content.secondary}},y:{title:{display:!!i.yAxis.title,text:i.yAxis.title,color:i.yAxis.titleColor,font:{size:c.caption.fontSize}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({callback:i.yAxis.ticksCallback,fontSize:c.caption.fontSize,color:null!==(a=i.xAxis.labelColor)&&void 0!==a?a:d.content.secondary},b?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:i.xAxis.data.map((t=>t.toString())),datasets:[{data:b?[250,1e3,800,1500,300,600]:i.yAxis.data,backgroundColor:t=>{var e;const o=i.barColorRGBA;let a=[];const r=i.xAxis.data.length;if(b)return"rgba(0,0,0,0)";if(i.isFunnel){let t=+(r>10?.1:(1/r).toFixed(2));const e=`rgba(${o.r}, ${o.g}, ${o.b}`;for(let i=1;i<r+1;i++){let o="";i>10?o=`${e},1)`:(o=`${e},${t})`,t+=.1),a.push(o)}}else{const t=`rgba(${o.r}, ${o.g}, ${o.b}, ${null!==(e=o.a)&&void 0!==e?e:"1"})`;a=Array(r).fill(t)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(g,Object.assign({padding:i.outerPadding},{children:[i.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(s,Object.assign({color:null!==(r=i.chartHeading.color)&&void 0!==r?r:d.content.secondary},{children:i.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(l=i.graphCanvasHeight)&&void 0!==l?l:500}},{children:e(n,{options:p,data:x})}))]}))};export{b as VerticalGraph};
@@ -1 +1 @@
1
- import c from"@emotion/styled/base";const d=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",label:"HeatBoxStyled"})("width:fit-content;.top-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;&__heading{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;}&__legend{display:flex;flex-direction:row;gap:6px;align-items:center;}}.box{width:24px;height:24px;border-radius:4px;margin:2px;background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9faGVhZGluZyB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogOHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdH1cblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IDI0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",label:"HeatBox"})("width:24px;height:24px;border-radius:4px;margin:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDZweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAyNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjRweDtcblx0aGVpZ2h0OiAyNHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdG1hcmdpbjogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFN0eWxlZC5qcy5tYXAiXX0= */"));export{l as HeatBox,d as HeatBoxStyled};
1
+ import c from"@emotion/styled/base";const d=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj71"}:{target:"e1p0nfj71",label:"HeatBoxStyled"})("width:fit-content;.top-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;&__heading{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;}&__legend{display:flex;flex-direction:row;gap:6px;align-items:center;}}.box{width:74px;height:14px;border-radius:2px;margin:2px;background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9faGVhZGluZyB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogOHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdH1cblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogNzRweDtcblx0XHRoZWlnaHQ6IDE0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */")),l=c("div","production"===process.env.NODE_ENV?{target:"e1p0nfj70"}:{target:"e1p0nfj70",label:"HeatBox"})("width:24px;height:24px;border-radius:2px;margin:2px;background-color:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2hlYWRpbmcge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDhweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHR9XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDZweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmJveCB7XG5cdFx0d2lkdGg6IDc0cHg7XG5cdFx0aGVpZ2h0OiAxNHB4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRtYXJnaW46IDJweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMjRweDtcblx0aGVpZ2h0OiAyNHB4O1xuXHRib3JkZXItcmFkaXVzOiAycHg7XG5cdG1hcmdpbjogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SGVhdE1hcFN0eWxlZC5qcy5tYXAiXX0= */"));export{l as HeatBox,d as HeatBoxStyled};
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export interface HeatMapVerticalInputInterface {
3
+ title: string;
4
+ xLabels: string[];
5
+ yLabels: string[];
6
+ values: number[][];
7
+ absolutHeatValues: number[];
8
+ hideXLabels?: boolean;
9
+ }
10
+ export declare const HeatMapVertical: React.FC<HeatMapVerticalInputInterface>;
11
+ export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: React.ElementType<any> | undefined;
14
+ }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -0,0 +1 @@
1
+ import I from"@emotion/styled/base";import{jsx as c,Fragment as g,jsxs as l}from"react/jsx-runtime";import{useState as d,useEffect as b}from"react";import{Tooltip as C}from"../../../tooltips/Tooltip.js";import{BodyCaption as X,BodyTiny as Z}from"../../../TypographyStyle.js";import{COLORS as H}from"../../../../constants/Theme.js";var i;!function(I){I[I.LOW=0]="LOW",I[I.MEDIUM=1]="MEDIUM",I[I.HIGH=2]="HIGH",I[I.HIGHEST=3]="HIGHEST"}(i||(i={}));const W={[i.LOW]:"#EBDBFF",[i.MEDIUM]:"#D2AEFF",[i.HIGH]:"#9E77ED",[i.HIGHEST]:"#5E07BB"},G=I=>{let{xLabels:G,yLabels:F,values:s,absolutHeatValues:x}=I;const[e,t]=d();return b((()=>{t(s.map((I=>I.map((I=>((I,c)=>I<=c[0]?i.LOW:I<=c[1]?i.MEDIUM:I<=c[2]?i.HIGH:i.HIGHEST)(I,x||[]))))))}),[s,x]),e?l(h,{children:[c("div",Object.assign({className:"top-container"},{children:l("div",{children:[l("div",Object.assign({className:"top-container__legend"},{children:[c(B,{color:W[i.LOW]}),c(B,{color:W[i.MEDIUM]}),c(B,{color:W[i.HIGH]}),c(B,{color:W[i.HIGHEST]})]})),l("div",Object.assign({className:"top-container__legend"},{children:[c(X,Object.assign({color:H.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:x[0]})),c(X,Object.assign({color:H.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:x[1]})),c(X,Object.assign({color:H.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:x[2]})),c(X,Object.assign({color:H.content.secondary,style:{width:56,margin:3,textAlign:"right"}},{children:`${x[2]}+`}))]}))]})})),l("div",Object.assign({style:{width:"100%"}},{children:[F.map(((I,g)=>l("div",Object.assign({className:"heat-row"},{children:[c("div",Object.assign({style:{flex:1}},{children:c(Z,Object.assign({style:{color:H.content.secondary,textAlign:"right"}},{children:I}))})),G.map(((I,l)=>c("div",Object.assign({style:{flex:1}},{children:c(C,Object.assign({body:s[g][l].toString(),placement:"bottom"},{children:c(V,{color:W[e[g][l]]})}))}),I)))]}),I))),l("div",Object.assign({className:"heat-row"},{children:[c("div",{style:{flex:1}}),G.map((I=>c("div",Object.assign({style:{flex:1}},{children:c(Z,Object.assign({style:{color:H.content.secondary,textAlign:"center"}},{children:I}))}),I)))]}))]}))]}):c(g,{})},V=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv2"}:{target:"e1i23nxv2",label:"HeatBox"})("height:14px;border-radius:2px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMyQiIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiB5TGFiZWwgfSkpIH0pKSwgeExhYmVscy5tYXAoKHhMYWJlbCwgY29sSW5kZXgpID0+IChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBmbGV4OiAxIH0gfSwgeyBjaGlsZHJlbjogX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogdmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF0udG9TdHJpbmcoKSwgcGxhY2VtZW50OiAnYm90dG9tJyB9LCB7IGNoaWxkcmVuOiBfanN4KEhlYXRCb3gsIHsgY29sb3I6IEhFQVRfQ09MT1JTW2hlYXRWYWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XV0gfSkgfSkpIH0pLCB4TGFiZWwpKSldIH0pLCB5TGFiZWwpKSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDE0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmNvbnN0IEhlYXRCb3hMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDU4cHg7XG5cdGhlaWdodDogMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwVmVydGljYWwuanMubWFwIl19 */")),B=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv1"}:{target:"e1i23nxv1",label:"HeatBoxLegend"})("width:58px;height:12px;border-radius:2px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENpQyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiB5TGFiZWwgfSkpIH0pKSwgeExhYmVscy5tYXAoKHhMYWJlbCwgY29sSW5kZXgpID0+IChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBmbGV4OiAxIH0gfSwgeyBjaGlsZHJlbjogX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogdmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF0udG9TdHJpbmcoKSwgcGxhY2VtZW50OiAnYm90dG9tJyB9LCB7IGNoaWxkcmVuOiBfanN4KEhlYXRCb3gsIHsgY29sb3I6IEhFQVRfQ09MT1JTW2hlYXRWYWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XV0gfSkgfSkpIH0pLCB4TGFiZWwpKSldIH0pLCB5TGFiZWwpKSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDE0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmNvbnN0IEhlYXRCb3hMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDU4cHg7XG5cdGhlaWdodDogMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwVmVydGljYWwuanMubWFwIl19 */")),h=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv0"}:{target:"e1i23nxv0",label:"HeatBoxStyled"})("production"===process.env.NODE_ENV?{name:"6nlflw",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;margin-top:4px;gap:4px;}"}:{name:"6nlflw",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;margin-top:4px;gap:4px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0R3QyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRnJhZ21lbnQgYXMgX0ZyYWdtZW50LCBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vLi4vLi4vdG9vbHRpcHNcIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIEJvZHlUaW55IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbnZhciBIRUFUO1xyXG4oZnVuY3Rpb24gKEhFQVQpIHtcclxuICAgIEhFQVRbSEVBVFtcIkxPV1wiXSA9IDBdID0gXCJMT1dcIjtcclxuICAgIEhFQVRbSEVBVFtcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcclxuICAgIEhFQVRbSEVBVFtcIkhJR0hcIl0gPSAyXSA9IFwiSElHSFwiO1xyXG4gICAgSEVBVFtIRUFUW1wiSElHSEVTVFwiXSA9IDNdID0gXCJISUdIRVNUXCI7XHJcbn0pKEhFQVQgfHwgKEhFQVQgPSB7fSkpO1xyXG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcclxuICAgIFtIRUFULkxPV106ICcjRUJEQkZGJyxcclxuICAgIFtIRUFULk1FRElVTV06ICcjRDJBRUZGJyxcclxuICAgIFtIRUFULkhJR0hdOiAnIzlFNzdFRCcsXHJcbiAgICBbSEVBVC5ISUdIRVNUXTogJyM1RTA3QkInLFxyXG59O1xyXG5jb25zdCBnZXRIZWF0ID0gKHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcykgPT4ge1xyXG4gICAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzBdKVxyXG4gICAgICAgIHJldHVybiBIRUFULkxPVztcclxuICAgIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1sxXSlcclxuICAgICAgICByZXR1cm4gSEVBVC5NRURJVU07XHJcbiAgICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMl0pXHJcbiAgICAgICAgcmV0dXJuIEhFQVQuSElHSDtcclxuICAgIHJldHVybiBIRUFULkhJR0hFU1Q7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoeyB4TGFiZWxzLCB5TGFiZWxzLCB2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbaGVhdFZhbHVlcywgc2V0SGVhdFZhbHVlc10gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBzZXRIZWF0VmFsdWVzKHZhbHVlcy5tYXAoKHJvdykgPT4gcm93Lm1hcCgodmFsdWUpID0+IGdldEhlYXQodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzIHx8IFtdKSkpKTtcclxuICAgIH0sIFt2YWx1ZXMsIGFic29sdXRIZWF0VmFsdWVzXSk7XHJcbiAgICBpZiAoIWhlYXRWYWx1ZXMpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyXCIgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIgfSwgeyBjaGlsZHJlbjogW19qc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbSEVBVC5MT1ddIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuTUVESVVNXSB9KSwgX2pzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1tIRUFULkhJR0hdIH0pLCBfanN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTW0hFQVQuSElHSEVTVF0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1swXSB9KSksIF9qc3goQm9keUNhcHRpb24sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiAncmlnaHQnIH0gfSwgeyBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMV0gfSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSwgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogJ3JpZ2h0JyB9IH0sIHsgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzJdIH0pKSwgX2pzeChCb2R5Q2FwdGlvbiwgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiBgJHthYnNvbHV0SGVhdFZhbHVlc1syXX0rYCB9KSldIH0pKV0gfSkgfSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICcxMDAlJyB9IH0sIHsgY2hpbGRyZW46IFt5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgZmxleDogMSB9IH0sIHsgY2hpbGRyZW46IF9qc3goQm9keVRpbnksIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCB0ZXh0QWxpZ246ICdyaWdodCcgfSB9LCB7IGNoaWxkcmVuOiB5TGFiZWwgfSkpIH0pKSwgeExhYmVscy5tYXAoKHhMYWJlbCwgY29sSW5kZXgpID0+IChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBmbGV4OiAxIH0gfSwgeyBjaGlsZHJlbjogX2pzeChUb29sdGlwLCBPYmplY3QuYXNzaWduKHsgYm9keTogdmFsdWVzW3Jvd0luZGV4XVtjb2xJbmRleF0udG9TdHJpbmcoKSwgcGxhY2VtZW50OiAnYm90dG9tJyB9LCB7IGNoaWxkcmVuOiBfanN4KEhlYXRCb3gsIHsgY29sb3I6IEhFQVRfQ09MT1JTW2hlYXRWYWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XV0gfSkgfSkpIH0pLCB4TGFiZWwpKSldIH0pLCB5TGFiZWwpKSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSB9KSwgeExhYmVscy5tYXAoKHhMYWJlbCkgPT4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IGZsZXg6IDEgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEJvZHlUaW55LCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0QWxpZ246ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHhMYWJlbCB9KSkgfSksIHhMYWJlbCkpKV0gfSkpXSB9KSldIH0pKTtcclxufTtcclxuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDE0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmNvbnN0IEhlYXRCb3hMZWdlbmQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDU4cHg7XG5cdGhlaWdodDogMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuY29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdC50b3AtY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNHB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuaGVhdC1yb3cge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0bWFyZ2luLXRvcDogNHB4O1xuXHRcdGdhcDogNHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwVmVydGljYWwuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{h as HeatBoxStyled,G as HeatMapVertical};
@@ -9,6 +9,8 @@ export * from './chart/Pie/PieChartAnalytics';
9
9
  export * from './chart/Pie/PieChart';
10
10
  export * from './chart/HorizontalBarGraph/HorizontalGraph';
11
11
  export * from './chart/StackedBarChart/StackedBarChart';
12
+ export * from './chart/StackedBarChart/StackedBarDistributionChart';
12
13
  export * from './chart/VerticalBarGraph/VerticalGraph';
13
14
  export * from './chart/heatmap/HeatMap';
15
+ export * from './chart/heatmap/HeatMapVertical';
14
16
  export * from './chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph';
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const Menus: ({
2
3
  displayName: string;
3
4
  key: number;