@quillsql/react 2.12.51 → 2.12.53

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 (265) hide show
  1. package/dist/cjs/Chart.js +1 -1
  2. package/dist/cjs/ChartBuilder.d.ts +7 -3
  3. package/dist/cjs/ChartBuilder.d.ts.map +1 -1
  4. package/dist/cjs/ChartBuilder.js +55 -19
  5. package/dist/cjs/ChartEditor.d.ts +3 -1
  6. package/dist/cjs/ChartEditor.d.ts.map +1 -1
  7. package/dist/cjs/ChartEditor.js +42 -7
  8. package/dist/cjs/Context.d.ts +4 -5
  9. package/dist/cjs/Context.d.ts.map +1 -1
  10. package/dist/cjs/Context.js +22 -34
  11. package/dist/cjs/Dashboard.d.ts +4 -3
  12. package/dist/cjs/Dashboard.d.ts.map +1 -1
  13. package/dist/cjs/Dashboard.js +66 -39
  14. package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  15. package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +8 -10
  16. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts +1 -0
  17. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  18. package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +1 -1
  19. package/dist/cjs/QuillProvider.js +1 -1
  20. package/dist/cjs/ReportBuilder.d.ts +8 -12
  21. package/dist/cjs/ReportBuilder.d.ts.map +1 -1
  22. package/dist/cjs/ReportBuilder.js +157 -83
  23. package/dist/cjs/SQLEditor.d.ts +8 -1
  24. package/dist/cjs/SQLEditor.d.ts.map +1 -1
  25. package/dist/cjs/SQLEditor.js +80 -28
  26. package/dist/cjs/Table.js +1 -1
  27. package/dist/cjs/assets/AdjustmentsIcon.d.ts +5 -0
  28. package/dist/cjs/assets/AdjustmentsIcon.d.ts.map +1 -0
  29. package/dist/cjs/assets/AdjustmentsIcon.js +5 -0
  30. package/dist/cjs/assets/ArrowDownHeadIcon.d.ts.map +1 -1
  31. package/dist/cjs/assets/index.d.ts +0 -1
  32. package/dist/cjs/assets/index.d.ts.map +1 -1
  33. package/dist/cjs/assets/index.js +1 -3
  34. package/dist/cjs/components/Chart/ChartError.js +2 -2
  35. package/dist/cjs/components/Dashboard/DashboardFilter.d.ts +8 -5
  36. package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  37. package/dist/cjs/components/Dashboard/DashboardFilter.js +24 -20
  38. package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts +2 -2
  39. package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
  40. package/dist/cjs/components/Dashboard/DataLoader.d.ts +5 -1
  41. package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
  42. package/dist/cjs/components/Dashboard/DataLoader.js +23 -4
  43. package/dist/cjs/components/Dashboard/TableComponent.d.ts +2 -1
  44. package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
  45. package/dist/cjs/components/Dashboard/TableComponent.js +2 -2
  46. package/dist/cjs/components/Dashboard/util.d.ts +2 -2
  47. package/dist/cjs/components/Dashboard/util.d.ts.map +1 -1
  48. package/dist/cjs/components/Dashboard/util.js +2 -2
  49. package/dist/cjs/components/QuillMultiSelect.d.ts +1 -1
  50. package/dist/cjs/components/QuillMultiSelect.d.ts.map +1 -1
  51. package/dist/cjs/components/QuillMultiSelect.js +20 -14
  52. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts +1 -1
  53. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  54. package/dist/cjs/components/QuillMultiSelectWithCombo.js +69 -46
  55. package/dist/cjs/components/QuillSelect.d.ts +1 -1
  56. package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
  57. package/dist/cjs/components/QuillSelect.js +31 -8
  58. package/dist/cjs/components/QuillSelectWithCombo.d.ts +1 -1
  59. package/dist/cjs/components/QuillSelectWithCombo.d.ts.map +1 -1
  60. package/dist/cjs/components/QuillSelectWithCombo.js +50 -28
  61. package/dist/cjs/components/QuillTable.d.ts +2 -1
  62. package/dist/cjs/components/QuillTable.d.ts.map +1 -1
  63. package/dist/cjs/components/QuillTable.js +7 -4
  64. package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts +2 -1
  65. package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
  66. package/dist/cjs/components/ReportBuilder/AddLimitPopover.js +2 -2
  67. package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts +2 -1
  68. package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
  69. package/dist/cjs/components/ReportBuilder/AddSortPopover.js +2 -2
  70. package/dist/cjs/components/ReportBuilder/FilterModal.d.ts +2 -1
  71. package/dist/cjs/components/ReportBuilder/FilterModal.d.ts.map +1 -1
  72. package/dist/cjs/components/ReportBuilder/FilterModal.js +17 -4
  73. package/dist/cjs/components/ReportBuilder/convert.d.ts +1 -1
  74. package/dist/cjs/components/ReportBuilder/ui.d.ts +13 -7
  75. package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
  76. package/dist/cjs/components/ReportBuilder/ui.js +14 -11
  77. package/dist/cjs/components/UiComponents.d.ts +15 -6
  78. package/dist/cjs/components/UiComponents.d.ts.map +1 -1
  79. package/dist/cjs/components/UiComponents.js +29 -23
  80. package/dist/cjs/hooks/useAstToFilterTree.d.ts +2 -2
  81. package/dist/cjs/hooks/useAstToFilterTree.d.ts.map +1 -1
  82. package/dist/cjs/hooks/useDashboard.d.ts +10 -2
  83. package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
  84. package/dist/cjs/hooks/useDashboard.js +85 -53
  85. package/dist/cjs/hooks/useExport.js +1 -1
  86. package/dist/cjs/hooks/useOnClickOutside.js +1 -1
  87. package/dist/cjs/hooks/useQuill.js +2 -2
  88. package/dist/cjs/hooks/useVirtualTables.d.ts +12 -3
  89. package/dist/cjs/hooks/useVirtualTables.d.ts.map +1 -1
  90. package/dist/cjs/hooks/useVirtualTables.js +105 -1
  91. package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts +3 -1
  92. package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
  93. package/dist/cjs/internals/ReportBuilder/PivotForm.js +9 -9
  94. package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
  95. package/dist/cjs/internals/ReportBuilder/PivotList.js +21 -15
  96. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +3 -2
  97. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  98. package/dist/cjs/internals/ReportBuilder/PivotModal.js +9 -9
  99. package/dist/cjs/models/Client.d.ts +10 -2
  100. package/dist/cjs/models/Client.d.ts.map +1 -1
  101. package/dist/cjs/utils/astProcessing.d.ts +3 -3
  102. package/dist/cjs/utils/astProcessing.d.ts.map +1 -1
  103. package/dist/cjs/utils/client.d.ts.map +1 -1
  104. package/dist/cjs/utils/client.js +2 -7
  105. package/dist/cjs/utils/dashboard.d.ts +5 -3
  106. package/dist/cjs/utils/dashboard.d.ts.map +1 -1
  107. package/dist/cjs/utils/dashboard.js +106 -6
  108. package/dist/cjs/utils/dataFetcher.d.ts +4 -4
  109. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
  110. package/dist/cjs/utils/dataFetcher.js +1 -1
  111. package/dist/cjs/utils/filterProcessing.d.ts.map +1 -1
  112. package/dist/cjs/utils/filterProcessing.js +2 -8
  113. package/dist/cjs/utils/paginationProcessing.js +1 -1
  114. package/dist/cjs/utils/pivotConstructor.d.ts +2 -2
  115. package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
  116. package/dist/cjs/utils/pivotConstructor.js +1 -1
  117. package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
  118. package/dist/cjs/utils/pivotProcessing.js +6 -2
  119. package/dist/cjs/utils/queryConstructor.d.ts.map +1 -1
  120. package/dist/cjs/utils/queryConstructor.js +12 -9
  121. package/dist/cjs/utils/report.d.ts +6 -5
  122. package/dist/cjs/utils/report.d.ts.map +1 -1
  123. package/dist/cjs/utils/report.js +69 -24
  124. package/dist/cjs/utils/schema.d.ts +3 -3
  125. package/dist/cjs/utils/schema.d.ts.map +1 -1
  126. package/dist/cjs/utils/schema.js +39 -35
  127. package/dist/cjs/utils/tableProcessing.d.ts +17 -10
  128. package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
  129. package/dist/cjs/utils/tableProcessing.js +42 -23
  130. package/dist/esm/Chart.js +2 -2
  131. package/dist/esm/ChartBuilder.d.ts +7 -3
  132. package/dist/esm/ChartBuilder.d.ts.map +1 -1
  133. package/dist/esm/ChartBuilder.js +52 -19
  134. package/dist/esm/ChartEditor.d.ts +3 -1
  135. package/dist/esm/ChartEditor.d.ts.map +1 -1
  136. package/dist/esm/ChartEditor.js +43 -8
  137. package/dist/esm/Context.d.ts +4 -5
  138. package/dist/esm/Context.d.ts.map +1 -1
  139. package/dist/esm/Context.js +23 -35
  140. package/dist/esm/Dashboard.d.ts +4 -3
  141. package/dist/esm/Dashboard.d.ts.map +1 -1
  142. package/dist/esm/Dashboard.js +67 -40
  143. package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
  144. package/dist/esm/DateRangePicker/QuillDateRangePicker.js +8 -10
  145. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts +1 -0
  146. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  147. package/dist/esm/DateRangePicker/dateRangePickerUtils.js +1 -1
  148. package/dist/esm/QuillProvider.js +1 -1
  149. package/dist/esm/ReportBuilder.d.ts +8 -12
  150. package/dist/esm/ReportBuilder.d.ts.map +1 -1
  151. package/dist/esm/ReportBuilder.js +160 -86
  152. package/dist/esm/SQLEditor.d.ts +8 -1
  153. package/dist/esm/SQLEditor.d.ts.map +1 -1
  154. package/dist/esm/SQLEditor.js +83 -31
  155. package/dist/esm/Table.js +2 -2
  156. package/dist/esm/assets/AdjustmentsIcon.d.ts +5 -0
  157. package/dist/esm/assets/AdjustmentsIcon.d.ts.map +1 -0
  158. package/dist/esm/assets/AdjustmentsIcon.js +3 -0
  159. package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map +1 -1
  160. package/dist/esm/assets/index.d.ts +0 -1
  161. package/dist/esm/assets/index.d.ts.map +1 -1
  162. package/dist/esm/assets/index.js +0 -1
  163. package/dist/esm/components/Chart/ChartError.js +2 -2
  164. package/dist/esm/components/Dashboard/DashboardFilter.d.ts +8 -5
  165. package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  166. package/dist/esm/components/Dashboard/DashboardFilter.js +24 -20
  167. package/dist/esm/components/Dashboard/DashboardTemplate.d.ts +2 -2
  168. package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
  169. package/dist/esm/components/Dashboard/DataLoader.d.ts +5 -1
  170. package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
  171. package/dist/esm/components/Dashboard/DataLoader.js +25 -6
  172. package/dist/esm/components/Dashboard/TableComponent.d.ts +2 -1
  173. package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
  174. package/dist/esm/components/Dashboard/TableComponent.js +2 -2
  175. package/dist/esm/components/Dashboard/util.d.ts +2 -2
  176. package/dist/esm/components/Dashboard/util.d.ts.map +1 -1
  177. package/dist/esm/components/Dashboard/util.js +2 -2
  178. package/dist/esm/components/QuillMultiSelect.d.ts +1 -1
  179. package/dist/esm/components/QuillMultiSelect.d.ts.map +1 -1
  180. package/dist/esm/components/QuillMultiSelect.js +21 -15
  181. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts +1 -1
  182. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  183. package/dist/esm/components/QuillMultiSelectWithCombo.js +70 -47
  184. package/dist/esm/components/QuillSelect.d.ts +1 -1
  185. package/dist/esm/components/QuillSelect.d.ts.map +1 -1
  186. package/dist/esm/components/QuillSelect.js +32 -9
  187. package/dist/esm/components/QuillSelectWithCombo.d.ts +1 -1
  188. package/dist/esm/components/QuillSelectWithCombo.d.ts.map +1 -1
  189. package/dist/esm/components/QuillSelectWithCombo.js +51 -29
  190. package/dist/esm/components/QuillTable.d.ts +2 -1
  191. package/dist/esm/components/QuillTable.d.ts.map +1 -1
  192. package/dist/esm/components/QuillTable.js +7 -4
  193. package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts +2 -1
  194. package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
  195. package/dist/esm/components/ReportBuilder/AddLimitPopover.js +2 -2
  196. package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts +2 -1
  197. package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
  198. package/dist/esm/components/ReportBuilder/AddSortPopover.js +2 -2
  199. package/dist/esm/components/ReportBuilder/FilterModal.d.ts +2 -1
  200. package/dist/esm/components/ReportBuilder/FilterModal.d.ts.map +1 -1
  201. package/dist/esm/components/ReportBuilder/FilterModal.js +17 -4
  202. package/dist/esm/components/ReportBuilder/convert.d.ts +1 -1
  203. package/dist/esm/components/ReportBuilder/ui.d.ts +13 -7
  204. package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
  205. package/dist/esm/components/ReportBuilder/ui.js +14 -11
  206. package/dist/esm/components/UiComponents.d.ts +15 -6
  207. package/dist/esm/components/UiComponents.d.ts.map +1 -1
  208. package/dist/esm/components/UiComponents.js +29 -23
  209. package/dist/esm/hooks/useAstToFilterTree.d.ts +2 -2
  210. package/dist/esm/hooks/useAstToFilterTree.d.ts.map +1 -1
  211. package/dist/esm/hooks/useDashboard.d.ts +10 -2
  212. package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
  213. package/dist/esm/hooks/useDashboard.js +86 -54
  214. package/dist/esm/hooks/useExport.js +1 -1
  215. package/dist/esm/hooks/useOnClickOutside.js +1 -1
  216. package/dist/esm/hooks/useQuill.js +3 -3
  217. package/dist/esm/hooks/useVirtualTables.d.ts +12 -3
  218. package/dist/esm/hooks/useVirtualTables.d.ts.map +1 -1
  219. package/dist/esm/hooks/useVirtualTables.js +106 -2
  220. package/dist/esm/internals/ReportBuilder/PivotForm.d.ts +3 -1
  221. package/dist/esm/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
  222. package/dist/esm/internals/ReportBuilder/PivotForm.js +9 -9
  223. package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
  224. package/dist/esm/internals/ReportBuilder/PivotList.js +21 -15
  225. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +3 -2
  226. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  227. package/dist/esm/internals/ReportBuilder/PivotModal.js +9 -9
  228. package/dist/esm/models/Client.d.ts +10 -2
  229. package/dist/esm/models/Client.d.ts.map +1 -1
  230. package/dist/esm/utils/astProcessing.d.ts +3 -3
  231. package/dist/esm/utils/astProcessing.d.ts.map +1 -1
  232. package/dist/esm/utils/client.d.ts.map +1 -1
  233. package/dist/esm/utils/client.js +2 -7
  234. package/dist/esm/utils/dashboard.d.ts +5 -3
  235. package/dist/esm/utils/dashboard.d.ts.map +1 -1
  236. package/dist/esm/utils/dashboard.js +104 -5
  237. package/dist/esm/utils/dataFetcher.d.ts +4 -4
  238. package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
  239. package/dist/esm/utils/dataFetcher.js +1 -1
  240. package/dist/esm/utils/filterProcessing.d.ts.map +1 -1
  241. package/dist/esm/utils/filterProcessing.js +2 -8
  242. package/dist/esm/utils/paginationProcessing.js +1 -1
  243. package/dist/esm/utils/pivotConstructor.d.ts +2 -2
  244. package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
  245. package/dist/esm/utils/pivotConstructor.js +1 -1
  246. package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
  247. package/dist/esm/utils/pivotProcessing.js +6 -2
  248. package/dist/esm/utils/queryConstructor.d.ts.map +1 -1
  249. package/dist/esm/utils/queryConstructor.js +12 -9
  250. package/dist/esm/utils/report.d.ts +6 -5
  251. package/dist/esm/utils/report.d.ts.map +1 -1
  252. package/dist/esm/utils/report.js +68 -24
  253. package/dist/esm/utils/schema.d.ts +3 -3
  254. package/dist/esm/utils/schema.d.ts.map +1 -1
  255. package/dist/esm/utils/schema.js +39 -35
  256. package/dist/esm/utils/tableProcessing.d.ts +17 -10
  257. package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
  258. package/dist/esm/utils/tableProcessing.js +39 -20
  259. package/package.json +1 -1
  260. package/dist/cjs/assets/LoadingSpinner.d.ts +0 -5
  261. package/dist/cjs/assets/LoadingSpinner.d.ts.map +0 -1
  262. package/dist/cjs/assets/LoadingSpinner.js +0 -5
  263. package/dist/esm/assets/LoadingSpinner.d.ts +0 -5
  264. package/dist/esm/assets/LoadingSpinner.d.ts.map +0 -1
  265. package/dist/esm/assets/LoadingSpinner.js +0 -3
