@bikdotai/bik-component-library 0.0.111-beta.analytics.9 → 0.0.111

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 (123) hide show
  1. package/dist/cjs/components/TypographyStyle.d.ts +0 -21
  2. package/dist/cjs/components/TypographyStyle.js +17 -27
  3. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  4. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -6
  5. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +0 -10
  7. package/dist/cjs/components/button/themes.d.ts +0 -1
  8. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  9. package/dist/cjs/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
  10. package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
  11. package/dist/cjs/components/plans/SubscriptionPlanStyled.d.ts +2 -0
  12. package/dist/cjs/components/plans/SubscriptionPlanStyled.js +1 -1
  13. package/dist/cjs/components/postPicker/PostPicker.styled.d.ts +0 -1
  14. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -1
  15. package/dist/cjs/index.js +1 -1
  16. package/dist/esm/components/TypographyStyle.d.ts +0 -21
  17. package/dist/esm/components/TypographyStyle.js +16 -26
  18. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  19. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -6
  20. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  21. package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +0 -10
  22. package/dist/esm/components/button/themes.d.ts +0 -1
  23. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  24. package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js +1 -1
  25. package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
  26. package/dist/esm/components/plans/SubscriptionPlanStyled.d.ts +2 -0
  27. package/dist/esm/components/plans/SubscriptionPlanStyled.js +1 -1
  28. package/dist/esm/components/postPicker/PostPicker.styled.d.ts +0 -1
  29. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -1
  30. package/dist/esm/index.js +1 -1
  31. package/package.json +1 -3
  32. package/dist/cjs/assets/icons/arrow_down.svg.js +0 -1
  33. package/dist/cjs/assets/icons/arrow_up.svg.js +0 -1
  34. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -7
  35. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +0 -1
  36. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -15
  37. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +0 -1
  38. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts +0 -3
  39. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +0 -1
  40. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +0 -1
  41. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +0 -4
  42. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Legend/Legend.d.ts +0 -6
  43. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +0 -1
  44. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -21
  45. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +0 -1
  46. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -15
  47. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +0 -1
  48. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.d.ts +0 -3
  49. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js +0 -15
  50. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +0 -4
  51. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +0 -1
  52. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData.d.ts +0 -10
  53. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +0 -3
  54. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +0 -1
  55. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -1
  56. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +0 -5
  57. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts +0 -3
  58. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +0 -1
  59. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +0 -1
  60. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +0 -4
  61. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +0 -27
  62. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +0 -1
  63. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +0 -9
  64. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +0 -1
  65. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +0 -6
  66. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +0 -1
  67. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.d.ts +0 -6
  68. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.js +0 -1
  69. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +0 -26
  70. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +0 -1
  71. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +0 -25
  72. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js +0 -1
  73. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/index.d.ts +0 -1
  74. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.d.ts +0 -1
  75. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js +0 -1
  76. package/dist/cjs/components/template-context-mapper/utils/getFormattedMonthDate.d.ts +0 -1
  77. package/dist/cjs/components/template-context-mapper/utils/getFormattedMonthDate.js +0 -1
  78. package/dist/esm/assets/icons/arrow_down.svg.js +0 -1
  79. package/dist/esm/assets/icons/arrow_up.svg.js +0 -1
  80. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -7
  81. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +0 -1
  82. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -15
  83. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +0 -1
  84. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts +0 -3
  85. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +0 -1
  86. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +0 -1
  87. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +0 -4
  88. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.d.ts +0 -6
  89. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +0 -1
  90. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -21
  91. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +0 -1
  92. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -15
  93. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +0 -1
  94. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.d.ts +0 -3
  95. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js +0 -15
  96. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +0 -4
  97. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +0 -1
  98. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData.d.ts +0 -10
  99. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +0 -3
  100. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +0 -1
  101. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -1
  102. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +0 -5
  103. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts +0 -3
  104. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +0 -1
  105. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +0 -1
  106. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +0 -4
  107. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +0 -27
  108. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +0 -1
  109. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +0 -9
  110. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +0 -1
  111. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +0 -6
  112. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +0 -1
  113. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.d.ts +0 -6
  114. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.js +0 -1
  115. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +0 -26
  116. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +0 -1
  117. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +0 -25
  118. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js +0 -1
  119. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/index.d.ts +0 -1
  120. package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.d.ts +0 -1
  121. package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js +0 -1
  122. package/dist/esm/components/template-context-mapper/utils/getFormattedMonthDate.d.ts +0 -1
  123. package/dist/esm/components/template-context-mapper/utils/getFormattedMonthDate.js +0 -1
