@quillsql/react 2.12.28 → 2.12.30

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 (502) hide show
  1. package/dist/cjs/Chart.d.ts +24 -10
  2. package/dist/cjs/Chart.d.ts.map +1 -1
  3. package/dist/cjs/Chart.js +151 -189
  4. package/dist/cjs/ChartBuilder.d.ts +51 -11
  5. package/dist/cjs/ChartBuilder.d.ts.map +1 -1
  6. package/dist/cjs/ChartBuilder.js +162 -101
  7. package/dist/cjs/ChartEditor.d.ts +13 -1
  8. package/dist/cjs/ChartEditor.d.ts.map +1 -1
  9. package/dist/cjs/ChartEditor.js +62 -121
  10. package/dist/cjs/Context.d.ts +1 -19
  11. package/dist/cjs/Context.d.ts.map +1 -1
  12. package/dist/cjs/Context.js +74 -85
  13. package/dist/cjs/Dashboard.d.ts +16 -7
  14. package/dist/cjs/Dashboard.d.ts.map +1 -1
  15. package/dist/cjs/Dashboard.js +90 -68
  16. package/dist/cjs/DateRangePicker/Calendar.d.ts.map +1 -1
  17. package/dist/cjs/DateRangePicker/Calendar.js +3 -6
  18. package/dist/cjs/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  19. package/dist/cjs/DateRangePicker/DateRangePicker.js +2 -3
  20. package/dist/cjs/DateRangePicker/DateRangePickerButton.d.ts +1 -2
  21. package/dist/cjs/DateRangePicker/DateRangePickerButton.d.ts.map +1 -1
  22. package/dist/cjs/DateRangePicker/DateRangePickerButton.js +2 -4
  23. package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts +2 -1
  24. package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  25. package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +4 -4
  26. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts +1 -1
  27. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  28. package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +1 -15
  29. package/dist/cjs/ReportBuilder.d.ts +22 -1
  30. package/dist/cjs/ReportBuilder.d.ts.map +1 -1
  31. package/dist/cjs/ReportBuilder.js +758 -505
  32. package/dist/cjs/SQLEditor.d.ts +2 -9
  33. package/dist/cjs/SQLEditor.d.ts.map +1 -1
  34. package/dist/cjs/SQLEditor.js +142 -90
  35. package/dist/cjs/Table.d.ts +19 -3
  36. package/dist/cjs/Table.d.ts.map +1 -1
  37. package/dist/cjs/Table.js +110 -92
  38. package/dist/cjs/TableChart.d.ts.map +1 -1
  39. package/dist/cjs/TableChart.js +0 -1
  40. package/dist/cjs/assets/ArrowDownHeadIcon.d.ts.map +1 -1
  41. package/dist/cjs/assets/ArrowDownIcon.d.ts.map +1 -1
  42. package/dist/cjs/assets/ArrowDownRightIcon.d.ts.map +1 -1
  43. package/dist/cjs/assets/ArrowLeftHeadIcon.d.ts.map +1 -1
  44. package/dist/cjs/assets/ArrowRightHeadIcon.d.ts.map +1 -1
  45. package/dist/cjs/assets/ArrowRightIcon.d.ts.map +1 -1
  46. package/dist/cjs/assets/ArrowUpHeadIcon.d.ts.map +1 -1
  47. package/dist/cjs/assets/ArrowUpIcon.d.ts.map +1 -1
  48. package/dist/cjs/assets/ArrowUpRightIcon.d.ts.map +1 -1
  49. package/dist/cjs/assets/CalendarIcon.d.ts.map +1 -1
  50. package/dist/cjs/assets/DoubleArrowLeftHeadIcon.d.ts.map +1 -1
  51. package/dist/cjs/assets/DoubleArrowRightHeadIcon.d.ts.map +1 -1
  52. package/dist/cjs/assets/ExclamationFilledIcon.d.ts.map +1 -1
  53. package/dist/cjs/assets/LoadingSpinner.d.ts.map +1 -1
  54. package/dist/cjs/assets/SearchIcon.d.ts.map +1 -1
  55. package/dist/cjs/assets/XCircleIcon.d.ts.map +1 -1
  56. package/dist/cjs/components/Banner/index.d.ts +1 -1
  57. package/dist/cjs/components/Banner/index.d.ts.map +1 -1
  58. package/dist/cjs/components/Banner/index.js +1 -1
  59. package/dist/cjs/components/BigModal/BigModal.d.ts.map +1 -1
  60. package/dist/cjs/components/BigModal/BigModal.js +6 -12
  61. package/dist/cjs/components/Chart/BarList.d.ts.map +1 -1
  62. package/dist/cjs/components/Chart/BarList.js +21 -14
  63. package/dist/cjs/components/Chart/ChartError.d.ts +8 -1
  64. package/dist/cjs/components/Chart/ChartError.d.ts.map +1 -1
  65. package/dist/cjs/components/Chart/ChartError.js +40 -5
  66. package/dist/cjs/components/Chart/ChartTooltip.d.ts.map +1 -1
  67. package/dist/cjs/components/Chart/ChartTooltip.js +8 -2
  68. package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
  69. package/dist/cjs/components/Chart/LineChart.js +2 -2
  70. package/dist/cjs/components/Chart/PieChart.d.ts.map +1 -1
  71. package/dist/cjs/components/Chart/PieChart.js +1 -3
  72. package/dist/cjs/components/Dashboard/ChartComponent.d.ts +1 -1
  73. package/dist/cjs/components/Dashboard/ChartComponent.d.ts.map +1 -1
  74. package/dist/cjs/components/Dashboard/ChartComponent.js +1 -1
  75. package/dist/cjs/components/Dashboard/DashboardFilter.d.ts +5 -1
  76. package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  77. package/dist/cjs/components/Dashboard/DashboardFilter.js +10 -5
  78. package/dist/cjs/components/Dashboard/DataLoader.d.ts +2 -6
  79. package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
  80. package/dist/cjs/components/Dashboard/DataLoader.js +98 -187
  81. package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
  82. package/dist/cjs/components/Dashboard/MetricComponent.js +1 -1
  83. package/dist/cjs/components/Dashboard/TableComponent.d.ts +1 -4
  84. package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
  85. package/dist/cjs/components/Dashboard/TableComponent.js +3 -3
  86. package/dist/cjs/components/Dropdown/Dropdown.d.ts.map +1 -1
  87. package/dist/cjs/components/Dropdown/Dropdown.js +1 -3
  88. package/dist/cjs/components/Dropdown/DropdownItem.d.ts.map +1 -1
  89. package/dist/cjs/components/Dropdown/DropdownItem.js +3 -8
  90. package/dist/cjs/components/Dropdown/index.d.ts +2 -2
  91. package/dist/cjs/components/Modal/Modal.d.ts.map +1 -1
  92. package/dist/cjs/components/Modal/Modal.js +2 -3
  93. package/dist/cjs/components/Modal/index.d.ts +1 -1
  94. package/dist/cjs/components/QuillMultiSelect.d.ts.map +1 -1
  95. package/dist/cjs/components/QuillMultiSelect.js +18 -3
  96. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  97. package/dist/cjs/components/QuillMultiSelectWithCombo.js +2 -2
  98. package/dist/cjs/components/QuillSelect.js +1 -1
  99. package/dist/cjs/components/QuillSelectWithCombo.js +2 -2
  100. package/dist/cjs/components/QuillTable.d.ts +1 -4
  101. package/dist/cjs/components/QuillTable.d.ts.map +1 -1
  102. package/dist/cjs/components/QuillTable.js +5 -11
  103. package/dist/cjs/components/ReportBuilder/AddColumnModal.d.ts +3 -1
  104. package/dist/cjs/components/ReportBuilder/AddColumnModal.d.ts.map +1 -1
  105. package/dist/cjs/components/ReportBuilder/AddColumnModal.js +5 -8
  106. package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
  107. package/dist/cjs/components/ReportBuilder/AddLimitPopover.js +1 -3
  108. package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
  109. package/dist/cjs/components/ReportBuilder/AddSortPopover.js +12 -1
  110. package/dist/cjs/components/ReportBuilder/FilterModal.d.ts +22 -0
  111. package/dist/cjs/components/ReportBuilder/FilterModal.d.ts.map +1 -0
  112. package/dist/cjs/components/ReportBuilder/FilterModal.js +555 -0
  113. package/dist/cjs/components/ReportBuilder/ast.d.ts +2 -1
  114. package/dist/cjs/components/ReportBuilder/ast.d.ts.map +1 -1
  115. package/dist/cjs/components/ReportBuilder/ast.js +33 -6
  116. package/dist/cjs/components/ReportBuilder/constants.d.ts +18 -3
  117. package/dist/cjs/components/ReportBuilder/constants.d.ts.map +1 -1
  118. package/dist/cjs/components/ReportBuilder/constants.js +24 -3
  119. package/dist/cjs/components/ReportBuilder/convert.d.ts +12 -15
  120. package/dist/cjs/components/ReportBuilder/convert.d.ts.map +1 -1
  121. package/dist/cjs/components/ReportBuilder/convert.js +326 -494
  122. package/dist/cjs/components/ReportBuilder/operators.d.ts +24 -4
  123. package/dist/cjs/components/ReportBuilder/operators.d.ts.map +1 -1
  124. package/dist/cjs/components/ReportBuilder/operators.js +32 -4
  125. package/dist/cjs/components/ReportBuilder/ui.d.ts +20 -0
  126. package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
  127. package/dist/cjs/components/ReportBuilder/ui.js +30 -4
  128. package/dist/cjs/components/ReportBuilder/util.d.ts +3 -11
  129. package/dist/cjs/components/ReportBuilder/util.d.ts.map +1 -1
  130. package/dist/cjs/components/ReportBuilder/util.js +15 -18
  131. package/dist/cjs/components/UiComponents.d.ts +10 -7
  132. package/dist/cjs/components/UiComponents.d.ts.map +1 -1
  133. package/dist/cjs/components/UiComponents.js +9 -8
  134. package/dist/cjs/components/selectUtils.d.ts +0 -1
  135. package/dist/cjs/components/selectUtils.d.ts.map +1 -1
  136. package/dist/cjs/components/selectUtils.js +1 -22
  137. package/dist/cjs/hooks/index.d.ts +4 -4
  138. package/dist/cjs/hooks/useAstToFilterTree.d.ts +11 -0
  139. package/dist/cjs/hooks/useAstToFilterTree.d.ts.map +1 -0
  140. package/dist/cjs/hooks/useAstToFilterTree.js +26 -0
  141. package/dist/cjs/hooks/useDashboard.d.ts +1 -1
  142. package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
  143. package/dist/cjs/hooks/useDashboard.js +22 -4
  144. package/dist/cjs/hooks/useExport.d.ts.map +1 -1
  145. package/dist/cjs/hooks/useExport.js +3 -1
  146. package/dist/cjs/hooks/useOnClickOutside.js +4 -4
  147. package/dist/cjs/hooks/useOnWindowResize.d.ts.map +1 -1
  148. package/dist/cjs/hooks/useOnWindowResize.js +2 -2
  149. package/dist/cjs/hooks/useQuill.d.ts +10 -27
  150. package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
  151. package/dist/cjs/hooks/useQuill.js +114 -82
  152. package/dist/cjs/hooks/useSelectOnKeyDown.d.ts.map +1 -1
  153. package/dist/cjs/hooks/useSelectOnKeyDown.js +4 -4
  154. package/dist/cjs/hooks/useTheme.js +1 -1
  155. package/dist/cjs/index.d.ts +1 -0
  156. package/dist/cjs/index.d.ts.map +1 -1
  157. package/dist/cjs/index.js +3 -1
  158. package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
  159. package/dist/cjs/internals/ReportBuilder/PivotForm.js +8 -1
  160. package/dist/cjs/internals/ReportBuilder/PivotList.d.ts +2 -2
  161. package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
  162. package/dist/cjs/internals/ReportBuilder/PivotList.js +2 -2
  163. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +1 -1
  164. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  165. package/dist/cjs/internals/ReportBuilder/PivotModal.js +64 -78
  166. package/dist/cjs/lib/utils.js +2 -2
  167. package/dist/cjs/models/Filter.d.ts +104 -4
  168. package/dist/cjs/models/Filter.d.ts.map +1 -1
  169. package/dist/cjs/models/Filter.js +91 -0
  170. package/dist/cjs/models/Pagination.d.ts +10 -0
  171. package/dist/cjs/models/Pagination.d.ts.map +1 -0
  172. package/dist/cjs/models/Pagination.js +2 -0
  173. package/dist/cjs/models/Report.d.ts +116 -0
  174. package/dist/cjs/models/Report.d.ts.map +1 -0
  175. package/dist/cjs/models/Report.js +2 -0
  176. package/dist/cjs/utils/aggregate.js +1 -1
  177. package/dist/cjs/utils/astFilterProcessing.d.ts +36 -0
  178. package/dist/cjs/utils/astFilterProcessing.d.ts.map +1 -0
  179. package/dist/cjs/utils/astFilterProcessing.js +8056 -0
  180. package/dist/cjs/utils/astProcessing.d.ts.map +1 -1
  181. package/dist/cjs/utils/astProcessing.js +4 -3
  182. package/dist/cjs/utils/axisFormatter.js +0 -71
  183. package/dist/cjs/utils/color.js +9 -87
  184. package/dist/cjs/utils/columnProcessing.d.ts +1 -0
  185. package/dist/cjs/utils/columnProcessing.d.ts.map +1 -1
  186. package/dist/cjs/utils/columnProcessing.js +8 -1
  187. package/dist/cjs/utils/csv.d.ts.map +1 -1
  188. package/dist/cjs/utils/dashboard.d.ts.map +1 -1
  189. package/dist/cjs/utils/dashboard.js +4 -4
  190. package/dist/cjs/utils/dataFetcher.d.ts +1 -1
  191. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
  192. package/dist/cjs/utils/dataFetcher.js +72 -5
  193. package/dist/cjs/utils/dataProcessing.d.ts +8 -0
  194. package/dist/cjs/utils/dataProcessing.d.ts.map +1 -0
  195. package/dist/cjs/utils/dataProcessing.js +127 -0
  196. package/dist/cjs/utils/dates.d.ts +2 -1
  197. package/dist/cjs/utils/dates.d.ts.map +1 -1
  198. package/dist/cjs/utils/dates.js +12 -3
  199. package/dist/cjs/utils/error.d.ts +5 -0
  200. package/dist/cjs/utils/error.d.ts.map +1 -0
  201. package/dist/cjs/utils/error.js +12 -0
  202. package/dist/cjs/utils/filterConstants.d.ts +34 -0
  203. package/dist/cjs/utils/filterConstants.d.ts.map +1 -0
  204. package/dist/cjs/utils/filterConstants.js +36 -0
  205. package/dist/cjs/utils/filterProcessing.js +4 -4
  206. package/dist/cjs/utils/logging.d.ts.map +1 -1
  207. package/dist/cjs/utils/logging.js +1 -0
  208. package/dist/cjs/utils/merge.js +0 -21
  209. package/dist/cjs/utils/monacoConfig.d.ts +21 -0
  210. package/dist/cjs/utils/monacoConfig.d.ts.map +1 -0
  211. package/dist/cjs/utils/monacoConfig.js +324 -0
  212. package/dist/cjs/utils/paginationProcessing.d.ts +5 -0
  213. package/dist/cjs/utils/paginationProcessing.d.ts.map +1 -0
  214. package/dist/cjs/utils/paginationProcessing.js +30 -0
  215. package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
  216. package/dist/cjs/utils/pivotConstructor.js +67 -5
  217. package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
  218. package/dist/cjs/utils/pivotProcessing.js +12 -6
  219. package/dist/cjs/utils/queryConstructor.d.ts +4 -2
  220. package/dist/cjs/utils/queryConstructor.d.ts.map +1 -1
  221. package/dist/cjs/utils/queryConstructor.js +121 -59
  222. package/dist/cjs/utils/report.d.ts +7 -0
  223. package/dist/cjs/utils/report.d.ts.map +1 -0
  224. package/dist/cjs/utils/report.js +93 -0
  225. package/dist/cjs/utils/schema.d.ts.map +1 -1
  226. package/dist/cjs/utils/schema.js +35 -6
  227. package/dist/cjs/utils/styles.d.ts +1 -1
  228. package/dist/cjs/utils/styles.d.ts.map +1 -1
  229. package/dist/cjs/utils/tableProcessing.d.ts +23 -8
  230. package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
  231. package/dist/cjs/utils/tableProcessing.js +156 -38
  232. package/dist/cjs/utils/textProcessing.js +3 -3
  233. package/dist/cjs/utils/validation.d.ts +9 -0
  234. package/dist/cjs/utils/validation.d.ts.map +1 -0
  235. package/dist/cjs/utils/validation.js +24 -0
  236. package/dist/cjs/utils/valueFormatter.d.ts.map +1 -1
  237. package/dist/cjs/utils/valueFormatter.js +8 -4
  238. package/dist/esm/Chart.d.ts +24 -10
  239. package/dist/esm/Chart.d.ts.map +1 -1
  240. package/dist/esm/Chart.js +154 -192
  241. package/dist/esm/ChartBuilder.d.ts +51 -11
  242. package/dist/esm/ChartBuilder.d.ts.map +1 -1
  243. package/dist/esm/ChartBuilder.js +161 -101
  244. package/dist/esm/ChartEditor.d.ts +13 -1
  245. package/dist/esm/ChartEditor.d.ts.map +1 -1
  246. package/dist/esm/ChartEditor.js +63 -122
  247. package/dist/esm/Context.d.ts +1 -19
  248. package/dist/esm/Context.d.ts.map +1 -1
  249. package/dist/esm/Context.js +74 -84
  250. package/dist/esm/Dashboard.d.ts +16 -7
  251. package/dist/esm/Dashboard.d.ts.map +1 -1
  252. package/dist/esm/Dashboard.js +91 -69
  253. package/dist/esm/DateRangePicker/Calendar.d.ts.map +1 -1
  254. package/dist/esm/DateRangePicker/Calendar.js +5 -8
  255. package/dist/esm/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  256. package/dist/esm/DateRangePicker/DateRangePicker.js +2 -3
  257. package/dist/esm/DateRangePicker/DateRangePickerButton.d.ts +1 -2
  258. package/dist/esm/DateRangePicker/DateRangePickerButton.d.ts.map +1 -1
  259. package/dist/esm/DateRangePicker/DateRangePickerButton.js +2 -4
  260. package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts +2 -1
  261. package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  262. package/dist/esm/DateRangePicker/QuillDateRangePicker.js +4 -4
  263. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts +1 -1
  264. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  265. package/dist/esm/DateRangePicker/dateRangePickerUtils.js +1 -15
  266. package/dist/esm/ReportBuilder.d.ts +22 -1
  267. package/dist/esm/ReportBuilder.d.ts.map +1 -1
  268. package/dist/esm/ReportBuilder.js +766 -513
  269. package/dist/esm/SQLEditor.d.ts +2 -9
  270. package/dist/esm/SQLEditor.d.ts.map +1 -1
  271. package/dist/esm/SQLEditor.js +144 -92
  272. package/dist/esm/Table.d.ts +19 -3
  273. package/dist/esm/Table.d.ts.map +1 -1
  274. package/dist/esm/Table.js +112 -94
  275. package/dist/esm/TableChart.d.ts.map +1 -1
  276. package/dist/esm/TableChart.js +0 -1
  277. package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map +1 -1
  278. package/dist/esm/assets/ArrowDownIcon.d.ts.map +1 -1
  279. package/dist/esm/assets/ArrowDownRightIcon.d.ts.map +1 -1
  280. package/dist/esm/assets/ArrowLeftHeadIcon.d.ts.map +1 -1
  281. package/dist/esm/assets/ArrowRightHeadIcon.d.ts.map +1 -1
  282. package/dist/esm/assets/ArrowRightIcon.d.ts.map +1 -1
  283. package/dist/esm/assets/ArrowUpHeadIcon.d.ts.map +1 -1
  284. package/dist/esm/assets/ArrowUpIcon.d.ts.map +1 -1
  285. package/dist/esm/assets/ArrowUpRightIcon.d.ts.map +1 -1
  286. package/dist/esm/assets/CalendarIcon.d.ts.map +1 -1
  287. package/dist/esm/assets/DoubleArrowLeftHeadIcon.d.ts.map +1 -1
  288. package/dist/esm/assets/DoubleArrowRightHeadIcon.d.ts.map +1 -1
  289. package/dist/esm/assets/ExclamationFilledIcon.d.ts.map +1 -1
  290. package/dist/esm/assets/LoadingSpinner.d.ts.map +1 -1
  291. package/dist/esm/assets/SearchIcon.d.ts.map +1 -1
  292. package/dist/esm/assets/XCircleIcon.d.ts.map +1 -1
  293. package/dist/esm/components/Banner/index.d.ts +1 -1
  294. package/dist/esm/components/Banner/index.d.ts.map +1 -1
  295. package/dist/esm/components/Banner/index.js +1 -1
  296. package/dist/esm/components/BigModal/BigModal.d.ts.map +1 -1
  297. package/dist/esm/components/BigModal/BigModal.js +7 -13
  298. package/dist/esm/components/Chart/BarList.d.ts.map +1 -1
  299. package/dist/esm/components/Chart/BarList.js +21 -14
  300. package/dist/esm/components/Chart/ChartError.d.ts +8 -1
  301. package/dist/esm/components/Chart/ChartError.d.ts.map +1 -1
  302. package/dist/esm/components/Chart/ChartError.js +39 -6
  303. package/dist/esm/components/Chart/ChartTooltip.d.ts.map +1 -1
  304. package/dist/esm/components/Chart/ChartTooltip.js +8 -2
  305. package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
  306. package/dist/esm/components/Chart/LineChart.js +2 -2
  307. package/dist/esm/components/Chart/PieChart.d.ts.map +1 -1
  308. package/dist/esm/components/Chart/PieChart.js +1 -3
  309. package/dist/esm/components/Dashboard/ChartComponent.d.ts +1 -1
  310. package/dist/esm/components/Dashboard/ChartComponent.d.ts.map +1 -1
  311. package/dist/esm/components/Dashboard/ChartComponent.js +1 -1
  312. package/dist/esm/components/Dashboard/DashboardFilter.d.ts +5 -1
  313. package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  314. package/dist/esm/components/Dashboard/DashboardFilter.js +10 -5
  315. package/dist/esm/components/Dashboard/DataLoader.d.ts +2 -6
  316. package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
  317. package/dist/esm/components/Dashboard/DataLoader.js +98 -187
  318. package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
  319. package/dist/esm/components/Dashboard/MetricComponent.js +1 -1
  320. package/dist/esm/components/Dashboard/TableComponent.d.ts +1 -4
  321. package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
  322. package/dist/esm/components/Dashboard/TableComponent.js +3 -3
  323. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  324. package/dist/esm/components/Dropdown/Dropdown.js +2 -4
  325. package/dist/esm/components/Dropdown/DropdownItem.d.ts.map +1 -1
  326. package/dist/esm/components/Dropdown/DropdownItem.js +4 -9
  327. package/dist/esm/components/Dropdown/index.d.ts +2 -2
  328. package/dist/esm/components/Dropdown/index.js +2 -2
  329. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  330. package/dist/esm/components/Modal/Modal.js +2 -3
  331. package/dist/esm/components/Modal/index.d.ts +1 -1
  332. package/dist/esm/components/Modal/index.js +1 -1
  333. package/dist/esm/components/QuillMultiSelect.d.ts.map +1 -1
  334. package/dist/esm/components/QuillMultiSelect.js +18 -3
  335. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  336. package/dist/esm/components/QuillMultiSelectWithCombo.js +2 -2
  337. package/dist/esm/components/QuillSelect.js +1 -1
  338. package/dist/esm/components/QuillSelectWithCombo.js +2 -2
  339. package/dist/esm/components/QuillTable.d.ts +1 -4
  340. package/dist/esm/components/QuillTable.d.ts.map +1 -1
  341. package/dist/esm/components/QuillTable.js +5 -11
  342. package/dist/esm/components/ReportBuilder/AddColumnModal.d.ts +3 -1
  343. package/dist/esm/components/ReportBuilder/AddColumnModal.d.ts.map +1 -1
  344. package/dist/esm/components/ReportBuilder/AddColumnModal.js +8 -11
  345. package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
  346. package/dist/esm/components/ReportBuilder/AddLimitPopover.js +2 -4
  347. package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
  348. package/dist/esm/components/ReportBuilder/AddSortPopover.js +12 -1
  349. package/dist/esm/components/ReportBuilder/FilterModal.d.ts +22 -0
  350. package/dist/esm/components/ReportBuilder/FilterModal.d.ts.map +1 -0
  351. package/dist/esm/components/ReportBuilder/FilterModal.js +552 -0
  352. package/dist/esm/components/ReportBuilder/ast.d.ts +2 -1
  353. package/dist/esm/components/ReportBuilder/ast.d.ts.map +1 -1
  354. package/dist/esm/components/ReportBuilder/ast.js +31 -5
  355. package/dist/esm/components/ReportBuilder/constants.d.ts +18 -3
  356. package/dist/esm/components/ReportBuilder/constants.d.ts.map +1 -1
  357. package/dist/esm/components/ReportBuilder/constants.js +24 -3
  358. package/dist/esm/components/ReportBuilder/convert.d.ts +12 -15
  359. package/dist/esm/components/ReportBuilder/convert.d.ts.map +1 -1
  360. package/dist/esm/components/ReportBuilder/convert.js +324 -493
  361. package/dist/esm/components/ReportBuilder/convert.uspec.d.ts +2 -0
  362. package/dist/esm/components/ReportBuilder/convert.uspec.d.ts.map +1 -0
  363. package/dist/esm/components/ReportBuilder/convert.uspec.js +1152 -0
  364. package/dist/esm/components/ReportBuilder/operators.d.ts +24 -4
  365. package/dist/esm/components/ReportBuilder/operators.d.ts.map +1 -1
  366. package/dist/esm/components/ReportBuilder/operators.js +32 -4
  367. package/dist/esm/components/ReportBuilder/ui.d.ts +20 -0
  368. package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
  369. package/dist/esm/components/ReportBuilder/ui.js +28 -3
  370. package/dist/esm/components/ReportBuilder/util.d.ts +3 -11
  371. package/dist/esm/components/ReportBuilder/util.d.ts.map +1 -1
  372. package/dist/esm/components/ReportBuilder/util.js +16 -19
  373. package/dist/esm/components/UiComponents.d.ts +10 -7
  374. package/dist/esm/components/UiComponents.d.ts.map +1 -1
  375. package/dist/esm/components/UiComponents.js +9 -8
  376. package/dist/esm/components/selectUtils.d.ts +0 -1
  377. package/dist/esm/components/selectUtils.d.ts.map +1 -1
  378. package/dist/esm/components/selectUtils.js +0 -20
  379. package/dist/esm/hooks/index.d.ts +4 -4
  380. package/dist/esm/hooks/index.js +4 -4
  381. package/dist/esm/hooks/useAstToFilterTree.d.ts +11 -0
  382. package/dist/esm/hooks/useAstToFilterTree.d.ts.map +1 -0
  383. package/dist/esm/hooks/useAstToFilterTree.js +24 -0
  384. package/dist/esm/hooks/useDashboard.d.ts +1 -1
  385. package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
  386. package/dist/esm/hooks/useDashboard.js +23 -5
  387. package/dist/esm/hooks/useExport.d.ts.map +1 -1
  388. package/dist/esm/hooks/useExport.js +4 -2
  389. package/dist/esm/hooks/useOnClickOutside.js +5 -5
  390. package/dist/esm/hooks/useOnWindowResize.d.ts.map +1 -1
  391. package/dist/esm/hooks/useOnWindowResize.js +3 -3
  392. package/dist/esm/hooks/useQuill.d.ts +10 -27
  393. package/dist/esm/hooks/useQuill.d.ts.map +1 -1
  394. package/dist/esm/hooks/useQuill.js +114 -82
  395. package/dist/esm/hooks/useSelectOnKeyDown.d.ts.map +1 -1
  396. package/dist/esm/hooks/useSelectOnKeyDown.js +5 -5
  397. package/dist/esm/hooks/useTheme.js +1 -1
  398. package/dist/esm/index.d.ts +1 -0
  399. package/dist/esm/index.d.ts.map +1 -1
  400. package/dist/esm/index.js +1 -0
  401. package/dist/esm/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
  402. package/dist/esm/internals/ReportBuilder/PivotForm.js +9 -2
  403. package/dist/esm/internals/ReportBuilder/PivotList.d.ts +2 -2
  404. package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
  405. package/dist/esm/internals/ReportBuilder/PivotList.js +3 -3
  406. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +1 -1
  407. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  408. package/dist/esm/internals/ReportBuilder/PivotModal.js +68 -82
  409. package/dist/esm/lib/utils.js +2 -2
  410. package/dist/esm/models/Filter.d.ts +104 -4
  411. package/dist/esm/models/Filter.d.ts.map +1 -1
  412. package/dist/esm/models/Filter.js +90 -1
  413. package/dist/esm/models/Pagination.d.ts +10 -0
  414. package/dist/esm/models/Pagination.d.ts.map +1 -0
  415. package/dist/esm/models/Pagination.js +1 -0
  416. package/dist/esm/models/Report.d.ts +116 -0
  417. package/dist/esm/models/Report.d.ts.map +1 -0
  418. package/dist/esm/models/Report.js +1 -0
  419. package/dist/esm/utils/aggregate.js +1 -1
  420. package/dist/esm/utils/astFilterProcessing.d.ts +36 -0
  421. package/dist/esm/utils/astFilterProcessing.d.ts.map +1 -0
  422. package/dist/esm/utils/astFilterProcessing.js +8049 -0
  423. package/dist/esm/utils/astFilterProcessing.uspec.d.ts +2 -0
  424. package/dist/esm/utils/astFilterProcessing.uspec.d.ts.map +1 -0
  425. package/dist/esm/utils/astFilterProcessing.uspec.js +2729 -0
  426. package/dist/esm/utils/astProcessing.d.ts.map +1 -1
  427. package/dist/esm/utils/astProcessing.js +4 -3
  428. package/dist/esm/utils/axisFormatter.js +0 -71
  429. package/dist/esm/utils/color.js +9 -87
  430. package/dist/esm/utils/columnProcessing.d.ts +1 -0
  431. package/dist/esm/utils/columnProcessing.d.ts.map +1 -1
  432. package/dist/esm/utils/columnProcessing.js +6 -0
  433. package/dist/esm/utils/csv.d.ts.map +1 -1
  434. package/dist/esm/utils/dashboard.d.ts.map +1 -1
  435. package/dist/esm/utils/dashboard.js +4 -4
  436. package/dist/esm/utils/dataFetcher.d.ts +1 -1
  437. package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
  438. package/dist/esm/utils/dataFetcher.js +72 -5
  439. package/dist/esm/utils/dataProcessing.d.ts +8 -0
  440. package/dist/esm/utils/dataProcessing.d.ts.map +1 -0
  441. package/dist/esm/utils/dataProcessing.js +122 -0
  442. package/dist/esm/utils/dataProcessing.uspec.d.ts +2 -0
  443. package/dist/esm/utils/dataProcessing.uspec.d.ts.map +1 -0
  444. package/dist/esm/utils/dataProcessing.uspec.js +204 -0
  445. package/dist/esm/utils/dates.d.ts +2 -1
  446. package/dist/esm/utils/dates.d.ts.map +1 -1
  447. package/dist/esm/utils/dates.js +10 -2
  448. package/dist/esm/utils/error.d.ts +5 -0
  449. package/dist/esm/utils/error.d.ts.map +1 -0
  450. package/dist/esm/utils/error.js +8 -0
  451. package/dist/esm/utils/filterConstants.d.ts +34 -0
  452. package/dist/esm/utils/filterConstants.d.ts.map +1 -0
  453. package/dist/esm/utils/filterConstants.js +33 -0
  454. package/dist/esm/utils/filterProcessing.js +4 -4
  455. package/dist/esm/utils/logging.d.ts.map +1 -1
  456. package/dist/esm/utils/logging.js +1 -0
  457. package/dist/esm/utils/merge.js +0 -21
  458. package/dist/esm/utils/monacoConfig.d.ts +21 -0
  459. package/dist/esm/utils/monacoConfig.d.ts.map +1 -0
  460. package/dist/esm/utils/monacoConfig.js +319 -0
  461. package/dist/esm/utils/paginationProcessing.d.ts +5 -0
  462. package/dist/esm/utils/paginationProcessing.d.ts.map +1 -0
  463. package/dist/esm/utils/paginationProcessing.js +25 -0
  464. package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
  465. package/dist/esm/utils/pivotConstructor.js +67 -5
  466. package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
  467. package/dist/esm/utils/pivotProcessing.js +12 -6
  468. package/dist/esm/utils/queryConstructor.d.ts +4 -2
  469. package/dist/esm/utils/queryConstructor.d.ts.map +1 -1
  470. package/dist/esm/utils/queryConstructor.js +118 -58
  471. package/dist/esm/utils/queryConstructor.uspec.d.ts +2 -0
  472. package/dist/esm/utils/queryConstructor.uspec.d.ts.map +1 -0
  473. package/dist/esm/utils/queryConstructor.uspec.js +223 -0
  474. package/dist/esm/utils/report.d.ts +7 -0
  475. package/dist/esm/utils/report.d.ts.map +1 -0
  476. package/dist/esm/utils/report.ispec.d.ts +2 -0
  477. package/dist/esm/utils/report.ispec.d.ts.map +1 -0
  478. package/dist/esm/utils/report.ispec.js +46 -0
  479. package/dist/esm/utils/report.js +88 -0
  480. package/dist/esm/utils/schema.d.ts.map +1 -1
  481. package/dist/esm/utils/schema.js +35 -6
  482. package/dist/esm/utils/styles.d.ts +1 -1
  483. package/dist/esm/utils/styles.d.ts.map +1 -1
  484. package/dist/esm/utils/tableProcessing.d.ts +23 -8
  485. package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
  486. package/dist/esm/utils/tableProcessing.ispec.d.ts +2 -0
  487. package/dist/esm/utils/tableProcessing.ispec.d.ts.map +1 -0
  488. package/dist/esm/utils/tableProcessing.ispec.js +61 -0
  489. package/dist/esm/utils/tableProcessing.js +152 -37
  490. package/dist/esm/utils/textProcessing.js +3 -3
  491. package/dist/esm/utils/validation.d.ts +9 -0
  492. package/dist/esm/utils/validation.d.ts.map +1 -0
  493. package/dist/esm/utils/validation.js +20 -0
  494. package/dist/esm/utils/valueFormatter.d.ts.map +1 -1
  495. package/dist/esm/utils/valueFormatter.js +8 -4
  496. package/package.json +1 -1
  497. package/dist/cjs/internals/ReportBuilder/PivotModal.spec.d.ts +0 -2
  498. package/dist/cjs/internals/ReportBuilder/PivotModal.spec.d.ts.map +0 -1
  499. package/dist/cjs/internals/ReportBuilder/PivotModal.spec.js +0 -213
  500. package/dist/esm/internals/ReportBuilder/PivotModal.spec.d.ts +0 -2
  501. package/dist/esm/internals/ReportBuilder/PivotModal.spec.d.ts.map +0 -1
  502. package/dist/esm/internals/ReportBuilder/PivotModal.spec.js +0 -211
