@quillsql/react 2.13.48 → 2.13.49

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 (279) hide show
  1. package/dist/cjs/Chart.d.ts +2 -2
  2. package/dist/cjs/Chart.d.ts.map +1 -1
  3. package/dist/cjs/Chart.js +28 -41
  4. package/dist/cjs/ChartBuilder.d.ts +2 -2
  5. package/dist/cjs/ChartBuilder.d.ts.map +1 -1
  6. package/dist/cjs/ChartBuilder.js +157 -134
  7. package/dist/cjs/ChartEditor.d.ts +2 -2
  8. package/dist/cjs/ChartEditor.d.ts.map +1 -1
  9. package/dist/cjs/ChartEditor.js +3 -1
  10. package/dist/cjs/Context.d.ts +10 -3
  11. package/dist/cjs/Context.d.ts.map +1 -1
  12. package/dist/cjs/Context.js +324 -249
  13. package/dist/cjs/Dashboard.d.ts.map +1 -1
  14. package/dist/cjs/Dashboard.js +10 -23
  15. package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +0 -3
  16. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts +24 -10
  17. package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  18. package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +472 -96
  19. package/dist/cjs/QuillProvider.d.ts +3 -1
  20. package/dist/cjs/QuillProvider.d.ts.map +1 -1
  21. package/dist/cjs/QuillProvider.js +2 -2
  22. package/dist/cjs/ReportBuilder.d.ts.map +1 -1
  23. package/dist/cjs/ReportBuilder.js +19 -10
  24. package/dist/cjs/SQLEditor.d.ts +1 -1
  25. package/dist/cjs/SQLEditor.d.ts.map +1 -1
  26. package/dist/cjs/SQLEditor.js +50 -16
  27. package/dist/cjs/Table.d.ts.map +1 -1
  28. package/dist/cjs/Table.js +20 -7
  29. package/dist/cjs/assets/ExclamationFilledIcon.d.ts.map +1 -1
  30. package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
  31. package/dist/cjs/components/Chart/BarChart.js +2 -1
  32. package/dist/cjs/components/Chart/CustomReferenceLine.d.ts +1 -1
  33. package/dist/cjs/components/Chart/CustomReferenceLine.d.ts.map +1 -1
  34. package/dist/cjs/components/Chart/CustomReferenceLine.js +7 -6
  35. package/dist/cjs/components/Chart/GaugeChart.d.ts +1 -1
  36. package/dist/cjs/components/Chart/GaugeChart.d.ts.map +1 -1
  37. package/dist/cjs/components/Chart/GaugeChart.js +62 -35
  38. package/dist/cjs/components/Chart/InternalChart.d.ts.map +1 -1
  39. package/dist/cjs/components/Chart/InternalChart.js +30 -33
  40. package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
  41. package/dist/cjs/components/Chart/LineChart.js +3 -1
  42. package/dist/cjs/components/Chart/MapChart.d.ts +3 -3
  43. package/dist/cjs/components/Chart/MapChart.d.ts.map +1 -1
  44. package/dist/cjs/components/Chart/MapChart.js +62 -34
  45. package/dist/cjs/components/Chart/PieChart.d.ts +3 -1
  46. package/dist/cjs/components/Chart/PieChart.d.ts.map +1 -1
  47. package/dist/cjs/components/Chart/PieChart.js +80 -39
  48. package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  49. package/dist/cjs/components/Dashboard/DashboardFilter.js +4 -20
  50. package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
  51. package/dist/cjs/components/Dashboard/DashboardTemplate.js +2 -1
  52. package/dist/cjs/components/Dashboard/DataLoader.d.ts +4 -4
  53. package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
  54. package/dist/cjs/components/Dashboard/DataLoader.js +31 -14
  55. package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
  56. package/dist/cjs/components/Dashboard/MetricComponent.js +2 -2
  57. package/dist/cjs/components/Dashboard/util.d.ts +1 -1
  58. package/dist/cjs/components/Dashboard/util.d.ts.map +1 -1
  59. package/dist/cjs/components/Dashboard/util.js +7 -6
  60. package/dist/cjs/components/QuillMultiSelectSectionList.d.ts.map +1 -1
  61. package/dist/cjs/components/QuillMultiSelectSectionList.js +32 -22
  62. package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  63. package/dist/cjs/components/QuillMultiSelectWithCombo.js +186 -159
  64. package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
  65. package/dist/cjs/components/QuillSelect.js +83 -75
  66. package/dist/cjs/components/QuillSelectWithCombo.d.ts.map +1 -1
  67. package/dist/cjs/components/QuillSelectWithCombo.js +18 -11
  68. package/dist/cjs/components/ReportBuilder/FilterStack.d.ts +2 -1
  69. package/dist/cjs/components/ReportBuilder/FilterStack.d.ts.map +1 -1
  70. package/dist/cjs/components/ReportBuilder/FilterStack.js +3 -4
  71. package/dist/cjs/components/ReportBuilder/ui.d.ts +2 -2
  72. package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
  73. package/dist/cjs/components/ReportBuilder/ui.js +4 -7
  74. package/dist/cjs/hooks/useAskQuill.d.ts.map +1 -1
  75. package/dist/cjs/hooks/useAskQuill.js +5 -1
  76. package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
  77. package/dist/cjs/hooks/useDashboard.js +96 -58
  78. package/dist/cjs/hooks/useExport.d.ts.map +1 -1
  79. package/dist/cjs/hooks/useExport.js +23 -13
  80. package/dist/cjs/hooks/useOnClickOutside.d.ts.map +1 -1
  81. package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
  82. package/dist/cjs/hooks/useQuill.js +8 -10
  83. package/dist/cjs/hooks/useReport.d.ts.map +1 -1
  84. package/dist/cjs/hooks/useVirtualTables.d.ts.map +1 -1
  85. package/dist/cjs/hooks/useVirtualTables.js +16 -22
  86. package/dist/cjs/index.d.ts +2 -2
  87. package/dist/cjs/index.d.ts.map +1 -1
  88. package/dist/cjs/index.js +2 -1
  89. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +2 -1
  90. package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  91. package/dist/cjs/internals/ReportBuilder/PivotModal.js +19 -7
  92. package/dist/cjs/models/Client.d.ts +0 -1
  93. package/dist/cjs/models/Client.d.ts.map +1 -1
  94. package/dist/cjs/models/Data.d.ts +20 -0
  95. package/dist/cjs/models/Data.d.ts.map +1 -0
  96. package/dist/cjs/models/Data.js +2 -0
  97. package/dist/cjs/models/Filter.d.ts +42 -4
  98. package/dist/cjs/models/Filter.d.ts.map +1 -1
  99. package/dist/cjs/models/Pivot.d.ts.map +1 -1
  100. package/dist/cjs/utils/astProcessing.d.ts +3 -2
  101. package/dist/cjs/utils/astProcessing.d.ts.map +1 -1
  102. package/dist/cjs/utils/astProcessing.js +28 -37
  103. package/dist/cjs/utils/client.d.ts +3 -2
  104. package/dist/cjs/utils/client.d.ts.map +1 -1
  105. package/dist/cjs/utils/client.js +38 -39
  106. package/dist/cjs/utils/columnProcessing.d.ts.map +1 -1
  107. package/dist/cjs/utils/columnProcessing.js +14 -3
  108. package/dist/cjs/utils/constants.d.ts +1 -0
  109. package/dist/cjs/utils/constants.d.ts.map +1 -1
  110. package/dist/cjs/utils/constants.js +2 -1
  111. package/dist/cjs/utils/dashboard.d.ts +3 -2
  112. package/dist/cjs/utils/dashboard.d.ts.map +1 -1
  113. package/dist/cjs/utils/dashboard.js +30 -12
  114. package/dist/cjs/utils/dataFetcher.d.ts +8 -5
  115. package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
  116. package/dist/cjs/utils/dataFetcher.js +189 -65
  117. package/dist/cjs/utils/filterProcessing.d.ts +2 -1
  118. package/dist/cjs/utils/filterProcessing.d.ts.map +1 -1
  119. package/dist/cjs/utils/filterProcessing.js +24 -38
  120. package/dist/cjs/utils/getDomain.d.ts.map +1 -1
  121. package/dist/cjs/utils/pivotConstructor.d.ts +2 -1
  122. package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
  123. package/dist/cjs/utils/pivotConstructor.js +15 -11
  124. package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
  125. package/dist/cjs/utils/pivotProcessing.js +3 -5
  126. package/dist/cjs/utils/queryConstructor.js +1 -1
  127. package/dist/cjs/utils/report.d.ts +10 -7
  128. package/dist/cjs/utils/report.d.ts.map +1 -1
  129. package/dist/cjs/utils/report.js +52 -60
  130. package/dist/cjs/utils/schema.d.ts +4 -3
  131. package/dist/cjs/utils/schema.d.ts.map +1 -1
  132. package/dist/cjs/utils/schema.js +30 -44
  133. package/dist/cjs/utils/tableProcessing.d.ts +16 -10
  134. package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
  135. package/dist/cjs/utils/tableProcessing.js +91 -90
  136. package/dist/cjs/utils/textProcessing.d.ts.map +1 -1
  137. package/dist/cjs/utils/textProcessing.js +2 -1
  138. package/dist/cjs/utils/ui.d.ts.map +1 -1
  139. package/dist/esm/Chart.d.ts +2 -2
  140. package/dist/esm/Chart.d.ts.map +1 -1
  141. package/dist/esm/Chart.js +30 -43
  142. package/dist/esm/ChartBuilder.d.ts +2 -2
  143. package/dist/esm/ChartBuilder.d.ts.map +1 -1
  144. package/dist/esm/ChartBuilder.js +158 -135
  145. package/dist/esm/ChartEditor.d.ts +2 -2
  146. package/dist/esm/ChartEditor.d.ts.map +1 -1
  147. package/dist/esm/ChartEditor.js +4 -2
  148. package/dist/esm/Context.d.ts +10 -3
  149. package/dist/esm/Context.d.ts.map +1 -1
  150. package/dist/esm/Context.js +326 -251
  151. package/dist/esm/Dashboard.d.ts.map +1 -1
  152. package/dist/esm/Dashboard.js +12 -25
  153. package/dist/esm/DateRangePicker/QuillDateRangePicker.js +0 -3
  154. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts +24 -10
  155. package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
  156. package/dist/esm/DateRangePicker/dateRangePickerUtils.js +471 -95
  157. package/dist/esm/QuillProvider.d.ts +3 -1
  158. package/dist/esm/QuillProvider.d.ts.map +1 -1
  159. package/dist/esm/QuillProvider.js +2 -2
  160. package/dist/esm/ReportBuilder.d.ts.map +1 -1
  161. package/dist/esm/ReportBuilder.js +21 -12
  162. package/dist/esm/SQLEditor.d.ts +1 -1
  163. package/dist/esm/SQLEditor.d.ts.map +1 -1
  164. package/dist/esm/SQLEditor.js +53 -19
  165. package/dist/esm/Table.d.ts.map +1 -1
  166. package/dist/esm/Table.js +21 -8
  167. package/dist/esm/assets/ExclamationFilledIcon.d.ts.map +1 -1
  168. package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
  169. package/dist/esm/components/Chart/BarChart.js +2 -1
  170. package/dist/esm/components/Chart/CustomReferenceLine.d.ts +1 -1
  171. package/dist/esm/components/Chart/CustomReferenceLine.d.ts.map +1 -1
  172. package/dist/esm/components/Chart/CustomReferenceLine.js +8 -7
  173. package/dist/esm/components/Chart/GaugeChart.d.ts +1 -1
  174. package/dist/esm/components/Chart/GaugeChart.d.ts.map +1 -1
  175. package/dist/esm/components/Chart/GaugeChart.js +64 -37
  176. package/dist/esm/components/Chart/InternalChart.d.ts.map +1 -1
  177. package/dist/esm/components/Chart/InternalChart.js +32 -35
  178. package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
  179. package/dist/esm/components/Chart/LineChart.js +3 -1
  180. package/dist/esm/components/Chart/MapChart.d.ts +3 -3
  181. package/dist/esm/components/Chart/MapChart.d.ts.map +1 -1
  182. package/dist/esm/components/Chart/MapChart.js +67 -39
  183. package/dist/esm/components/Chart/PieChart.d.ts +3 -1
  184. package/dist/esm/components/Chart/PieChart.d.ts.map +1 -1
  185. package/dist/esm/components/Chart/PieChart.js +80 -39
  186. package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
  187. package/dist/esm/components/Dashboard/DashboardFilter.js +5 -21
  188. package/dist/esm/components/Dashboard/DashboardSection.js +2 -2
  189. package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
  190. package/dist/esm/components/Dashboard/DashboardTemplate.js +3 -2
  191. package/dist/esm/components/Dashboard/DataLoader.d.ts +4 -4
  192. package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
  193. package/dist/esm/components/Dashboard/DataLoader.js +32 -15
  194. package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
  195. package/dist/esm/components/Dashboard/MetricComponent.js +2 -2
  196. package/dist/esm/components/Dashboard/util.d.ts +1 -1
  197. package/dist/esm/components/Dashboard/util.d.ts.map +1 -1
  198. package/dist/esm/components/Dashboard/util.js +8 -7
  199. package/dist/esm/components/QuillMultiSelectSectionList.d.ts.map +1 -1
  200. package/dist/esm/components/QuillMultiSelectSectionList.js +32 -22
  201. package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
  202. package/dist/esm/components/QuillMultiSelectWithCombo.js +187 -160
  203. package/dist/esm/components/QuillSelect.d.ts.map +1 -1
  204. package/dist/esm/components/QuillSelect.js +85 -77
  205. package/dist/esm/components/QuillSelectWithCombo.d.ts.map +1 -1
  206. package/dist/esm/components/QuillSelectWithCombo.js +18 -11
  207. package/dist/esm/components/ReportBuilder/FilterStack.d.ts +2 -1
  208. package/dist/esm/components/ReportBuilder/FilterStack.d.ts.map +1 -1
  209. package/dist/esm/components/ReportBuilder/FilterStack.js +3 -4
  210. package/dist/esm/components/ReportBuilder/ui.d.ts +2 -2
  211. package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
  212. package/dist/esm/components/ReportBuilder/ui.js +4 -7
  213. package/dist/esm/hooks/useAskQuill.d.ts.map +1 -1
  214. package/dist/esm/hooks/useAskQuill.js +6 -2
  215. package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
  216. package/dist/esm/hooks/useDashboard.js +98 -60
  217. package/dist/esm/hooks/useExport.d.ts.map +1 -1
  218. package/dist/esm/hooks/useExport.js +25 -15
  219. package/dist/esm/hooks/useOnClickOutside.d.ts.map +1 -1
  220. package/dist/esm/hooks/useQuill.d.ts.map +1 -1
  221. package/dist/esm/hooks/useQuill.js +9 -11
  222. package/dist/esm/hooks/useReport.d.ts.map +1 -1
  223. package/dist/esm/hooks/useReport.js +1 -1
  224. package/dist/esm/hooks/useVirtualTables.d.ts.map +1 -1
  225. package/dist/esm/hooks/useVirtualTables.js +17 -23
  226. package/dist/esm/index.d.ts +2 -2
  227. package/dist/esm/index.d.ts.map +1 -1
  228. package/dist/esm/index.js +1 -1
  229. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +2 -1
  230. package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
  231. package/dist/esm/internals/ReportBuilder/PivotModal.js +20 -8
  232. package/dist/esm/models/Client.d.ts +0 -1
  233. package/dist/esm/models/Client.d.ts.map +1 -1
  234. package/dist/esm/models/Data.d.ts +20 -0
  235. package/dist/esm/models/Data.d.ts.map +1 -0
  236. package/dist/esm/models/Data.js +1 -0
  237. package/dist/esm/models/Filter.d.ts +42 -4
  238. package/dist/esm/models/Filter.d.ts.map +1 -1
  239. package/dist/esm/models/Pivot.d.ts.map +1 -1
  240. package/dist/esm/utils/astProcessing.d.ts +3 -2
  241. package/dist/esm/utils/astProcessing.d.ts.map +1 -1
  242. package/dist/esm/utils/astProcessing.js +28 -37
  243. package/dist/esm/utils/client.d.ts +3 -2
  244. package/dist/esm/utils/client.d.ts.map +1 -1
  245. package/dist/esm/utils/client.js +38 -39
  246. package/dist/esm/utils/columnProcessing.d.ts.map +1 -1
  247. package/dist/esm/utils/columnProcessing.js +14 -3
  248. package/dist/esm/utils/constants.d.ts +1 -0
  249. package/dist/esm/utils/constants.d.ts.map +1 -1
  250. package/dist/esm/utils/constants.js +1 -0
  251. package/dist/esm/utils/dashboard.d.ts +3 -2
  252. package/dist/esm/utils/dashboard.d.ts.map +1 -1
  253. package/dist/esm/utils/dashboard.js +31 -13
  254. package/dist/esm/utils/dataFetcher.d.ts +8 -5
  255. package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
  256. package/dist/esm/utils/dataFetcher.js +187 -65
  257. package/dist/esm/utils/filterProcessing.d.ts +2 -1
  258. package/dist/esm/utils/filterProcessing.d.ts.map +1 -1
  259. package/dist/esm/utils/filterProcessing.js +25 -39
  260. package/dist/esm/utils/getDomain.d.ts.map +1 -1
  261. package/dist/esm/utils/pivotConstructor.d.ts +2 -1
  262. package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
  263. package/dist/esm/utils/pivotConstructor.js +16 -12
  264. package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
  265. package/dist/esm/utils/pivotProcessing.js +5 -7
  266. package/dist/esm/utils/queryConstructor.js +1 -1
  267. package/dist/esm/utils/report.d.ts +10 -7
  268. package/dist/esm/utils/report.d.ts.map +1 -1
  269. package/dist/esm/utils/report.js +53 -61
  270. package/dist/esm/utils/schema.d.ts +4 -3
  271. package/dist/esm/utils/schema.d.ts.map +1 -1
  272. package/dist/esm/utils/schema.js +30 -44
  273. package/dist/esm/utils/tableProcessing.d.ts +16 -10
  274. package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
  275. package/dist/esm/utils/tableProcessing.js +93 -92
  276. package/dist/esm/utils/textProcessing.d.ts.map +1 -1
  277. package/dist/esm/utils/textProcessing.js +2 -1
  278. package/dist/esm/utils/ui.d.ts.map +1 -1
  279. package/package.json +2 -1