@@ -26,39 +26,61 @@ Object.defineProperty(exports, "__esModule", { value: true });
26
26
  exports.QuillSelectComponentWithCombo = void 0;
27
27
  const jsx_runtime_1 = require("react/jsx-runtime");
28
28
  const hooks_1 = require("../hooks");
29
+ const UiComponents_1 = require("./UiComponents");
29
30
  const react_1 = __importStar(require("react"));
30
31
  const Context_1 = require("../Context");
31
32
  const QuillMultiSelectWithCombo_1 = require("./QuillMultiSelectWithCombo");
32
33
  /**
33
34
  * A robust select component that implements the new minimal Select interface.
34
35
  */
35
- function QuillSelectComponentWithCombo({ options, value, width, onChange, label, }) {
36
+ function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, }) {
36
37
  const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
37
38
  const [showModal, setShowModal] = (0, react_1.useState)(false);
38
39
  const modalRef = (0, react_1.useRef)(null);
39
40
  const [searchQuery, setSearchQuery] = react_1.default.useState('');
40
- const [filteredItems, setFilteredItems] = react_1.default.useState([]);
41
- (0, hooks_1.useOnClickOutside)(modalRef, () => setShowModal(false));
42
- (0, react_1.useEffect)(() => {
43
- setFilteredItems(options.slice(0, 20));
44
- }, [options]);
45
- const handleSearchChange = (value) => {
46
- setSearchQuery(value);
47
- const curFilteredItems = value === ''
48
- ? options.slice(0, 20)
49
- : options
50
- .filter((option) => {
51
- if (!option) {
52
- return false;
41
+ const filteredItems = react_1.default.useMemo(function () {
42
+ // Sort null to top
43
+ if (searchQuery === '') {
44
+ return options.sort((a, b) => {
45
+ if (a.value === null) {
46
+ return -1;
47
+ }
48
+ if (b.value === null) {
49
+ return 1;
53
50
  }
54
- return option.value
55
- .toLowerCase()
56
- .replace(/\s+/g, '')
57
- .includes(value.toLowerCase().replace(/\s+/g, ''));
58
- })
59
- .slice(0, 20);
60
- setFilteredItems(curFilteredItems);
61
- };
51
+ return a.label.localeCompare(b.label);
52
+ });
53
+ }
54
+ return options
55
+ .filter((option) => {
56
+ if (!option) {
57
+ return false;
58
+ }
59
+ return option.value
60
+ .toLowerCase()
61
+ .replace(/\s+/g, '')
62
+ .includes(searchQuery.toLowerCase().replace(/\s+/g, ''));
63
+ })
64
+ .sort((a, b) => {
65
+ if (a.value === null) {
66
+ return -1;
67
+ }
68
+ if (b.value === null) {
69
+ return 1;
70
+ }
71
+ return a.label.localeCompare(b.label);
72
+ })
73
+ .slice(0, 20);
74
+ }, [options, searchQuery]);
75
+ const nullLabel = (0, react_1.useMemo)(() => {
76
+ return filteredItems.some((item) => item.value === '-') ? 'None' : '-';
77
+ }, [filteredItems]);
78
+ const selectedLabel = (0, react_1.useMemo)(() => {
79
+ const selectedOption = options.find((elem) => elem.value === value);
80
+ return selectedOption && selectedOption.label == null
81
+ ? nullLabel
82
+ : selectedOption?.label ?? 'Select';
83
+ }, [value, options, nullLabel]);
62
84
  (0, hooks_1.useOnClickOutside)(modalRef, () => setShowModal(false));
63
85
  return ((0, jsx_runtime_1.jsxs)("div", { style: {
64
86
  position: 'relative',
@@ -98,7 +120,7 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
98
120
  textOverflow: 'ellipsis',
99
121
  whiteSpace: 'nowrap',
100
122
  overflow: 'hidden',
101
- }, children: options.find((elem) => elem.value === value)?.label || 'Select' }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && ((0, jsx_runtime_1.jsxs)("div", { ref: modalRef, style: {
123
+ }, children: selectedLabel }), (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", "data-slot": "icon", height: 20, width: 20, style: { minHeight: 20, minWidth: 20 }, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) })] }), showModal && ((0, jsx_runtime_1.jsxs)("div", { ref: modalRef, style: {
102
124
  position: 'absolute',
103
125
  width: '100%',
104
126
  display: 'flex',
@@ -119,9 +141,9 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
119
141
  maxHeight: '50vh',
120
142
  overflow: 'scroll',
121
143
  fontSize: 14,
122
- }, children: [options && options.length > 20 && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
123
- handleSearchChange(value);
124
- } })), searchQuery === '' && ((0, jsx_runtime_1.jsxs)("button", { style: {
144
+ }, children: [options && options.length > 20 && !isLoading && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
145
+ setSearchQuery(value);
146
+ } })), searchQuery === '' && !isLoading && ((0, jsx_runtime_1.jsxs)("button", { style: {
125
147
  display: 'flex',
126
148
  alignItems: 'center',
127
149
  justifyContent: 'space-between',
@@ -151,7 +173,7 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
151
173
  .quill-option:hover {
152
174
  background: #F4F4F5;
153
175
  }
154
- ` }), 'Select'] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
176
+ ` }), 'Select'] })), !isLoading ? (filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
155
177
  display: 'flex',
156
178
  alignItems: 'center',
157
179
  justifyContent: 'space-between',
@@ -185,6 +207,6 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
185
207
  textOverflow: 'ellipsis',
186
208
  whiteSpace: 'nowrap',
187
209
  overflow: 'hidden',
188
- }, children: option.label })] }, option.value)))] }))] }));
210
+ }, children: option.label ?? nullLabel })] }, option.value)))) : ((0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}))] }))] }));
189
211
  }