package/dist/esm/Table.js CHANGED
@@ -1,19 +1,18 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useContext, useEffect, useState, } from 'react';
3
- import { ClientContext, CustomFieldContext, DashboardContext, DashboardFiltersContext, ReportFiltersContext, } from './Context';
4
- import { getData } from './utils/dataFetcher';
3
+ import { ClientContext, CustomFieldContext, DashboardContext, ReportFiltersContext, } from './Context';
5
4
  import QuillTable from './components/QuillTable';
6
5
  import { useExport } from './hooks/useExport';
7
- import { processFilterErrorList } from './utils/errorProcessing';
8
- import { cleanDashboardItem } from './utils/dashboard';
9
- import { quillFormat } from './utils/valueFormatter';
10
6
  import { processFilterFromBackend, updateFilter, } from './utils/filterProcessing';
11
7
  import { QuillFilterContainerComponent, } from './components/UiComponents';
12
8
  import { DashboardFilter } from './components/Dashboard/DashboardFilter';
13
9
  import { QuillSelectComponent } from './components/QuillSelect';
14
10
  import { QuillMultiSelectComponent } from './components/QuillMultiSelect';
15
- import { QuillDateRangePicker, } from './DateRangePicker/QuillDateRangePicker';
11
+ import { QuillDateRangePicker } from './DateRangePicker/QuillDateRangePicker';
16
12
  import { useTheme } from './hooks';
