@quillsql/react 2.12.52 → 2.13.0
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.map +1 -1
- package/dist/cjs/Chart.js +5 -3
- package/dist/cjs/ChartBuilder.d.ts +10 -3
- package/dist/cjs/ChartBuilder.d.ts.map +1 -1
- package/dist/cjs/ChartBuilder.js +62 -26
- package/dist/cjs/ChartEditor.d.ts +3 -1
- package/dist/cjs/ChartEditor.d.ts.map +1 -1
- package/dist/cjs/ChartEditor.js +74 -16
- package/dist/cjs/Context.d.ts +17 -6
- package/dist/cjs/Context.d.ts.map +1 -1
- package/dist/cjs/Context.js +138 -73
- package/dist/cjs/Dashboard.d.ts +8 -4
- package/dist/cjs/Dashboard.d.ts.map +1 -1
- package/dist/cjs/Dashboard.js +146 -367
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/DateRangePicker/QuillDateRangePicker.js +20 -14
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts +1 -0
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
- package/dist/cjs/DateRangePicker/dateRangePickerUtils.js +1 -1
- package/dist/cjs/QuillProvider.js +1 -1
- package/dist/cjs/ReportBuilder.d.ts +8 -12
- package/dist/cjs/ReportBuilder.d.ts.map +1 -1
- package/dist/cjs/ReportBuilder.js +163 -83
- package/dist/cjs/SQLEditor.d.ts +8 -1
- package/dist/cjs/SQLEditor.d.ts.map +1 -1
- package/dist/cjs/SQLEditor.js +81 -28
- package/dist/cjs/Table.d.ts.map +1 -1
- package/dist/cjs/Table.js +6 -3
- package/dist/cjs/assets/AdjustmentsIcon.d.ts +5 -0
- package/dist/cjs/assets/AdjustmentsIcon.d.ts.map +1 -0
- package/dist/cjs/assets/AdjustmentsIcon.js +5 -0
- package/dist/cjs/assets/ArrowDownHeadIcon.d.ts.map +1 -1
- package/dist/cjs/components/Chart/ChartError.js +2 -2
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts +4 -3
- package/dist/cjs/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DashboardFilter.js +12 -12
- package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts +2 -2
- package/dist/cjs/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.d.ts +11 -5
- package/dist/cjs/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/DataLoader.js +91 -32
- package/dist/cjs/components/Dashboard/TableComponent.d.ts +2 -1
- package/dist/cjs/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/TableComponent.js +10 -3
- package/dist/cjs/components/Dashboard/util.d.ts +2 -2
- package/dist/cjs/components/Dashboard/util.d.ts.map +1 -1
- package/dist/cjs/components/Dashboard/util.js +2 -2
- package/dist/cjs/components/QuillMultiSelect.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelect.js +18 -13
- package/dist/cjs/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/cjs/components/QuillMultiSelectWithCombo.js +67 -45
- 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 +29 -7
- 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 +47 -26
- package/dist/cjs/components/QuillTable.d.ts +3 -2
- package/dist/cjs/components/QuillTable.d.ts.map +1 -1
- package/dist/cjs/components/QuillTable.js +32 -19
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts +2 -1
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddLimitPopover.js +2 -2
- package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts +2 -1
- package/dist/cjs/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/AddSortPopover.js +2 -2
- package/dist/cjs/components/ReportBuilder/FilterModal.d.ts +2 -1
- package/dist/cjs/components/ReportBuilder/FilterModal.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/FilterModal.js +17 -4
- package/dist/cjs/components/ReportBuilder/ui.d.ts +13 -8
- package/dist/cjs/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/cjs/components/ReportBuilder/ui.js +15 -24
- package/dist/cjs/components/UiComponents.d.ts +17 -9
- package/dist/cjs/components/UiComponents.d.ts.map +1 -1
- package/dist/cjs/components/UiComponents.js +30 -24
- package/dist/cjs/hooks/useAstToFilterTree.d.ts +2 -2
- package/dist/cjs/hooks/useAstToFilterTree.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.d.ts +13 -5
- package/dist/cjs/hooks/useDashboard.d.ts.map +1 -1
- package/dist/cjs/hooks/useDashboard.js +158 -70
- package/dist/cjs/hooks/useExport.d.ts.map +1 -1
- package/dist/cjs/hooks/useExport.js +9 -3
- package/dist/cjs/hooks/useQuill.d.ts.map +1 -1
- package/dist/cjs/hooks/useQuill.js +15 -15
- package/dist/cjs/hooks/useVirtualTables.d.ts +12 -3
- package/dist/cjs/hooks/useVirtualTables.d.ts.map +1 -1
- package/dist/cjs/hooks/useVirtualTables.js +105 -1
- package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts +3 -1
- package/dist/cjs/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotForm.js +9 -9
- package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotList.js +21 -15
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts +3 -2
- package/dist/cjs/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/cjs/internals/ReportBuilder/PivotModal.js +9 -9
- package/dist/cjs/models/Client.d.ts +16 -2
- package/dist/cjs/models/Client.d.ts.map +1 -1
- package/dist/cjs/models/Dashboard.d.ts +1 -1
- package/dist/cjs/models/Dashboard.d.ts.map +1 -1
- package/dist/cjs/models/Filter.d.ts +4 -3
- package/dist/cjs/models/Filter.d.ts.map +1 -1
- package/dist/cjs/models/Filter.js +38 -1
- package/dist/cjs/utils/astProcessing.d.ts +3 -3
- package/dist/cjs/utils/astProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/client.d.ts.map +1 -1
- package/dist/cjs/utils/client.js +2 -7
- package/dist/cjs/utils/dashboard.d.ts +5 -5
- package/dist/cjs/utils/dashboard.d.ts.map +1 -1
- package/dist/cjs/utils/dashboard.js +90 -9
- package/dist/cjs/utils/dataFetcher.d.ts +4 -4
- package/dist/cjs/utils/dataFetcher.d.ts.map +1 -1
- package/dist/cjs/utils/dataFetcher.js +1 -1
- package/dist/cjs/utils/filterProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/filterProcessing.js +2 -8
- package/dist/cjs/utils/paginationProcessing.js +1 -1
- package/dist/cjs/utils/pivotConstructor.d.ts +2 -2
- package/dist/cjs/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/pivotConstructor.js +1 -1
- package/dist/cjs/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/pivotProcessing.js +6 -2
- package/dist/cjs/utils/queryConstructor.d.ts.map +1 -1
- package/dist/cjs/utils/queryConstructor.js +12 -9
- package/dist/cjs/utils/report.d.ts +6 -5
- package/dist/cjs/utils/report.d.ts.map +1 -1
- package/dist/cjs/utils/report.js +71 -25
- package/dist/cjs/utils/schema.d.ts +3 -3
- package/dist/cjs/utils/schema.d.ts.map +1 -1
- package/dist/cjs/utils/schema.js +39 -35
- package/dist/cjs/utils/tableProcessing.d.ts +18 -11
- package/dist/cjs/utils/tableProcessing.d.ts.map +1 -1
- package/dist/cjs/utils/tableProcessing.js +44 -23
- package/dist/esm/Chart.d.ts.map +1 -1
- package/dist/esm/Chart.js +6 -4
- package/dist/esm/ChartBuilder.d.ts +10 -3
- package/dist/esm/ChartBuilder.d.ts.map +1 -1
- package/dist/esm/ChartBuilder.js +59 -26
- package/dist/esm/ChartEditor.d.ts +3 -1
- package/dist/esm/ChartEditor.d.ts.map +1 -1
- package/dist/esm/ChartEditor.js +76 -18
- package/dist/esm/Context.d.ts +17 -6
- package/dist/esm/Context.d.ts.map +1 -1
- package/dist/esm/Context.js +139 -74
- package/dist/esm/Dashboard.d.ts +8 -4
- package/dist/esm/Dashboard.d.ts.map +1 -1
- package/dist/esm/Dashboard.js +146 -367
- package/dist/esm/DateRangePicker/QuillDateRangePicker.d.ts.map +1 -1
- package/dist/esm/DateRangePicker/QuillDateRangePicker.js +21 -15
- package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts +1 -0
- package/dist/esm/DateRangePicker/dateRangePickerUtils.d.ts.map +1 -1
- package/dist/esm/DateRangePicker/dateRangePickerUtils.js +1 -1
- package/dist/esm/QuillProvider.js +1 -1
- package/dist/esm/ReportBuilder.d.ts +8 -12
- package/dist/esm/ReportBuilder.d.ts.map +1 -1
- package/dist/esm/ReportBuilder.js +167 -87
- package/dist/esm/SQLEditor.d.ts +8 -1
- package/dist/esm/SQLEditor.d.ts.map +1 -1
- package/dist/esm/SQLEditor.js +84 -31
- package/dist/esm/Table.d.ts.map +1 -1
- package/dist/esm/Table.js +7 -4
- package/dist/esm/assets/AdjustmentsIcon.d.ts +5 -0
- package/dist/esm/assets/AdjustmentsIcon.d.ts.map +1 -0
- package/dist/esm/assets/AdjustmentsIcon.js +3 -0
- package/dist/esm/assets/ArrowDownHeadIcon.d.ts.map +1 -1
- package/dist/esm/components/Chart/ChartError.js +2 -2
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts +4 -3
- package/dist/esm/components/Dashboard/DashboardFilter.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DashboardFilter.js +12 -12
- package/dist/esm/components/Dashboard/DashboardTemplate.d.ts +2 -2
- package/dist/esm/components/Dashboard/DashboardTemplate.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.d.ts +11 -5
- package/dist/esm/components/Dashboard/DataLoader.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/DataLoader.js +94 -35
- package/dist/esm/components/Dashboard/TableComponent.d.ts +2 -1
- package/dist/esm/components/Dashboard/TableComponent.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/TableComponent.js +10 -3
- package/dist/esm/components/Dashboard/util.d.ts +2 -2
- package/dist/esm/components/Dashboard/util.d.ts.map +1 -1
- package/dist/esm/components/Dashboard/util.js +2 -2
- package/dist/esm/components/QuillMultiSelect.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelect.js +19 -14
- package/dist/esm/components/QuillMultiSelectWithCombo.d.ts.map +1 -1
- package/dist/esm/components/QuillMultiSelectWithCombo.js +68 -46
- 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 +30 -8
- 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 +48 -27
- package/dist/esm/components/QuillTable.d.ts +3 -2
- package/dist/esm/components/QuillTable.d.ts.map +1 -1
- package/dist/esm/components/QuillTable.js +32 -19
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts +2 -1
- package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddLimitPopover.js +2 -2
- package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts +2 -1
- package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/AddSortPopover.js +2 -2
- package/dist/esm/components/ReportBuilder/FilterModal.d.ts +2 -1
- package/dist/esm/components/ReportBuilder/FilterModal.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/FilterModal.js +17 -4
- package/dist/esm/components/ReportBuilder/ui.d.ts +13 -8
- package/dist/esm/components/ReportBuilder/ui.d.ts.map +1 -1
- package/dist/esm/components/ReportBuilder/ui.js +14 -19
- package/dist/esm/components/UiComponents.d.ts +17 -9
- package/dist/esm/components/UiComponents.d.ts.map +1 -1
- package/dist/esm/components/UiComponents.js +30 -24
- package/dist/esm/hooks/useAstToFilterTree.d.ts +2 -2
- package/dist/esm/hooks/useAstToFilterTree.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.d.ts +13 -5
- package/dist/esm/hooks/useDashboard.d.ts.map +1 -1
- package/dist/esm/hooks/useDashboard.js +158 -73
- package/dist/esm/hooks/useExport.d.ts.map +1 -1
- package/dist/esm/hooks/useExport.js +10 -4
- package/dist/esm/hooks/useQuill.d.ts.map +1 -1
- package/dist/esm/hooks/useQuill.js +17 -17
- package/dist/esm/hooks/useVirtualTables.d.ts +12 -3
- package/dist/esm/hooks/useVirtualTables.d.ts.map +1 -1
- package/dist/esm/hooks/useVirtualTables.js +106 -2
- package/dist/esm/internals/ReportBuilder/PivotForm.d.ts +3 -1
- package/dist/esm/internals/ReportBuilder/PivotForm.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotForm.js +9 -9
- package/dist/esm/internals/ReportBuilder/PivotList.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotList.js +21 -15
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts +3 -2
- package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map +1 -1
- package/dist/esm/internals/ReportBuilder/PivotModal.js +9 -9
- package/dist/esm/models/Client.d.ts +16 -2
- package/dist/esm/models/Client.d.ts.map +1 -1
- package/dist/esm/models/Dashboard.d.ts +1 -1
- package/dist/esm/models/Dashboard.d.ts.map +1 -1
- package/dist/esm/models/Filter.d.ts +4 -3
- package/dist/esm/models/Filter.d.ts.map +1 -1
- package/dist/esm/models/Filter.js +36 -0
- package/dist/esm/utils/astProcessing.d.ts +3 -3
- package/dist/esm/utils/astProcessing.d.ts.map +1 -1
- package/dist/esm/utils/client.d.ts.map +1 -1
- package/dist/esm/utils/client.js +2 -7
- package/dist/esm/utils/dashboard.d.ts +5 -5
- package/dist/esm/utils/dashboard.d.ts.map +1 -1
- package/dist/esm/utils/dashboard.js +90 -9
- package/dist/esm/utils/dataFetcher.d.ts +4 -4
- package/dist/esm/utils/dataFetcher.d.ts.map +1 -1
- package/dist/esm/utils/dataFetcher.js +1 -1
- package/dist/esm/utils/filterProcessing.d.ts.map +1 -1
- package/dist/esm/utils/filterProcessing.js +2 -8
- package/dist/esm/utils/paginationProcessing.js +1 -1
- package/dist/esm/utils/pivotConstructor.d.ts +2 -2
- package/dist/esm/utils/pivotConstructor.d.ts.map +1 -1
- package/dist/esm/utils/pivotConstructor.js +1 -1
- package/dist/esm/utils/pivotProcessing.d.ts.map +1 -1
- package/dist/esm/utils/pivotProcessing.js +6 -2
- package/dist/esm/utils/queryConstructor.d.ts.map +1 -1
- package/dist/esm/utils/queryConstructor.js +12 -9
- package/dist/esm/utils/report.d.ts +6 -5
- package/dist/esm/utils/report.d.ts.map +1 -1
- package/dist/esm/utils/report.js +70 -25
- package/dist/esm/utils/schema.d.ts +3 -3
- package/dist/esm/utils/schema.d.ts.map +1 -1
- package/dist/esm/utils/schema.js +39 -35
- package/dist/esm/utils/tableProcessing.d.ts +18 -11
- package/dist/esm/utils/tableProcessing.d.ts.map +1 -1
- package/dist/esm/utils/tableProcessing.js +41 -20
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonComponentProps, SelectComponentProps } from '../UiComponents';
|
|
3
3
|
import { SortPopoverComponentProps } from './ui';
|
|
4
|
-
export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, }: {
|
|
4
|
+
export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, disabled, }: {
|
|
5
5
|
sortData: any;
|
|
6
6
|
columns: any;
|
|
7
7
|
setIsPending: any;
|
|
@@ -18,6 +18,7 @@ export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete
|
|
|
18
18
|
Select?: ((props: SelectComponentProps) => JSX.Element) | undefined;
|
|
19
19
|
Button?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
|
|
20
20
|
SecondaryButton?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
|
|
21
|
+
disabled?: boolean | undefined;
|
|
21
22
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
22
23
|
export declare const AddSortPopover: ({ onSave, columns, isEdit, onDelete, column, direction, Select, Button, SecondaryButton, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
23
24
|
//# sourceMappingURL=AddSortPopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY;
|
|
1
|
+
{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY;cAmBb,GAAG;aACJ,GAAG;kBACE,GAAG;uBACE,GAAG;uBACH,GAAG;oBACN,GAAG;mBACJ,GAAG;gBACN,GAAG;kBACD,GAAG;YACT,GAAG;;yBAEU,yBAAyB,KAAK,WAAW;iBACjD,GAAG;sBACC,oBAAoB,KAAK,WAAW;sBACpC,oBAAoB,KAAK,WAAW;+BAC3B,oBAAoB,KAAK,WAAW;;oDAuD/D,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB,GAAG,4CAmEL,CAAC"}
|
|
@@ -18,7 +18,7 @@ function parseColumn(sortData) {
|
|
|
18
18
|
}
|
|
19
19
|
return column || '';
|
|
20
20
|
}
|
|
21
|
-
export const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelectComponent, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, }) => {
|
|
21
|
+
export const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle = 'Edit Sort', SortPopover, EditPopover, Select = QuillSelectComponent, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, disabled = false, }) => {
|
|
22
22
|
const [isOpen, setIsOpen] = useState(false);
|
|
23
23
|
const handleSetIsOpen = (isOpen) => {
|
|
24
24
|
setIsOpen(isOpen);
|
|
@@ -39,7 +39,7 @@ export const SortSentence = ({ sortData, keyPrefix, columns, handleDelete, setEd
|
|
|
39
39
|
if (!sortData && (!sortData.expr.column || !sortData.expr.value)) {
|
|
40
40
|
return null;
|
|
41
41
|
}
|
|
42
|
-
return (_jsx("div", { children: _jsx(SortPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, sortLabel: `${snakeAndCamelCaseToTitleCase(parseColumn(sortData))} ${SORT_VALUE_TO_LABEL[sortData.type] || SORT_VALUE_TO_LABEL.ASC}`, onClickDelete: handleClickDelete, popoverTitle: popoverTitle, popoverChildren: _jsx(EditPopover, { onSave: (column, direction) => {
|
|
42
|
+
return (_jsx("div", { children: _jsx(SortPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, sortLabel: `${snakeAndCamelCaseToTitleCase(parseColumn(sortData))} ${SORT_VALUE_TO_LABEL[sortData.type] || SORT_VALUE_TO_LABEL.ASC}`, onClickDelete: handleClickDelete, disabled: disabled, popoverTitle: popoverTitle, popoverChildren: _jsx(EditPopover, { onSave: (column, direction) => {
|
|
43
43
|
setIsOpen(false);
|
|
44
44
|
onSave(column, direction);
|
|
45
45
|
}, columns: columns, isEdit: true, onDelete: handleClickDelete, column: sortData.expr.column || sortData.expr.value, direction: sortData.type, Select: Select, Button: Button, SecondaryButton: SecondaryButton }) }) }));
|
|
@@ -13,6 +13,7 @@ interface FilterModalProps {
|
|
|
13
13
|
[key: string]: string[];
|
|
14
14
|
};
|
|
15
15
|
};
|
|
16
|
+
fieldValuesMapIsLoading?: boolean;
|
|
16
17
|
customOperatorOptions?: OperatorOptionsMap;
|
|
17
18
|
onSubmitFilter: (filter: Filter) => void;
|
|
18
19
|
onDeleteFilter: () => void;
|
|
@@ -28,6 +29,6 @@ type OperatorOptionsMap = {
|
|
|
28
29
|
/**
|
|
29
30
|
* Modal for adding, editing, and deleting Filters
|
|
30
31
|
*/
|
|
31
|
-
export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
32
|
+
export default function FilterModal({ schema, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }: FilterModalProps): import("react/jsx-runtime").JSX.Element | null;
|
|
32
33
|
export {};
|
|
33
34
|
//# sourceMappingURL=FilterModal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDA80BlB"}
|
|
@@ -10,7 +10,7 @@ import { getType } from '../../utils/filterProcessing';
|
|
|
10
10
|
/**
|
|
11
11
|
* Modal for adding, editing, and deleting Filters
|
|
12
12
|
*/
|
|
13
|
-
export default function FilterModal({ schema, filter, fieldValuesMap, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }) {
|
|
13
|
+
export default function FilterModal({ schema, filter, fieldValuesMap, fieldValuesMapIsLoading, customOperatorOptions, onSubmitFilter, onDeleteFilter, ButtonComponent, SelectComponent, TextInputComponent, SecondaryButtonComponent, MultiSelectComponent, }) {
|
|
14
14
|
const [field, setField] = useState('');
|
|
15
15
|
const [fieldOptions, setFieldOptions] = useState([]);
|
|
16
16
|
const [fieldValues, setFieldValues] = useState([]);
|
|
@@ -25,6 +25,9 @@ export default function FilterModal({ schema, filter, fieldValuesMap, customOper
|
|
|
25
25
|
const [endDate, setEndDate] = useState(startOfToday().toISOString().substring(0, 10));
|
|
26
26
|
const [filterInitialized, setFilterInitialized] = useState(false);
|
|
27
27
|
const [table, setTable] = useState(undefined);
|
|
28
|
+
useEffect(() => {
|
|
29
|
+
onFieldChange(field, fieldOptions);
|
|
30
|
+
}, [fieldValuesMap]);
|
|
28
31
|
// Define all supported operator options for each field type
|
|
29
32
|
const allOperatorOptions = {
|
|
30
33
|
[FieldTypes.Number]: [
|
|
@@ -566,9 +569,19 @@ export default function FilterModal({ schema, filter, fieldValuesMap, customOper
|
|
|
566
569
|
}
|
|
567
570
|
case StringOperator.Is:
|
|
568
571
|
case StringOperator.IsNot:
|
|
569
|
-
return (_jsx("div", { style: { display: 'flex', gap: 20 }, children: _jsx(MultiSelectComponent, { options: fieldValues.
|
|
570
|
-
|
|
571
|
-
|
|
572
|
+
return (_jsx("div", { style: { display: 'flex', gap: 20 }, children: _jsx(MultiSelectComponent, { options: fieldValues.length > 0 &&
|
|
573
|
+
fieldValues[0] !== 'EXCEEDS_LIMIT'
|
|
574
|
+
? fieldValues.map((v) => {
|
|
575
|
+
return { value: v.toLowerCase(), label: v };
|
|
576
|
+
})
|
|
577
|
+
: fieldValues.length > 0
|
|
578
|
+
? [
|
|
579
|
+
{
|
|
580
|
+
value: 'EXCEEDS_LIMIT',
|
|
581
|
+
label: 'Exceeds Limit',
|
|
582
|
+
},
|
|
583
|
+
]
|
|
584
|
+
: [], isLoading: fieldValuesMapIsLoading, width: 200, value: selectedOptions.map((val) => val.value.toLowerCase()), onChange: (e) => {
|
|
572
585
|
if (e.target.value === '') {
|
|
573
586
|
setSelectedOptions([]);
|
|
574
587
|
return;
|
|
@@ -3,7 +3,7 @@ import { SidebarComponentProps, ContainerComponentProps } from '../UiComponents'
|
|
|
3
3
|
import { Filter } from '../../models/Filter';
|
|
4
4
|
import { ColumnInternal } from '../../models/Columns';
|
|
5
5
|
import { FilterTreeNode } from '../../utils/astFilterProcessing';
|
|
6
|
-
import {
|
|
6
|
+
import { QuillProviderClient } from '../../models/Client';
|
|
7
7
|
/**
|
|
8
8
|
* This file is a collection of basic UI components that conform to the shape
|
|
9
9
|
* expected by the Report Builder. Where possible, we use our existing
|
|
@@ -12,7 +12,6 @@ import { Client } from '../../models/Client';
|
|
|
12
12
|
*/
|
|
13
13
|
export declare const QuillButton: ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
export declare const QuillSecondaryButton: ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const QuillReportBuilderTable: ({ rows, columns, error, ...props }: any) => import("react/jsx-runtime").JSX.Element;
|
|
16
15
|
export declare const QuillTag: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
|
|
17
16
|
export interface SidebarHeadingComponentProps {
|
|
18
17
|
label: string;
|
|
@@ -39,11 +38,12 @@ export interface DraggableColumnComponentProps {
|
|
|
39
38
|
DragHandle: ({ dragIcon }: {
|
|
40
39
|
dragIcon: () => JSX.Element;
|
|
41
40
|
}) => JSX.Element;
|
|
41
|
+
deleteDisabled?: boolean;
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
44
44
|
* A draggable card with a grab-handle and a column name
|
|
45
45
|
*/
|
|
46
|
-
export declare const QuillDraggableColumn: ({ label, onDelete, DragHandle, }: DraggableColumnComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
export declare const QuillDraggableColumn: ({ label, onDelete, DragHandle, deleteDisabled, }: DraggableColumnComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
47
47
|
export declare const QuillButtonLoadingState: () => import("react/jsx-runtime").JSX.Element;
|
|
48
48
|
export declare const QuillTableLoadingState: () => import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
export declare const EditPopover: ({ onSave, onDelete, Button, SecondaryButton, renderNode, activeEditItem, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -54,8 +54,9 @@ export interface FilterPopoverComponentProps {
|
|
|
54
54
|
popoverChildren: ReactNode;
|
|
55
55
|
filterLabel: string;
|
|
56
56
|
onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
|
|
57
|
+
disabled?: boolean;
|
|
57
58
|
}
|
|
58
|
-
export declare const QuillFilterPopover: ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: FilterPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
export declare const QuillFilterPopover: ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: FilterPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
60
|
export interface SortPopoverComponentProps {
|
|
60
61
|
isOpen: boolean;
|
|
61
62
|
setIsOpen: (isOpen: boolean) => void;
|
|
@@ -63,8 +64,9 @@ export interface SortPopoverComponentProps {
|
|
|
63
64
|
popoverChildren: ReactNode;
|
|
64
65
|
sortLabel: string;
|
|
65
66
|
onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
|
|
67
|
+
disabled?: boolean;
|
|
66
68
|
}
|
|
67
|
-
export declare const QuillSortPopover: ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: SortPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
69
|
+
export declare const QuillSortPopover: ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: SortPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
68
70
|
export interface LimitPopoverComponentProps {
|
|
69
71
|
isOpen: boolean;
|
|
70
72
|
setIsOpen: (isOpen: boolean) => void;
|
|
@@ -72,8 +74,9 @@ export interface LimitPopoverComponentProps {
|
|
|
72
74
|
popoverChildren: ReactNode;
|
|
73
75
|
limitLabel: string;
|
|
74
76
|
onClickDelete: (e: React.MouseEvent<HTMLElement>) => void;
|
|
77
|
+
disabled?: boolean;
|
|
75
78
|
}
|
|
76
|
-
export declare const QuillLimitPopover: ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }: LimitPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
79
|
+
export declare const QuillLimitPopover: ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }: LimitPopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
77
80
|
export interface TagWrapperProps {
|
|
78
81
|
isCard: boolean;
|
|
79
82
|
isRow: boolean;
|
|
@@ -110,9 +113,10 @@ export interface FilterPopoverWrapperProps {
|
|
|
110
113
|
FilterTagComponent: any;
|
|
111
114
|
FilterModal: any;
|
|
112
115
|
fieldValuesMap: any;
|
|
116
|
+
fieldValuesMapIsLoading?: boolean;
|
|
113
117
|
priorFilters?: FilterTreeNode[];
|
|
114
118
|
columns?: ColumnInternal[];
|
|
115
|
-
client?:
|
|
119
|
+
client?: QuillProviderClient;
|
|
116
120
|
customFields?: any;
|
|
117
121
|
baseAst?: any;
|
|
118
122
|
endpoint?: string;
|
|
@@ -124,7 +128,8 @@ export interface FilterPopoverWrapperProps {
|
|
|
124
128
|
MultiSelectComponent: any;
|
|
125
129
|
handleFilterDelete: (index: number) => void;
|
|
126
130
|
handleFilterSave: (filter: Filter) => void;
|
|
131
|
+
disabled?: boolean;
|
|
127
132
|
containerStyle?: any;
|
|
128
133
|
}
|
|
129
|
-
export declare const FilterPopoverWrapper: ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, containerStyle, }: FilterPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
134
|
+
export declare const FilterPopoverWrapper: ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, fieldValuesMapIsLoading, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, disabled, containerStyle, }: FilterPopoverWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
135
|
//# sourceMappingURL=ui.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ui.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAKV,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EAExB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/ui.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useContext, useEffect, useRef, useState, } from 'react';
|
|
3
3
|
import { MemoizedCheckbox, LoadingSpinner, MemoizedPopover, } from '../UiComponents';
|
|
4
|
-
import MemoizedQuillTable from '../QuillTable';
|
|
5
4
|
import { ThemeContext } from '../../Context';
|
|
6
5
|
import { isNodeEmptyCollection, allNumericNodesValidInTree } from './util';
|
|
7
|
-
import { downloadCSV } from '../../utils/csv';
|
|
8
|
-
import { DEFAULT_PAGINATION } from '../../utils/paginationProcessing';
|
|
9
6
|
import { buildQueryFromFilters, uniqueValuesToStringMap, } from '../../utils/filterProcessing';
|
|
10
7
|
import { getRelevantInfoFromQuery } from '../../utils/tableProcessing';
|
|
11
8
|
/**
|
|
@@ -54,11 +51,6 @@ export const QuillSecondaryButton = ({ children, ...props }) => {
|
|
|
54
51
|
...props.style,
|
|
55
52
|
}, children: children }));
|
|
56
53
|
};
|
|
57
|
-
// TODO: remove this, I think it is unused.
|
|
58
|
-
export const QuillReportBuilderTable = ({ rows, columns, error, ...props }) => {
|
|
59
|
-
const reformattedColumns = columns.map((c) => ({ label: c, field: c }));
|
|
60
|
-
return (_jsx("div", { style: { height: '100%', overflow: 'auto' }, children: _jsx(MemoizedQuillTable, { rows: rows, columns: reformattedColumns, rowsPerPage: DEFAULT_PAGINATION.rowsPerPage, hideCSVDownloadButton: rows?.length > 0, downloadCSV: () => downloadCSV({ rows, fields: reformattedColumns, name: 'my_report' }), emptyStateLabel: error || 'No results', ...props }) }));
|
|
61
|
-
};
|
|
62
54
|
export const QuillTag = forwardRef(({ label, onClick, children, onClickDelete, hideDelete = false }, forwardedRef) => {
|
|
63
55
|
const [theme] = useContext(ThemeContext);
|
|
64
56
|
return (_jsxs("div", { style: {
|
|
@@ -204,7 +196,7 @@ export const QuillSelectColumn = ({ label, isSelected, setSelected, DragHandle,
|
|
|
204
196
|
/**
|
|
205
197
|
* A draggable card with a grab-handle and a column name
|
|
206
198
|
*/
|
|
207
|
-
export const QuillDraggableColumn = ({ label, onDelete, DragHandle, }) => {
|
|
199
|
+
export const QuillDraggableColumn = ({ label, onDelete, DragHandle, deleteDisabled, }) => {
|
|
208
200
|
const [theme] = useContext(ThemeContext);
|
|
209
201
|
return (_jsxs("div", { style: {
|
|
210
202
|
boxShadow: '0px 1px 4px #E7E7E705',
|
|
@@ -222,13 +214,13 @@ export const QuillDraggableColumn = ({ label, onDelete, DragHandle, }) => {
|
|
|
222
214
|
textOverflow: 'ellipsis',
|
|
223
215
|
overflow: 'hidden',
|
|
224
216
|
fontFamily: theme?.fontFamily,
|
|
225
|
-
}, children: label }), _jsx("button", { onClick: onDelete, style: {
|
|
217
|
+
}, children: label }), !deleteDisabled && (_jsx("button", { onClick: onDelete, style: {
|
|
226
218
|
paddingRight: 4,
|
|
227
219
|
fontFamily: theme?.fontFamily,
|
|
228
220
|
backgroundColor: theme?.backgroundColor || 'white',
|
|
229
221
|
border: 'none',
|
|
230
222
|
outline: 'none',
|
|
231
|
-
}, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.secondaryButtonColor || 'currentColor', style: { width: 16, height: 16 }, children: _jsx("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) }) })] }));
|
|
223
|
+
}, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.secondaryButtonColor || 'currentColor', style: { width: 16, height: 16 }, children: _jsx("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }) }) }))] }));
|
|
232
224
|
};
|
|
233
225
|
// Three dots animated bouncing
|
|
234
226
|
export const QuillButtonLoadingState = () => {
|
|
@@ -258,21 +250,21 @@ export const EditPopover = ({ onSave, onDelete, Button, SecondaryButton, renderN
|
|
|
258
250
|
width: '100%',
|
|
259
251
|
}, children: [_jsx(SecondaryButton, { onClick: onDelete, label: "Delete" }), _jsx(Button, { onClick: handleOnClick, label: "Save" })] })] }));
|
|
260
252
|
};
|
|
261
|
-
export const QuillFilterPopover = ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
|
|
253
|
+
export const QuillFilterPopover = ({ filterLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }) => {
|
|
262
254
|
const handleSetIsOpen = (isOpen) => {
|
|
263
255
|
setIsOpen(isOpen);
|
|
264
256
|
};
|
|
265
|
-
return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(QuillTag, { label: filterLabel, onClickDelete: onClickDelete, onClick: () => setIsOpen(!isOpen) }), _jsx(MemoizedPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, popoverTitle: popoverTitle, popoverChildren: popoverChildren })] }));
|
|
257
|
+
return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx(QuillTag, { label: filterLabel, onClickDelete: onClickDelete, onClick: () => setIsOpen(!isOpen), hideDelete: disabled }), _jsx(MemoizedPopover, { isOpen: isOpen, setIsOpen: handleSetIsOpen, popoverTitle: popoverTitle, popoverChildren: popoverChildren, disabled: disabled })] }));
|
|
266
258
|
};
|
|
267
|
-
export const QuillSortPopover = ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
|
|
259
|
+
export const QuillSortPopover = ({ sortLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled, }) => {
|
|
268
260
|
return (_jsxs(_Fragment, { children: [_jsx(QuillTag, { label: sortLabel, onClickDelete: onClickDelete, onClick: () => {
|
|
269
261
|
setIsOpen(!isOpen);
|
|
270
|
-
} }), _jsx(MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren })] }));
|
|
262
|
+
}, hideDelete: disabled }), _jsx(MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren, disabled: disabled })] }));
|
|
271
263
|
};
|
|
272
|
-
export const QuillLimitPopover = ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, }) => {
|
|
264
|
+
export const QuillLimitPopover = ({ limitLabel, onClickDelete, popoverTitle, popoverChildren, isOpen, setIsOpen, disabled = false, }) => {
|
|
273
265
|
return (_jsxs(_Fragment, { children: [_jsx(QuillTag, { label: limitLabel, onClickDelete: onClickDelete, onClick: () => {
|
|
274
266
|
setIsOpen(!isOpen);
|
|
275
|
-
} }), _jsx(MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren })] }));
|
|
267
|
+
}, hideDelete: disabled }), _jsx(MemoizedPopover, { isOpen: isOpen, popoverTitle: popoverTitle, setIsOpen: setIsOpen, popoverChildren: popoverChildren, disabled: disabled })] }));
|
|
276
268
|
};
|
|
277
269
|
export const TagWrapper = ({ isCard, isRow, editPopoverKey, keyPrefix, formData, activeEditItem, setEditPopoverKey, setActiveEditItem, setActivePath, setOpenPopover, setIsPending, clearCheckboxes, handleDelete, setCheckboxes, handleReplaceSubtree, FilterPopover, getByKey, EditPopover, Button, SecondaryButton, renderNode, children, }) => {
|
|
278
270
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -372,9 +364,10 @@ export const AddFilterPopover = ({ onSave, Button, renderNode, activeEditItem, }
|
|
|
372
364
|
justifyContent: 'end',
|
|
373
365
|
}, children: _jsx(Button, { onClick: handleOnClick, label: 'Add filter' }) })] }));
|
|
374
366
|
};
|
|
375
|
-
export const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, containerStyle, }) => {
|
|
367
|
+
export const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, FilterTagComponent, FilterModal, fieldValuesMap, fieldValuesMapIsLoading, priorFilters, columns, client, customFields, baseAst, endpoint, customOperatorOptions, ButtonComponent, SecondaryButtonComponent, SelectComponent, TextInputComponent, MultiSelectComponent, handleFilterDelete, handleFilterSave, disabled, containerStyle, }) => {
|
|
376
368
|
const [isOpen, setIsOpen] = useState(false);
|
|
377
369
|
const [uniqueValues, setUniqueValues] = useState(undefined);
|
|
370
|
+
const [uniqueValuesIsLoading, setUniqueValuesIsLoading] = useState(false);
|
|
378
371
|
// Use a ref to store the previous value of priorFilters
|
|
379
372
|
const prevFiltersRef = useRef('');
|
|
380
373
|
useEffect(() => {
|
|
@@ -392,6 +385,7 @@ export const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, Filte
|
|
|
392
385
|
return;
|
|
393
386
|
}
|
|
394
387
|
else {
|
|
388
|
+
setUniqueValuesIsLoading(true);
|
|
395
389
|
const { query, success, error } = await buildQueryFromFilters(baseAst, filters, endpoint, client);
|
|
396
390
|
if (success && query) {
|
|
397
391
|
const { uniqueStrings } = await getRelevantInfoFromQuery(columns, client, query, customFields);
|
|
@@ -403,12 +397,13 @@ export const FilterPopoverWrapper = ({ schema, filter, filterLabel, index, Filte
|
|
|
403
397
|
else if (error) {
|
|
404
398
|
console.error(error);
|
|
405
399
|
}
|
|
400
|
+
setUniqueValuesIsLoading(false);
|
|
406
401
|
}
|
|
407
402
|
}
|
|
408
403
|
function handleClickDelete() {
|
|
409
404
|
handleFilterDelete(index);
|
|
410
405
|
}
|
|
411
|
-
return (_jsx("div", { style: containerStyle, children: _jsx(FilterTagComponent, { isOpen: isOpen, popoverTitle: "Edit Filter", filterLabel: filterLabel, onClickDelete: handleClickDelete, setIsOpen: setIsOpen, popoverChildren: _jsx(FilterModal, { schema: schema, filter: filter, fieldValuesMap: uniqueValues ?? fieldValuesMap, customOperatorOptions: customOperatorOptions, onSubmitFilter: (filter) => {
|
|
406
|
+
return (_jsx("div", { style: containerStyle, children: _jsx(FilterTagComponent, { isOpen: isOpen, popoverTitle: "Edit Filter", filterLabel: filterLabel, onClickDelete: handleClickDelete, disabled: disabled, setIsOpen: setIsOpen, popoverChildren: _jsx(FilterModal, { schema: schema, filter: filter, fieldValuesMap: uniqueValues ?? fieldValuesMap, fieldValuesMapIsLoading: fieldValuesMapIsLoading && uniqueValuesIsLoading, customOperatorOptions: customOperatorOptions, onSubmitFilter: (filter) => {
|
|
412
407
|
handleFilterSave(filter);
|
|
413
408
|
setIsOpen(false);
|
|
414
409
|
}, onDeleteFilter: handleClickDelete, ButtonComponent: ButtonComponent, SelectComponent: SelectComponent, TextInputComponent: TextInputComponent, SecondaryButtonComponent: SecondaryButtonComponent ?? undefined, MultiSelectComponent: MultiSelectComponent }) }) }));
|
|
@@ -9,6 +9,7 @@ export interface PopoverComponentProps {
|
|
|
9
9
|
triggerLabel?: string;
|
|
10
10
|
popoverTitle?: string;
|
|
11
11
|
popoverChildren: ReactNode;
|
|
12
|
+
disabled?: boolean;
|
|
12
13
|
containerStyle?: any;
|
|
13
14
|
}
|
|
14
15
|
export interface ButtonComponentProps {
|
|
@@ -64,43 +65,47 @@ export interface ContainerComponentProps {
|
|
|
64
65
|
* The fallback TextInput element for Quill.
|
|
65
66
|
*/
|
|
66
67
|
export declare const QuillTextInput: React.ForwardRefExoticComponent<TextInputComponentProps & React.RefAttributes<HTMLInputElement>>;
|
|
67
|
-
export declare const MemoizedButton: ({ label, onClick, disabled, icon, tooltipText, }: {
|
|
68
|
+
export declare const MemoizedButton: ({ label, onClick, disabled, icon, tooltipText, isLoading, }: {
|
|
68
69
|
label: string;
|
|
69
70
|
onClick: () => void;
|
|
70
71
|
icon?: ReactNode;
|
|
71
72
|
disabled?: boolean | undefined;
|
|
72
73
|
tooltipText?: string | undefined;
|
|
74
|
+
isLoading?: boolean | undefined;
|
|
73
75
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
74
|
-
export declare const MemoizedSecondaryButton: ({ label, onClick, icon, }: {
|
|
76
|
+
export declare const MemoizedSecondaryButton: ({ label, onClick, icon, disabled, }: {
|
|
75
77
|
label: string;
|
|
76
78
|
onClick: () => void;
|
|
77
79
|
icon?: ReactNode;
|
|
80
|
+
disabled?: boolean | undefined;
|
|
78
81
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
79
82
|
export interface SelectComponentProps {
|
|
80
|
-
value: string;
|
|
83
|
+
value: string | null | undefined;
|
|
81
84
|
label?: string;
|
|
82
85
|
width: number;
|
|
83
|
-
isLoading?: boolean;
|
|
84
86
|
options: {
|
|
85
87
|
value: string;
|
|
86
88
|
label: string;
|
|
87
89
|
}[];
|
|
88
90
|
onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
|
|
91
|
+
isLoading?: boolean;
|
|
92
|
+
hideEmptyOption?: boolean;
|
|
93
|
+
disabled?: boolean;
|
|
89
94
|
}
|
|
90
95
|
export interface MultiSelectComponentProps {
|
|
91
96
|
label?: string;
|
|
92
97
|
width: number;
|
|
93
|
-
value: string[];
|
|
98
|
+
value: (string | null)[];
|
|
94
99
|
options: {
|
|
95
100
|
value: string;
|
|
96
101
|
label: string;
|
|
97
102
|
}[];
|
|
98
|
-
isLoading?: boolean;
|
|
99
103
|
onChange: (event: React.ChangeEvent<HTMLSelectElement> | {
|
|
100
104
|
target: {
|
|
101
105
|
value: string[];
|
|
102
106
|
};
|
|
103
107
|
}) => void;
|
|
108
|
+
isLoading?: boolean;
|
|
104
109
|
}
|
|
105
110
|
export interface HeaderComponentProps {
|
|
106
111
|
label: string;
|
|
@@ -140,7 +145,7 @@ export declare const MemoizedText: ({ label }: TextComponentProps) => import("re
|
|
|
140
145
|
/**
|
|
141
146
|
* The one, true Quill popover component.
|
|
142
147
|
*/
|
|
143
|
-
export declare const MemoizedPopover: ({ isOpen, setIsOpen, triggerLabel, popoverTitle, popoverChildren, containerStyle, }: PopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
148
|
+
export declare const MemoizedPopover: ({ isOpen, setIsOpen, triggerLabel, popoverTitle, popoverChildren, containerStyle, disabled, }: PopoverComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
144
149
|
export declare function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }: {
|
|
145
150
|
isOpen: boolean;
|
|
146
151
|
setIsOpen: (isOpen: boolean) => void;
|
|
@@ -166,11 +171,14 @@ export interface TableComponentProps {
|
|
|
166
171
|
direction: string;
|
|
167
172
|
}) => void;
|
|
168
173
|
rowCount?: number;
|
|
174
|
+
rowCountIsLoading?: boolean;
|
|
169
175
|
rowsPerPage?: number;
|
|
170
176
|
containerStyle?: CSSProperties;
|
|
177
|
+
currentPage?: number;
|
|
178
|
+
setCurrentPage?: (page: number) => void;
|
|
171
179
|
}
|
|
172
|
-
export declare const QuillTableSQLEditorComponent: ({ rows, columns, isLoading, rowCount, rowsPerPage, onPageChange, onSortChange, containerStyle, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
173
|
-
export declare const QuillTableComponent: ({ rows, columns, isLoading, rowCount, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
180
|
+
export declare const QuillTableSQLEditorComponent: ({ rows, columns, isLoading, rowCount, rowCountIsLoading, rowsPerPage, onPageChange, onSortChange, containerStyle, currentPage, setCurrentPage, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
181
|
+
export declare const QuillTableComponent: ({ rows, columns, isLoading, rowCount, rowCountIsLoading, onPageChange, onSortChange, }: TableComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
174
182
|
export declare const QuillEmptyDashboardComponent: () => import("react/jsx-runtime").JSX.Element;
|
|
175
183
|
export declare const QuillLoadingDashboardComponent: ({ containerStyle, chartContainerStyle, LoadingComponent, }: {
|
|
176
184
|
containerStyle?: React.CSSProperties | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,aAAa,EAEb,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,kGAyD1B,CAAC;AAEF,eAAO,MAAM,cAAc;
|
|
1
|
+
{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components/UiComponents.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ export const QuillTextInput = forwardRef(({ id, value, width, label, placeholder
|
|
|
38
38
|
minWidth: width,
|
|
39
39
|
}, id: id, value: value, placeholder: placeholder, onChange: onChange })] }));
|
|
40
40
|
});
|
|
41
|
-
export const MemoizedButton = ({ label, onClick, disabled, icon, tooltipText, }) => {
|
|
41
|
+
export const MemoizedButton = ({ label, onClick, disabled, icon, tooltipText, isLoading, }) => {
|
|
42
42
|
const [theme] = useContext(ThemeContext);
|
|
43
43
|
return (_jsx(QuillToolTip, { enabled: !!tooltipText && tooltipText !== '', text: tooltipText ?? '', children: _jsxs("button", { className: disabled ? 'quill-button-disabled' : 'quill-button', onClick: onClick, disabled: disabled, style: {
|
|
44
44
|
fontFamily: theme?.fontFamily,
|
|
@@ -66,9 +66,9 @@ export const MemoizedButton = ({ label, onClick, disabled, icon, tooltipText, })
|
|
|
66
66
|
}
|
|
67
67
|
.quill-button:hover {
|
|
68
68
|
background-color: rgba(56, 65, 81, 0.9);
|
|
69
|
-
}` }), icon, label] }) }));
|
|
69
|
+
}` }), isLoading ? (_jsx("div", { style: { padding: '32px 0px' }, children: _jsx(LoadingSpinner, {}) })) : (_jsxs(_Fragment, { children: [icon, label] }))] }) }));
|
|
70
70
|
};
|
|
71
|
-
export const MemoizedSecondaryButton = ({ label, onClick, icon, }) => {
|
|
71
|
+
export const MemoizedSecondaryButton = ({ label, onClick, icon, disabled, }) => {
|
|
72
72
|
const [theme] = useContext(ThemeContext);
|
|
73
73
|
return (_jsxs("button", { className: "quill-secondary-button", onClick: onClick, style: {
|
|
74
74
|
fontFamily: theme?.fontFamily,
|
|
@@ -87,13 +87,17 @@ export const MemoizedSecondaryButton = ({ label, onClick, icon, }) => {
|
|
|
87
87
|
flexDirection: 'row',
|
|
88
88
|
alignItems: 'center',
|
|
89
89
|
gap: 6,
|
|
90
|
-
}, children: [_jsx("style", { children: `
|
|
90
|
+
}, disabled: disabled, children: [_jsx("style", { children: `
|
|
91
91
|
.quill-secondary-button {
|
|
92
92
|
background-color: white;
|
|
93
93
|
}
|
|
94
94
|
.quill-secondary-button:hover {
|
|
95
95
|
background-color: #F4F4F5;
|
|
96
|
-
}
|
|
96
|
+
}
|
|
97
|
+
.quill-secondary-button:disabled {
|
|
98
|
+
opacity: 0.5;
|
|
99
|
+
}
|
|
100
|
+
` }), icon, label] }));
|
|
97
101
|
};
|
|
98
102
|
export const MemoizedHeader = ({ label }) => {
|
|
99
103
|
const [theme] = useContext(ThemeContext);
|
|
@@ -211,7 +215,7 @@ export const MemoizedText = ({ label }) => {
|
|
|
211
215
|
/**
|
|
212
216
|
* The one, true Quill popover component.
|
|
213
217
|
*/
|
|
214
|
-
export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, }) => {
|
|
218
|
+
export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, containerStyle, disabled, }) => {
|
|
215
219
|
const [theme] = useContext(ThemeContext);
|
|
216
220
|
const [rightAlignment, setRightAlignment] = useState('auto');
|
|
217
221
|
const modalRef = useRef(null);
|
|
@@ -252,7 +256,7 @@ export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle
|
|
|
252
256
|
}
|
|
253
257
|
}
|
|
254
258
|
};
|
|
255
|
-
return (_jsxs("div", { style: containerStyle, children: [triggerLabel, isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _jsxs("div", { ref: popoverRef, style: {
|
|
259
|
+
return (_jsxs("div", { style: containerStyle, children: [triggerLabel, !disabled && isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _jsxs("div", { ref: popoverRef, style: {
|
|
256
260
|
background: theme?.backgroundColor || 'white',
|
|
257
261
|
position: 'absolute',
|
|
258
262
|
boxShadow: '0px 1px 12px 0px #E7E7E705',
|
|
@@ -361,29 +365,26 @@ export const LoadingSpinner = () => (_jsx("div", { style: {
|
|
|
361
365
|
flexDirection: 'column',
|
|
362
366
|
justifyContent: 'center',
|
|
363
367
|
alignItems: 'center',
|
|
364
|
-
}, children: _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "
|
|
365
|
-
|
|
368
|
+
}, children: _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
|
|
369
|
+
, strokeDashoffset: "9.81" // calc(2 * 3.14 * 9.375 / 6)
|
|
370
|
+
, stroke: "#364153", fill: "none", transform: "rotate(-90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 19.63" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)
|
|
371
|
+
, strokeDashoffset: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
|
|
372
|
+
, stroke: "#ADB1B9", fill: "none", transform: "rotate(90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }) }));
|
|
373
|
+
export const QuillTableSQLEditorComponent = ({ rows, columns, isLoading = false, rowCount, rowCountIsLoading, rowsPerPage, onPageChange, onSortChange, containerStyle, currentPage, setCurrentPage, }) => {
|
|
366
374
|
const [sort, setSort] = useState({ field: '', direction: '' });
|
|
367
375
|
const [page, setPage] = useState(0);
|
|
368
|
-
|
|
369
|
-
return (_jsx("div", { style: {
|
|
370
|
-
display: 'flex',
|
|
371
|
-
flexDirection: 'column',
|
|
372
|
-
margin: 'auto',
|
|
373
|
-
width: '100%',
|
|
374
|
-
height: '100%',
|
|
375
|
-
}, children: _jsx(LoadingSpinner, {}) }));
|
|
376
|
-
}
|
|
377
|
-
return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: rowsPerPage || DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, onPageChange: (page) => {
|
|
376
|
+
return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: rowsPerPage || DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, rowCountIsLoading: rowCountIsLoading, onPageChange: (page) => {
|
|
378
377
|
setPage(page);
|
|
378
|
+
setCurrentPage && setCurrentPage(page);
|
|
379
379
|
onPageChange && onPageChange(page);
|
|
380
380
|
}, onSortChange: (sort) => {
|
|
381
381
|
setSort(sort);
|
|
382
|
+
setCurrentPage && setCurrentPage(0);
|
|
382
383
|
setPage(0);
|
|
383
384
|
onSortChange && onSortChange(sort);
|
|
384
|
-
}, sort: sort, currentPage: page, isLoading: isLoading, containerStyle: containerStyle }));
|
|
385
|
+
}, sort: sort, currentPage: currentPage ?? page, isLoading: isLoading, containerStyle: containerStyle }));
|
|
385
386
|
};
|
|
386
|
-
export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, onPageChange, onSortChange, }) => {
|
|
387
|
+
export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount, rowCountIsLoading, onPageChange, onSortChange, }) => {
|
|
387
388
|
const [sort, setSort] = useState({ field: '', direction: '' });
|
|
388
389
|
const [page, setPage] = useState(0);
|
|
389
390
|
const [initialLoad, setInitialLoad] = useState(true);
|
|
@@ -401,7 +402,7 @@ export const QuillTableComponent = ({ rows, columns, isLoading = false, rowCount
|
|
|
401
402
|
height: '100%',
|
|
402
403
|
}, children: _jsx(ChartSkeleton, {}) }));
|
|
403
404
|
}
|
|
404
|
-
return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, onPageChange: (page) => {
|
|
405
|
+
return (_jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: DEFAULT_PAGINATION.rowsPerPage, rowCount: rowCount, rowCountIsLoading: rowCountIsLoading, onPageChange: (page) => {
|
|
405
406
|
setPage(page);
|
|
406
407
|
onPageChange && onPageChange(page);
|
|
407
408
|
}, onSortChange: (sort) => {
|
|
@@ -612,7 +613,11 @@ export const QuillLoadingComponent = () => {
|
|
|
612
613
|
display: 'flex',
|
|
613
614
|
margin: '0px auto',
|
|
614
615
|
justifyContent: 'center',
|
|
615
|
-
}, children: [_jsx("div", { style: { height: 100 } }), _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "
|
|
616
|
+
}, children: [_jsx("div", { style: { height: 100 } }), _jsxs("svg", { width: "24", height: "24", children: [_jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
|
|
617
|
+
, strokeDashoffset: "9.81" // calc(2 * 3.14 * 9.375 / 6)
|
|
618
|
+
, stroke: theme?.primaryTextColor || '#364153', fill: "none", transform: "rotate(-90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), _jsx("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "19.63 19.63" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)
|
|
619
|
+
, strokeDashoffset: "19.63 39.25" // calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)
|
|
620
|
+
, stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] })] }));
|
|
616
621
|
};
|
|
617
622
|
export const OverflowContainer = ({ children }) => {
|
|
618
623
|
const containerRef = useRef(null);
|
|
@@ -656,9 +661,10 @@ export const OverflowContainer = ({ children }) => {
|
|
|
656
661
|
left: 0,
|
|
657
662
|
right: 0,
|
|
658
663
|
height: '8px',
|
|
664
|
+
marginTop: '-8px',
|
|
659
665
|
pointerEvents: 'none',
|
|
660
666
|
zIndex: 1,
|
|
661
|
-
transition: 'opacity 0.3s ease',
|
|
667
|
+
// transition: 'opacity 0.3s ease',
|
|
662
668
|
};
|
|
663
669
|
const topShadowStyle = {
|
|
664
670
|
top: 0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FilterTreeNode } from '../utils/astFilterProcessing';
|
|
2
|
-
import {
|
|
2
|
+
import { QuillProviderClient } from '../models/Client';
|
|
3
3
|
/**
|
|
4
4
|
* @param ast
|
|
5
5
|
* @param client
|
|
@@ -7,7 +7,7 @@ import { Client } from '../models/Client';
|
|
|
7
7
|
*
|
|
8
8
|
* Hook that takes in an ast where node and parses it into a filter tree
|
|
9
9
|
*/
|
|
10
|
-
declare const useAstToFilterTree: (ast: any, client:
|
|
10
|
+
declare const useAstToFilterTree: (ast: any, client: QuillProviderClient) => {
|
|
11
11
|
filterTree: FilterTreeNode | null;
|
|
12
12
|
filterStack: FilterTreeNode[];
|
|
13
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAstToFilterTree.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAstToFilterTree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useAstToFilterTree.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAstToFilterTree.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAmB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD;;;;;;GAMG;AACH,QAAA,MAAM,kBAAkB,QACjB,GAAG,UACA,mBAAmB;gBACZ,cAAc,GAAG,IAAI;iBAAe,cAAc,EAAE;CAoBpE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|