@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.
- package/dist/cjs/Chart.d.ts +2 -2
- package/dist/cjs/Chart.d.ts.map +1 -1
- package/dist/cjs/Chart.js +28 -41
- package/dist/cjs/ChartBuilder.d.ts +2 -2
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +157 -134
- package/dist/cjs/ChartEditor.d.ts +2 -2
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +3 -1
- package/dist/cjs/Context.d.ts +10 -3
- package/dist/cjs/Context.d.ts.map +1 -1
- package/dist/cjs/Context.js +324 -249
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +10 -23
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +0 -3
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts +24 -10
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +472 -96
- package/dist/cjs/QuillProvider.d.ts +3 -1
- package/dist/cjs/QuillProvider.d.ts.map +1 -1
- package/dist/cjs/QuillProvider.js +2 -2
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +19 -10
- package/dist/cjs/SQLEditor.d.ts +1 -1
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +50 -16
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +20 -7
- package/dist/cjs/assets/ExclamationFilledIcon.d.ts.map +1 -1
- package/dist/cjs/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/BarChart.js +2 -1
- package/dist/cjs/components/Chart/CustomReferenceLine.d.ts +1 -1
- package/dist/cjs/components/Chart/CustomReferenceLine.d.ts.map +1 -1
- package/dist/cjs/components/Chart/CustomReferenceLine.js +7 -6
- package/dist/cjs/components/Chart/GaugeChart.d.ts +1 -1
- package/dist/cjs/components/Chart/GaugeChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/GaugeChart.js +62 -35
- package/dist/cjs/components/Chart/InternalChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/InternalChart.js +30 -33
- package/dist/cjs/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/LineChart.js +3 -1
- package/dist/cjs/components/Chart/MapChart.d.ts +3 -3
- package/dist/cjs/components/Chart/MapChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/MapChart.js +62 -34
- package/dist/cjs/components/Chart/PieChart.d.ts +3 -1
- package/dist/cjs/components/Chart/PieChart.d.ts.map +1 -1
- package/dist/cjs/components/Chart/PieChart.js +80 -39
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardFilter.js +4 -20
- package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardTemplate.js +2 -1
- package/dist/cjs/components/Dashboard/DataLoader.d.ts +4 -4
- package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.js +31 -14
- package/dist/cjs/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/MetricComponent.js +2 -2
- package/dist/cjs/components/Dashboard/util.d.ts +1 -1
- package/dist/cjs/components/Dashboard/util.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/util.js +7 -6
- package/dist/cjs/components/QuillMultiSelectSectionList.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelectSectionList.js +32 -22
- package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelectWithCombo.js +186 -159
- package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelect.js +83 -75
- package/dist/cjs/components/QuillSelectWithCombo.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelectWithCombo.js +18 -11
- package/dist/cjs/components/ReportBuilder/FilterStack.d.ts +2 -1
- package/dist/cjs/components/ReportBuilder/FilterStack.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/FilterStack.js +3 -4
- package/dist/cjs/components/ReportBuilder/ui.d.ts +2 -2
- package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/ui.js +4 -7
- package/dist/cjs/hooks/useAskQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useAskQuill.js +5 -1
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +96 -58
- package/dist/cjs/hooks/useExport.d.ts.map +1 -1
- package/dist/cjs/hooks/useExport.js +23 -13
- package/dist/cjs/hooks/useOnClickOutside.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +8 -10
- package/dist/cjs/hooks/useReport.d.ts.map +1 -1
- package/dist/cjs/hooks/useVirtualTables.d.ts.map +1 -1
- package/dist/cjs/hooks/useVirtualTables.js +16 -22
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +2 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +2 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +19 -7
- package/dist/cjs/models/Client.d.ts +0 -1
- package/dist/cjs/models/Client.d.ts.map +1 -1
- package/dist/cjs/models/Data.d.ts +20 -0
- package/dist/cjs/models/Data.d.ts.map +1 -0
- package/dist/cjs/models/Data.js +2 -0
- package/dist/cjs/models/Filter.d.ts +42 -4
- package/dist/cjs/models/Filter.d.ts.map +1 -1
- package/dist/cjs/models/Pivot.d.ts.map +1 -1
- package/dist/cjs/utils/astProcessing.d.ts +3 -2
- package/dist/cjs/utils/astProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/astProcessing.js +28 -37
- package/dist/cjs/utils/client.d.ts +3 -2
- package/dist/cjs/utils/client.d.ts.map +1 -1
- package/dist/cjs/utils/client.js +38 -39
- package/dist/cjs/utils/columnProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/columnProcessing.js +14 -3
- package/dist/cjs/utils/constants.d.ts +1 -0
- package/dist/cjs/utils/constants.d.ts.map +1 -1
- package/dist/cjs/utils/constants.js +2 -1
- package/dist/cjs/utils/dashboard.d.ts +3 -2
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +30 -12
- package/dist/cjs/utils/dataFetcher.d.ts +8 -5
- package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
- package/dist/cjs/utils/dataFetcher.js +189 -65
- package/dist/cjs/utils/filterProcessing.d.ts +2 -1
- package/dist/cjs/utils/filterProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/filterProcessing.js +24 -38
- package/dist/cjs/utils/getDomain.d.ts.map +1 -1
- package/dist/cjs/utils/pivotConstructor.d.ts +2 -1
- package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/pivotConstructor.js +15 -11
- package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/pivotProcessing.js +3 -5
- package/dist/cjs/utils/queryConstructor.js +1 -1
- package/dist/cjs/utils/report.d.ts +10 -7
- package/dist/cjs/utils/report.d.ts.map +1 -1
- package/dist/cjs/utils/report.js +52 -60
- package/dist/cjs/utils/schema.d.ts +4 -3
- package/dist/cjs/utils/schema.d.ts.map +1 -1
- package/dist/cjs/utils/schema.js +30 -44
- package/dist/cjs/utils/tableProcessing.d.ts +16 -10
- package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/tableProcessing.js +91 -90
- package/dist/cjs/utils/textProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/textProcessing.js +2 -1
- package/dist/cjs/utils/ui.d.ts.map +1 -1
- package/dist/esm/Chart.d.ts +2 -2
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +30 -43
- package/dist/esm/ChartBuilder.d.ts +2 -2
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +158 -135
- package/dist/esm/ChartEditor.d.ts +2 -2
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +4 -2
- package/dist/esm/Context.d.ts +10 -3
- package/dist/esm/Context.d.ts.map +1 -1
- package/dist/esm/Context.js +326 -251
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +12 -25
- package/dist/esm/DateRangePicker/QuillDateRangePicker.js +0 -3
- package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts +24 -10
- package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
- package/dist/esm/DateRangePicker/dateRangePickerUtils.js +471 -95
- package/dist/esm/QuillProvider.d.ts +3 -1
- package/dist/esm/QuillProvider.d.ts.map +1 -1
- package/dist/esm/QuillProvider.js +2 -2
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +21 -12
- package/dist/esm/SQLEditor.d.ts +1 -1
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +53 -19
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +21 -8
- package/dist/esm/assets/ExclamationFilledIcon.d.ts.map +1 -1
- package/dist/esm/components/Chart/BarChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/BarChart.js +2 -1
- package/dist/esm/components/Chart/CustomReferenceLine.d.ts +1 -1
- package/dist/esm/components/Chart/CustomReferenceLine.d.ts.map +1 -1
- package/dist/esm/components/Chart/CustomReferenceLine.js +8 -7
- package/dist/esm/components/Chart/GaugeChart.d.ts +1 -1
- package/dist/esm/components/Chart/GaugeChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/GaugeChart.js +64 -37
- package/dist/esm/components/Chart/InternalChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/InternalChart.js +32 -35
- package/dist/esm/components/Chart/LineChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/LineChart.js +3 -1
- package/dist/esm/components/Chart/MapChart.d.ts +3 -3
- package/dist/esm/components/Chart/MapChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/MapChart.js +67 -39
- package/dist/esm/components/Chart/PieChart.d.ts +3 -1
- package/dist/esm/components/Chart/PieChart.d.ts.map +1 -1
- package/dist/esm/components/Chart/PieChart.js +80 -39
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardFilter.js +5 -21
- package/dist/esm/components/Dashboard/DashboardSection.js +2 -2
- package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardTemplate.js +3 -2
- package/dist/esm/components/Dashboard/DataLoader.d.ts +4 -4
- package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.js +32 -15
- package/dist/esm/components/Dashboard/MetricComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/MetricComponent.js +2 -2
- package/dist/esm/components/Dashboard/util.d.ts +1 -1
- package/dist/esm/components/Dashboard/util.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/util.js +8 -7
- package/dist/esm/components/QuillMultiSelectSectionList.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelectSectionList.js +32 -22
- package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelectWithCombo.js +187 -160
- package/dist/esm/components/QuillSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillSelect.js +85 -77
- package/dist/esm/components/QuillSelectWithCombo.d.ts.map +1 -1
- package/dist/esm/components/QuillSelectWithCombo.js +18 -11
- package/dist/esm/components/ReportBuilder/FilterStack.d.ts +2 -1
- package/dist/esm/components/ReportBuilder/FilterStack.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/FilterStack.js +3 -4
- package/dist/esm/components/ReportBuilder/ui.d.ts +2 -2
- package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/ui.js +4 -7
- package/dist/esm/hooks/useAskQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useAskQuill.js +6 -2
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +98 -60
- package/dist/esm/hooks/useExport.d.ts.map +1 -1
- package/dist/esm/hooks/useExport.js +25 -15
- package/dist/esm/hooks/useOnClickOutside.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +9 -11
- package/dist/esm/hooks/useReport.d.ts.map +1 -1
- package/dist/esm/hooks/useReport.js +1 -1
- package/dist/esm/hooks/useVirtualTables.d.ts.map +1 -1
- package/dist/esm/hooks/useVirtualTables.js +17 -23
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +2 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +20 -8
- package/dist/esm/models/Client.d.ts +0 -1
- package/dist/esm/models/Client.d.ts.map +1 -1
- package/dist/esm/models/Data.d.ts +20 -0
- package/dist/esm/models/Data.d.ts.map +1 -0
- package/dist/esm/models/Data.js +1 -0
- package/dist/esm/models/Filter.d.ts +42 -4
- package/dist/esm/models/Filter.d.ts.map +1 -1
- package/dist/esm/models/Pivot.d.ts.map +1 -1
- package/dist/esm/utils/astProcessing.d.ts +3 -2
- package/dist/esm/utils/astProcessing.d.ts.map +1 -1
- package/dist/esm/utils/astProcessing.js +28 -37
- package/dist/esm/utils/client.d.ts +3 -2
- package/dist/esm/utils/client.d.ts.map +1 -1
- package/dist/esm/utils/client.js +38 -39
- package/dist/esm/utils/columnProcessing.d.ts.map +1 -1
- package/dist/esm/utils/columnProcessing.js +14 -3
- package/dist/esm/utils/constants.d.ts +1 -0
- package/dist/esm/utils/constants.d.ts.map +1 -1
- package/dist/esm/utils/constants.js +1 -0
- package/dist/esm/utils/dashboard.d.ts +3 -2
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +31 -13
- package/dist/esm/utils/dataFetcher.d.ts +8 -5
- package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
- package/dist/esm/utils/dataFetcher.js +187 -65
- package/dist/esm/utils/filterProcessing.d.ts +2 -1
- package/dist/esm/utils/filterProcessing.d.ts.map +1 -1
- package/dist/esm/utils/filterProcessing.js +25 -39
- package/dist/esm/utils/getDomain.d.ts.map +1 -1
- package/dist/esm/utils/pivotConstructor.d.ts +2 -1
- package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/esm/utils/pivotConstructor.js +16 -12
- package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/esm/utils/pivotProcessing.js +5 -7
- package/dist/esm/utils/queryConstructor.js +1 -1
- package/dist/esm/utils/report.d.ts +10 -7
- package/dist/esm/utils/report.d.ts.map +1 -1
- package/dist/esm/utils/report.js +53 -61
- package/dist/esm/utils/schema.d.ts +4 -3
- package/dist/esm/utils/schema.d.ts.map +1 -1
- package/dist/esm/utils/schema.js +30 -44
- package/dist/esm/utils/tableProcessing.d.ts +16 -10
- package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
- package/dist/esm/utils/tableProcessing.js +93 -92
- package/dist/esm/utils/textProcessing.d.ts.map +1 -1
- package/dist/esm/utils/textProcessing.js +2 -1
- package/dist/esm/utils/ui.d.ts.map +1 -1
- package/package.json +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"
|
|
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
|
-
|
|
166
|
-
.
|
|
167
|
-
|
|
168
|
-
|
|
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, {
|
|
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, {
|
|
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
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
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
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
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: {
|
|
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
|
-
|
|
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: {
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
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
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
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
|
-
|
|
424
|
-
|
|
451
|
+
const updatedChangeEvent = {
|
|
452
|
+
target: { value: updateSelectedOptions },
|
|
453
|
+
};
|
|
454
|
+
if (updateSelectedOptions.length === 0) {
|
|
455
|
+
updatedChangeEvent.target.value = [];
|
|
425
456
|
}
|
|
426
|
-
|
|
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: {
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
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":"
|
|
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"}
|