13
+ import { fetchReport, formatRowsFromReport } from './utils/report';
14
+ import { fetchTableByReport, } from './utils/tableProcessing';
15
+ import { shouldFetchMore, DEFAULT_PAGINATION, shouldSortInMemory, } from './utils/paginationProcessing';
17
16
  /**
18
17
  * ### Quill Table
19
18
  *
@@ -46,16 +45,15 @@ import { useTheme } from './hooks';
46
45
  * @see https://docs.quillsql.com/components/table
47
46
  */
48
47
  const Table = (props) => {
49
- let data = props;
50
- const { dispatch, dashboard } = useContext(DashboardContext);
51
- const { dashboardFilters } = useContext(DashboardFiltersContext);
52
- const [client, _] = useContext(ClientContext);
48
+ const data = props;
49
+ const { dashboard } = useContext(DashboardContext);
50
+ const [client] = useContext(ClientContext);
53
51
  if ('rows' in data && 'columns' in data) {
54
52
  return (_jsx(QuillTable, { hideCSVDownloadButton: data.hideCSVDownloadButton, columns: data.columns, rows: data.rows, className: data.className, containerStyle: data.containerStyle, LoadingComponent: data.LoadingComponent, isLoading: data.isLoading, downloadCSV: data.downloadCSV }));
55
53
  }
56
- return (_jsx(ChartUpdater, { hideCSVDownloadButton: data.hideCSVDownloadButton, dispatch: dispatch, dashboardContext: dashboard, reportId: data.reportId, className: data.className, containerStyle: data.containerStyle, dashboardFilters: dashboardFilters, client: client, csvFilename: data.csvFilename, LoadingComponent: data.LoadingComponent, SelectComponent: data.SelectComponent, MultiSelectComponent: data.MultiSelectComponent, DateRangePickerComponent: data.DateRangePickerComponent, FilterContainerComponent: data.FilterContainerComponent, hideFilters: data.hideFilters }));
54
+ return (_jsx(ChartUpdater, { hideCSVDownloadButton: data.hideCSVDownloadButton, dashboardContext: dashboard, reportId: data.reportId, className: data.className, containerStyle: data.containerStyle, client: client, LoadingComponent: data.LoadingComponent, SelectComponent: data.SelectComponent, MultiSelectComponent: data.MultiSelectComponent, DateRangePickerComponent: data.DateRangePickerComponent, FilterContainerComponent: data.FilterContainerComponent, hideFilters: data.hideFilters }));
57
55
  };
