@bikdotai/bik-component-library 0.0.111-cena → 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 (213) hide show
  1. package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  2. package/dist/cjs/components/TypographyStyle.d.ts +0 -21
  3. package/dist/cjs/components/TypographyStyle.js +17 -27
  4. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
  5. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  6. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -6
  7. package/dist/cjs/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  8. package/dist/cjs/components/analytics-chips-and-dropdowns/index.d.ts +0 -10
  9. package/dist/cjs/components/button/Button.js +1 -1
  10. package/dist/cjs/components/button/model.d.ts +0 -1
  11. package/dist/cjs/components/button/themes.d.ts +0 -1
  12. package/dist/cjs/components/colourInput/ColourInput.styled.js +1 -1
  13. package/dist/cjs/components/datePicker/DatePicker.d.ts +0 -1
  14. package/dist/cjs/components/datePicker/DatePicker.js +1 -1
  15. package/dist/cjs/components/dropdown/MenuItem/MenuItem.d.ts +0 -1
  16. package/dist/cjs/components/dropdown/MenuItem/MenuItem.js +1 -5
  17. package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  18. package/dist/cjs/components/plans/SubscriptionPlan.d.ts +0 -1
  19. package/dist/cjs/components/plans/SubscriptionPlan.js +1 -1
  20. package/dist/cjs/components/postPicker/PostPicker.styled.d.ts +0 -1
  21. package/dist/cjs/components/searchBar/searchBar.d.ts +0 -2
  22. package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts +0 -1
  23. package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
  24. package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +0 -2
  25. package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
  26. package/dist/cjs/components/tabs/Tabs.d.ts +1 -1
  27. package/dist/cjs/components/tabs/Tabs.styles.d.ts +1 -1
  28. package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -1
  29. package/dist/cjs/index.d.ts +0 -2
  30. package/dist/cjs/index.js +1 -1
  31. package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js +1 -1
  32. package/dist/esm/components/TypographyStyle.d.ts +0 -21
  33. package/dist/esm/components/TypographyStyle.js +16 -26
  34. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts +0 -1
  35. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js +1 -1
  36. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.d.ts +0 -6
  37. package/dist/esm/components/analytics-chips-and-dropdowns/CommonStyles.js +1 -1
  38. package/dist/esm/components/analytics-chips-and-dropdowns/index.d.ts +0 -10
  39. package/dist/esm/components/button/Button.js +1 -1
  40. package/dist/esm/components/button/model.d.ts +0 -1
  41. package/dist/esm/components/button/themes.d.ts +0 -1
  42. package/dist/esm/components/colourInput/ColourInput.styled.js +1 -1
  43. package/dist/esm/components/datePicker/DatePicker.d.ts +0 -1
  44. package/dist/esm/components/datePicker/DatePicker.js +1 -1
  45. package/dist/esm/components/dropdown/MenuItem/MenuItem.d.ts +0 -1
  46. package/dist/esm/components/dropdown/MenuItem/MenuItem.js +1 -5
  47. package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuList.styled.d.ts +0 -1
  48. package/dist/esm/components/plans/SubscriptionPlan.d.ts +0 -1
  49. package/dist/esm/components/plans/SubscriptionPlan.js +1 -1
  50. package/dist/esm/components/postPicker/PostPicker.styled.d.ts +0 -1
  51. package/dist/esm/components/searchBar/searchBar.d.ts +0 -2
  52. package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.d.ts +0 -1
  53. package/dist/esm/components/shimmer/ShimmerComponent/BikShimmer.js +1 -1
  54. package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +0 -2
  55. package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.js +2 -2
  56. package/dist/esm/components/tabs/Tabs.d.ts +1 -1
  57. package/dist/esm/components/tabs/Tabs.styles.d.ts +1 -1
  58. package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts +0 -1
  59. package/dist/esm/index.d.ts +0 -2
  60. package/dist/esm/index.js +1 -1
  61. package/package.json +1 -3
  62. package/dist/cjs/assets/icons/Bik_logo.svg.js +0 -1
  63. package/dist/cjs/assets/icons/arrow_down.svg.js +0 -1
  64. package/dist/cjs/assets/icons/arrow_up.svg.js +0 -1
  65. package/dist/cjs/assets/icons/log_out.svg.js +0 -1
  66. package/dist/cjs/assets/icons/searchIcon.js +0 -1
  67. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -10
  68. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +0 -1
  69. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -17
  70. package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +0 -1
  71. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts +0 -3
  72. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +0 -1
  73. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +0 -3
  74. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +0 -4
  75. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Legend/Legend.d.ts +0 -6
  76. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +0 -1
  77. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -25
  78. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +0 -1
  79. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -17
  80. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +0 -1
  81. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.d.ts +0 -3
  82. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js +0 -15
  83. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +0 -4
  84. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +0 -1
  85. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData.d.ts +0 -10
  86. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +0 -3
  87. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +0 -1
  88. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -3
  89. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +0 -5
  90. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +0 -20
  91. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinerGraph.d.ts +0 -3
  92. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinerGraph.styles.d.ts +0 -1
  93. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts +0 -3
  94. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +0 -1
  95. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +0 -3
  96. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +0 -4
  97. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +0 -27
  98. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +0 -1
  99. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +0 -9
  100. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +0 -1
  101. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +0 -7
  102. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +0 -1
  103. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.d.ts +0 -6
  104. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.js +0 -1
  105. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +0 -27
  106. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +0 -1
  107. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +0 -25
  108. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js +0 -1
  109. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/index.d.ts +0 -1
  110. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.d.ts +0 -1
  111. package/dist/cjs/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js +0 -1
  112. package/dist/cjs/components/bik-layout/BikHeader.d.ts +0 -9
  113. package/dist/cjs/components/bik-layout/BikHeader.js +0 -1
  114. package/dist/cjs/components/bik-layout/BikLayout.d.ts +0 -14
  115. package/dist/cjs/components/bik-layout/BikLayout.js +0 -1
  116. package/dist/cjs/components/bik-layout/BikProfile.d.ts +0 -11
  117. package/dist/cjs/components/bik-layout/BikProfile.js +0 -1
  118. package/dist/cjs/components/bik-layout/BikSidebar.d.ts +0 -21
  119. package/dist/cjs/components/bik-layout/BikSidebar.js +0 -1
  120. package/dist/cjs/components/bik-layout/CommonStyles.d.ts +0 -93
  121. package/dist/cjs/components/bik-layout/CommonStyles.js +0 -1
  122. package/dist/cjs/components/bik-layout/FeatureModal.d.ts +0 -9
  123. package/dist/cjs/components/bik-layout/FeatureModal.js +0 -1
  124. package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -60
  125. package/dist/cjs/components/bik-layout/PageLoader.d.ts +0 -6
  126. package/dist/cjs/components/bik-layout/PageLoader.js +0 -1
  127. package/dist/cjs/components/bik-layout/SidebarSkeleton.d.ts +0 -9
  128. package/dist/cjs/components/bik-layout/SidebarSkeleton.js +0 -1
  129. package/dist/cjs/components/bik-layout/SidebarStyles.d.ts +0 -21
  130. package/dist/cjs/components/bik-layout/SidebarStyles.js +0 -1
  131. package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts +0 -22
  132. package/dist/cjs/components/bik-layout/SimpleSidebar.js +0 -1
  133. package/dist/cjs/components/bik-layout/index.d.ts +0 -7
  134. package/dist/cjs/components/searchBar/searchBar.js +0 -1
  135. package/dist/cjs/components/tabs/Tabs.model.d.ts +0 -47
  136. package/dist/cjs/components/template-context-mapper/utils/getFormattedMonthDate.d.ts +0 -1
  137. package/dist/cjs/components/template-context-mapper/utils/getFormattedMonthDate.js +0 -1
  138. package/dist/esm/assets/icons/Bik_logo.svg.js +0 -1
  139. package/dist/esm/assets/icons/arrow_down.svg.js +0 -1
  140. package/dist/esm/assets/icons/arrow_up.svg.js +0 -1
  141. package/dist/esm/assets/icons/log_out.svg.js +0 -1
  142. package/dist/esm/assets/icons/searchIcon.js +0 -1
  143. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.d.ts +0 -10
  144. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMetric.js +0 -1
  145. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.d.ts +0 -17
  146. package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsTrend.js +0 -1
  147. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts +0 -3
  148. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js +0 -1
  149. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts +0 -3
  150. package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.js +0 -4
  151. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.d.ts +0 -6
  152. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Legend/Legend.js +0 -1
  153. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts +0 -25
  154. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js +0 -1
  155. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.d.ts +0 -17
  156. package/dist/esm/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.styled.js +0 -1
  157. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.d.ts +0 -3
  158. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChart.js +0 -15
  159. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts +0 -4
  160. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js +0 -1
  161. package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartInputData.d.ts +0 -10
  162. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.d.ts +0 -3
  163. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js +0 -1
  164. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.d.ts +0 -3
  165. package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js +0 -5
  166. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraphModel.d.ts +0 -20
  167. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinerGraph.d.ts +0 -3
  168. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinerGraph.styles.d.ts +0 -1
  169. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.d.ts +0 -3
  170. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js +0 -1
  171. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.d.ts +0 -3
  172. package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.styles.js +0 -4
  173. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts +0 -27
  174. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js +0 -1
  175. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.d.ts +0 -9
  176. package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapStyled.js +0 -1
  177. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts +0 -7
  178. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.js +0 -1
  179. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.d.ts +0 -6
  180. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/HorinzontalBar.js +0 -1
  181. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.d.ts +0 -27
  182. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js +0 -1
  183. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.d.ts +0 -25
  184. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js +0 -1
  185. package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/index.d.ts +0 -1
  186. package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.d.ts +0 -1
  187. package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js +0 -1
  188. package/dist/esm/components/bik-layout/BikHeader.d.ts +0 -9
  189. package/dist/esm/components/bik-layout/BikHeader.js +0 -1
  190. package/dist/esm/components/bik-layout/BikLayout.d.ts +0 -14
  191. package/dist/esm/components/bik-layout/BikLayout.js +0 -1
  192. package/dist/esm/components/bik-layout/BikProfile.d.ts +0 -11
  193. package/dist/esm/components/bik-layout/BikProfile.js +0 -1
  194. package/dist/esm/components/bik-layout/BikSidebar.d.ts +0 -21
  195. package/dist/esm/components/bik-layout/BikSidebar.js +0 -1
  196. package/dist/esm/components/bik-layout/CommonStyles.d.ts +0 -93
  197. package/dist/esm/components/bik-layout/CommonStyles.js +0 -1
  198. package/dist/esm/components/bik-layout/FeatureModal.d.ts +0 -9
  199. package/dist/esm/components/bik-layout/FeatureModal.js +0 -1
  200. package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -60
  201. package/dist/esm/components/bik-layout/PageLoader.d.ts +0 -6
  202. package/dist/esm/components/bik-layout/PageLoader.js +0 -1
  203. package/dist/esm/components/bik-layout/SidebarSkeleton.d.ts +0 -9
  204. package/dist/esm/components/bik-layout/SidebarSkeleton.js +0 -1
  205. package/dist/esm/components/bik-layout/SidebarStyles.d.ts +0 -21
  206. package/dist/esm/components/bik-layout/SidebarStyles.js +0 -1
  207. package/dist/esm/components/bik-layout/SimpleSidebar.d.ts +0 -22
  208. package/dist/esm/components/bik-layout/SimpleSidebar.js +0 -1
  209. package/dist/esm/components/bik-layout/index.d.ts +0 -7
  210. package/dist/esm/components/searchBar/searchBar.js +0 -1
  211. package/dist/esm/components/tabs/Tabs.model.d.ts +0 -47
  212. package/dist/esm/components/template-context-mapper/utils/getFormattedMonthDate.d.ts +0 -1
  213. package/dist/esm/components/template-context-mapper/utils/getFormattedMonthDate.js +0 -1