190
212
  exports.QuillSelectComponentWithCombo = QuillSelectComponentWithCombo;
@@ -3,6 +3,7 @@ import { ButtonComponentProps } from './UiComponents';
3
3
  export interface TableComponentProps {
4
4
  rows: object[];
5
5
  rowCount?: number;
6
+ rowCountIsLoading?: boolean;
6
7
  columns: {
7
8
  label: string;
8
9
  field: string;
@@ -27,5 +28,5 @@ export interface TableComponentProps {
27
28
  direction: string;
28
29
  }) => void;
29
30
  }
30
- export default function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, }: TableComponentProps): import("react/jsx-runtime").JSX.Element;
31
+ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, }: TableComponentProps): import("react/jsx-runtime").JSX.Element;
31
32
  //# sourceMappingURL=QuillTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CA+crB"}
1
+ {"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAidrB"}
@@ -5,7 +5,7 @@ const react_1 = require("react");
5
5
  const valueFormatter_1 = require("../utils/valueFormatter");
6
6
  const Context_1 = require("../Context");
7
7
  const UiComponents_1 = require("./UiComponents");
8
- function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, }) {
8
+ function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = UiComponents_1.QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, }) {
9
9
  const [activeRows, setActiveRows] = (0, react_1.useState)([]);
10
10
  const [pageIndex, setPageIndex] = (0, react_1.useState)(currentPage || 0);
11
11
  const [maxPage, setMaxPage] = (0, react_1.useState)(1);
@@ -13,16 +13,16 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
13
13
  const [sortDirection, setSortDirection] = (0, react_1.useState)(sort?.direction || 'desc');
14
14
  const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
15
15
  const [isPaginating, setIsPaginating] = (0, react_1.useState)(true);
16
- const [initialLoad, setInitialLoad] = (0, react_1.useState)(isLoading);
16
+ const [initialLoad, setInitialLoad] = (0, react_1.useState)(true);
17
17
  (0, react_1.useEffect)(() => {
18
18
  setSortColumn(sort?.field || '');
19
19
  setSortDirection(sort?.direction || 'desc');
20
20
  }, [sort]);
21
21
  (0, react_1.useEffect)(() => {
22
- setIsPaginating(true);
23
22
  if (rows?.length === 0 && isLoading) {
24
23
  return;
25
24
  }
25
+ setIsPaginating(true);
26
26
  const start = pageIndex * rowsPerPage;
27
27
  const end = (pageIndex + 1) * rowsPerPage;
28
28
  if (rowCount && onSortChange && rowCount !== rows.length) {
@@ -104,6 +104,7 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
104
104
  margin: 0,
105
105
  boxSizing: 'border-box',
106
106
  outline: 'none',
107
+ position: 'relative',
107
108
  }, children: (0, jsx_runtime_1.jsxs)("div", { role: "table", className: "table", style: {
108
109
  display: 'flex',
109
110
  flexDirection: 'column',
@@ -177,6 +178,8 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
177
178
  alignItems: 'center',
178
179
  fontSize: 13,
179
180
  color: theme?.secondaryTextColor || 'rgb(55, 65, 81)',
181
+ position: 'absolute',
182
+ width: '100%',
180
183
  }, children: emptyStateLabel })) : ((0, jsx_runtime_1.jsx)("div", { role: "rowgroup", className: "tbody", children: activeRows &&
181
184
  activeRows.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("div", { role: "row", className: "tr", style: {
182
185
  display: isPaginating || isLoading ? 'none' : 'flex',
@@ -261,7 +264,7 @@ function QuillTable({ rows, rowCount, columns, isLoading, currentPage, sort, hid
261
264
  fontSize: 12,
262
265
  fontFamily: theme?.fontFamily,
263
266
  color: theme?.primaryTextColor,
264
- }, children: [pageIndex + 1, ' of ', maxPage] }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8 } }), (0, jsx_runtime_1.jsx)("button", { onClick: decreasePage, style: {
267
+ }, children: [pageIndex + 1, ' of ', rowCountIsLoading && maxPage >= 30 ? 'many' : maxPage] }), (0, jsx_runtime_1.jsx)("div", { style: { width: 8 } }), (0, jsx_runtime_1.jsx)("button", { onClick: decreasePage, style: {
265
268
  cursor: 'pointer',
266
269
  border: 'none',
267
270
  background: 'transparent',
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonComponentProps, TextInputComponentProps } from '../UiComponents';
3
3
  import { LimitPopoverComponentProps } from './ui';
4
- export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, }: {
4
+ export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, disabled, }: {
5
5
  limit: any;
6
6
  handleDelete: () => void;
7
7
  setOpenPopover: (arg: any) => void;
@@ -12,6 +12,7 @@ export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSa
12
12
  TextInput: any;
13
13
  Button: (props: ButtonComponentProps) => JSX.Element;
14
14
  SecondaryButton: (props: ButtonComponentProps) => JSX.Element;
15
+ disabled?: boolean | undefined;
15
16
  }) => import("react/jsx-runtime").JSX.Element;
16
17
  export interface AddLimitPopoverProps {
17
18
  onSave: (limit: number) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa;WAYjB,GAAG;kBACI,MAAM,IAAI;0BACF,GAAG,KAAK,IAAI;qBACjB,GAAG,aAAa,GAAG,KAAK,IAAI;;0BAEvB,0BAA0B,KAAK,WAAW;iBACnD,GAAG;eACL,GAAG;oBACE,oBAAoB,KAAK,WAAW;6BAC3B,oBAAoB,KAAK,WAAW;6CAiC9D,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,6FAQzB,oBAAoB,4CAwEtB,CAAC"}
1
+ {"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa;WAajB,GAAG;kBACI,MAAM,IAAI;0BACF,GAAG,KAAK,IAAI;qBACjB,GAAG,aAAa,GAAG,KAAK,IAAI;;0BAEvB,0BAA0B,KAAK,WAAW;iBACnD,GAAG;eACL,GAAG;oBACE,oBAAoB,KAAK,WAAW;6BAC3B,oBAAoB,KAAK,WAAW;;6CAmC9D,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,6FAQzB,oBAAoB,4CAwEtB,CAAC"}
@@ -4,13 +4,13 @@ exports.AddLimitPopover = exports.LimitSentence = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const UiComponents_1 = require("../UiComponents");
7
- const LimitSentence = ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle = 'Edit limit', LimitPopover, EditPopover, TextInput = UiComponents_1.QuillTextInput, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, }) => {
7
+ const LimitSentence = ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle = 'Edit limit', LimitPopover, EditPopover, TextInput = UiComponents_1.QuillTextInput, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, disabled = false, }) => {
8
8
  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
9
9
  const handleClickDelete = () => {
10
10
  setOpenPopover(null);
11
11
  handleDelete();
12
12
  };
13
- return ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(LimitPopover, { isOpen: isOpen, setIsOpen: setIsOpen, limitLabel: `limit ${limit.value[0].value}`, onClickDelete: handleClickDelete, popoverTitle: popoverTitle, popoverChildren: (0, jsx_runtime_1.jsx)(EditPopover, { onSave: (column, direction) => {
13
+ return ((0, jsx_runtime_1.jsx)("div", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)(LimitPopover, { isOpen: isOpen, setIsOpen: setIsOpen, limitLabel: `limit ${limit.value[0].value}`, onClickDelete: handleClickDelete, disabled: disabled, popoverTitle: popoverTitle, popoverChildren: (0, jsx_runtime_1.jsx)(EditPopover, { onSave: (column, direction) => {
14
14
  setIsOpen(false);
15
15
  onSave(column, direction);
16
16
  }, isEdit: true, onDelete: handleClickDelete, initialLimit: limit.value[0].value, TextInput: TextInput, Button: Button, SecondaryButton: SecondaryButton }) }) }));
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { ButtonComponentProps, SelectComponentProps } from '../UiComponents';
3
3
  import { SortPopoverComponentProps } from './ui';
4
- export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, }: {
4
+ export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, disabled, }: {
5
5
  sortData: any;
6
6
  columns: any;
7
7
  setIsPending: any;
@@ -18,6 +18,7 @@ export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete
18
18
  Select?: ((props: SelectComponentProps) => JSX.Element) | undefined;
19
19
  Button?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
20
20
  SecondaryButton?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
21
+ disabled?: boolean | undefined;
21
22
  }) => import("react/jsx-runtime").JSX.Element | null;
22
23
  export declare const AddSortPopover: ({ onSave, columns, isEdit, onDelete, column, direction, Select, Button, SecondaryButton, }: any) => import("react/jsx-runtime").JSX.Element;
23
24
  //# sourceMappingURL=AddSortPopover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY;cAkBb,GAAG;aACJ,GAAG;kBACE,GAAG;uBACE,GAAG;uBACH,GAAG;oBACN,GAAG;mBACJ,GAAG;gBACN,GAAG;kBACD,GAAG;YACT,GAAG;;yBAEU,yBAAyB,KAAK,WAAW;iBACjD,GAAG;sBACC,oBAAoB,KAAK,WAAW;sBACpC,oBAAoB,KAAK,WAAW;+BAC3B,oBAAoB,KAAK,WAAW;oDAqD/D,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB,GAAG,4CAmEL,CAAC"}
1
+ {"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY;cAmBb,GAAG;aACJ,GAAG;kBACE,GAAG;uBACE,GAAG;uBACH,GAAG;oBACN,GAAG;mBACJ,GAAG;gBACN,GAAG;kBACD,GAAG;YACT,GAAG;;yBAEU,yBAAyB,KAAK,WAAW;iBACjD,GAAG;sBACC,oBAAoB,KAAK,WAAW;sBACpC,oBAAoB,KAAK,WAAW;+BAC3B,oBAAoB,KAAK,WAAW;;oDAuD/D,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB,GAAG,4CAmEL,CAAC"}
@@ -21,7 +21,7 @@ function parseColumn(sortData) {
21
21
  }
22
22
  return column || '';
23
23
  }
24
- const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelect_1.QuillSelectComponent, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, }) => {
24
+ const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelect_1.QuillSelectComponent, Button = UiComponents_1.MemoizedButton, SecondaryButton = UiComponents_1.MemoizedSecondaryButton, disabled = false, }) => {
25
25
  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
26
26
  const handleSetIsOpen = (isOpen) => {
27
27
  setIsOpen(isOpen);
@@ -42,7 +42,7 @@ const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEditPopov
42
42
  if (!sortData && (!sortData.expr.column || !sortData.expr.value)) {
43
43
  return null;
44
44
  }
45
- return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(SortPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, sortLabel: `${(0, textProcessing_1.snakeAndCamelCaseToTitleCase)(parseColumn(sortData))} ${SORT_VALUE_TO_LABEL[sortData.type] || SORT_VALUE_TO_LABEL.ASC}`, onClickDelete: handleClickDelete, popoverTitle: popoverTitle, popoverChildren: (0, jsx_runtime_1.jsx)(EditPopover, { onSave: (column, direction) => {
45
+ return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(SortPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, sortLabel: `${(0, textProcessing_1.snakeAndCamelCaseToTitleCase)(parseColumn(sortData))} ${SORT_VALUE_TO_LABEL[sortData.type] || SORT_VALUE_TO_LABEL.ASC}`, onClickDelete: handleClickDelete, disabled: disabled, popoverTitle: popoverTitle, popoverChildren: (0, jsx_runtime_1.jsx)(EditPopover, { onSave: (column, direction) => {
46
46
  setIsOpen(false);
47
47
  onSave(column, direction);
48
48
  }, columns: columns, isEdit: true, onDelete: handleClickDelete, column: sortData.expr.column || sortData.expr.value, direction: sortData.type, Select: Select, Button: Button, SecondaryButton: SecondaryButton }) }) }));
@@ -13,6 +13,7 @@ interface FilterModalProps {
13
13
  [key: string]: string[];
14
14
  };
15
15
  };
16
+ fieldValuesMapIsLoading?: boolean;
16
17
  customOperatorOptions?: OperatorOptionsMap;
17
18
  onSubmitFilter: (filter: Filter) => void;
18
19
  onDeleteFilter: () => void;
@@ -28,6 +29,6 @@ type OperatorOptionsMap = {
28
29
  /**
29
30
  * Modal for adding, editing, and deleting Filters
30
31
  */
31
- export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
32
+ export default function FilterModal({ schema, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
32
33
  export {};
33
34
  //# sourceMappingURL=FilterModal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDA6zBlB"}
1
+ {"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDA80BlB"}
@@ -12,7 +12,7 @@ const filterProcessing_1 = require("../../utils/filterProcessing");
12
12
  /**
13
13
  * Modal for adding, editing, and deleting Filters
14
14
  */
15
- function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }) {
15
+ function FilterModal({ schema, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }) {
16
16
  const [field, setField] = (0, react_1.useState)('');
17
17
  const [fieldOptions, setFieldOptions] = (0, react_1.useState)([]);
18
18
  const [fieldValues, setFieldValues] = (0, react_1.useState)([]);
@@ -27,6 +27,9 @@ function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, on
27
27
  const [endDate, setEndDate] = (0, react_1.useState)((0, date_fns_1.startOfToday)().toISOString().substring(0, 10));
28
28
  const [filterInitialized, setFilterInitialized] = (0, react_1.useState)(false);
29
29
  const [table, setTable] = (0, react_1.useState)(undefined);
30
+ (0, react_1.useEffect)(() => {
31
+ onFieldChange(field, fieldOptions);
32
+ }, [fieldValuesMap]);
30
33
  // Define all supported operator options for each field type
31
34
  const allOperatorOptions = {
32
35
  [Filter_1.FieldTypes.Number]: [
@@ -568,9 +571,19 @@ function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, on
568
571
  }
569
572
  case Filter_1.StringOperator.Is:
570
573
  case Filter_1.StringOperator.IsNot:
571
- return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 20 }, children: (0, jsx_runtime_1.jsx)(MultiSelectComponent, { options: fieldValues.map((v) => {
572
- return { value: v.toLowerCase(), label: v };
573
- }), width: 200, value: selectedOptions.map((val) => val.value.toLowerCase()), onChange: (e) => {
574
+ return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', gap: 20 }, children: (0, jsx_runtime_1.jsx)(MultiSelectComponent, { options: fieldValues.length > 0 &&
575
+ fieldValues[0] !== 'EXCEEDS_LIMIT'
576
+ ? fieldValues.map((v) => {
577
+ return { value: v.toLowerCase(), label: v };
578
+ })
579
+ : fieldValues.length > 0
580
+ ? [
581
+ {
582
+ value: 'EXCEEDS_LIMIT',
583
+ label: 'Exceeds Limit',
584
+ },
585
+ ]
586
+ : [], isLoading: fieldValuesMapIsLoading, width: 200, value: selectedOptions.map((val) => val.value.toLowerCase()), onChange: (e) => {
574
587
  if (e.target.value === '') {
575
588
  setSelectedOptions([]);
576
589
  return;
@@ -23,7 +23,7 @@ export declare function convertASTToPivotData(ast: NSP.Select, columnInfo: Colum
23
23
  * and a list of tables in the schema.
24
24
  */
25
25
  export declare function convertGroupBy(ast: AST, schemaTables: Table[], prevPivot?: Pivot): {
26
- ast: NSP.Use | NSP.Create | NSP.Update | NSP.Insert_Replace | NSP.Alter | NSP.Delete | NSP.Drop | NSP.BigQuery;
26
+ ast: NSP.Insert_Replace | NSP.Update | NSP.Delete | NSP.Alter | NSP.Use | NSP.Create | NSP.Drop | NSP.BigQuery;
27
27
  pivot: Pivot | undefined;
28
28
  } | {
29
29
  pivot: Pivot | null;
@@ -3,7 +3,7 @@ import { SidebarComponentProps, ContainerComponentProps } from '../UiComponents'
3
3
  import { Filter } from '../../models/Filter';
4
4
  import { ColumnInternal } from '../../models/Columns';
5
5
  import { FilterTreeNode } from '../../utils/astFilterProcessing';
6
- import { Client } from '../../models/Client';
6
+ import { QuillProviderClient } from '../../models/Client';
7
7
  /**
8
8
  * This file is a collection of basic UI components that conform to the shape
9
9
  * expected by the Report Builder. Where possible, we use our existing
@@ -39,11 +39,12 @@ export interface DraggableColumnComponentProps {
39
39
  DragHandle: ({ dragIcon }: {
40
40
  dragIcon: () => JSX.Element;
41
41
  }) => JSX.Element;
42
+ deleteDisabled?: boolean;
42
43
  }
43
44
  /**
44
45
  * A draggable card with a grab-handle and a column name
45
46
  */
46
- export declare const QuillDraggableColumn: ({ label, onDelete, DragHandle, }: DraggableColumnComponentProps) => import("react/jsx-runtime").JSX.Element;
47
+ export declare const QuillDraggableColumn: ({ label, onDelete, DragHandle, deleteDisabled, }: DraggableColumnComponentProps) => import("react/jsx-runtime").JSX.Element;
47
48
  export declare const QuillButtonLoadingState: () => import("react/jsx-runtime").JSX.Element;
48
49
  export declare const QuillTableLoadingState: () => import("react/jsx-runtime").JSX.Element;
49
50
  export declare const EditPopover: ({ onSave, onDelete, Button, SecondaryButton, renderNode, activeEditItem, }: any) => import("react/jsx-runtime").JSX.Element;
@@ -54,8 +55,9 @@ export interface FilterPopoverComponentProps {
54
55
  popoverChildren: ReactNode;
55
56
  filterLabel: string;
56
57
  onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
58
+ disabled?: boolean;
57
59
  }
58
- export declare const QuillFilterPopover: ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: FilterPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
60
+ export declare const QuillFilterPopover: ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: FilterPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
59
61
  export interface SortPopoverComponentProps {
60
62
  isOpen: boolean;
61
63
  setIsOpen: (isOpen: boolean) => void;
@@ -63,8 +65,9 @@ export interface SortPopoverComponentProps {
63
65
  popoverChildren: ReactNode;
64
66
  sortLabel: string;
65
67
  onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
68
+ disabled?: boolean;
66
69
  }
67
- export declare const QuillSortPopover: ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: SortPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
70
+ export declare const QuillSortPopover: ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: SortPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
68
71
  export interface LimitPopoverComponentProps {
69
72
  isOpen: boolean;
70
73
  setIsOpen: (isOpen: boolean) => void;
@@ -72,8 +75,9 @@ export interface LimitPopoverComponentProps {
72
75
  popoverChildren: ReactNode;
73
76
  limitLabel: string;
74
77
  onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
78
+ disabled?: boolean;
75
79
  }
76
- export declare const QuillLimitPopover: ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: LimitPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
80
+ export declare const QuillLimitPopover: ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: LimitPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
77
81
  export interface TagWrapperProps {
78
82
  isCard: boolean;
79
83
  isRow: boolean;
@@ -110,9 +114,10 @@ export interface FilterPopoverWrapperProps {
110
114
  FilterTagComponent: any;
111
115
  FilterModal: any;
112
116
  fieldValuesMap: any;
117
+ fieldValuesMapIsLoading?: boolean;
113
118
  priorFilters?: FilterTreeNode[];
114
119
  columns?: ColumnInternal[];
115
- client?: Client;
120
+ client?: QuillProviderClient;
116
121
  customFields?: any;
117
122
  baseAst?: any;
118
123
  endpoint?: string;
@@ -124,7 +129,8 @@ export interface FilterPopoverWrapperProps {
124
129
  MultiSelectComponent: any;
125
130
  handleFilterDelete: (index: number) => void;
126
131
  handleFilterSave: (filter: Filter) => void;
132
+ disabled?: boolean;
127
133
  containerStyle?: any;
128
134
  }
129
- export declare const FilterPopoverWrapper: ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, containerStyle, }: FilterPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
135
+ export declare const FilterPopoverWrapper: ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, fieldValuesMapIsLoading, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, disabled, containerStyle, }: FilterPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
130
136
  //# sourceMappingURL=ui.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ui.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ui.tsx"],"names":[],"mappings":"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"}
@@ -218,7 +218,7 @@ exports.QuillSelectColumn = QuillSelectColumn;
218
218
  /**
219
219
  * A draggable card with a grab-handle and a column name
220
220
  */
221
- const QuillDraggableColumn = ({ label, onDelete, DragHandle, }) => {
221
+ const QuillDraggableColumn = ({ label, onDelete, DragHandle, deleteDisabled, }) => {
222
222
  const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
223
223
  return ((0, jsx_runtime_1.jsxs)("div", { style: {
224
224
  boxShadow: '0px 1px 4px #E7E7E705',
@@ -236,13 +236,13 @@ const QuillDraggableColumn = ({ label, onDelete, DragHandle, }) => {
236
236
  textOverflow: 'ellipsis',
237
237
  overflow: 'hidden',
238
238
  fontFamily: theme?.fontFamily,
239
- }, children: label }), (0, jsx_runtime_1.jsx)("button", { onClick: onDelete, style: {
239
+ }, children: label }), !deleteDisabled && ((0, jsx_runtime_1.jsx)("button", { onClick: onDelete, style: {
240
240
  paddingRight: 4,
241
241
  fontFamily: theme?.fontFamily,
242
242
  backgroundColor: theme?.backgroundColor || 'white',
243
243
  border: 'none',
244
244
  outline: 'none',
245
- }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.secondaryButtonColor || 'currentColor', style: { width: 16, height: 16 }, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) }) })] }));
245
+ }, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.secondaryButtonColor || 'currentColor', style: { width: 16, height: 16 }, children: (0, jsx_runtime_1.jsx)("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) }) }))] }));
246
246
  };
247
247
  exports.QuillDraggableColumn = QuillDraggableColumn;
248
248
  // Three dots animated bouncing
@@ -276,23 +276,23 @@ const EditPopover = ({ onSave, onDelete, Button, SecondaryButton, renderNode, ac
276
276
  }, children: [(0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: onDelete, label: "Delete" }), (0, jsx_runtime_1.jsx)(Button, { onClick: handleOnClick, label: "Save" })] })] }));
277
277
  };
278
278
  exports.EditPopover = EditPopover;
279
- const QuillFilterPopover = ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
279
+ const QuillFilterPopover = ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }) => {
280
280
  const handleSetIsOpen = (isOpen) => {
281
281
  setIsOpen(isOpen);
282
282
  };
283
- return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(exports.QuillTag, { label: filterLabel, onClickDelete: onClickDelete, onClick: () => setIsOpen(!isOpen) }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, popoverTitle: popoverTitle, popoverChildren: popoverChildren })] }));
283
+ return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(exports.QuillTag, { label: filterLabel, onClickDelete: onClickDelete, onClick: () => setIsOpen(!isOpen), hideDelete: disabled }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, popoverTitle: popoverTitle, popoverChildren: popoverChildren, disabled: disabled })] }));
284
284
  };