@@ -1 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default.div`
2
- background-color: ${r.COLORS.surface.standard};
3
- padding: 24px;
4
- `;exports.GraphContainerWrapper=n;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface LegendData {
3
- color: string;
4
- text: string;
5
- }
6
- export declare const Legend: React.FC<LegendData>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),t=require("react/jsx-runtime"),c=require("../../../TypographyStyle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(e).default("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)."}});exports.Legend=e=>{let{color:l,text:a}=e;return t.jsxs(i,{children:[t.jsx("div",{className:"color",style:{backgroundColor:l}}),t.jsx(c.BodyPrimary,Object.assign({className:"title"},{children:(s=a,s.charAt(0).toUpperCase()+s.slice(1))}))]});var s};
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- export type LineChartProps = {
3
- canvasHeight?: number;
4
- maintainAspectRatio?: boolean;
5
- datas: {
6
- data: number[];
7
- lineColor?: string;
8
- backgroundColor?: string;
9
- dotted?: boolean;
10
- gradient?: boolean;
11
- legend?: string;
12
- }[];
13
- labels: Array<string>;
14
- scaleText?: {
15
- x?: string;
16
- y?: string;
17
- yPrefix?: string;
18
- };
19
- legends: Array<string>;
20
- };
21
- export declare const LineChart: React.FC<LineChartProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react"),l=require("react-chartjs-2"),o=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),i=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:a,labels:s,canvasHeight:d,datas:c,maintainAspectRatio:u=!1}=t;var g;const[p,y]=r.useState(null),C=r.useRef();r.useEffect((()=>{var e,t,r,l;if(null===(l=null===(r=null===(t=null===(e=C.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===r?void 0:r.ticks)||void 0===l?void 0:l.length){const e=38*C.current.scales.y.ticks.length;y(e)}}),[C]);const v=c.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand})));return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},u?{}:{height:null!==(g=null!=d?d:p)&&void 0!==g?g:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e.jsx(i.LegendWrapper,{children:v.map(((t,r)=>{let{text:l,color:n}=t;return l?e.jsxs(i.LegendContainer,{children:[e.jsx(i.LegendColor,{color:n}),e.jsx(o.SmallRegular,Object.assign({color:"#667085"},{children:l}))]},r):e.jsx(e.Fragment,{})}))}),e.jsx(l.Line,{ref:C,options:{maintainAspectRatio:u,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>n.COLORS.content.primaryInverse,backgroundColor:n.COLORS.content.primary,callbacks:{labelTextColor:()=>n.COLORS.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,ticks:{color:n.COLORS.content.secondary,callback:e=>{var t;return`${null!==(t=null==a?void 0:a.yPrefix)&&void 0!==t?t:""}${e}`},font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==a?void 0:a.y),text:null==a?void 0:a.y},grid:{color:n.COLORS.background.base}},x:{ticks:{color:n.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==a?void 0:a.x),text:null==a?void 0:a.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:s,datasets:c.map(((e,t)=>{var r;return{tension:.4,fill:e.gradient?"start":0,pointRadius:1,borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:2,borderColor:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,p?p-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent"}}))}})]}))};
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const LegendColor: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & {
10
- color: string;
11
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- "use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var e=c(require("@emotion/styled/base"));function d(){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 l=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg2"}:{target:"eyesbkg2",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center"}:{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzBDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:d}),b=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg1"}:{target:"eyesbkg1",label:"LegendColor"})("width:8px;height:8px;border-radius:4px;background:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */")),t=e.default("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("production"===process.env.NODE_ENV?{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end"}:{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:d});exports.LegendColor=b,exports.LegendContainer=l,exports.LegendWrapper=t;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PieChartInputData } from "./PieChartInputData";
3
- export declare const PieChart: React.FC<PieChartInputData>;
@@ -1,15 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),s=require("../Legend/Legend.js"),n=require("../../../TypographyStyle.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const c=a(r).default.div`
2
- width: 100%;
3
- display: flex;
4
- flex-direction: column;
5
- justify-content: center;
6
- gap: 24px;
7
-
8
- .slice-row {
9
- width: 100%;
10
- display: flex;
11
- .percentage {
12
- margin-left: auto;
13
- }
14
- }
15
- `;exports.PieChart=r=>{let{slices:a}=r;const[i,l]=t.useState(0);t.useEffect((()=>{let e=0;a.forEach((t=>{e+=t.count})),l(e)}),[a]);return e.jsx(c,{children:a.map((t=>{return e.jsxs("div",Object.assign({className:"slice-row"},{children:[e.jsx(s.Legend,{color:t.color,text:t.name},t.name),e.jsxs(n.TitleRegular,Object.assign({className:"percentage"},{children:[(r=t.count,0===i?0:parseInt((r/i*100).toString())),"%"]}))]}),t.name);var r}))})};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { PieChartInputData } from "./PieChartInputData";
3
- export declare const Card: (props: any) => JSX.Element;
4
- export declare const PieChartAnalytics: React.FC<PieChartInputData>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("chart.js"),A=require("react"),c=require("react-chartjs-2"),l=require("../../../TypographyStyle.js"),e=require("../../../../constants/Theme.js"),s=require("./PieChart.js");function t(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var b=t(I);C.Chart.register(C.ArcElement,C.Tooltip,C.Legend);const d={events:[]},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],a=b.default("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(I=>e.COLORS.surface.standard),";border:1px solid ",(I=>e.COLORS.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQsIFRvb2x0aXAsIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBEb3VnaG51dCB9IGZyb20gJ3JlYWN0LWNoYXJ0anMtMic7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFBpZUNoYXJ0IH0gZnJvbSAnLi9QaWVDaGFydCc7XHJcbkNoYXJ0SlMucmVnaXN0ZXIoQXJjRWxlbWVudCwgVG9vbHRpcCwgTGVnZW5kKTtcclxuY29uc3Qgb3B0aW9ucyA9IHtcclxuICAgIGV2ZW50czogW10sXHJcbn07XHJcbmNvbnN0IEdSQVBIX0NPTE9SUyA9IFtcclxuICAgICcjNUUwN0JCJyxcclxuICAgICcjOUU3N0VEJyxcclxuICAgICcjRDJBRUZGJyxcclxuICAgICcjQ0RFMUZGJyxcclxuICAgICcjOTJBRkZBJyxcclxuICAgICcjMzkzNUUxJyxcclxuXTtcclxuY29uc3QgQ2FydFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAkeyhwcm9wcykgPT4gQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcmQgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBfanN4KENhcnRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwYWRkaW5nOiAyNCB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0QW5hbHl0aWNzID0gKHsgdGl0bGUsIHNsaWNlcywgc2l6ZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgW3NsaWNlc1dpdGhDb2xvciwgc2V0U2xpY2VzV2l0aENvbG9yXSA9IHVzZVN0YXRlKFtdKTtcclxuICAgIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlKCk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvdGFsU3VtID0gc2xpY2VzLnJlZHVjZSgoc3VtLCBzbGljZSkgPT4gc3VtICsgc2xpY2UuY291bnQsIDApO1xyXG4gICAgICAgIGxldCB1cGRhdGVkU2xpY2VzV2l0aENvbG9yID0gW107XHJcbiAgICAgICAgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IE9iamVjdC5rZXlzKHNsaWNlcykubWFwKChrZXksIGluZGV4KSA9PiAoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBzbGljZXNba2V5XSksIHsgY29sb3I6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdIH0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IpO1xyXG4gICAgICAgIGlmICh0b3RhbFN1bSA9PT0gMCkge1xyXG4gICAgICAgICAgICBjb25zdCBkYXRhU2V0ID0ge1xyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IFsxMDBdLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFsnI0YwRjBGMCddLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogMCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogc2xpY2VzLm1hcCgoc2xpY2UpID0+IHNsaWNlLmNvdW50KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gc2xpY2UuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdOyB9KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IFsnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbc2xpY2VzXSk7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMTYsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdyb3cnIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goRG91Z2hudXQsIHsgZGF0YTogZGF0YSwgb3B0aW9uczogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBvcHRpb25zKSwgeyBtYWludGFpbkFzcGVjdFJhdGlvOiBzaXplID8gZmFsc2UgOiB0cnVlIH0pIH0pIH0pKSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ2NvbC02Jywgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiA0OCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiBzbGljZXNXaXRoQ29sb3IgfSkgfSkpXSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UGllQ2hhcnRBbmFseXRpY3MuanMubWFwIl19 */"));exports.Card=I=>g.jsx(a,Object.assign({style:{padding:24}},{children:I.children})),exports.PieChartAnalytics=I=>{let{title:C,slices:e,size:t}=I;const[b,a]=A.useState([]),[i,X]=A.useState();return A.useEffect((()=>{const I=e.reduce(((I,g)=>I+g.count),0);let g=[];if(g=Object.keys(e).map(((I,g)=>Object.assign(Object.assign({},e[I]),{color:n[g%n.length]}))),a(g),0===I){X({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const I={datasets:[{data:e.map((I=>I.count)),backgroundColor:e.map(((I,g)=>{var C;return null!==(C=I.color)&&void 0!==C?C:n[g%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};X(I)}}),[e]),i?g.jsxs(g.Fragment,{children:[C&&g.jsx(l.TitleMedium,Object.assign({style:{marginBottom:16}},{children:C})),g.jsxs("div",Object.assign({className:"row"},{children:[g.jsx("div",Object.assign({className:"col-6"},{children:g.jsx("div",Object.assign({style:{width:t,height:t}},{children:g.jsx(c.Doughnut,{data:i,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!t})})}))})),g.jsx("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:g.jsx(s.PieChart,{slices:b})}))]}))]}):g.jsx(g.Fragment,{})};
@@ -1,10 +0,0 @@
1
- export interface PieChartInput {
2
- name: string;
3
- count: number;
4
- color?: string;
5
- }
6
- export interface PieChartInputData {
7
- slices: PieChartInput[];
8
- title?: string;
9
- size?: number;
10
- }
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- import { StackedBarGraphI } from './StackedBarChart.d';
3
- export declare const StackedBarChart: (props: StackedBarGraphI) => JSX.Element;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),a=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),o=require("./StackedBarChart.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip,t.Legend);exports.StackedBarChart=t=>{var s,n,l,c;const d=0===t.yAxis.data.length,g=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],p={barPercentage:.4,categoryPercentage:1,borderRadius:{topLeft:4,topRight:4},pointStyle:"circle"},y={};t.yAxis.data.map((e=>{e.map((e=>{y[e.name]?y[e.name].push(e.value):y[e.name]=[e.value]}))}));const x=Object.keys(y).map(((e,t)=>Object.assign({label:e,data:y[e],backgroundColor:g[t]},p))),u={plugins:{legend:{display:!d,labels:{usePointStyle:!0,fontSize:2}}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{display:!1,borderColor:r.COLORS.background.base},ticks:{fontSize:r.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:r.COLORS.content.secondary},stacked:!0},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:r.FONTS.caption.fontSize}},grid:{borderColor:"white",color:r.COLORS.background.base},ticks:Object.assign({fontSize:r.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:r.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},S={labels:d?["-","-","-","-","-","-"]:t.xAxis.data.map((e=>"string"==typeof e?e:e.name)),datasets:d?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return e.jsxs(o.GraphContainerWrapper,{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleRegular,Object.assign({color:null!==(l=t.chartHeading.color)&&void 0!==l?l:r.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(c=t.graphCanvasHeight)&&void 0!==c?c:500}},{children:e.jsx(a.Bar,{options:u,data:S})}))]})};
@@ -1 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,5 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default.div`
2
- background-color: ${r.COLORS.surface.standard};
3
- padding: 24px;
4
- border: none;
5
- `;exports.GraphContainerWrapper=n;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { VerticalGraphI } from './VerticalGraph.d';
3
- export declare const VerticalGraph: React.FC<VerticalGraphI>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),o=require("./VerticalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.VerticalGraph=t=>{var s,n,l,c;const d=-1===t.yAxis.data.findIndex((e=>0!==e)),g={responsive:!0,plugins:{legend:{display:!1}},scales:{x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(s=t.yAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary}},y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(n=t.xAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary},d?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},x={labels:d?["-","-","-","-","-","-"]:t.xAxis.data.map((e=>e.toString())),datasets:[{data:d?[250,1e3,800,1500,300,600]:t.yAxis.data,backgroundColor:e=>{var r;const i=t.barColorRGBA;let a=[];const o=t.xAxis.data.length;if(d)return"rgba(0,0,0,0)";if(t.isFunnel){let e=+(o>10?.1:(1/o).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let r=1;r<o+1;r++){let i="";r>10?i=`${t},1)`:(i=`${t},${e})`,e+=.1),a.push(i)}}else{const e=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(r=i.a)&&void 0!==r?r:"1"})`;a=Array(o).fill(e)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(o.GraphContainerWrapper,{children:[t.chartHeading&&e.jsx("div",Object.assign({style:{marginBottom:24}},{children:e.jsx(i.TitleMedium,Object.assign({color:null!==(l=t.chartHeading.color)&&void 0!==l?l:a.COLORS.content.secondary},{children:t.chartHeading.heading}))})),e.jsx("div",Object.assign({style:{height:null!==(c=t.graphCanvasHeight)&&void 0!==c?c:500}},{children:e.jsx(r.Bar,{options:g,data:x})}))]})};
@@ -1 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,4 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default.div`
2
- background-color: ${r.COLORS.surface.standard};
3
- padding: 24px;
4
- `;exports.GraphContainerWrapper=n;
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- export declare enum HEAT_GRADING_TYPE {
3
- ABSOLUTE = 0,
4
- RELATIVE = 1
5
- }
6
- export interface HeatMapInputInterface {
7
- title: string;
8
- xLabels: string[];
9
- yLabels: string[];
10
- values: number[][];
11
- heatType: HEAT_GRADING_TYPE;
12
- absolutHeatValues?: number[];
13
- hideXLabels?: boolean;
14
- }
15
- export declare enum HEAT {
16
- LOW = 0,
17
- MEDIUM = 1,
18
- HIGH = 2,
19
- HIGHEST = 3
20
- }
21
- export declare const HEAT_COLORS: {
22
- 0: string;
23
- 1: string;
24
- 2: string;
25
- 3: string;
26
- };
27
- export declare const HeatMap: React.FC<HeatMapInputInterface>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,s=require("react/jsx-runtime"),o=require("react"),r=require("./HeatMapStyled.js"),n=require("../../../tooltips/Tooltip.js"),a=require("../../../TypographyStyle.js"),l=require("../../../../constants/Theme.js");exports.HEAT_GRADING_TYPE=void 0,(e=exports.HEAT_GRADING_TYPE||(exports.HEAT_GRADING_TYPE={}))[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE",exports.HEAT=void 0,(t=exports.HEAT||(exports.HEAT={}))[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST";const c={[exports.HEAT.LOW]:"#EBDBFF",[exports.HEAT.MEDIUM]:"#D2AEFF",[exports.HEAT.HIGH]:"#9E77ED",[exports.HEAT.HIGHEST]:"#5E07BB"};exports.HEAT_COLORS=c,exports.HeatMap=e=>{let{title:t,xLabels:x,yLabels:H,values:i,heatType:E,absolutHeatValues:p,hideXLabels:T}=e;const[d,j]=o.useState();return o.useEffect((()=>{const e=Math.max(...i.flat()),t=Math.min(...i.flat());j(i.map((s=>s.map((s=>((e,t,s,o,r)=>{if(t===exports.HEAT_GRADING_TYPE.ABSOLUTE)return e<=s[0]?exports.HEAT.LOW:e<=s[1]?exports.HEAT.MEDIUM:e<=s[2]?exports.HEAT.HIGH:exports.HEAT.HIGHEST;{const t=(r-o)/4;return e<=o+t?exports.HEAT.LOW:e<=o+2*t?exports.HEAT.MEDIUM:e<=o+3*t?exports.HEAT.HIGH:exports.HEAT.HIGHEST}})(s,E,p||[],t,e))))))}),[i,p]),d?s.jsxs(r.HeatBoxStyled,{children:[s.jsxs("div",Object.assign({className:"top-container"},{children:[s.jsx(a.TitleMedium,Object.assign({style:{color:l.COLORS.content.primary}},{children:t})),s.jsxs("div",Object.assign({className:"top-container__legend"},{children:[s.jsx(a.Caption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:"Less"})),s.jsx(r.HeatBox,{color:c[exports.HEAT.LOW]}),s.jsx(r.HeatBox,{color:c[exports.HEAT.MEDIUM]}),s.jsx(r.HeatBox,{color:c[exports.HEAT.HIGH]}),s.jsx(r.HeatBox,{color:c[exports.HEAT.HIGHEST]}),s.jsx(a.Caption,Object.assign({style:{color:l.COLORS.content.secondary}},{children:"More"}))]}))]})),s.jsx("table",{children:s.jsxs("tbody",{children:[H.map(((e,t)=>s.jsxs("tr",{children:[s.jsx("td",{children:s.jsx(a.BodyTiny,Object.assign({style:{color:l.COLORS.content.placeholder}},{children:e}))}),x.map(((e,o)=>s.jsx("td",{children:s.jsx(n.Tooltip,Object.assign({body:i[t][o].toString(),placement:"bottom"},{children:s.jsx(r.HeatBox,{color:c[d[t][o]]})}))},e)))]},e))),!T&&s.jsxs("tr",{children:[s.jsx("th",{}),x.map(((e,t)=>s.jsx("th",{children:s.jsx(a.BodyTiny,Object.assign({style:{color:l.COLORS.content.placeholder}},{children:e}))},e)))]})]})})]}):s.jsx(s.Fragment,{})};
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const HeatBoxStyled: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const HeatBox: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- "use strict";function c(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}Object.defineProperty(exports,"__esModule",{value:!0});var b=c(require("@emotion/styled/base"));const d=b.default("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;&__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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUN3QyIsImZpbGUiOiJIZWF0TWFwU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3hTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IGZpdC1jb250ZW50O1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0XHRtYXJnaW4tYm90dG9tOiAxNnB4O1xuXG5cdFx0Jl9fbGVnZW5kIHtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdFx0Z2FwOiA2cHg7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuXG5cdC5ib3gge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMjRweDtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0bWFyZ2luOiAycHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEhlYXRCb3ggPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDI0cHg7XG5cdGhlaWdodDogMjRweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRtYXJnaW46IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUhlYXRNYXBTdHlsZWQuanMubWFwIl19 */")),l=b.default("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IDI0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */"));exports.HeatBox=l,exports.HeatBoxStyled=d;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const Chip: React.FC<{
3
- type: 'positive' | 'neutral' | 'negative';
4
- text: string;
5
- value: number;
6
- }>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),i=require("./LinearChipGroupedChart.styled.js");exports.Chip=s=>{let{type:n,text:o,value:c}=s;const a="positive"===n?r.COLORS.content.positive:"negative"===n?r.COLORS.content.negative:r.COLORS.content.warning;return e.jsxs(i.StyledChip,Object.assign({type:n},{children:[e.jsx(t.BodyPrimary,Object.assign({color:a},{children:o})),e.jsx(t.TitleMedium,Object.assign({color:a},{children:c}))]}))};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const HorinzontalBar: React.FC<{
3
- positive: number;
4
- neutral: number;
5
- negative: number;
6
- }>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../constants/Theme.js"),t=require("../utils/calcPercentage.js"),i=require("./LinearChipGroupedChart.styled.js");exports.HorinzontalBar=a=>{let{positive:n,negative:o,neutral:s}=a;const[u,c,d]=t.calculatePercentage(n,s,o);return e.jsxs(i.StyledBarContainer,{children:[e.jsx("div",{style:{height:"100%",width:`${u}%`,backgroundColor:r.COLORS.background.positive.vibrant}}),e.jsx("div",{style:{height:"100%",width:`${c}%`,backgroundColor:r.COLORS.background.warning.vibrant}}),e.jsx("div",{style:{height:"100%",width:`${d}%`,backgroundColor:r.COLORS.background.negative.vibrant}})]})};
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import 'react-bootstrap';
3
- import { LineChartProps } from '../LineChart/LineChart';
4
- export type LinearChipGroupedChartProps = {
5
- lineChartOption: LineChartProps;
6
- overallValue: number;
7
- requestSent: number;
8
- responses: number;
9
- chipValues: {
10
- positive: {
11
- text: string;
12
- val: number;
13
- };
14
- neutral: {
15
- text: string;
16
- val: number;
17
- };
18
- negative: {
19
- text: string;
20
- val: number;
21
- };
22
- };
23
- name: string;
24
- separator?: boolean;
25
- };
26
- export declare const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react-bootstrap");var t=require("../../../TypographyStyle.js"),s=require("../../../../constants/Theme.js"),n=require("../LineChart/LineChart.js"),r=require("./Chip.js"),i=require("./HorinzontalBar.js"),a=require("./LinearChipGroupedChart.styled.js");exports.LinearChipGroupedChart=o=>{let{separator:l,name:c,overallValue:j,requestSent:p,chipValues:d,lineChartOption:u}=o;return e.jsxs(a.Container,Object.assign({separator:l},{children:[e.jsxs(a.Row,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e.jsxs("div",{children:[e.jsx(t.TitleRegular,Object.assign({color:s.COLORS.content.secondary},{children:c})),e.jsx(t.TitleLarge,Object.assign({color:void 0===j||0===j?s.COLORS.content.secondary:j<0?s.COLORS.content.negative:s.COLORS.content.positive},{children:j}))]}),e.jsxs(a.Column,Object.assign({style:{alignItems:"flex-end"}},{children:[e.jsxs(t.BodySecondary,Object.assign({color:s.COLORS.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",p]})),e.jsxs(t.BodySecondary,Object.assign({color:s.COLORS.content.secondary},{children:["Responses: ",p]}))]}))]})),e.jsxs(a.Row,Object.assign({style:{marginTop:8,gap:16}},{children:[e.jsx(r.Chip,{type:"positive",text:d.positive.text,value:d.positive.val}),e.jsx(r.Chip,{type:"neutral",text:d.neutral.text,value:d.neutral.val}),e.jsx(r.Chip,{type:"negative",text:d.negative.text,value:d.negative.val})]})),e.jsx("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:e.jsx(i.HorinzontalBar,{positive:d.positive.val,neutral:d.neutral.val,negative:d.negative.val})})),e.jsx("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:e.jsx(n.LineChart,Object.assign({},u))}))]}))};
@@ -1,25 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Container: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- separator?: boolean | undefined;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
- export declare const Row: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: import("react").ElementType<any> | undefined;
11
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const Column: import("@emotion/styled").StyledComponent<{
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
16
- export declare const StyledChip: import("@emotion/styled").StyledComponent<{
17
- theme?: import("@emotion/react").Theme | undefined;
18
- as?: import("react").ElementType<any> | undefined;
19
- } & {
20
- type: 'positive' | 'neutral' | 'negative';
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
22
- export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
23
- theme?: import("@emotion/react").Theme | undefined;
24
- as?: import("react").ElementType<any> | undefined;
25
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),G=require("../../../../constants/Theme.js");function X(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var b=X(c);function l(){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 d=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z4"}:{target:"e1226y2z4",label:"Container"})("width:100%;display:flex;flex-direction:column;padding:16px 24px;border-right:",(c=>c.separator?1:0),"px solid ",G.COLORS.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),Z=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z3"}:{target:"e1226y2z3",label:"Row"})("production"===process.env.NODE_ENV?{name:"ho1qnd",styles:"display:flex;flex-direction:row"}:{name:"ho1qnd",styles:"display:flex;flex-direction:row",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QiIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:l}),u=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z2"}:{target:"e1226y2z2",label:"Column"})("production"===process.env.NODE_ENV?{name:"1fttcpj",styles:"display:flex;flex-direction:column"}:{name:"1fttcpj",styles:"display:flex;flex-direction:column",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:l}),g=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z1"}:{target:"e1226y2z1",label:"StyledChip"})("padding-top:8px;padding-bottom:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;flex:1;background:",(c=>"positive"===c.type?G.COLORS.background.positive.light:"negative"===c.type?G.COLORS.background.negative.light:G.COLORS.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),a=b.default("div","production"===process.env.NODE_ENV?{target:"e1226y2z0"}:{target:"e1226y2z0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",G.COLORS.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */"));exports.Column=u,exports.Container=d,exports.Row=Z,exports.StyledBarContainer=a,exports.StyledChip=g;
@@ -1 +0,0 @@
1
- export * from './LinearChipGroupedChart';
@@ -1 +0,0 @@
1
- export declare function calculatePercentage(a: number, b: number, c: number): number[];
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.calculatePercentage=function(e,t,r){const c=e+t+r;return[e/c*100,t/c*100,r/c*100]};
@@ -1 +0,0 @@
1
- export declare function getFormattedMonthDate(date: Date): string;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];exports.getFormattedMonthDate=function(t){const o=e[t.getMonth()],n=t.getDate();return`${o} ${n<10?"0":""}${n}`};
@@ -1 +0,0 @@
1
- import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M10 3.333c.46 0 .834.373.834.834v9.654l4.41-4.41a.833.833 0 0 1 1.179 1.178l-5.834 5.833a.833.833 0 0 1-1.178 0L3.578 10.59a.833.833 0 0 1 1.178-1.178l4.41 4.41V4.167c0-.46.374-.834.834-.834Z",clipRule:"evenodd"})));export{l as default};
@@ -1 +0,0 @@
1
- import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.41 3.577a.833.833 0 0 1 1.18 0l5.833 5.834a.833.833 0 0 1-1.179 1.178l-4.41-4.41v9.654a.833.833 0 0 1-1.667 0V6.178l-4.41 4.411a.833.833 0 0 1-1.18-1.178l5.834-5.834Z",clipRule:"evenodd"})));export{l as default};
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { AnalyticsTrendInterface } from './AnalyticsTrend';
3
- export declare const AnalyticsMetric: React.FC<{
4
- title?: string;
5
- RightHeaderComponent?: React.ReactElement;
6
- trends: AnalyticsTrendInterface[];
7
- }>;
@@ -1 +0,0 @@
1
- import g from"@emotion/styled/base";import{createElement as I}from"react";import{jsxs as C,jsx as A,Fragment as c}from"react/jsx-runtime";import{TitleMedium as l}from"../TypographyStyle.js";import{AnalyticsTrend as e}from"./AnalyticsTrend.js";function b(){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 d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:b}),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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmltcG9ydCB7IEFuYWx5dGljc1RyZW5kIH0gZnJvbSAnLi9BbmFseXRpY3NUcmVuZCc7XHJcbmNvbnN0IFRyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmNvbnN0IEJyZWFrID0gc3R5bGVkLmRpdiBgXG5cdGZsZXgtYmFzaXM6IDEwMCU7XG5cdGhlaWdodDogMDtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNZXRyaWMgPSAoeyB0aXRsZSwgdHJlbmRzLCBSaWdodEhlYWRlckNvbXBvbmVudCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICBwYWRkaW5nVG9wOiAyNCxcclxuICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogMjQsXHJcbiAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFt0aXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiB0cmVuZHMubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiAnMzMuMzMlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9jcmVhdGVFbGVtZW50KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBrZXk6IGksIGNhcmQ6IGZhbHNlLCByaWdodFNlcGFyYXRvcjogIShpID09PSB0cmVuZHMubGVuZ3RoIC0gMSkgJiYgKGkgKyAxKSAlIDQgIT09IDAsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcgfSkpIH0pKSwgdHJlbmRzLmxlbmd0aCA+IDQgJiYgKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogWyhpICsgMSkgJSAzID09PSAwICYmIHRyZW5kcy5sZW5ndGggPD0gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpLCAoaSArIDEpICUgNCA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoID4gNiAmJiAoX2pzeChCcmVhaywgeyBzdHlsZTogeyBtYXJnaW5Ub3A6IGkgPT09IHRyZW5kcy5sZW5ndGggLSAxID8gMCA6IDMyIH0gfSkpXSB9KSldIH0pKTtcclxuICAgICAgICAgICAgICAgIH0pIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:b}),i=g=>{let{title:b,trends:i,RightHeaderComponent:G}=g;return C("div",Object.assign({style:{paddingTop:24,paddingBottom:24}},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[b&&A(l,Object.assign({style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:b})),G]})),A(d,{children:i.map(((g,l)=>{var b;return C(c,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:I(e,Object.assign({},g,{key:l,card:!1,rightSeparator:!(l===i.length-1)&&(l+1)%4!=0,size:null!==(b=g.size)&&void 0!==b?b:"small"}))})),i.length>4&&C(c,{children:[(l+1)%3==0&&i.length<=6&&A(Z,{style:{marginTop:l===i.length-1?0:32}}),(l+1)%4==0&&i.length>6&&A(Z,{style:{marginTop:l===i.length-1?0:32}})]})]})}))})]}))};export{i as AnalyticsMetric};
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- export interface AnalyticsTrendInterface {
3
- title: string;
4
- value?: number;
5
- trendPercent: number;
6
- timeline: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
7
- customRange?: Date[];
8
- type?: 'vertical' | 'horizontal';
9
- tooltip?: string;
10
- card?: boolean;
11
- rightSeparator?: boolean;
12
- size?: 'big' | 'small';
13
- share?: boolean;
14
- }
15
- export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;
@@ -1 +0,0 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import r from"../../assets/icons/arrow_down.svg.js";import o from"../../assets/icons/arrow_up.svg.js";import n from"../../assets/icons/info.svg.js";import{Tag as s}from"../tag/Tag.js";import{getFormattedMonthDate as a}from"../template-context-mapper/utils/getFormattedMonthDate.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BodySecondary as c,TitleSmall as d,Caption as g,TitleLarge as m,TitleMedium as p}from"../TypographyStyle.js";import{AnalyticsTrendContainer as h}from"./CommonStyles.js";const y=r=>{let{title:o,value:a,trendPercent:d,type:g="horizontal",timeline:y,customRange:b,tooltip:f,card:j=!0,rightSeparator:u=!1,size:x="big",share:O=!1}=r;const w="big"===x?m:p,R=void 0!==a?a<0?"negative":0===a?"neutral":"positive":"neutral";return e(h,Object.assign({card:j},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:u?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(c,Object.assign({style:{color:i.content.secondary}},{children:o})),f&&e(l,Object.assign({body:f,placement:"right",width:300},{children:e("div",{children:e(n,{color:i.content.inactive,height:16,width:16})})}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},O?{justifyContent:"space-between"}:{})},{children:[e(w,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":new Intl.NumberFormat("en-IN",{}).format(a)})),"horizontal"===g&&!O&&e(v,{timeline:y,customRange:b,percent:d,direction:R}),O&&e(s,{tagText:`${d} %`,theme:"light",type:"neutral"})]})),"vertical"===g&&!O&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:y,customRange:b,percent:d,direction:R})}))]}))}))},v=n=>{let{percent:s,direction:l,timeline:c,customRange:m}=n;const p="negative"===l?r:o,h="negative"===l?i.background.negative.vibrant:"positive"===l?i.background.positive.vibrant:i.content.placeholder,y="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&m?`vs ${a(m[0])} - ${a(m[1])}`:"";return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e(p,{color:h,height:20,width:20,style:{marginRight:2}}),t(d,Object.assign({style:{color:h}},{children:["neutral"===l?0:s,"%"]})),e(g,Object.assign({style:{marginLeft:4,color:i.content.placeholder}},{children:y}))]}))};export{y as AnalyticsTrend};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { HorizontalGraphI } from './HorizontalGraph.d';
3
- export declare const HorizontalGraph: React.FC<HorizontalGraphI>;
@@ -1 +0,0 @@
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 l}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 p}from"./HorizontalGraph.styles.js";e.register(i,r,a,n);const g=e=>{var i,r,a,n;const g=-1===e.xAxis.data.findIndex((t=>0!==t)),x={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1}},scales:{y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:c.caption.fontSize,color:e.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:"white"},ticks:{fontSize:c.caption.fontSize,color:null!==(i=e.yAxis.labelColor)&&void 0!==i?i:d.content.secondary}},x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:c.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:d.background.base},ticks:Object.assign({fontSize:c.caption.fontSize,color:null!==(r=e.xAxis.labelColor)&&void 0!==r?r:d.content.secondary},g?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},b={labels:g?["-","-","-","-","-","-"]:e.yAxis.data.map((t=>t.toString())),datasets:[{data:g?[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(g)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(p,{children:[e.chartHeading&&o(s,Object.assign({color:null!==(a=e.chartHeading.color)&&void 0!==a?a:d.content.secondary},{children:e.chartHeading.heading})),o("div",Object.assign({style:{height:null!==(n=e.graphCanvasHeight)&&void 0!==n?n:500}},{children:o(l,{options:x,data:b})}))]})};export{g as HorizontalGraph};
@@ -1 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,4 +0,0 @@
1
- import o from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const t=o.div`
2
- background-color: ${r.surface.standard};
3
- padding: 24px;
4
- `;export{t as GraphContainerWrapper};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export interface LegendData {
3
- color: string;
4
- text: string;
5
- }
6
- export declare const Legend: React.FC<LegendData>;
@@ -1 +0,0 @@
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,21 +0,0 @@
1
- import React from 'react';
2
- export type LineChartProps = {
3
- canvasHeight?: number;
4
- maintainAspectRatio?: boolean;
5
- datas: {
6
- data: number[];
7
- lineColor?: string;
8
- backgroundColor?: string;
9
- dotted?: boolean;
10
- gradient?: boolean;
11
- legend?: string;
12
- }[];
13
- labels: Array<string>;
14
- scaleText?: {
15
- x?: string;
16
- y?: string;
17
- yPrefix?: string;
18
- };
19
- legends: Array<string>;
20
- };
21
- export declare const LineChart: React.FC<LineChartProps>;
@@ -1 +0,0 @@
1
- import{jsxs as t,jsx as o,Fragment as e}from"react/jsx-runtime";import{Chart as r,CategoryScale as l,LinearScale as i,PointElement as n,BarElement as a,LineElement as d,ArcElement as s,Filler as c,Title as p,Tooltip as u,Legend as g}from"chart.js";import{useState as m,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(l,i,n,a,d,s,c,p,u,g);const j=r=>{let{scaleText:l,labels:i,canvasHeight:n,datas:a,maintainAspectRatio:d=!1}=r;var s;const[c,p]=m(null),u=y();v((()=>{var t,o,e,r;if(null===(r=null===(e=null===(o=null===(t=u.current)||void 0===t?void 0:t.scales)||void 0===o?void 0:o.y)||void 0===e?void 0:e.ticks)||void 0===r?void 0:r.length){const t=38*u.current.scales.y.ticks.length;p(t)}}),[u]);const g=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({},d?{}:{height:null!==(s=null!=n?n:c)&&void 0!==s?s:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[o(x,{children:g.map(((r,l)=>{let{text:i,color:n}=r;return i?t(C,{children:[o(k,{color:n}),o(h,Object.assign({color:"#667085"},{children:i}))]},l):o(e,{})}))}),o(b,{ref:u,options:{maintainAspectRatio:d,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,ticks:{color:f.content.secondary,callback:t=>{var o;return`${null!==(o=null==l?void 0:l.yPrefix)&&void 0!==o?o:""}${t}`},font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==l?void 0:l.y),text:null==l?void 0:l.y},grid:{color:f.background.base}},x:{ticks:{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,o)=>{var e;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 o=t.chart.ctx.createLinearGradient(0,0,0,c?c-75:150);return o.addColorStop(0,"#F1EEFB"),o.addColorStop(1,"rgba(127, 86, 217, 0)"),o}:null!==(e=t.backgroundColor)&&void 0!==e?e:"transparent"}}))}})]}))};export{j as LineChart};
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const LegendColor: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & {
10
- color: string;
11
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
13
- theme?: import("@emotion/react").Theme | undefined;
14
- as?: import("react").ElementType<any> | undefined;
15
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- import c from"@emotion/styled/base";function l(){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=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg2"}:{target:"eyesbkg2",label:"LegendContainer"})("production"===process.env.NODE_ENV?{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center"}:{name:"nqbxsj",styles:"display:flex;flex-direction:row;gap:8px;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQzBDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:l}),d=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg1"}:{target:"eyesbkg1",label:"LegendColor"})("width:8px;height:8px;border-radius:4px;background:",(c=>c.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3NDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */")),b=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("production"===process.env.NODE_ENV?{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end"}:{name:"15bc8n4",styles:"display:flex;flex-direction:row;gap:12px;justify-content:end",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lQ2hhcnQuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:l});export{d as LegendColor,e as LegendContainer,b as LegendWrapper};
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { PieChartInputData } from "./PieChartInputData";
3
- export declare const PieChart: React.FC<PieChartInputData>;
@@ -1,15 +0,0 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect as o}from"react";import n from"styled-components";import{Legend as c}from"../Legend/Legend.js";import{TitleRegular as i}from"../../../TypographyStyle.js";const a=n.div`
2
- width: 100%;
3
- display: flex;
4
- flex-direction: column;
5
- justify-content: center;
6
- gap: 24px;
7
-
8
- .slice-row {
9
- width: 100%;
10
- display: flex;
11
- .percentage {
12
- margin-left: auto;
13
- }
14
- }
15
- `,s=n=>{let{slices:s}=n;const[l,m]=r(0);o((()=>{let e=0;s.forEach((t=>{e+=t.count})),m(e)}),[s]);return e(a,{children:s.map((r=>{return t("div",Object.assign({className:"slice-row"},{children:[e(c,{color:r.color,text:r.name},r.name),t(i,Object.assign({className:"percentage"},{children:[(o=r.count,0===l?0:parseInt((o/l*100).toString())),"%"]}))]}),r.name);var o}))})};export{s as PieChart};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { PieChartInputData } from "./PieChartInputData";
3
- export declare const Card: (props: any) => JSX.Element;
4
- export declare const PieChartAnalytics: React.FC<PieChartInputData>;