58
- const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, dispatch, client, dashboardFilters, csvFilename, hideCSVDownloadButton = true, hideFilters = true, LoadingComponent, SelectComponent = QuillSelectComponent, MultiSelectComponent = QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker, FilterContainerComponent = QuillFilterContainerComponent, }) => {
56
+ const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, client, hideCSVDownloadButton = true, hideFilters = true, pagination = DEFAULT_PAGINATION, LoadingComponent, SelectComponent = QuillSelectComponent, MultiSelectComponent = QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker, FilterContainerComponent = QuillFilterContainerComponent, }) => {
59
57
  const [loading, setLoading] = useState(false);
60
58
  const [initialLoad, setInitialLoad] = useState(true);
61
59
  const { downloadCSV } = useExport(reportId);
@@ -64,108 +62,127 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, d
64
62
  const [columns, setColumns] = useState([]);
65
63
  const [tableFilters, setTableFilters] = useState([]);
66
64
  const [filterUpdateIndex, setFilterUpdateIndex] = useState(0);
65
+ const [previousPage, setPreviousPage] = useState(1);
66
+ const [rowCount, setRowCount] = useState(0);
67
67
  const { reportFiltersDispatch, reportFilters } = useContext(ReportFiltersContext);
68
+ const [currentProcessing, setCurrentProcessing] = useState({
69
+ page: pagination,
70
+ });
68
71
  const theme = useTheme();
69
- const getChartData = async (useReportTask = true, reportFilterInfo) => {
70
- try {
71
- const filters = reportFilterInfo.filters;
72
+ const onPageChange = (page) => {
73
+ if (currentProcessing.page &&
74
+ page > previousPage &&
75
+ shouldFetchMore(DEFAULT_PAGINATION, page, previousPage)) {
76
+ const newPagination = { ...currentProcessing.page, page };
77
+ const updatedProcessing = { ...currentProcessing, page: newPagination };
78
+ setCurrentProcessing(updatedProcessing);
79
+ updateTableRows(updatedProcessing);
80
+ }
81
+ if (page > previousPage) {
82
+ setPreviousPage(page);
83
+ }
84
+ };
85
+ const onSortChange = (sort) => {
86
+ if (shouldSortInMemory(DEFAULT_PAGINATION, rowCount)) {
87
+ return;
88
+ }
89
+ const updatedProcessing = { page: DEFAULT_PAGINATION, sort };
90
+ updateTableRows(updatedProcessing, true);
91
+ setCurrentProcessing(updatedProcessing);
92
+ setPreviousPage(0);
93
+ };
94
+ const updateTableRows = async (processing, resetRows = false) => {
95
+ if (!loading) {
72
96
  setLoading(true);
73
- if (!client.databaseType ||
74
- client.databaseType.toLowerCase() !== 'postgresql') {
75
- useReportTask = false;
76
- }
77
- const hostedBody = {
78
- metadata: {
79
- reportId,
80
- dashboardItemId: reportId,
81
- orgId: client.customerId || '*',
82
- clientId: client.publicKey,
83
- task: useReportTask ? 'report' : 'item',
84
- getDefaultDashboardFilters: filters ? false : true,
85
- databaseType: client?.databaseType,
86
- customFields,
87
- filters,
88
- },
89
- };
90
- const cloudBody = {
91
- id: reportId,
92
- };
93
- const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
94
- processFilterErrorList(resp);
95
- if (resp && resp.name !== 'error' && !resp.errorMessage) {
96
- const cleanedReport = await cleanDashboardItem(resp, filters ? filters : resp.filters);
97
- if (cleanedReport.chartType === 'table' && cleanedReport.pivot) {
98
- cleanedReport.columns = cleanedReport.yAxisFields;
97
+ try {
98
+ const updatedProcessing = { ...currentProcessing, ...processing };
99
+ const paginatedRows = await fetchTableByReport(reportId, client, updatedProcessing, tableFilters, customFields);
100
+ if (paginatedRows.error) {
101
+ throw new Error('Error fetching chart');
99
102
  }
100
- let filterArray = filters;
101
- if (!filterArray) {
102
- filterArray = resp.filters
103
- ? resp.filters.map((filter) => {
104
- return processFilterFromBackend(filter, resp.rows);
105
- })
106
- : [];
107
- reportFiltersDispatch({
108
- type: 'UPDATE_REPORT_FILTER',
109
- id: reportId,
110
- data: {
111
- filters: filterArray,
112
- updateIndex: reportFilterInfo.updateIndex,
113
- },
114
- });
103
+ const formattedNewRows = formatRowsFromReport(paginatedRows);
104
+ let tempRows = [...rows, ...formattedNewRows];
105
+ if (resetRows) {
106
+ tempRows = formattedNewRows;
115
107
  }
116
- setFilterUpdateIndex(reportFilterInfo.updateIndex);
117
- setTableFilters(filterArray);
108
+ setRows(tempRows);
109
+ setTimeout(() => {
110
+ setLoading(false);
111
+ }, 200);
118
112
  }
119
- setRows(resp.rows.map((row) => {
120
- return resp.columns.reduce((formattedRow, column) => {
121
- // Apply the format function to each field in the row
122
- const formattedValue = quillFormat({
123
- value: row[column.field],
124
- format: column.format,
125
- });
126
- formattedRow[column.field] = formattedValue;
127
- return formattedRow;
128
- }, {});
129
- }));
130
- setColumns(resp.columns);
131
- setLoading(false);
132
- }
133
- catch (e) {
134
- if (useReportTask) {
135
- getChartData(false, reportFilterInfo);
113
+ catch (e) {
114
+ console.log(e);
115
+ setLoading(false);
136
116
  }
137
- console.log('Error fetching chart: ', e);
117
+ }
118
+ };
119
+ const fetchReportHelper = async (useReportTask = true, reportFilters, processing) => {
120
+ setLoading(true);
121
+ const { report, error } = await fetchReport(reportId, client, useReportTask, reportFilters ? reportFilters.filters : [], processing, undefined, customFields);
122
+ if (error) {
138
123
  setLoading(false);
124
+ setInitialLoad(false);
125
+ setRows([]);
126
+ return;
139
127
  }
128
+ let filterArray = reportFilters.filters;
129
+ // THIS SHOULD ONLY BE UNDEFINED ON INITIAL LOAD
130
+ if (!filterArray) {
131
+ filterArray = report.filtersApplied
132
+ ? report.filtersApplied.map((filter) => {
133
+ return processFilterFromBackend(filter, report.rows);
134
+ })
135
+ : [];
136
+ reportFiltersDispatch({
137
+ type: 'UPDATE_REPORT_FILTER',
138
+ id: reportId,
139
+ data: {
140
+ filters: filterArray,
141
+ updateIndex: reportFilters.updateIndex,
142
+ },
143
+ });
144
+ }
145
+ setRows(formatRowsFromReport(report));
146
+ setTableFilters(filterArray);
147
+ setRowCount(report.rowCount);
148
+ setColumns(report.columns);
149
+ setLoading(false);
150
+ setInitialLoad(false);
140
151
  };
141
152
  useEffect(() => {
153
+ if (!client) {
154
+ return;
155
+ }
142
156
  // IF WE HAVE THE DATA IN DASHBOARD CONTEXT AND IT IS THE INITIAL LAOD DON'T FETCH DATA
143
157
  if (initialLoad && dashboardContext[reportId]) {
144
158
  setInitialLoad(false);
145
159
  return;
146
160
  }
147
- setInitialLoad(false);
148
- let parsedReportFilters = reportFilters[reportId]
161
+ const parsedReportFilters = reportFilters[reportId]
149
162
  ? reportFilters[reportId]
150
163
  : { updateIndex: 0 };
151
- getChartData(true, parsedReportFilters);
152
- }, [client.customerId, reportId, reportFilters[reportId]?.updateIndex]);
164
+ setCurrentProcessing({ page: DEFAULT_PAGINATION });
165
+ fetchReportHelper(true, parsedReportFilters, currentProcessing);
166
+ }, [client, reportId, reportFilters[reportId]?.updateIndex]);
153
167
  useEffect(() => {
154
168
  if (!dashboardContext || !dashboardContext[reportId]) {
155
169
  return;
156
170
  }
157
- setRows(dashboardContext[reportId].rows.map((row) => {
158
- return dashboardContext[reportId].columns.reduce((formattedRow, column) => {
159
- // Apply the format function to each field in the row
160
- const formattedValue = quillFormat({
161
- value: row[column.field],
162
- format: column.format,
163
- });
164
- formattedRow[column.field] = formattedValue;
165
- return formattedRow;
166
- }, {});
167
- }));
171
+ if (!dashboardContext[reportId].rows ||
172
+ !dashboardContext[reportId].columns) {
173
+ setRows([]);
174
+ setColumns([]);
175
+ return;
176
+ }
177
+ let filtersApplied = [];
178
+ if (dashboardContext[reportId].filtersApplied &&
179
+ dashboardContext[reportId].filtersApplied.length > 0) {
180
+ filtersApplied = dashboardContext[reportId].filtersApplied;
181
+ }
182
+ setRows(formatRowsFromReport(dashboardContext[reportId]));
183
+ setRowCount(dashboardContext[reportId].rowCount);
168
184
  setColumns(dashboardContext[reportId].columns);
185
+ setTableFilters(filtersApplied);
169
186
  }, []);
170
187
  return (_jsxs("div", { children: [!hideFilters && (_jsx("div", { style: {
171
188
  display: 'flex',
@@ -182,10 +199,11 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, d
182
199
  return f;
183
200
  });
184
201
  setTableFilters(updatedFilters);
185
- getChartData(true, {
202
+ fetchReportHelper(true, {
186
203
  filters: updatedFilters,
187
204
  updateIndex: filterUpdateIndex + 1,
188
- });
205
+ }, currentProcessing);
206
+ setFilterUpdateIndex(filterUpdateIndex + 1);
189
207
  reportFiltersDispatch({
190
208
  type: 'UPDATE_REPORT_FILTER',
191
209
  id: reportId,
@@ -194,6 +212,6 @@ const ChartUpdater = ({ reportId, containerStyle, className, dashboardContext, d
194
212
  updateIndex: filterUpdateIndex + 1,
195
213
  },
196
214
  });
197
- }, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))) }) })), _jsx(QuillTable, { hideCSVDownloadButton: hideCSVDownloadButton, columns: columns ?? [], rows: rows ?? [], containerStyle: containerStyle, className: className, LoadingComponent: LoadingComponent, isLoading: loading, downloadCSV: downloadCSV })] }));
215
+ }, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))) }) })), _jsx(QuillTable, { hideCSVDownloadButton: hideCSVDownloadButton, columns: columns ?? [], rows: rows ?? [], containerStyle: containerStyle, className: className, LoadingComponent: LoadingComponent, sort: currentProcessing.sort, isLoading: loading || initialLoad, downloadCSV: downloadCSV, onPageChange: onPageChange, onSortChange: onSortChange, rowCount: rowCount })] }));
198
216
  };