@@ -1,22 +0,0 @@
1
- /// <reference types="react" />
2
- export interface Menu {
3
- key: string | number;
4
- displayName: string;
5
- }
6
- export type SidebarTheme = 'brand' | 'white';
7
- export interface SimpleSidebarProps {
8
- menuList: Menu[];
9
- activeMenu: Menu;
10
- theme: SidebarTheme;
11
- showAccessUpgradePanel?: boolean;
12
- header?: string;
13
- width?: number;
14
- zIndex?: number;
15
- left?: number;
16
- postion?: 'fixed' | 'sticky';
17
- top?: number;
18
- onMouseLeaveOnMenu?: () => void;
19
- onMenuClick: (menuSelected: Menu) => void;
20
- onUpgrade?: () => void;
21
- }
22
- export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),t=require("../button/Button.js"),a=require("../TypographyStyle.js"),n=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:r,activeMenu:d,theme:c,showAccessUpgradePanel:u=!1,header:o,width:m,zIndex:h,left:b,postion:p,top:j,onMouseLeaveOnMenu:v,onMenuClick:y,onUpgrade:x}=l,[g,S]=s.useState(d);return e.jsx(n.SimpleSidebarContainer,Object.assign({width:m,zIndex:h,left:b,theme:c,postion:p,top:j},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:v},{children:[e.jsxs("div",{children:[e.jsx(a.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:o})),null==r?void 0:r.map(((s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu "+((null==g?void 0:g.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{S(s),y(s)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==g?void 0:g.key)==(null==s?void 0:s.key)&&"brand"==c?"sub-child-active-text":""}),e.jsx(a.BodySecondary,Object.assign({className:"sub-child-text "+((null==g?void 0:g.key)==(null==s?void 0:s.key)&&"white"==c?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(a.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(t.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>x?x():""})]}))]}),"_sub-menu")}))};
@@ -1,7 +0,0 @@
1
- export * from './BikHeader';
2
- export * from './BikLayout';
3
- export * from './BikProfile';
4
- export * from './SimpleSidebar';
5
- export * from './BikSidebar';
6
- export * from './FeatureModal';
7
- export * from './SidebarSkeleton';
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/searchIcon.js"),a=require("react"),s=require("../../assets/icons/cross.svg.js"),n=require("../input/Input.js");exports.SearchBar=r=>{const{isEnabled:c,onEnter:o,placeholder:i,width:l,variant:u,validate:d}=r,[h,v]=a.useState("search"),[f,p]=a.useState("default"),[g,j]=a.useState(c?"none":"disabled"),[I,S]=a.useState(r.initialValue||"");a.useEffect((()=>{j(c?"none":"disabled")}),[c]);const b=e=>{c&&o(e)};return e.jsx(n.Input,{validate:d,onFocus:()=>{"default"===f&&c&&(p("clicked"),j("active"))},width:l,state:g,leftIcon:"search"===h&&"default"===f?{icon:t.SearchIcon}:void 0,rightIcon:"cross"===h?{icon:s.default,callback:()=>{v("search"),p("default"),S(""),j("none"),o("")}}:void 0,onChangeText:(e,t)=>{r.onChange(e),S(e),"keydown"!==(null==t?void 0:t.type)||13!==t.which&&13!==t.keyCode?e.trim().length?v("cross"):v("search"):b(e)},placeholder:i,variant:u,value:I,onBlur:()=>{I.length||p("default"),j("none")}})};
@@ -1,47 +0,0 @@
1
- /// <reference types="react" />
2
- export interface TabItemProps {
3
- hasEqualSpacing?: boolean;
4
- selected: boolean;
5
- selectedTextColor: string;
6
- }
7
- export interface TabItemTextProps {
8
- selected: boolean;
9
- textColor: string;
10
- selectedTextColor: string;
11
- }
12
- export interface TabInterface {
13
- key: string;
14
- title: string;
15
- icon?: React.JSXElementConstructor<{
16
- selected: string;
17
- }>;
18
- trailingNumber?: number;
19
- }
20
- export interface TabViewHeaderProps {
21
- hasEqualSpacing?: boolean;
22
- tabs: TabInterface[];
23
- onTabSelected: (tabKey: string) => void;
24
- initialTab?: string;
25
- backgroundColor?: string;
26
- textColor?: string;
27
- selectedTextColor?: string;
28
- TabItemStyledProps?: React.CSSProperties;
29
- IconComponent?: React.JSXElementConstructor<{
30
- selected: string;
31
- }>;
32
- selectedTab?: string;
33
- extendedBorder?: boolean;
34
- rightComponent?: JSX.Element;
35
- }
36
- export interface TabItemComponentProps {
37
- hasEqualSpacing?: boolean;
38
- tab: TabInterface;
39
- currentTab: string;
40
- setCurrentTab: (tabKey: string) => void;
41
- textColor: string;
42
- selectedTextColor: string;
43
- TabItemStyledProps?: React.CSSProperties;
44
- IconComponent?: React.JSXElementConstructor<{
45
- selected: string;
46
- }>;
47
- }
@@ -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 a from"react";var c;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var c=1;c<arguments.length;c++){var t=arguments[c];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},t.apply(this,arguments)}var e=e=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 58 20"},e),c||(c=a.createElement("path",{fill:"#FEC02D",d:"M1.13 20a.76.76 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 1.13 0h9.114c1.733 0 3.152.229 4.257.686 1.105.457 1.924 1.114 2.457 1.971.534.857.8 1.914.8 3.172 0 .647-.133 1.228-.4 1.742a4.455 4.455 0 0 1-.914 1.258c-.362.323-.705.561-1.028.714.742.324 1.39.876 1.942 1.657.553.762.829 1.638.829 2.629 0 1.333-.305 2.457-.914 3.371-.59.914-1.457 1.61-2.6 2.086-1.124.476-2.505.714-4.143.714h-9.4Zm5.4-4.314h3.343c.647 0 1.123-.19 1.428-.572.305-.4.457-.838.457-1.314 0-.495-.161-.924-.485-1.286-.324-.38-.79-.571-1.4-.571H6.53v3.743Zm0-7.943h3.057c.61 0 1.057-.172 1.343-.514.286-.343.428-.743.428-1.2 0-.458-.143-.858-.428-1.2-.286-.343-.733-.515-1.343-.515H6.53v3.429ZM22.237 20a.761.761 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 22.237 0h4.857c.21 0 .381.076.514.229a.652.652 0 0 1 .229.514v18.514c0 .21-.076.39-.229.543a.696.696 0 0 1-.514.2h-4.857ZM32.686 20a.761.761 0 0 1-.515-.2.742.742 0 0 1-.228-.543V.743c0-.21.076-.381.228-.514A.71.71 0 0 1 32.686 0h4.542c.21 0 .381.076.515.229a.652.652 0 0 1 .228.514v6L42.23.6a1.98 1.98 0 0 1 .4-.4c.17-.133.409-.2.714-.2h5.228c.172 0 .315.067.429.2.133.114.2.257.2.429a.492.492 0 0 1-.114.314l-6 8.628 6.514 9.486a.425.425 0 0 1 .114.314.63.63 0 0 1-.2.458.582.582 0 0 1-.428.171h-5.4c-.362 0-.639-.086-.829-.257-.171-.172-.276-.295-.314-.372l-4.572-6.628v6.514c0 .21-.076.39-.228.543a.696.696 0 0 1-.515.2h-4.542ZM52.556 20a.797.797 0 0 1-.543-.2.797.797 0 0 1-.2-.543v-4.286c0-.21.066-.39.2-.542a.741.741 0 0 1 .543-.229h4.285c.21 0 .39.076.543.229a.742.742 0 0 1 .229.542v4.286c0 .21-.076.39-.229.543a.798.798 0 0 1-.543.2h-4.285Z"})));export{e 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:"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 +0,0 @@
1
- import*as a from"react";var r,t;function e(){return e=Object.assign?Object.assign.bind():function(a){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},e.apply(this,arguments)}var l=l=>a.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),r||(r=a.createElement("path",{fill:"currentColor",d:"M3.577 3.577a.833.833 0 0 1 .59-.244H7.5a.833.833 0 1 0 0-1.666H4.167a2.5 2.5 0 0 0-2.5 2.5v11.666a2.5 2.5 0 0 0 2.5 2.5H7.5a.833.833 0 1 0 0-1.666H4.167a.833.833 0 0 1-.834-.834V4.167c0-.221.088-.433.244-.59Z"})),t||(t=a.createElement("path",{fill:"currentColor",d:"M13.923 5.244a.833.833 0 1 0-1.179 1.179l2.744 2.744H7.5a.833.833 0 1 0 0 1.666h7.988l-2.744 2.744a.833.833 0 1 0 1.179 1.179l4.166-4.167a.833.833 0 0 0 0-1.178l-4.166-4.167Z"})));export{l as default};
@@ -1 +0,0 @@
1
- import{jsx as e}from"react/jsx-runtime";const C=()=>e("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.848 15.0267C12.565 16.053 10.9375 16.6667 9.16669 16.6667C5.02455 16.6667 1.66669 13.3088 1.66669 9.16669C1.66669 5.02455 5.02455 1.66669 9.16669 1.66669C13.3088 1.66669 16.6667 5.02455 16.6667 9.16669C16.6667 10.9376 16.0529 12.5651 15.0266 13.8482L18.0892 16.9108C18.4146 17.2362 18.4146 17.7639 18.0892 18.0893C17.7638 18.4147 17.2361 18.4147 16.9107 18.0893L13.848 15.0267ZM3.33335 9.16669C3.33335 5.94503 5.94503 3.33335 9.16669 3.33335C12.3883 3.33335 15 5.94503 15 9.16669C15 10.7382 14.3786 12.1646 13.368 13.2135C13.3394 13.2355 13.3119 13.2596 13.2857 13.2858C13.2595 13.312 13.2354 13.3395 13.2134 13.3681C12.1645 14.3786 10.7382 15 9.16669 15C5.94503 15 3.33335 12.3883 3.33335 9.16669Z",fill:"#9E9E9E"})}));export{C as SearchIcon};
@@ -1,10 +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
- containerStyle?: React.CSSProperties;
8
- titleSize?: 'large' | 'small';
9
- titleColor?: string;
10
- }>;
@@ -1 +0,0 @@
1
- import I from"@emotion/styled/base";import{createElement as g}from"react";import{jsxs as C,jsx as A,Fragment as l}from"react/jsx-runtime";import{COLORS as c}from"../../constants/Theme.js";import{TitleMedium as b,TitleRegular as m}from"../TypographyStyle.js";import{AnalyticsTrend as n}from"./AnalyticsTrend.js";function i(){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 s=I("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWtDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoKGkgKyAxKSAlIDQgIT09IDAgfHwgKGkgKyAxKSAlIDMgIT09IDApLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:i}),e=I("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtLCBUaXRsZVJlZ3VsYXIgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5pbXBvcnQgeyBBbmFseXRpY3NUcmVuZCB9IGZyb20gJy4vQW5hbHl0aWNzVHJlbmQnO1xyXG5jb25zdCBUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5jb25zdCBCcmVhayA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWJhc2lzOiAxMDAlO1xuXHRoZWlnaHQ6IDA7XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTWV0cmljID0gKHsgdGl0bGUsIHRyZW5kcywgUmlnaHRIZWFkZXJDb21wb25lbnQsIGNvbnRhaW5lclN0eWxlLCB0aXRsZVNpemUsIHRpdGxlQ29sb3IsIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFR5cG8sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogdGl0bGVDb2xvciAhPT0gbnVsbCAmJiB0aXRsZUNvbG9yICE9PSB2b2lkIDAgPyB0aXRsZUNvbG9yIDogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgUmlnaHRIZWFkZXJDb21wb25lbnRdIH0pKSwgX2pzeChUcmVuZENvbnRhaW5lciwgeyBjaGlsZHJlbjogdHJlbmRzLm1hcCgodHJlbmQsIGkpID0+IHtcclxuICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogJzMzLjMzJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfY3JlYXRlRWxlbWVudChBbmFseXRpY3NUcmVuZCwgT2JqZWN0LmFzc2lnbih7fSwgdHJlbmQsIHsga2V5OiBpLCBjYXJkOiBmYWxzZSwgcmlnaHRTZXBhcmF0b3I6ICEoaSA9PT0gdHJlbmRzLmxlbmd0aCAtIDEpICYmXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoKGkgKyAxKSAlIDQgIT09IDAgfHwgKGkgKyAxKSAlIDMgIT09IDApLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnIH0pKSB9KSksIHRyZW5kcy5sZW5ndGggPiA0ICYmIChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFsoaSArIDEpICUgMyA9PT0gMCAmJiB0cmVuZHMubGVuZ3RoIDw9IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKSwgKGkgKyAxKSAlIDQgPT09IDAgJiYgdHJlbmRzLmxlbmd0aCA+IDYgJiYgKF9qc3goQnJlYWssIHsgc3R5bGU6IHsgbWFyZ2luVG9wOiBpID09PSB0cmVuZHMubGVuZ3RoIC0gMSA/IDAgOiAzMiB9IH0pKV0gfSkpXSB9KSk7XHJcbiAgICAgICAgICAgICAgICB9KSB9KV0gfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzTWV0cmljLmpzLm1hcCJdfQ== */",toString:i}),a=I=>{let{title:i,trends:a,RightHeaderComponent:G,containerStyle:d,titleSize:Z,titleColor:t}=I;const H="large"===Z?b:m;return C("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=d?d:{})},{children:[C("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[i&&A(H,Object.assign({color:null!=t?t:c.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:i})),G]})),A(s,{children:a.map(((I,c)=>{var b;return C(l,{children:[A("div",Object.assign({style:{flex:1,maxWidth:"33.33%"}},{children:g(n,Object.assign({},I,{key:c,card:!1,rightSeparator:!(c===a.length-1||(c+1)%4==0&&(c+1)%3==0),size:null!==(b=I.size)&&void 0!==b?b:"small"}))})),a.length>4&&C(l,{children:[(c+1)%3==0&&a.length<=6&&A(e,{style:{marginTop:c===a.length-1?0:32}}),(c+1)%4==0&&a.length>6&&A(e,{style:{marginTop:c===a.length-1?0:32}})]})]})}))})]}))};export{a as AnalyticsMetric};
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- export interface AnalyticsTrendInterface {
3
- title: string;
4
- value?: number | string;
5
- trendPercent?: number;
6
- formatVal?: boolean;
7
- timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
8
- customRange?: Date[];
9
- type?: 'vertical' | 'horizontal';
10
- tooltip?: string;
11
- card?: boolean;
12
- rightSeparator?: boolean;
13
- size?: 'big' | 'small';
14
- share?: boolean;
15
- prefixSymbol?: string;
16
- }
17
- 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:u=!0,rightSeparator:j=!1,size:x="big",share:O=!1,formatVal:w,prefixSymbol:R}=r;const $="big"===x?m:p,I=void 0!==d?d<0?"negative":0===d?"neutral":"positive":void 0,T=void 0!==d?O?Math.round(d):Math.abs(Math.round(d)):void 0;return e(h,Object.assign({card:u},{children:t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:j?1:0,borderRightColor:i.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24,height:"100%"}},{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",Object.assign({style:{display:"flex",alignItems:"center"}},{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($,Object.assign({style:{color:i.content.primary}},{children:void 0===a?"--":"number"==typeof a&&w?`${null!=R?R:""}${new Intl.NumberFormat("en-IN",{}).format(a)}`:`${null!=R?R:""}${a}`})),"horizontal"===g&&!O&&e(v,{timeline:y,customRange:b,percent:T,direction:I}),O&&void 0!==T&&e(s,{tagText:`${T} %`,theme:"light",type:"neutral"})]})),"vertical"===g&&!O&&e("div",Object.assign({style:{marginTop:12}},{children:e(v,{timeline:y,customRange:b,percent:T,direction:I})}))]}))}))},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:["number"==typeof s&&e(p,{color:h,height:20,width:20,style:{marginRight:2}}),"number"==typeof s&&l&&t(d,Object.assign({style:{color:h}},{children:["neutral"===l?0:s,"%"]})),c&&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 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 console.log({data:b}),t(g,Object.assign({padding:e.outerPadding},{children:[e.chartHeading&&o(s,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(l,{options:x,data:b})}))]}))};export{p as HorizontalGraph};
@@ -1,3 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
2
- padding?: string | undefined;
3
- }, never>;
@@ -1,4 +0,0 @@
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"}};
4
- `;export{n 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,25 +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
- stepSize?: number;
21
- min?: number;
22
- max?: number;
23
- isZeroState?: boolean;
24
- };
25
- export declare const LineChart: React.FC<LineChartProps>;
@@ -1 +0,0 @@
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,17 +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
- } & {
16
- position?: string | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- import c from"@emotion/styled/base";const d=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+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",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)."}}),l=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+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),e=c("div","production"===process.env.NODE_ENV?{target:"eyesbkg0"}:{target:"eyesbkg0",label:"LegendWrapper"})("display:flex;flex-direction:row;gap:12px;justify-content:",(c=>c.position?c.position:"end"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVDaGFydC5zdHlsZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXdDIiwiZmlsZSI6IkxpbmVDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Z2FwOiA4cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgTGVnZW5kQ29sb3IgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDhweDtcblx0aGVpZ2h0OiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0anVzdGlmeS1jb250ZW50OiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc2l0aW9uID8gcHJvcHMucG9zaXRpb24gOiAnZW5kJyl9O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZUNoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */"));export{l as LegendColor,d as LegendContainer,e 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>;
@@ -1 +0,0 @@
1
- import I from"@emotion/styled/base";import{jsx as g,Fragment as C,jsxs as A}from"react/jsx-runtime";import{Chart as c,ArcElement as l,Tooltip as b,Legend as d}from"chart.js";import{useState as s,useEffect as t}from"react";import{Doughnut as n}from"react-chartjs-2";import{TitleMedium as e}from"../../../TypographyStyle.js";import{COLORS as i}from"../../../../constants/Theme.js";import{PieChart as X}from"./PieChart.js";c.register(l,b,d);const a={events:[]},G=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],Z=I("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(I=>i.surface.standard),";border:1px solid ",(I=>i.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQsIFRvb2x0aXAsIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBEb3VnaG51dCB9IGZyb20gJ3JlYWN0LWNoYXJ0anMtMic7XHJcbmltcG9ydCB7IFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFBpZUNoYXJ0IH0gZnJvbSAnLi9QaWVDaGFydCc7XHJcbkNoYXJ0SlMucmVnaXN0ZXIoQXJjRWxlbWVudCwgVG9vbHRpcCwgTGVnZW5kKTtcclxuY29uc3Qgb3B0aW9ucyA9IHtcclxuICAgIGV2ZW50czogW10sXHJcbn07XHJcbmNvbnN0IEdSQVBIX0NPTE9SUyA9IFtcclxuICAgICcjNUUwN0JCJyxcclxuICAgICcjOUU3N0VEJyxcclxuICAgICcjRDJBRUZGJyxcclxuICAgICcjQ0RFMUZGJyxcclxuICAgICcjOTJBRkZBJyxcclxuICAgICcjMzkzNUUxJyxcclxuXTtcclxuY29uc3QgQ2FydFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAkeyhwcm9wcykgPT4gQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENhcmQgPSAocHJvcHMpID0+IHtcclxuICAgIHJldHVybiBfanN4KENhcnRTdHlsZWQsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwYWRkaW5nOiAyNCB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFBpZUNoYXJ0QW5hbHl0aWNzID0gKHsgdGl0bGUsIHNsaWNlcywgc2l6ZSwgfSkgPT4ge1xyXG4gICAgY29uc3QgW3NsaWNlc1dpdGhDb2xvciwgc2V0U2xpY2VzV2l0aENvbG9yXSA9IHVzZVN0YXRlKFtdKTtcclxuICAgIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlKCk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvdGFsU3VtID0gc2xpY2VzLnJlZHVjZSgoc3VtLCBzbGljZSkgPT4gc3VtICsgc2xpY2UuY291bnQsIDApO1xyXG4gICAgICAgIGxldCB1cGRhdGVkU2xpY2VzV2l0aENvbG9yID0gW107XHJcbiAgICAgICAgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IE9iamVjdC5rZXlzKHNsaWNlcykubWFwKChrZXksIGluZGV4KSA9PiAoT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBzbGljZXNba2V5XSksIHsgY29sb3I6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdIH0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IpO1xyXG4gICAgICAgIGlmICh0b3RhbFN1bSA9PT0gMCkge1xyXG4gICAgICAgICAgICBjb25zdCBkYXRhU2V0ID0ge1xyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IFsxMDBdLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFsnI0YwRjBGMCddLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogMCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogc2xpY2VzLm1hcCgoc2xpY2UpID0+IHNsaWNlLmNvdW50KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gc2xpY2UuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdOyB9KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IFsnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbc2xpY2VzXSk7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMTYsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdyb3cnIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goRG91Z2hudXQsIHsgZGF0YTogZGF0YSwgb3B0aW9uczogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBvcHRpb25zKSwgeyBtYWludGFpbkFzcGVjdFJhdGlvOiBzaXplID8gZmFsc2UgOiB0cnVlIH0pIH0pIH0pKSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ2NvbC02Jywgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiA0OCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiBzbGljZXNXaXRoQ29sb3IgfSkgfSkpXSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UGllQ2hhcnRBbmFseXRpY3MuanMubWFwIl19 */")),o=I=>g(Z,Object.assign({style:{padding:24}},{children:I.children})),p=I=>{let{title:c,slices:l,size:b}=I;const[d,i]=s([]),[Z,o]=s();return t((()=>{const I=l.reduce(((I,g)=>I+g.count),0);let g=[];if(g=Object.keys(l).map(((I,g)=>Object.assign(Object.assign({},l[I]),{color:G[g%G.length]}))),i(g),0===I){o({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const I={datasets:[{data:l.map((I=>I.count)),backgroundColor:l.map(((I,g)=>{var C;return null!==(C=I.color)&&void 0!==C?C:G[g%G.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};o(I)}}),[l]),Z?A(C,{children:[c&&g(e,Object.assign({style:{marginBottom:16}},{children:c})),A("div",Object.assign({className:"row"},{children:[g("div",Object.assign({className:"col-6"},{children:g("div",Object.assign({style:{width:b,height:b}},{children:g(n,{data:Z,options:Object.assign(Object.assign({},a),{maintainAspectRatio:!b})})}))})),g("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:g(X,{slices:d})}))]}))]}):g(C,{})};export{o as Card,p as PieChartAnalytics};
@@ -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
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Chart as o,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as s,Legend as r}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";o.register(a,i,n,s,r);const m=o=>{var a,i,n,s;const r=0===o.yAxis.data.length,m=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],y={barPercentage:.4,categoryPercentage:1,borderRadius:4,pointStyle:"circle"},b={};o.yAxis.data.map((t=>{t.map((t=>{b[t.name]?b[t.name].push(t.value):b[t.name]=[t.value]}))}));const x=Object.keys(b).map(((t,e)=>Object.assign({label:t,data:b[t],backgroundColor:m[e]},y))),h={plugins:{legend:{display:!r,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!r}},responsive:!0,maintainAspectRatio:!1,legend:{display:!0,labels:{usePointStyle:!0}},scales:{x:{title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:d.caption.fontSize}},grid:{display:!1,borderColor:g.background.base},ticks:{fontSize:d.caption.fontSize,color:null!==(a=o.yAxis.labelColor)&&void 0!==a?a:g.content.secondary},stacked:!0},y:{title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:d.caption.fontSize}},grid:{borderColor:"white",color:g.background.base},ticks:Object.assign({fontSize:d.caption.fontSize,color:null!==(i=o.xAxis.labelColor)&&void 0!==i?i:g.content.secondary},r?{min:0,max:2e3,stepSize:200}:{}),stacked:!0}}},u={labels:o.xAxis.data.map((t=>"string"==typeof t?t:t.name)),datasets:r?[{data:[250,1e3,800,1500,300,600],backgroundColor:"rgba(0,0,0,0)"}]:x};return t(p,Object.assign({padding:o.outerPadding},{children:[o.chartHeading&&e("div",Object.assign({style:{marginBottom:24}},{children:e(c,Object.assign({color:null!==(n=o.chartHeading.color)&&void 0!==n?n:g.content.secondary},{children:o.chartHeading.heading}))})),e("div",Object.assign({style:{height:null!==(s=o.graphCanvasHeight)&&void 0!==s?s:500}},{children:e(l,{options:h,data:u})}))]}))};export{m as StackedBarChart};
@@ -1,3 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
2
- padding?: string | undefined;
3
- }, never>;
@@ -1,5 +0,0 @@
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"}};
4
- border: none;
5
- `;export{n as GraphContainerWrapper};
@@ -1,20 +0,0 @@
1
- export interface AxisDetailsI {
2
- title?: string;
3
- titleColor?: string;
4
- data: number[] | string[];
5
- labelColor?: string;
6
- graphColor?: string;
7
- }
8
- export interface ChartHeadingI {
9
- heading: string;
10
- color?: string;
11
- }
12
- export interface VerticalBarAndLinearGraphI {
13
- graphCanvasHeight?: number;
14
- tickColor?: string;
15
- labelColor?: string;
16
- chartHeading?: ChartHeadingI;
17
- xAxis: AxisDetailsI;
18
- lineAxis: AxisDetailsI;
19
- barAxis: AxisDetailsI;
20
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { VerticalBarAndLinearGraphI } from './VerticalBarAndLinearGraphModel';
3
- export declare const VerticalBarAndLinearGraph: React.FC<VerticalBarAndLinearGraphI>;
@@ -1 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -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
- 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,3 +0,0 @@
1
- export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
2
- padding?: string | undefined;
3
- }, never>;
@@ -1,4 +0,0 @@
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"}};
4
- `;export{n as GraphContainerWrapper};
@@ -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
- import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import{Tooltip as c}from"../../../tooltips/Tooltip.js";import{TitleMedium as l,Caption as s,BodyTiny as a}from"../../../TypographyStyle.js";import{COLORS as i}from"../../../../constants/Theme.js";import{HeatBoxStyled as d,HeatBox as h}from"./HeatMapStyled.js";var m,H;!function(t){t[t.ABSOLUTE=0]="ABSOLUTE",t[t.RELATIVE=1]="RELATIVE"}(m||(m={})),function(t){t[t.LOW=0]="LOW",t[t.MEDIUM=1]="MEDIUM",t[t.HIGH=2]="HIGH",t[t.HIGHEST=3]="HIGHEST"}(H||(H={}));const p={[H.LOW]:"#EBDBFF",[H.MEDIUM]:"#D2AEFF",[H.HIGH]:"#9E77ED",[H.HIGHEST]:"#5E07BB"},E=E=>{let{title:I,xLabels:O,yLabels:b,values:y,heatType:M,absolutHeatValues:L,hideXLabels:T}=E;const[j,G]=r();return n((()=>{const t=Math.max(...y.flat()),e=Math.min(...y.flat());G(y.map((o=>o.map((o=>((t,e,o,r,n)=>{if(e===m.ABSOLUTE)return t<=o[0]?H.LOW:t<=o[1]?H.MEDIUM:t<=o[2]?H.HIGH:H.HIGHEST;{const e=(n-r)/4;return t<=r+e?H.LOW:t<=r+2*e?H.MEDIUM:t<=r+3*e?H.HIGH:H.HIGHEST}})(o,M,L||[],e,t))))))}),[y,L]),j?o(d,{children:[o("div",Object.assign({className:"top-container"},{children:[t(l,Object.assign({style:{color:i.content.primary}},{children:I})),o("div",Object.assign({className:"top-container__legend"},{children:[t(s,Object.assign({style:{color:i.content.secondary}},{children:"Less"})),t(h,{color:p[H.LOW]}),t(h,{color:p[H.MEDIUM]}),t(h,{color:p[H.HIGH]}),t(h,{color:p[H.HIGHEST]}),t(s,Object.assign({style:{color:i.content.secondary}},{children:"More"}))]}))]})),t("table",{children:o("tbody",{children:[b.map(((e,r)=>o("tr",{children:[t("td",{children:t(a,Object.assign({style:{color:i.content.placeholder}},{children:e}))}),O.map(((e,o)=>t("td",{children:t(c,Object.assign({body:y[r][o].toString(),placement:"bottom"},{children:t(h,{color:p[j[r][o]]})}))},e)))]},e))),!T&&o("tr",{children:[t("th",{}),O.map(((e,o)=>t("th",{children:t(a,Object.assign({style:{color:i.content.placeholder}},{children:e}))},e)))]})]})})]}):t(e,{})};export{H as HEAT,p as HEAT_COLORS,m as HEAT_GRADING_TYPE,E as HeatMap};
@@ -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
- import c from"@emotion/styled/base";const b=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;&__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 */")),d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiSGVhdE1hcFN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcblx0LnRvcC1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdFx0bWFyZ2luLWJvdHRvbTogMTZweDtcblxuXHRcdCZfX2xlZ2VuZCB7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRcdGdhcDogNnB4O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR9XG5cdH1cblxuXHQuYm94IHtcblx0XHR3aWR0aDogMjRweDtcblx0XHRoZWlnaHQ6IDI0cHg7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdG1hcmdpbjogMnB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBIZWF0Qm94ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAyNHB4O1xuXHRoZWlnaHQ6IDI0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0bWFyZ2luOiAycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1IZWF0TWFwU3R5bGVkLmpzLm1hcCJdfQ== */"));export{d as HeatBox,b as HeatBoxStyled};
@@ -1,7 +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
- formatVal?: boolean;
7
- }>;
@@ -1 +0,0 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as r,TitleMedium as n}from"../../../TypographyStyle.js";import{COLORS as o}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const s=s=>{let{type:a,text:c,value:m,formatVal:p}=s;const l="positive"===a?o.content.positive:"negative"===a?o.content.negative:o.content.warning;return t(i,Object.assign({type:a},{children:[e(r,Object.assign({color:l},{children:c})),e(n,Object.assign({color:l},{children:p?new Intl.NumberFormat("en-IN",{}).format(m):m}))]}))};export{s as Chip};
@@ -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
- import{jsxs as t,jsx as r}from"react/jsx-runtime";import{COLORS as i}from"../../../../constants/Theme.js";import{calculatePercentage as e}from"../utils/calcPercentage.js";import{StyledBarContainer as o}from"./LinearChipGroupedChart.styled.js";const n=n=>{let{positive:a,negative:d,neutral:s}=n;const[c,g,h]=e(a,s,d);return t(o,{children:[r("div",{style:{height:"100%",width:`${c}%`,backgroundColor:i.background.positive.vibrant}}),r("div",{style:{height:"100%",width:`${g}%`,backgroundColor:i.background.warning.vibrant}}),r("div",{style:{height:"100%",width:`${h}%`,backgroundColor:i.background.negative.vibrant}})]})};export{n as HorinzontalBar};
@@ -1,27 +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
- formatVal?: boolean;
26
- };
27
- export declare const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps>;
@@ -1 +0,0 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as n,TitleLarge as a,BodySecondary as i}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import{LineChart as o}from"../LineChart/LineChart.js";import{Chip as s}from"./Chip.js";import{HorinzontalBar as l}from"./HorinzontalBar.js";import{Container as c,Row as p,Column as m}from"./LinearChipGroupedChart.styled.js";const v=v=>{let{separator:g,name:d,overallValue:h,requestSent:j,responses:y,chipValues:u,lineChartOption:b,formatVal:f}=v;return e(c,Object.assign({separator:g},{children:[e(p,Object.assign({style:{alignItems:"center",justifyContent:"space-between"}},{children:[e("div",{children:[t(n,Object.assign({color:r.content.secondary},{children:d})),t(a,Object.assign({color:void 0===h||0===h?r.content.secondary:h<0?r.content.negative:r.content.positive},{children:f?new Intl.NumberFormat("en-IN",{}).format(h):h}))]}),e(m,Object.assign({style:{alignItems:"flex-end"}},{children:[e(i,Object.assign({color:r.content.secondary,style:{marginBottom:2}},{children:["Requests sent: ",j]})),e(i,Object.assign({color:r.content.secondary},{children:["Responses: ",y]}))]}))]})),e(p,Object.assign({style:{marginTop:8,gap:16}},{children:[t(s,{formatVal:f,type:"positive",text:u.positive.text,value:u.positive.val}),t(s,{formatVal:f,type:"neutral",text:u.neutral.text,value:u.neutral.val}),t(s,{formatVal:f,type:"negative",text:u.negative.text,value:u.negative.val})]})),t("div",Object.assign({style:{marginTop:16,width:"100%"}},{children:t(l,{positive:u.positive.val,neutral:u.neutral.val,negative:u.negative.val})})),t("div",Object.assign({style:{marginTop:28,width:"100%"}},{children:t(o,Object.assign({},b,{maintainAspectRatio:!0}))}))]}))};export{v as LinearChipGroupedChart};
@@ -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>, {}>;