@@ -1 +1 @@
1
- {"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAc,EAEZ,aAAa,EAMd,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,GACN,EAAE,yBAAyB,GAAG;IAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,2CAyjBlF;AAED,eAAO,MAAM,gBAAgB,sCAI1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB,4CAwDA,CAAC"}
1
+ {"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAc,EAEZ,aAAa,EAMd,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,KAAK,GACN,EAAE,yBAAyB,GAAG;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,2CAwmBA;AAED,eAAO,MAAM,gBAAgB,sCAI1B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,MAAM,CAAC;CACrB,4CAwDA,CAAC"}
@@ -157,15 +157,18 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
157
157
  if (!option) {
158
158
  return false;
159
159
  }
160
- return option.label
160
+ return (option.label
161
161
  .toString()
162
162
  .toLowerCase()
163
163
  .replace(/\s+/g, '')
164
- .includes(searchQuery.toLowerCase().replace(/\s+/g, ''))
165
- || (isNumber || isUuid ? option.value.toString()
166
- .toLowerCase()
167
- .replace(/\s+/g, '')
168
- .includes(searchQuery.toLowerCase().replace(/\s+/g, '')) : false);
164
+ .includes(searchQuery.toLowerCase().replace(/\s+/g, '')) ||
165
+ (isNumber || isUuid
166
+ ? option.value
167
+ .toString()
168
+ .toLowerCase()
169
+ .replace(/\s+/g, '')
170
+ .includes(searchQuery.toLowerCase().replace(/\s+/g, ''))
171
+ : false));
169
172
  })