285
285
  exports.QuillFilterPopover = QuillFilterPopover;
286
- const QuillSortPopover = ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
286
+ const QuillSortPopover = ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }) => {
287
287
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.QuillTag, { label: sortLabel, onClickDelete: onClickDelete, onClick: () => {
288
288
  setIsOpen(!isOpen);
289
- } }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren })] }));
289
+ }, hideDelete: disabled }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren, disabled: disabled })] }));
290
290
  };
291
291
  exports.QuillSortPopover = QuillSortPopover;
292
- const QuillLimitPopover = ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
292
+ const QuillLimitPopover = ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled = false, }) => {
293
293
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.QuillTag, { label: limitLabel, onClickDelete: onClickDelete, onClick: () => {
294
294
  setIsOpen(!isOpen);
295
- } }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren })] }));
295
+ }, hideDelete: disabled }), (0, jsx_runtime_1.jsx)(UiComponents_1.MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren, disabled: disabled })] }));
296
296
  };
297
297
  exports.QuillLimitPopover = QuillLimitPopover;
298
298
  const TagWrapper = ({ isCard, isRow, editPopoverKey, keyPrefix, formData, activeEditItem, setEditPopoverKey, setActiveEditItem, setActivePath, setOpenPopover, setIsPending, clearCheckboxes, handleDelete, setCheckboxes, handleReplaceSubtree, FilterPopover, getByKey, EditPopover, Button, SecondaryButton, renderNode, children, }) => {
@@ -395,9 +395,10 @@ const AddFilterPopover = ({ onSave, Button, renderNode, activeEditItem, }) => {
395
395
  }, children: (0, jsx_runtime_1.jsx)(Button, { onClick: handleOnClick, label: 'Add filter' }) })] }));
