@quillsql/react 2.12.50 → 2.12.52
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/ChartBuilder.js +1 -1
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +47 -15
- package/dist/cjs/assets/index.d.ts +0 -1
- package/dist/cjs/assets/index.d.ts.map +1 -1
- package/dist/cjs/assets/index.js +1 -3
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts +6 -3
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardFilter.js +18 -14
- package/dist/cjs/components/QuillMultiSelect.d.ts +1 -1
- package/dist/cjs/components/QuillMultiSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelect.js +4 -3
- package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts +1 -1
- package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelectWithCombo.js +6 -5
- package/dist/cjs/components/QuillSelect.d.ts +1 -1
- package/dist/cjs/components/QuillSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelect.js +5 -4
- package/dist/cjs/components/QuillSelectWithCombo.d.ts +1 -1
- package/dist/cjs/components/QuillSelectWithCombo.d.ts.map +1 -1
- package/dist/cjs/components/QuillSelectWithCombo.js +6 -5
- package/dist/cjs/components/ReportBuilder/convert.d.ts +1 -1
- package/dist/cjs/components/UiComponents.d.ts +2 -0
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.d.ts +3 -0
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +28 -19
- package/dist/cjs/hooks/useOnClickOutside.d.ts.map +1 -1
- package/dist/cjs/hooks/useOnClickOutside.js +4 -2
- package/dist/cjs/utils/dashboard.d.ts +2 -0
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +22 -2
- package/dist/esm/ChartBuilder.js +1 -1
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +48 -16
- package/dist/esm/assets/index.d.ts +0 -1
- package/dist/esm/assets/index.d.ts.map +1 -1
- package/dist/esm/assets/index.js +0 -1
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts +6 -3
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardFilter.js +18 -14
- package/dist/esm/components/QuillMultiSelect.d.ts +1 -1
- package/dist/esm/components/QuillMultiSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelect.js +4 -3
- package/dist/esm/components/QuillMultiSelectWithCombo.d.ts +1 -1
- package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelectWithCombo.js +6 -5
- package/dist/esm/components/QuillSelect.d.ts +1 -1
- package/dist/esm/components/QuillSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillSelect.js +5 -4
- package/dist/esm/components/QuillSelectWithCombo.d.ts +1 -1
- package/dist/esm/components/QuillSelectWithCombo.d.ts.map +1 -1
- package/dist/esm/components/QuillSelectWithCombo.js +6 -5
- package/dist/esm/components/ReportBuilder/convert.d.ts +1 -1
- package/dist/esm/components/UiComponents.d.ts +2 -0
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.d.ts +3 -0
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +28 -19
- package/dist/esm/hooks/useOnClickOutside.d.ts.map +1 -1
- package/dist/esm/hooks/useOnClickOutside.js +4 -2
- package/dist/esm/utils/dashboard.d.ts +2 -0
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +20 -1
- package/package.json +1 -1
- package/dist/cjs/assets/LoadingSpinner.d.ts +0 -5
- package/dist/cjs/assets/LoadingSpinner.d.ts.map +0 -1
- package/dist/cjs/assets/LoadingSpinner.js +0 -5
- package/dist/esm/assets/LoadingSpinner.d.ts +0 -5
- package/dist/esm/assets/LoadingSpinner.d.ts.map +0 -1
- package/dist/esm/assets/LoadingSpinner.js +0 -3
package/dist/cjs/ChartBuilder.js
CHANGED
|
@@ -477,7 +477,7 @@ function ChartBuilder({ TextInputComponent = UiComponents_1.QuillTextInput, Sele
|
|
|
477
477
|
body: JSON.stringify({
|
|
478
478
|
metadata: {
|
|
479
479
|
orgId: customerId || '*',
|
|
480
|
-
task: '
|
|
480
|
+
task: 'dashboard',
|
|
481
481
|
name: dashboardName,
|
|
482
482
|
clientId: publicKey,
|
|
483
483
|
databaseType: client.databaseType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,aAAa,EACb,SAAS,EACT,WAAW,
|
|
1
|
+
{"version":3,"file":"Dashboard.d.ts","sourceRoot":"","sources":["../../src/Dashboard.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/Dashboard.js
CHANGED
|
@@ -32,7 +32,6 @@ const Chart_1 = require("./Chart");
|
|
|
32
32
|
const dateRangePickerUtils_1 = require("./DateRangePicker/dateRangePickerUtils");
|
|
33
33
|
const Context_1 = require("./Context");
|
|
34
34
|
const useDashboard_1 = require("./hooks/useDashboard");
|
|
35
|
-
const crypto_1 = require("./utils/crypto");
|
|
36
35
|
const DashboardSectionContainer_1 = __importDefault(require("./components/Dashboard/DashboardSectionContainer"));
|
|
37
36
|
const MetricComponent_1 = __importDefault(require("./components/Dashboard/MetricComponent"));
|
|
38
37
|
const TableComponent_1 = __importDefault(require("./components/Dashboard/TableComponent"));
|
|
@@ -56,6 +55,7 @@ const TemplateMetricComponent_1 = __importDefault(require("./components/Dashboar
|
|
|
56
55
|
const TemplateTableComponent_1 = __importDefault(require("./components/Dashboard/TemplateTableComponent"));
|
|
57
56
|
const DashboardTemplate_1 = __importDefault(require("./components/Dashboard/DashboardTemplate"));
|
|
58
57
|
const Filter_2 = require("./models/Filter");
|
|
58
|
+
const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
|
|
59
59
|
const defaultChartContainerStyles = {
|
|
60
60
|
display: 'flex',
|
|
61
61
|
width: '100%',
|
|
@@ -103,7 +103,8 @@ const tables = (sections, section, sortByOrdering) => sections[section]
|
|
|
103
103
|
* @see https://docs.quillsql.com/components/dashboard
|
|
104
104
|
*/
|
|
105
105
|
function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithCombo_1.QuillSelectComponentWithCombo, MultiSelectComponent = QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, ModalComponent = UiComponents_1.QuillModalComponent, ButtonComponent = UiComponents_1.MemoizedButton, SecondaryButtonComponent = UiComponents_1.MemoizedSecondaryButton, FilterTagComponent = ui_1.QuillFilterPopover, PopoverComponent = UiComponents_1.MemoizedPopover, TextInputComponent = UiComponents_1.QuillTextInput, EmptyDashboardComponent = UiComponents_1.QuillEmptyDashboardComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, MetricComponent = MetricComponent_1.default, ChartComponent = ChartComponent_1.default, TableComponent = TableComponent_1.default, TemplateMetricComponent = TemplateMetricComponent_1.default, TemplateChartComponent = TemplateChartComponent_1.default, TemplateTableComponent = TemplateTableComponent_1.default, DashboardSectionComponent = DashboardSection_1.default, DashboardSectionContainerComponent = DashboardSectionContainer_1.default, FilterContainerComponent = UiComponents_1.QuillFilterContainerComponent, DashboardLoadingComponent = UiComponents_1.QuillLoadingDashboardComponent, ErrorComponent = ChartError_1.QuillChartErrorWithAction, onClickReport, hoverActions, onChangeLoading, hideFilters, hideXAxis = false, hideYAxis = false, hideCartesianGrid = false, comparisonLineStyle = 'solid', containerStyle, className, chartContainerStyle = defaultChartContainerStyles, filters, onClickChartElement, dateBucket, additionalProcessing, hideAdminErrors = true, templateDashboardName, }) {
|
|
106
|
-
const { isLoading, data, reload } = (0, useDashboard_1.useDashboard)(name);
|
|
106
|
+
const { isLoading, data, reload, isDashboardFiltersLoading, dashboardFilters: populatedDashboardFilters, } = (0, useDashboard_1.useDashboard)(name);
|
|
107
|
+
const [isDashboardOptionsLoading, setisDashboardOptionsLoading] = (0, react_1.useState)(isDashboardFiltersLoading);
|
|
107
108
|
const [presetFilters, setPresetFilters] = (0, react_1.useState)(null);
|
|
108
109
|
const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
|
|
109
110
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
@@ -120,12 +121,16 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
120
121
|
const [filterListIsOpen, setFilterListIsOpen] = (0, react_1.useState)(false);
|
|
121
122
|
const [filterListAddFilterPopoverIsOpen, setFilterListAddFilterPopoverIsOpen,] = (0, react_1.useState)(false);
|
|
122
123
|
const [uniqueCounter, setUniqueCounter] = (0, react_1.useState)(0);
|
|
123
|
-
const userFilters =
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
124
|
+
const userFilters = (0, react_1.useMemo)(() => {
|
|
125
|
+
return (appliedFilters
|
|
126
|
+
?.map((filter, index) => {
|
|
127
|
+
return { filter, index };
|
|
128
|
+
})
|
|
129
|
+
.filter((filter) => filter.filter.isUserFilter) ?? []);
|
|
130
|
+
}, [appliedFilters]);
|
|
131
|
+
const adminFilters = (0, react_1.useMemo)(() => {
|
|
132
|
+
return appliedFilters?.filter((filter) => !filter.isUserFilter) ?? [];
|
|
133
|
+
}, [appliedFilters]);
|
|
129
134
|
const customOperatorOptions = {
|
|
130
135
|
[Filter_1.FieldTypes.Number]: [
|
|
131
136
|
Filter_1.NumberOperator.EqualTo,
|
|
@@ -158,6 +163,24 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
158
163
|
return;
|
|
159
164
|
onDashboardDataChange(data, schemaData.schema);
|
|
160
165
|
}, [data, filters, schemaData.schema]);
|
|
166
|
+
(0, react_1.useEffect)(() => {
|
|
167
|
+
if (isDashboardFiltersLoading)
|
|
168
|
+
return;
|
|
169
|
+
if (populatedDashboardFilters) {
|
|
170
|
+
const newApplied = appliedFilters?.map((filter) => {
|
|
171
|
+
if ((filter.options && filter.options.length) ||
|
|
172
|
+
filter.isUserFilter) {
|
|
173
|
+
return filter;
|
|
174
|
+
}
|
|
175
|
+
const equivalent = populatedDashboardFilters.find((populatedFilter) => populatedFilter._id === filter._id);
|
|
176
|
+
return { ...filter, options: equivalent?.options ?? filter.options };
|
|
177
|
+
}) ?? populatedDashboardFilters;
|
|
178
|
+
if (!(0, fast_deep_equal_1.default)(appliedFilters, newApplied)) {
|
|
179
|
+
setAppliedFilters(newApplied);
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
setisDashboardOptionsLoading(false);
|
|
183
|
+
}, [isDashboardFiltersLoading, populatedDashboardFilters]);
|
|
161
184
|
(0, react_1.useEffect)(() => {
|
|
162
185
|
reload(name);
|
|
163
186
|
}, [name, client]);
|
|
@@ -295,7 +318,15 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
295
318
|
Object.values(resp.filters)
|
|
296
319
|
.filter((filter) => filter.filterType !== 'date_range')
|
|
297
320
|
.forEach((filter) => {
|
|
298
|
-
|
|
321
|
+
let processedFilter = processFilter(filter);
|
|
322
|
+
if (populatedDashboardFilters) {
|
|
323
|
+
const equivalent = populatedDashboardFilters.find((populatedFilter) => populatedFilter._id === filter._id);
|
|
324
|
+
processedFilter = {
|
|
325
|
+
...processedFilter,
|
|
326
|
+
options: equivalent?.options ?? filter.options,
|
|
327
|
+
};
|
|
328
|
+
}
|
|
329
|
+
filterArray.push(processedFilter);
|
|
299
330
|
});
|
|
300
331
|
}
|
|
301
332
|
// Add custom filter to filterArray
|
|
@@ -310,16 +341,14 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
310
341
|
}
|
|
311
342
|
// remove all that are already present in dashboardSpecificFilters
|
|
312
343
|
const dashboardSpecificFilters = dashboardFilters.filter((f) => f.dashboardName === name);
|
|
313
|
-
if ((0,
|
|
314
|
-
(0, crypto_1.hashCode)(JSON.stringify(filterArray))) {
|
|
344
|
+
if (!(0, fast_deep_equal_1.default)(dashboardSpecificFilters, filterArray)) {
|
|
315
345
|
dashboardFiltersDispatch({
|
|
316
346
|
type: 'CLEAR_AND_ADD_DASHBOARD_FILTERS',
|
|
317
347
|
data: filterArray,
|
|
318
348
|
dashboardName: name,
|
|
319
349
|
});
|
|
320
350
|
}
|
|
321
|
-
if ((0,
|
|
322
|
-
(0, crypto_1.hashCode)(JSON.stringify(filterArray))) {
|
|
351
|
+
if (!(0, fast_deep_equal_1.default)(appliedFilters, filterArray)) {
|
|
323
352
|
setAppliedFilters(filterArray);
|
|
324
353
|
}
|
|
325
354
|
setInitialLoad(false);
|
|
@@ -573,7 +602,7 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
573
602
|
data &&
|
|
574
603
|
data.customFiltersEnabled &&
|
|
575
604
|
filterSchema &&
|
|
576
|
-
filterSchema.columns.length === 0 && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 10 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.QuillErrorMessageComponent, { errorMessage: "Warning: No custom filter options because there are no common views among the charts in the dashboard" }) })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [!hideFilters && ((0, jsx_runtime_1.jsxs)(FilterContainerComponent, { children: [adminFilters.map((filter, index) => ((0, jsx_runtime_1.jsx)(DashboardFilter_1.DashboardFilter, { filter: filter, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent }, index))), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
605
|
+
filterSchema.columns.length === 0 && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 10 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.QuillErrorMessageComponent, { errorMessage: "Warning: No custom filter options because there are no common views among the charts in the dashboard" }) })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [!hideFilters && ((0, jsx_runtime_1.jsxs)(FilterContainerComponent, { children: [adminFilters.map((filter, index) => ((0, jsx_runtime_1.jsx)(DashboardFilter_1.DashboardFilter, { filter: filter, onChangeFilter: updateFilter, theme: theme, SelectComponent: SelectComponent, MultiSelectComponent: MultiSelectComponent, DateRangePickerComponent: DateRangePickerComponent, isLoading: isDashboardOptionsLoading }, filter._id ?? index))), (0, jsx_runtime_1.jsxs)("div", { style: {
|
|
577
606
|
display: 'flex',
|
|
578
607
|
flexDirection: 'column',
|
|
579
608
|
}, children: [data && data.customFiltersEnabled && ((0, jsx_runtime_1.jsx)(SecondaryButtonComponent, { onClick: () => {
|
|
@@ -663,7 +692,10 @@ function Dashboard({ name, hidden = false, SelectComponent = QuillSelectWithComb
|
|
|
663
692
|
...data,
|
|
664
693
|
});
|
|
665
694
|
}
|
|
666
|
-
}, hoverActions: hoverActions, onClickChartElement: onClickChartElement, isLoading: isLoading, dateBucket: dateBucket, children: error ? ((0, jsx_runtime_1.jsx)(ErrorComponent, { label: error, containerStyle: {
|
|
695
|
+
}, hoverActions: hoverActions, onClickChartElement: onClickChartElement, isLoading: isLoading, dateBucket: dateBucket, children: error ? ((0, jsx_runtime_1.jsx)(ErrorComponent, { label: error, containerStyle: {
|
|
696
|
+
minHeight: 300,
|
|
697
|
+
height: 300,
|
|
698
|
+
} })) : ((0, jsx_runtime_1.jsx)(Chart_1.ChartDisplay, { reportId: data.id, config: data, loading: isLoading, containerStyle: chartContainerStyle, colors: theme.chartColors?.length
|
|
667
699
|
? theme.chartColors
|
|
668
700
|
: undefined, scrollable: false, hideXAxis: hideXAxis, hideYAxis: hideYAxis, hideCartesianGrid: hideCartesianGrid, comparisonLineStyle: comparisonLineStyle, onClickChartElement: onClickChartElement })) }, item.name + '' + index)) }, `${item._id}${index}`))) })), tables(data.sections, section, sortByOrdering).length > 0 && ((0, jsx_runtime_1.jsx)(DashboardSectionComponent, { section: "tables", children: tables(data.sections, section, sortByOrdering).map((item, index) => ((0, jsx_runtime_1.jsx)(DataLoader_1.default, { item: item, filters: appliedFilters, children: ({ isLoading, error, onPageChange, onSortChange, data, }) => ((0, jsx_runtime_1.jsx)(TableComponent, { report: data, isLoading: isLoading, error: error, onClick: !isLoading && onClickReport
|
|
669
701
|
? () => handleOnClickDashboardItem({
|
|
@@ -12,7 +12,6 @@ export { default as ArrowUpRightIcon } from './ArrowUpRightIcon';
|
|
|
12
12
|
export { default as CalendarIcon } from './CalendarIcon';
|
|
13
13
|
export { default as CalendarNormalIcon } from './CalendarNormalIcon';
|
|
14
14
|
export { default as ExclamationFilledIcon } from './ExclamationFilledIcon';
|
|
15
|
-
export { default as LoadingSpinner } from './LoadingSpinner';
|
|
16
15
|
export { default as SearchIcon } from './SearchIcon';
|
|
17
16
|
export { default as XCircleIcon } from './XCircleIcon';
|
|
18
17
|
export { default as RefreshIcon } from './RefreshIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/cjs/assets/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.XIcon = exports.UpLeftArrowsIcon = exports.FilterIcon = exports.RefreshIcon = exports.XCircleIcon = exports.SearchIcon = exports.
|
|
6
|
+
exports.XIcon = exports.UpLeftArrowsIcon = exports.FilterIcon = exports.RefreshIcon = exports.XCircleIcon = exports.SearchIcon = exports.ExclamationFilledIcon = exports.CalendarNormalIcon = exports.CalendarIcon = exports.ArrowUpRightIcon = exports.ArrowUpIcon = exports.ArrowUpHeadIcon = exports.DoubleArrowRightHeadIcon = exports.DoubleArrowLeftHeadIcon = exports.ArrowLeftHeadIcon = exports.ArrowRightHeadIcon = exports.ArrowRightIcon = exports.ArrowDownIcon = exports.ArrowDownRightIcon = exports.ArrowDownHeadIcon = void 0;
|
|
7
7
|
var ArrowDownHeadIcon_1 = require("./ArrowDownHeadIcon");
|
|
8
8
|
Object.defineProperty(exports, "ArrowDownHeadIcon", { enumerable: true, get: function () { return __importDefault(ArrowDownHeadIcon_1).default; } });
|
|
9
9
|
var ArrowDownRightIcon_1 = require("./ArrowDownRightIcon");
|
|
@@ -32,8 +32,6 @@ var CalendarNormalIcon_1 = require("./CalendarNormalIcon");
|
|
|
32
32
|
Object.defineProperty(exports, "CalendarNormalIcon", { enumerable: true, get: function () { return __importDefault(CalendarNormalIcon_1).default; } });
|
|
33
33
|
var ExclamationFilledIcon_1 = require("./ExclamationFilledIcon");
|
|
34
34
|
Object.defineProperty(exports, "ExclamationFilledIcon", { enumerable: true, get: function () { return __importDefault(ExclamationFilledIcon_1).default; } });
|
|
35
|
-
var LoadingSpinner_1 = require("./LoadingSpinner");
|
|
36
|
-
Object.defineProperty(exports, "LoadingSpinner", { enumerable: true, get: function () { return __importDefault(LoadingSpinner_1).default; } });
|
|
37
35
|
var SearchIcon_1 = require("./SearchIcon");
|
|
38
36
|
Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
|
|
39
37
|
var XCircleIcon_1 = require("./XCircleIcon");
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { type DateRangePickerComponentProps } from '../../DateRangePicker/QuillDateRangePicker';
|
|
3
3
|
import { QuillTheme } from '../../QuillProvider';
|
|
4
4
|
import { DashboardFilter as Filters } from '../../models/Filter';
|
|
5
|
-
type SelectComponentType = ({ label, value, options, onChange, width, }: {
|
|
5
|
+
type SelectComponentType = ({ label, value, options, onChange, width, isLoading, }: {
|
|
6
6
|
value: string;
|
|
7
7
|
label?: string | undefined;
|
|
8
8
|
width: number;
|
|
@@ -10,9 +10,10 @@ type SelectComponentType = ({ label, value, options, onChange, width, }: {
|
|
|
10
10
|
value: string;
|
|
11
11
|
label: string;
|
|
12
12
|
}[];
|
|
13
|
+
isLoading?: boolean;
|
|
13
14
|
onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
14
15
|
}) => JSX.Element;
|
|
15
|
-
type MultiSelectComponentType = ({ label, value, options, onChange, width, }: {
|
|
16
|
+
type MultiSelectComponentType = ({ label, value, options, onChange, width, isLoading, }: {
|
|
16
17
|
value: string[];
|
|
17
18
|
label?: string | undefined;
|
|
18
19
|
width: number;
|
|
@@ -20,6 +21,7 @@ type MultiSelectComponentType = ({ label, value, options, onChange, width, }: {
|
|
|
20
21
|
value: string;
|
|
21
22
|
label: string;
|
|
22
23
|
}[];
|
|
24
|
+
isLoading?: boolean;
|
|
23
25
|
onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
|
|
24
26
|
target: {
|
|
25
27
|
value: string[];
|
|
@@ -34,7 +36,8 @@ interface DashboardFilterProps {
|
|
|
34
36
|
MultiSelectComponent: MultiSelectComponentType | React.MemoExoticComponent<MultiSelectComponentType>;
|
|
35
37
|
DateRangePickerComponent: DateRangePickerComponentType | React.MemoExoticComponent<DateRangePickerComponentType>;
|
|
36
38
|
theme: QuillTheme;
|
|
39
|
+
isLoading?: boolean;
|
|
37
40
|
}
|
|
38
|
-
export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, MultiSelectComponent, DateRangePickerComponent, theme, }: DashboardFilterProps): import("react/jsx-runtime").JSX.Element | null;
|
|
41
|
+
export declare function DashboardFilter({ filter, onChangeFilter, SelectComponent, MultiSelectComponent, DateRangePickerComponent, theme, isLoading, }: DashboardFilterProps): import("react/jsx-runtime").JSX.Element | null;
|
|
39
42
|
export {};
|
|
40
43
|
//# sourceMappingURL=DashboardFilter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,
|
|
1
|
+
{"version":3,"file":"DashboardFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Dashboard/DashboardFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,mBAAmB,GAAG,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACjE,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,wBAAwB,GAAG,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CACR,KAAK,EACD,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,GACpC;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,KAChC,IAAI,CAAC;CACX,KAAK,GAAG,CAAC,OAAO,CAAC;AAElB,KAAK,4BAA4B,GAAG,CAAC,EACnC,SAAS,EACT,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,WAAW,GACZ,EAAE,6BAA6B,KAAK,GAAG,CAAC,OAAO,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACzC,eAAe,EACX,mBAAmB,GACnB,KAAK,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACnD,oBAAoB,EAChB,wBAAwB,GACxB,KAAK,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,CAAC;IACxD,wBAAwB,EACpB,4BAA4B,GAC5B,KAAK,CAAC,mBAAmB,CAAC,4BAA4B,CAAC,CAAC;IAC5D,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,cAAc,EACd,eAAsC,EACtC,oBAAgD,EAChD,wBAA+C,EAC/C,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,kDAgJtB"}
|
|
@@ -7,7 +7,7 @@ const dateRangePickerUtils_1 = require("../../DateRangePicker/dateRangePickerUti
|
|
|
7
7
|
const QuillDateRangePicker_1 = require("../../DateRangePicker/QuillDateRangePicker");
|
|
8
8
|
const QuillMultiSelect_1 = require("../QuillMultiSelect");
|
|
9
9
|
const QuillSelect_1 = require("../QuillSelect");
|
|
10
|
-
function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, }) {
|
|
10
|
+
function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect_1.QuillSelectComponent, MultiSelectComponent = QuillMultiSelect_1.QuillMultiSelectComponent, DateRangePickerComponent = QuillDateRangePicker_1.QuillDateRangePicker, theme, isLoading, }) {
|
|
11
11
|
const [filterValue, setFilterValue] = (0, react_1.useState)(null);
|
|
12
12
|
(0, react_1.useEffect)(() => {
|
|
13
13
|
if (filter.filterType === 'string') {
|
|
@@ -19,10 +19,10 @@ function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
}, [filter]);
|
|
22
|
+
if ((!filter.options || filter.options.length === 0) && !isLoading) {
|
|
23
|
+
return null;
|
|
24
|
+
}
|
|
22
25
|
if (filter.filterType === 'string') {
|
|
23
|
-
if (!filter.options || filter.options.length === 0) {
|
|
24
|
-
return null;
|
|
25
|
-
}
|
|
26
26
|
if (filter.stringFilterType === 'multiselect') {
|
|
27
27
|
return ((0, jsx_runtime_1.jsx)(MultiSelectComponent, { label: filter.label, value: filterValue ? filterValue : [], onChange: (e) => {
|
|
28
28
|
if (e.target.value === '') {
|
|
@@ -37,20 +37,24 @@ function DashboardFilter({ filter, onChangeFilter, SelectComponent = QuillSelect
|
|
|
37
37
|
setFilterValue(jsonValue);
|
|
38
38
|
onChangeFilter(filter, jsonValue);
|
|
39
39
|
}, options: [
|
|
40
|
-
...filter.options
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
...(filter.options
|
|
41
|
+
? filter.options.map((elem) => ({
|
|
42
|
+
label: elem[filter.labelField],
|
|
43
|
+
value: elem[filter.field],
|
|
44
|
+
}))
|
|
45
|
+
: []),
|
|
46
|
+
], width: 200, isLoading: isLoading }));
|
|
45
47
|
}
|
|
46
48
|
return ((0, jsx_runtime_1.jsx)(SelectComponent, { label: filter.label, value: filterValue ? filterValue : '', onChange: (e) => {
|
|
47
49
|
onChangeFilter(filter, e.target.value);
|
|
48
50
|
}, options: [
|
|
49
|
-
...filter.options
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
...(filter.options
|
|
52
|
+
? filter.options.map((elem) => ({
|
|
53
|
+
label: elem[filter.labelField],
|
|
54
|
+
value: elem[filter.field],
|
|
55
|
+
}))
|
|
56
|
+
: []),
|
|
57
|
+
], width: 200, isLoading: isLoading }));
|
|
54
58
|
}
|
|
55
59
|
if (filter.filterType === 'date_range') {
|
|
56
60
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
@@ -2,7 +2,7 @@ import { MultiSelectComponentProps } from './UiComponents';
|
|
|
2
2
|
/**
|
|
3
3
|
* A robust select component that implements the new minimal Select interface.
|
|
4
4
|
*/
|
|
5
|
-
export declare function QuillMultiSelectComponent({ options, width, onChange, label, value, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function QuillMultiSelectComponent({ options, width, onChange, label, value, isLoading, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
|
|
7
7
|
value: string;
|
|
8
8
|
onChange: (e: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"QuillMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAgC3E;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,2CA4Q3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAyDpB,CAAC"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ListboxTextInput = exports.QuillMultiSelectComponent = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const hooks_1 = require("../hooks");
|
|
6
|
+
const UiComponents_1 = require("./UiComponents");
|
|
6
7
|
const react_1 = require("react");
|
|
7
8
|
const Context_1 = require("../Context");
|
|
8
9
|
/**
|
|
@@ -23,7 +24,7 @@ function displaySelectedOptionLabels({ options, value, }) {
|
|
|
23
24
|
/**
|
|
24
25
|
* A robust select component that implements the new minimal Select interface.
|
|
25
26
|
*/
|
|
26
|
-
function QuillMultiSelectComponent({ options, width, onChange, label, value, }) {
|
|
27
|
+
function QuillMultiSelectComponent({ options, width, onChange, label, value, isLoading, }) {
|
|
27
28
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
28
29
|
const [selectedOptions, setSelectedOptions] = (0, react_1.useState)([]);
|
|
29
30
|
const [showModal, setShowModal] = (0, react_1.useState)(false);
|
|
@@ -115,7 +116,7 @@ function QuillMultiSelectComponent({ options, width, onChange, label, value, })
|
|
|
115
116
|
fontFamily: theme?.fontFamily,
|
|
116
117
|
maxHeight: '50vh',
|
|
117
118
|
overflow: 'scroll',
|
|
118
|
-
}, children: options.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
119
|
+
}, children: !isLoading ? (options.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
119
120
|
display: 'flex',
|
|
120
121
|
alignItems: 'center',
|
|
121
122
|
padding: 8,
|
|
@@ -166,7 +167,7 @@ function QuillMultiSelectComponent({ options, width, onChange, label, value, })
|
|
|
166
167
|
textOverflow: 'ellipsis',
|
|
167
168
|
whiteSpace: 'nowrap',
|
|
168
169
|
overflow: 'hidden',
|
|
169
|
-
}, children: option.label })] }, option.value))) }))] }));
|
|
170
|
+
}, children: option.label })] }, option.value)))) : ((0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {})) }))] }));
|
|
170
171
|
}
|
|
171
172
|
exports.QuillMultiSelectComponent = QuillMultiSelectComponent;
|
|
172
173
|
const ListboxTextInput = ({ value, onChange, placeholder, }) => {
|
|
@@ -2,7 +2,7 @@ import { MultiSelectComponentProps } from './UiComponents';
|
|
|
2
2
|
/**
|
|
3
3
|
* A robust select component that implements the new minimal Select interface.
|
|
4
4
|
*/
|
|
5
|
-
export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, }: MultiSelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare const ListboxTextInput: ({ value, onChange, placeholder, }: {
|
|
7
7
|
value: string;
|
|
8
8
|
onChange: (e: string) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"QuillMultiSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillMultiSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAgC3E;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,2CAuV3B;AAED,eAAO,MAAM,gBAAgB;WAKpB,MAAM;kBACC,MAAM,KAAK,IAAI;iBAChB,MAAM;6CAwDpB,CAAC"}
|
|
@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.ListboxTextInput = exports.QuillMultiSelectComponentWithCombo = 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
|
/**
|
|
@@ -46,7 +47,7 @@ function displaySelectedOptionLabels({ options, value, }) {
|
|
|
46
47
|
/**
|
|
47
48
|
* A robust select component that implements the new minimal Select interface.
|
|
48
49
|
*/
|
|
49
|
-
function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, }) {
|
|
50
|
+
function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, value, isLoading, }) {
|
|
50
51
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
51
52
|
const [selectedOptions, setSelectedOptions] = (0, react_1.useState)([]);
|
|
52
53
|
const [showModal, setShowModal] = (0, react_1.useState)(false);
|
|
@@ -159,9 +160,9 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
|
|
|
159
160
|
maxHeight: '50vh',
|
|
160
161
|
overflow: 'scroll',
|
|
161
162
|
fontSize: 14,
|
|
162
|
-
}, children: [options && options.length > 20 && ((0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
|
|
163
|
+
}, children: [options && options.length > 20 && !isLoading && ((0, jsx_runtime_1.jsx)(exports.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
|
|
163
164
|
handleSearchChange(value);
|
|
164
|
-
} })), options && options.length > 20 && ((0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } })), (!filteredItems || filteredItems.length === 0) && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
165
|
+
} })), options && options.length > 20 && ((0, jsx_runtime_1.jsx)("div", { style: { height: 9, width: 230, borderTop: '1px solid #e7e7e7' } })), (!filteredItems || filteredItems.length === 0) && !isLoading && ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
165
166
|
display: 'flex',
|
|
166
167
|
alignItems: 'center',
|
|
167
168
|
padding: 8,
|
|
@@ -191,7 +192,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
|
|
|
191
192
|
whiteSpace: 'nowrap',
|
|
192
193
|
overflow: 'hidden',
|
|
193
194
|
cursor: 'default',
|
|
194
|
-
}, children: "No options available" })] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
195
|
+
}, children: "No options available" })] })), !isLoading ? (filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
195
196
|
display: 'flex',
|
|
196
197
|
alignItems: 'center',
|
|
197
198
|
padding: 8,
|
|
@@ -242,7 +243,7 @@ function QuillMultiSelectComponentWithCombo({ options, width, onChange, label, v
|
|
|
242
243
|
textOverflow: 'ellipsis',
|
|
243
244
|
whiteSpace: 'nowrap',
|
|
244
245
|
overflow: 'hidden',
|
|
245
|
-
}, children: option.label })] }, option.value)))] }))] }));
|
|
246
|
+
}, children: option.label })] }, option.value)))) : ((0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}))] }))] }));
|
|
246
247
|
}
|
|
247
248
|
exports.QuillMultiSelectComponentWithCombo = QuillMultiSelectComponentWithCombo;
|
|
248
249
|
const ListboxTextInput = ({ value, onChange, placeholder, }) => {
|
|
@@ -2,5 +2,5 @@ import { SelectComponentProps } from './UiComponents';
|
|
|
2
2
|
/**
|
|
3
3
|
* A robust select component that implements the new minimal Select interface.
|
|
4
4
|
*/
|
|
5
|
-
export declare function QuillSelectComponent({ options, value, width, onChange, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function QuillSelectComponent({ options, value, width, onChange, label, isLoading, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
//# sourceMappingURL=QuillSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAiNtB"}
|
|
@@ -3,12 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.QuillSelectComponent = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const hooks_1 = require("../hooks");
|
|
6
|
+
const UiComponents_1 = require("./UiComponents");
|
|
6
7
|
const react_1 = require("react");
|
|
7
8
|
const Context_1 = require("../Context");
|
|
8
9
|
/**
|
|
9
10
|
* A robust select component that implements the new minimal Select interface.
|
|
10
11
|
*/
|
|
11
|
-
function QuillSelectComponent({ options, value, width, onChange, label, }) {
|
|
12
|
+
function QuillSelectComponent({ options, value, width, onChange, label, isLoading, }) {
|
|
12
13
|
const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
|
|
13
14
|
const [showModal, setShowModal] = (0, react_1.useState)(false);
|
|
14
15
|
const modalRef = (0, react_1.useRef)(null);
|
|
@@ -71,7 +72,7 @@ function QuillSelectComponent({ options, value, width, onChange, label, }) {
|
|
|
71
72
|
fontFamily: theme?.fontFamily,
|
|
72
73
|
maxHeight: '50vh',
|
|
73
74
|
overflow: 'scroll',
|
|
74
|
-
}, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
|
|
75
|
+
}, children: [!isLoading && ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
75
76
|
display: 'flex',
|
|
76
77
|
alignItems: 'center',
|
|
77
78
|
justifyContent: 'space-between',
|
|
@@ -101,7 +102,7 @@ function QuillSelectComponent({ options, value, width, onChange, label, }) {
|
|
|
101
102
|
.quill-option:hover {
|
|
102
103
|
background: #F4F4F5;
|
|
103
104
|
}
|
|
104
|
-
` }), 'Select'] }), options.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
105
|
+
` }), 'Select'] })), !isLoading ? (options.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
105
106
|
display: 'flex',
|
|
106
107
|
alignItems: 'center',
|
|
107
108
|
justifyContent: 'space-between',
|
|
@@ -135,6 +136,6 @@ function QuillSelectComponent({ options, value, width, onChange, label, }) {
|
|
|
135
136
|
textOverflow: 'ellipsis',
|
|
136
137
|
whiteSpace: 'nowrap',
|
|
137
138
|
overflow: 'hidden',
|
|
138
|
-
}, children: option.label })] }, option.label)))] }))] }));
|
|
139
|
+
}, children: option.label })] }, option.label)))) : ((0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}))] }))] }));
|
|
139
140
|
}
|
|
140
141
|
exports.QuillSelectComponent = QuillSelectComponent;
|
|
@@ -2,5 +2,5 @@ import { SelectComponentProps } from './UiComponents';
|
|
|
2
2
|
/**
|
|
3
3
|
* A robust select component that implements the new minimal Select interface.
|
|
4
4
|
*/
|
|
5
|
-
export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare function QuillSelectComponentWithCombo({ options, value, width, onChange, label, isLoading, }: SelectComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
//# sourceMappingURL=QuillSelectWithCombo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,GACV,EAAE,oBAAoB,2CAwPtB"}
|
|
@@ -26,13 +26,14 @@ 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);
|
|
@@ -119,9 +120,9 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
|
|
|
119
120
|
maxHeight: '50vh',
|
|
120
121
|
overflow: 'scroll',
|
|
121
122
|
fontSize: 14,
|
|
122
|
-
}, children: [options && options.length > 20 && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
|
|
123
|
+
}, children: [options && options.length > 20 && !isLoading && ((0, jsx_runtime_1.jsx)(QuillMultiSelectWithCombo_1.ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
|
|
123
124
|
handleSearchChange(value);
|
|
124
|
-
} })), searchQuery === '' && ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
125
|
+
} })), searchQuery === '' && !isLoading && ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
125
126
|
display: 'flex',
|
|
126
127
|
alignItems: 'center',
|
|
127
128
|
justifyContent: 'space-between',
|
|
@@ -151,7 +152,7 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
|
|
|
151
152
|
.quill-option:hover {
|
|
152
153
|
background: #F4F4F5;
|
|
153
154
|
}
|
|
154
|
-
` }), 'Select'] })), filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
155
|
+
` }), 'Select'] })), !isLoading ? (filteredItems.map((option) => ((0, jsx_runtime_1.jsxs)("button", { style: {
|
|
155
156
|
display: 'flex',
|
|
156
157
|
alignItems: 'center',
|
|
157
158
|
justifyContent: 'space-between',
|
|
@@ -185,6 +186,6 @@ function QuillSelectComponentWithCombo({ options, value, width, onChange, label,
|
|
|
185
186
|
textOverflow: 'ellipsis',
|
|
186
187
|
whiteSpace: 'nowrap',
|
|
187
188
|
overflow: 'hidden',
|
|
188
|
-
}, children: option.label })] }, option.value)))] }))] }));
|
|
189
|
+
}, children: option.label })] }, option.value)))) : ((0, jsx_runtime_1.jsx)(UiComponents_1.LoadingSpinner, {}))] }))] }));
|
|
189
190
|
}
|
|
190
191
|
exports.QuillSelectComponentWithCombo = QuillSelectComponentWithCombo;
|
|
@@ -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.
|
|
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;
|
|
@@ -80,6 +80,7 @@ export interface SelectComponentProps {
|
|
|
80
80
|
value: string;
|
|
81
81
|
label?: string;
|
|
82
82
|
width: number;
|
|
83
|
+
isLoading?: boolean;
|
|
83
84
|
options: {
|
|
84
85
|
value: string;
|
|
85
86
|
label: string;
|
|
@@ -94,6 +95,7 @@ export interface MultiSelectComponentProps {
|
|
|
94
95
|
value: string;
|
|
95
96
|
label: string;
|
|
96
97
|
}[];
|
|
98
|
+
isLoading?: boolean;
|
|
97
99
|
onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
|
|
98
100
|
target: {
|
|
99
101
|
value: string[];
|