170
173
  .sort((a, b) => {
171
174
  if (a.value === null) {
@@ -204,14 +207,19 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
204
207
  let mutationObserver;
205
208
  if (showModal && buttonRef.current) {
206
209
  updatePosition();
207
- setZ((0, useOnClickOutside_1.getEffectiveZIndex)(buttonRef.current));
210
+ setZ((0, useOnClickOutside_1.getEffectiveZIndex)(buttonRef.current) + 1);
208
211
  resizeObserver = new ResizeObserver(() => updatePosition());
209
212
  resizeObserver.observe(buttonRef.current);
210
213
  mutationObserver = new MutationObserver(() => updatePosition());
211
- mutationObserver.observe(buttonRef.current, { attributes: true, subtree: true });
214
+ mutationObserver.observe(buttonRef.current, {
215
+ attributes: true,
216
+ subtree: true,
217
+ });
212
218
  // Track scrolling of the nearest scrollable ancestor
213
219
  scrollableParentRef.current = (0, ui_1.getScrollableParent)(buttonRef.current);
214
- scrollableParentRef.current.addEventListener('scroll', updatePosition, { passive: true });
220
+ scrollableParentRef.current.addEventListener('scroll', updatePosition, {
221
+ passive: true,
222
+ });
215
223
  const handleResize = () => requestAnimationFrame(updatePosition);
216
224
  window.addEventListener('resize', handleResize, { passive: true });
217
225
  return () => {
@@ -227,7 +235,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
227
235
  borderRadius: '6px',
228
236
  width: width,
229
237
  minWidth: width,
230
- ...style
238
+ ...style,
231
239
  }, children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
232
240
  fontSize: 14,
233
241
  color: theme?.secondaryTextColor,
@@ -269,54 +277,61 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
269
277
  width: '100%',
270
278
  textAlign: 'left',
271
279
  zIndex: 1,
272
- }, children: selectedOptionsLabel }), (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, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { style: {
273
- position: 'absolute',
274
- top: `${popoverPosition?.top ?? 0}px`,
275
- left: `${popoverPosition?.left ?? 0}px`,
276
- width: `${popoverPosition?.width ?? 0}px`,
277
- maxHeight: `${Math.max(popoverPosition?.maxHeight ?? 0, 100)}px`,
278
- minHeight: options.length > 2 ? 120 : options.length * 40,
279
- visibility: popoverPosition ? 'visible' : 'hidden',
280
- display: 'flex',
281
- flexDirection: 'column',
282
- boxSizing: 'border-box',
283
- borderWidth: 1,
284
- borderStyle: 'solid',
285
- borderColor: theme?.borderColor,
286
- borderRadius: 6,
287
- background: 'white',
288
- marginTop: 12,
289
- zIndex: z,
290
- padding: 6,
291
- fontFamily: theme?.fontFamily,
292
- overflow: 'scroll',
293
- fontSize: 14,
294
- }, ref: modalRef, "data-portal-ignore": "true", children: [!exceedsLimit && options && options.length > 20 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
295
- setSearchQuery(value);
296
- } }), (0, jsx_runtime_1.jsx)("div", { style: {
297
- height: 9,
298
- width: 230,
299
- borderTop: '1px solid #e7e7e7',
300
- } })] })), !isLoading &&
301
- (!filteredItems || filteredItems.length === 0 || exceedsLimit) && ((0, jsx_runtime_1.jsxs)("div", { style: {
302
- display: 'flex',
303
- alignItems: 'center',
304
- padding: 8,
305
- margin: 0,
306
- boxSizing: 'border-box',
307
- borderWidth: 0,
308
- fontSize: 14,
309
- borderStyle: 'solid',
310
- borderColor: theme?.borderColor,
311
- borderRadius: 4,
312
- fontFamily: theme?.fontFamily,
313
- textOverflow: 'ellipsis',
314
- whiteSpace: 'nowrap',
315
- height: 34,
316
- minHeight: 34,
317
- gap: 6,
318
- overflow: 'hidden',
319
- }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
280
+ fontWeight: value?.length || isLoading ? undefined : 300,
281
+ color: value?.length || isLoading
282
+ ? undefined
283
+ : theme?.secondaryTextColor,
284
+ }, children: selectedOptionsLabel }), (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 &&
285
+ (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { style: {
286
+ position: 'absolute',
287
+ top: `${popoverPosition?.top ?? 0}px`,
288
+ left: `${popoverPosition?.left ?? 0}px`,
289
+ width: `${popoverPosition?.width ?? 0}px`,
290
+ maxHeight: `${Math.max(popoverPosition?.maxHeight ?? 0, 100)}px`,
291
+ minHeight: options.length > 2 ? 120 : options.length * 40,
292
+ visibility: popoverPosition ? 'visible' : 'hidden',
293
+ display: 'flex',
294
+ flexDirection: 'column',
295
+ boxSizing: 'border-box',
296
+ borderWidth: 1,
297
+ borderStyle: 'solid',
298
+ borderColor: theme?.borderColor,
299
+ borderRadius: 6,
300
+ background: 'white',
301
+ marginTop: 12,
302
+ zIndex: z,
303
+ padding: 6,
304
+ fontFamily: theme?.fontFamily,
305
+ overflow: 'scroll',
306
+ fontSize: 14,
307
+ }, ref: modalRef, "data-portal-ignore": "true", children: [!exceedsLimit && options && options.length > 20 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
308
+ setSearchQuery(value);
309
+ } }), (0, jsx_runtime_1.jsx)("div", { style: {
310
+ height: 9,
311
+ width: 230,
312
+ borderTop: '1px solid #e7e7e7',
313
+ } })] })), !isLoading &&
314
+ (!filteredItems ||
315
+ filteredItems.length === 0 ||
316
+ exceedsLimit) && ((0, jsx_runtime_1.jsxs)("div", { style: {
317
+ display: 'flex',
318
+ alignItems: 'center',
319
+ padding: 8,
320
+ margin: 0,
321
+ boxSizing: 'border-box',
322
+ borderWidth: 0,
323
+ fontSize: 14,
324
+ borderStyle: 'solid',
325
+ borderColor: theme?.borderColor,
326
+ borderRadius: 4,
327
+ fontFamily: theme?.fontFamily,
328
+ textOverflow: 'ellipsis',
329
+ whiteSpace: 'nowrap',
330
+ height: 34,
331
+ minHeight: 34,
332
+ gap: 6,
333
+ overflow: 'hidden',
334
+ }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
320
335
  .quill-option {
321
336
  background: white;
322
337
  }
@@ -324,126 +339,138 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
324
339
  background: #F4F4F5;
325
340
  }
326
341
  ` }), (0, jsx_runtime_1.jsx)("span", { style: {
327
- textOverflow: 'ellipsis',
328
- whiteSpace: 'nowrap',
329
- overflow: 'hidden',
330
- cursor: 'default',
331
- }, children: exceedsLimit
332
- ? 'Too many options'
333
- : (emptyLabel ?? 'No options available') })] })), !exceedsLimit && !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchQuery === '' && potentialOptions.length > 0 && ((0, jsx_runtime_1.jsxs)("button", { style: {
334
- display: 'flex',
335
- alignItems: 'center',
336
- padding: 8,
337
- margin: 0,
338
- boxSizing: 'border-box',
339
- borderWidth: 0,
340
- fontSize: 14,
341
- borderStyle: 'solid',
342
- borderColor: theme?.borderColor,
343
- borderRadius: 4,
344
- fontFamily: theme?.fontFamily,
345
- textOverflow: 'ellipsis',
346
- whiteSpace: 'nowrap',
347
- height: 34,
348
- minHeight: 34,
349
- gap: 6,
350
- overflow: 'hidden',
351
- }, className: "quill-option", onClick: () => {
352
- // if any are selected, deselect all
353
- if (selectAllCheckboxState === CheckboxState.SELECTED ||
354
- selectAllCheckboxState === CheckboxState.INDETERMINATE) {
355
- setSelectAllCheckboxState(CheckboxState.UNSELECTED);
356
- setSelectedOptions([]);
342
+ textOverflow: 'ellipsis',
343
+ whiteSpace: 'nowrap',
344
+ overflow: 'hidden',
345
+ cursor: 'default',
346
+ }, children: exceedsLimit
347
+ ? 'Too many options'
348
+ : (emptyLabel ?? 'No options available') })] })), !exceedsLimit && !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchQuery === '' && potentialOptions.length > 0 && ((0, jsx_runtime_1.jsxs)("button", { style: {
349
+ display: 'flex',
350
+ alignItems: 'center',
351
+ padding: 8,
352
+ margin: 0,
353
+ boxSizing: 'border-box',
354
+ borderWidth: 0,
355
+ fontSize: 14,
356
+ borderStyle: 'solid',
357
+ borderColor: theme?.borderColor,
358
+ borderRadius: 4,
359
+ fontFamily: theme?.fontFamily,
360
+ textOverflow: 'ellipsis',
361
+ whiteSpace: 'nowrap',
362
+ height: 34,
363
+ minHeight: 34,
364
+ gap: 6,
365
+ overflow: 'hidden',
366
+ }, className: "quill-option", onClick: () => {
367
+ // if any are selected, deselect all
368
+ if (selectAllCheckboxState === CheckboxState.SELECTED ||
369
+ selectAllCheckboxState === CheckboxState.INDETERMINATE) {
370
+ setSelectAllCheckboxState(CheckboxState.UNSELECTED);
371
+ setSelectedOptions([]);
372
+ const updatedChangeEvent = {
373
+ target: { value: [] },
374
+ };
375
+ debounce(updatedChangeEvent);
376
+ return;
377
+ }
378
+ // if none are selected, select all
357
379
  const updatedChangeEvent = {
358
- target: { value: [] },
380
+ target: {
381
+ value: options.map((opt) => opt.value),
382
+ },
359
383
  };
384
+ setSelectAllCheckboxState(CheckboxState.SELECTED);
385
+ setSelectedOptions(options.map((opt) => opt.value));
360
386
  debounce(updatedChangeEvent);
361
- return;
362
- }
363
- // if none are selected, select all
364
- const updatedChangeEvent = {
365
- target: {
366
- value: options.map((opt) => opt.value),
367
- },
368
- };
369
- setSelectAllCheckboxState(CheckboxState.SELECTED);
370
- setSelectedOptions(options.map((opt) => opt.value));
371
- debounce(updatedChangeEvent);
372
- }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
387
+ }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
373
388
  .quill-option {
374
389
  background: white;
375
390
  }
376
391
  .quill-option:hover {
377
392
  background: #F4F4F5;
378
393
  }
379
- ` }), (0, jsx_runtime_1.jsx)("input", { ref: selectAllRef, type: "checkbox", checked: selectAllCheckboxState === CheckboxState.SELECTED, style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
380
- textOverflow: 'ellipsis',
381
- whiteSpace: 'nowrap',
382
- overflow: 'hidden',
383
- }, children: 'Select all' })] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
384
- display: 'flex',
385
- alignItems: 'center',
386
- padding: 8,
387
- margin: 0,
388
- boxSizing: 'border-box',
389
- borderWidth: 0,
390
- fontSize: 14,
391
- borderStyle: 'solid',
392
- borderColor: theme?.borderColor,
393
- borderRadius: 4,
394
- fontFamily: theme?.fontFamily,
395
- textOverflow: 'ellipsis',
396
- whiteSpace: 'nowrap',
397
- height: 34,
398
- minHeight: 34,
399
- gap: 6,
400
- overflow: 'hidden',
401
- }, className: "quill-option", onClick: () => {
402
- // Manually create a synthetic ChangeEvent and pass it to callback
403
- const changeEvent = { target: { value: option.value } };
404
- let updateSelectedOptions = [...selectedOptions];
405
- if (selectedOptions.includes(changeEvent.target.value)) {
406
- updateSelectedOptions = selectedOptions.filter((opt) => opt !== changeEvent.target.value);
407
- if (updateSelectedOptions.length === 0) {
408
- setSelectAllCheckboxState(CheckboxState.UNSELECTED);
394
+ ` }), (0, jsx_runtime_1.jsx)("input", { ref: selectAllRef, type: "checkbox", checked: selectAllCheckboxState === CheckboxState.SELECTED, style: {
395
+ width: '14px',
396
+ height: '14px',
397
+ margin: 'auto 0',
398
+ }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
399
+ textOverflow: 'ellipsis',
400
+ whiteSpace: 'nowrap',
401
+ overflow: 'hidden',
402
+ }, children: (0, jsx_runtime_1.jsx)("span", { style: {
403
+ color: theme?.secondaryTextColor,
404
+ fontWeight: 300,
405
+ }, children: "Select all" }) })] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
406
+ display: 'flex',
407
+ alignItems: 'center',
408
+ padding: 8,
409
+ margin: 0,
410
+ boxSizing: 'border-box',
411
+ borderWidth: 0,
412
+ fontSize: 14,
413
+ borderStyle: 'solid',
414
+ borderColor: theme?.borderColor,
415
+ borderRadius: 4,
416
+ fontFamily: theme?.fontFamily,
417
+ textOverflow: 'ellipsis',
418
+ whiteSpace: 'nowrap',
419
+ height: 34,
420
+ minHeight: 34,
421
+ gap: 6,
422
+ overflow: 'hidden',
423
+ }, className: "quill-option", onClick: () => {
424
+ // Manually create a synthetic ChangeEvent and pass it to callback
425
+ const changeEvent = { target: { value: option.value } };
426
+ let updateSelectedOptions = [...selectedOptions];
427
+ if (selectedOptions.includes(changeEvent.target.value)) {
428
+ updateSelectedOptions = selectedOptions.filter((opt) => opt !== changeEvent.target.value);
429
+ if (updateSelectedOptions.length === 0) {
430
+ setSelectAllCheckboxState(CheckboxState.UNSELECTED);
431
+ }
432
+ else {
433
+ setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
434
+ }
435
+ setSelectedOptions(updateSelectedOptions);
409
436
  }
410
437
  else {
411
- setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
412
- }
413
- setSelectedOptions(updateSelectedOptions);
414
- }
415
- else {
416
- updateSelectedOptions = [
417
- ...updateSelectedOptions,
418
- changeEvent.target.value,
419
- ];
420
- if (updateSelectedOptions.length === potentialOptions.length) {
421
- setSelectAllCheckboxState(CheckboxState.SELECTED);
438
+ updateSelectedOptions = [
439
+ ...updateSelectedOptions,
440
+ changeEvent.target.value,
441
+ ];
442
+ if (updateSelectedOptions.length ===
443
+ potentialOptions.length) {
444
+ setSelectAllCheckboxState(CheckboxState.SELECTED);
445
+ }
446
+ else {
447
+ setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
448
+ }
449
+ setSelectedOptions(updateSelectedOptions);
422
450
  }
423
- else {
424
- setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
451
+ const updatedChangeEvent = {
452
+ target: { value: updateSelectedOptions },
453
+ };
454
+ if (updateSelectedOptions.length === 0) {
455
+ updatedChangeEvent.target.value = [];
425
456
  }
426
- setSelectedOptions(updateSelectedOptions);
427
- }
428
- const updatedChangeEvent = {
429
- target: { value: updateSelectedOptions },
430
- };
431
- if (updateSelectedOptions.length === 0) {
432
- updatedChangeEvent.target.value = [];
433
- }
434
- debounce(updatedChangeEvent);
435
- }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
457
+ debounce(updatedChangeEvent);
458
+ }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
436
459
  .quill-option {
437
460
  background: white;
438
461
  }
439
462
  .quill-option:hover {
440
463
  background: #F4F4F5;
441
464
  }
442
- ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectedOptions.includes(option.value), style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
443
- textOverflow: 'ellipsis',
444
- whiteSpace: 'nowrap',
445
- overflow: 'hidden',
446
- }, children: option.label ?? nullLabel })] }, option.value)))] })) : isLoading ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : null] }), document.body)] }));
465
+ ` }), (0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: selectedOptions.includes(option.value), style: {
466
+ width: '14px',
467
+ height: '14px',
468
+ margin: 'auto 0',
469
+ }, readOnly: true }), (0, jsx_runtime_1.jsx)("span", { style: {
470
+ textOverflow: 'ellipsis',
471
+ whiteSpace: 'nowrap',
472
+ overflow: 'hidden',
473
+ }, children: option.label ?? nullLabel })] }, option.value)))] })) : isLoading ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}) })) : null] }), document.body)] }));
447
474
  }
448
475
  const ListboxTextInput = ({ value, onChange, placeholder, }) => {
449
476
  return ((0, jsx_runtime_1.jsxs)("div", { style: {
@@ -1 +1 @@
1
- {"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAMtE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,2CA0StB"}
1
+ {"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAatE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,2CA2TtB"}