396
396
  };
397
397
  exports.AddFilterPopover = AddFilterPopover;
398
- const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, containerStyle, }) => {
398
+ const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, fieldValuesMapIsLoading, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, disabled, containerStyle, }) => {
399
399
  const [isOpen, setIsOpen] = (0, react_1.useState)(false);
400
400
  const [uniqueValues, setUniqueValues] = (0, react_1.useState)(undefined);
401
+ const [uniqueValuesIsLoading, setUniqueValuesIsLoading] = (0, react_1.useState)(false);
401
402
  // Use a ref to store the previous value of priorFilters
402
403
  const prevFiltersRef = (0, react_1.useRef)('');
403
404
  (0, react_1.useEffect)(() => {
@@ -415,6 +416,7 @@ const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagCom
415
416
  return;
416
417
  }
417
418
  else {
419
+ setUniqueValuesIsLoading(true);
418
420
  const { query, success, error } = await (0, filterProcessing_1.buildQueryFromFilters)(baseAst, filters, endpoint, client);
419
421
  if (success && query) {
420
422
  const { uniqueStrings } = await (0, tableProcessing_1.getRelevantInfoFromQuery)(columns, client, query, customFields);
@@ -426,12 +428,13 @@ const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagCom
426
428
  else if (error) {
427
429
  console.error(error);
428
430
  }
431
+ setUniqueValuesIsLoading(false);
429
432
  }
430
433
  }
431
434
  function handleClickDelete() {
432
435
  handleFilterDelete(index);
433
436
  }
434
- return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(FilterTagComponent, { isOpen: isOpen, popoverTitle: "Edit Filter", filterLabel: filterLabel, onClickDelete: handleClickDelete, setIsOpen: setIsOpen, popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal, { schema: schema, filter: filter, fieldValuesMap: uniqueValues ?? fieldValuesMap, customOperatorOptions: customOperatorOptions, onSubmitFilter: (filter) => {
437
+ return ((0, jsx_runtime_1.jsx)("div", { style: containerStyle, children: (0, jsx_runtime_1.jsx)(FilterTagComponent, { isOpen: isOpen, popoverTitle: "Edit Filter", filterLabel: filterLabel, onClickDelete: handleClickDelete, disabled: disabled, setIsOpen: setIsOpen, popoverChildren: (0, jsx_runtime_1.jsx)(FilterModal, { schema: schema, filter: filter, fieldValuesMap: uniqueValues ?? fieldValuesMap, fieldValuesMapIsLoading: fieldValuesMapIsLoading && uniqueValuesIsLoading, customOperatorOptions: customOperatorOptions, onSubmitFilter: (filter) => {
435
438
  handleFilterSave(filter);
436
439
  setIsOpen(false);
437
440
  }, onDeleteFilter: handleClickDelete, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, SecondaryButtonComponent: SecondaryButtonComponent ?? undefined, MultiSelectComponent: MultiSelectComponent }) }) }));