199
217
  export default Table;
@@ -1 +1 @@
1
- {"version":3,"file":"TableChart.d.ts","sourceRoot":"","sources":["../../src/TableChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAoED,QAAA,MAAM,UAAU,qFAsEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"TableChart.d.ts","sourceRoot":"","sources":["../../src/TableChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAoED,QAAA,MAAM,UAAU,qFAsEf,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,5 +1,4 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* eslint-disable react/display-name */
3
2
  // @ts-nocheck
4
3
  import React, { useMemo } from 'react';
5
4
  import { valueFormatter } from './utils/valueFormatter';
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAKtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"ArrowDownHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CActB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowDownIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,aAAa;;6CAQlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ArrowDownIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,aAAa;;6CAclB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowDownRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAQvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"ArrowDownRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowDownRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAcvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAKtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"ArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;;6CAUtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAKvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"ArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,kBAAkB;;6CAUvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAQnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAcnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowUpHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,eAAe;;6CAKpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ArrowUpHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,eAAe;;6CAcpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAchB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowUpRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;6CAQrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"ArrowUpRightIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ArrowUpRightIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB;;6CAcrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/CalendarIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;6CAQjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"CalendarIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/CalendarIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;6CAajB,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DoubleArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,uBAAuB;;6CAY5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"DoubleArrowLeftHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowLeftHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,uBAAuB;;6CAiB5B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DoubleArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,wBAAwB;;6CAc7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
1
+ {"version":3,"file":"DoubleArrowRightHeadIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/DoubleArrowRightHeadIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,wBAAwB;;6CAmB7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;6CAQ1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
1
+ {"version":3,"file":"ExclamationFilledIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/ExclamationFilledIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,qBAAqB;;6CAa1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/assets/LoadingSpinner.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAKnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../src/assets/LoadingSpinner.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc;;6CAUnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/SearchIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU;;6CAQf,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"SearchIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/SearchIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU;;6CAaf,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"XCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XCircleIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"XCircleIcon.d.ts","sourceRoot":"","sources":["../../../src/assets/XCircleIcon.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;6CAahB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export default function Banner({ dashboardItemName, dashboardName, onExit, style, }: any): JSX.Element | null;
2
+ export default function Banner({ dashboardItemName, dashboardName, style, }: any): JSX.Element | null;
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4D1B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,iBAAiB,EACjB,aAAa,EACb,KAAK,GACN,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA4D1B"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- export default function Banner({ dashboardItemName, dashboardName, onExit, style, }) {
2
+ export default function Banner({ dashboardItemName, dashboardName, style, }) {
3
3
  return (_jsx("div", { id: "quill-edit-banner", style: {
4
4
  zIndex: 100,
5
5
  display: 'flex',
@@ -1 +1 @@
1
- {"version":3,"file":"BigModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BigModal/BigModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC7C,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,mFAoFZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"BigModal.d.ts","sourceRoot":"","sources":["../../../../src/components/BigModal/BigModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC7C,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,mFA+EZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -1,24 +1,18 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- // @ts-nocheck
3
- /* eslint-disable react/display-name */
4
- import React, { useCallback, useEffect, useRef, useState } from 'react';
2
+ import React, { useCallback, useEffect, useRef } from 'react';
5
3
  import { useOnClickOutside, useOnWindowResize } from '../../hooks';
6
4
  import { mergeRefs } from '../../lib';
7
5
  const BigModal = React.forwardRef((props, ref) => {
8
- const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
9
- const [modalExceedsWindow, setModalExceedsWindow] = useState(false);
6
+ const { showModal, setShowModal, parentRef, width, children, className, theme, ...other } = props;
10
7
  const modalRef = useRef(null);
11
8
  const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
12
- if (!parentRef.current) {
9
+ if (!parentRef?.current) {
13
10
  return false;
14
11
  }
15
12
  const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
16
13
  return windowWidth - modalBoundingRight < 0;
17
14
  }, [parentRef]);
18
- const getAbsoluteSpacing = () => {
19
- return modalExceedsWindow ? '0' : '0';
20
- };
21
- useOnClickOutside(modalRef, e => {
15
+ useOnClickOutside(modalRef, (e) => {
22
16
  // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
23
17
  const isTriggerElem = parentRef
24
18
  ? parentRef.current?.contains(e.target)
@@ -30,15 +24,15 @@ const BigModal = React.forwardRef((props, ref) => {
30
24
  // Execute only when modal is of absolute size
31
25
  useEffect(() => {
32
26
  if (width) {
33
- setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
27
+ checkModalExceedsWindow(width, window.innerWidth);
34
28
  }
35
29
  }, [checkModalExceedsWindow, parentRef, width]);
36
30
  useOnWindowResize(() => {
37
31
  if (width) {
38
- setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
32
+ checkModalExceedsWindow(width, window.innerWidth);
39
33
  }
40
34
  });
41
- return showModal ? (_jsx("div", { ref: mergeRefs([modalRef, ref]), style: {
35
+ return showModal ? (_jsx("div", { className: className, ref: mergeRefs([modalRef, ref]), style: {
42
36
  position: 'absolute',
43
37
  zIndex: 10,
44
38
  overflowY: 'auto',
@@ -1 +1 @@
1
- {"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAcvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAuBhD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAYD,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAED,QAAA,MAAM,OAAO,qFA2LX,CAAC;AAEH,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/BarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAchD,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC;IACX,mBAAmB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAoBD,wBAAgB,2BAA2B,CAAC,GAAG,EAAE,GAAG,UAWnD;AAED,QAAA,MAAM,OAAO,qFAgMX,CAAC;AAEH,eAAe,OAAO,CAAC"}
@@ -1,6 +1,4 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- /* eslint-disable react/display-name */
3
- // @ts-nocheck
4
2
  import React from 'react';
5
3
  import { valueFormatter } from '../../utils/valueFormatter';
6
4
  const getWidthsFromValues = (dataValues) => {
@@ -14,15 +12,19 @@ const getWidthsFromValues = (dataValues) => {
14
12
  return Math.max((value / maxValue) * 100, 1);
15
13
  });
16
14
  };
17
- function makeBarListClassName(componentName) {
18
- return (className) => {
19
- return `BarList-${componentName}-${className};`;
20
- };
21
- }
22
15
  // const valueFormatter = (number: number) => {
23
16
  // return '$ ' + Intl.NumberFormat('us').format(number).toString();
24
17
  // return number.toFixed(0);
25
18
  // };
19
+ function getColors(colorMap, xAxisField, colors) {
20
+ if (colorMap && colorMap[xAxisField] && colorMap[xAxisField]['primary']) {
21
+ return colorMap[xAxisField]['primary'];
22
+ }
23
+ else if (colors) {
24
+ return hexToRgbaWith10PercentAlpha(colors[0]);
25
+ }
26
+ return hexToRgbaWith10PercentAlpha(undefined);
27
+ }
26
28
  export function hexToRgbaWith10PercentAlpha(hex) {
27
29
  // Convert the hex color to RGB
28
30
  const r = parseInt(hex.slice(1, 3), 16);
@@ -37,7 +39,12 @@ const BarList = React.forwardRef((props, ref) => {
37
39
  const { data = [], yAxisFields, xAxisField, xAxisFormat, colors, colorMap = {},
38
40
  // valueFormatter = (value: any) => value,valueFormatter
39
41
  showAnimation = true, className, containerStyle, theme, onClickChartElement, ...other } = props;
40
- const widths = getWidthsFromValues(data.map((item) => item[yAxisFields[0].field] ?? 0));
42
+ const widths = getWidthsFromValues(data.map((item) => {
43
+ if (yAxisFields && yAxisFields[0] && yAxisFields[0].field) {
44
+ return item[yAxisFields[0].field];
45
+ }
46
+ return 0;
47
+ }));
41
48
  const NUM_TO_SHOW = 5;
42
49
  if (!data || data.length === 0) {
43
50
  return (_jsx("div", { style: {
@@ -79,10 +86,7 @@ const BarList = React.forwardRef((props, ref) => {
79
86
  width: `${widths[idx]}%`,
80
87
  transition: showAnimation ? 'all 2s' : '',
81
88
  boxSizing: 'content-box',
82
- backgroundColor: (colorMap &&
83
- colorMap[xAxisField] &&
84
- colorMap[xAxisField]['primary']) ??
85
- hexToRgbaWith10PercentAlpha(colors[0]),
89
+ backgroundColor: getColors(colorMap, xAxisField, colors),
86
90
  display: 'flex',
87
91
  alignItems: 'center',
88
92
  height: '36px',
@@ -105,6 +109,7 @@ const BarList = React.forwardRef((props, ref) => {
105
109
  }, children: valueFormatter({
106
110
  value: item[xAxisField] ?? item[`comparison_${xAxisField}`],
107
111
  field: xAxisField,
112
+ // @ts-ignore
108
113
  fields: [{ field: xAxisField, format: xAxisFormat }],
109
114
  }) }) }) }, item[xAxisField] + 'label' + idx));
110
115
  }), data.length > NUM_TO_SHOW && (_jsxs("div", { style: {
@@ -133,8 +138,10 @@ const BarList = React.forwardRef((props, ref) => {
133
138
  textOverflow: 'ellipsis',
134
139
  fontSize: theme?.fontSizeSmall || '14px',
135
140
  }, children: valueFormatter({
136
- value: item[yAxisFields[0].field] ?? 0,
137
- field: yAxisFields[0].field,
141
+ value: yAxisFields && yAxisFields[0] && item[yAxisFields[0].field]
142
+ ? item[yAxisFields[0].field]
143
+ : 0,
144
+ field: yAxisFields && yAxisFields[0] && yAxisFields[0].field,
138
145
  fields: yAxisFields,
139
146
  }) }) }, item[xAxisField] + 'value' + idx))) })] }) }));
140
147
  });
@@ -1,3 +1,10 @@
1
1
  /// <reference types="react" />
2
- export default function ChartError({ className, containerStyle, label, }: any): JSX.Element;
2
+ export default function ChartError({ errorMessage, }: any): JSX.Element;
3
+ export declare function QuillChartErrorWithAction({ className, containerStyle, label, onClick, ButtonComponent, }: {
4
+ className?: string;
5
+ containerStyle?: React.CSSProperties;
6
+ label?: string;
7
+ onClick?: (element: any) => void;
8
+ ButtonComponent?: React.ComponentType<any>;
9
+ }): JSX.Element;
3
10
  //# sourceMappingURL=ChartError.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,SAAS,EACT,cAAc,EACd,KAA+B,GAChC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA4CnB"}
1
+ {"version":3,"file":"ChartError.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartError.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAsC,GACvC,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CA0CnB;AAED,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,cAAc,EACd,KAA+B,EAC/B,OAAO,EACP,eAAgC,GACjC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAqDd"}
@@ -1,13 +1,13 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useTheme } from '../../hooks';
3
- export default function ChartError({ className, containerStyle, label = 'Failed to fetch data.', }) {
3
+ import { MemoizedButton } from '../UiComponents';
4
+ export default function ChartError({ errorMessage = 'Failed to fetch data.', }) {
4
5
  const theme = useTheme();
5
6
  return (_jsx("div", { style: {
6
7
  boxSizing: 'content-box',
7
8
  height: '100%',
8
- ...containerStyle,
9
- }, className: className, children: _jsx("div", { style: {
10
- height: containerStyle?.height || '100%',
9
+ }, children: _jsx("div", { style: {
10
+ height: '100%',
11
11
  width: '100%',
12
12
  boxSizing: 'content-box',
13
13
  borderRadius: 8,
@@ -28,5 +28,38 @@ export default function ChartError({ className, containerStyle, label = 'Failed
28
28
  fontSize: 13,
29
29
  color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
30
30
  fontFamily: theme.fontFamily,
31
- }, children: label }) }) }));
31
+ }, children: errorMessage }) }) }));
32
+ }
33
+ export function QuillChartErrorWithAction({ className, containerStyle, label = 'Failed to fetch data.', onClick, ButtonComponent = MemoizedButton, }) {
34
+ const theme = useTheme();
35
+ return (_jsx("div", { style: {
36
+ boxSizing: 'content-box',
37
+ height: '100%',
38
+ width: '100%',
39
+ ...containerStyle,
40
+ }, className: className, children: _jsxs("div", { style: {
41
+ height: containerStyle?.height || '100%',
42
+ width: '100%',
43
+ boxSizing: 'content-box',
44
+ borderRadius: 8,
45
+ overflow: 'hidden',
46
+ display: 'flex',
47
+ justifyContent: 'center',
48
+ alignItems: 'center',
49
+ }, children: [_jsx("div", { style: {
50
+ paddingLeft: 12,
51
+ paddingRight: 12,
52
+ fontSize: 13,
53
+ color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
54
+ fontFamily: theme.fontFamily,
55
+ }, children: label }), onClick && (_jsx(ButtonComponent, { label: "Edit View", onClick: () => {
56
+ const regex = /'([^']+)'/;
57
+ const matches = regex.exec(label);
58
+ if (matches && matches.length > 1) {
59
+ matches[1];
60
+ onClick(matches[1]);
61
+ return;
62
+ }
63
+ onClick(undefined);
64
+ } }))] }) }));
32
65
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltip.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AAwUF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAK5D"}
1
+ {"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/ChartTooltip.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACZ,CAAC;AA4UF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAK5D"}