@quillsql/react 2.13.48 → 2.13.49

package/dist/cjs/ChartBuilder.js

@@ -32,7 +32,6 @@ const paginationProcessing_1 = require("./utils/paginationProcessing");
 const tableProcessing_1 = require("./utils/tableProcessing");
 const dates_1 = require("./utils/dates");
 const QuillMultiSelectWithCombo_1 = require("./components/QuillMultiSelectWithCombo");
-const dataFetcher_1 = require("./utils/dataFetcher");
 const QuillMultiSelectSectionList_1 = require("./components/QuillMultiSelectSectionList");
 const constants_1 = require("./utils/constants");
 const pivotConstructor_1 = require("./utils/pivotConstructor");
@@ -277,7 +276,9 @@ function ChartBuilderWithModal(props) {
     return ((0, jsx_runtime_1.jsx)("div", { style: { height: '100%' }, ref: parentRef, children: (0, jsx_runtime_1.jsx)(Modal, { isOpen: isOpen, setIsOpen: setIsOpen, title: title || 'Add to dashboard', 
             // For isHorizontalView, use full viewport size minus 80px for padding,
             // otherwise use the default layout method of the modal (contents).
-            width: isHorizontalView ? modalWidth : undefined, height: isHorizontalView ? modalHeight : undefined, children: (props.reportId ? dashboard[props.reportId] ?? props.tempReport : props.tempReport) ? ((0, jsx_runtime_1.jsx)(ChartBuilder, { ...props })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: 20 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.QuillLoadingComponent, {}) })) }) }));
+            width: isHorizontalView ? modalWidth : undefined, height: isHorizontalView ? modalHeight : undefined, children: (props.reportId
+                ? (dashboard[props.reportId] ?? props.tempReport)
+                : props.tempReport) ? ((0, jsx_runtime_1.jsx)(ChartBuilder, { ...props })) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: 20 }, children: (0, jsx_runtime_1.jsx)(UiComponents_1.QuillLoadingComponent, {}) })) }) }));
 }
 /**
  * ### Quill Chart Builder
@@ -311,11 +312,11 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
     const [client] = (0, react_1.useContext)(Context_1.ClientContext);
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
+    const { getToken, quillFetchWithToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const { addReport } = (0, useDashboard_1.useDashboardReports)(destinationDashboard);
     const { allReportsById } = (0, useDashboard_1.useAllReports)();
     const { dashboardConfig } = (0, react_1.useContext)(Context_1.DashboardConfigContext);
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
-    const { getDataFromCloud } = (0, dataFetcher_1.useQuillCloud)();
     const report = (0, react_1.useMemo)(() => {
         return reportId && !tempReport ? allReportsById[reportId] : tempReport;
     }, [reportId]);
@@ -404,7 +405,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         };
     }, [isOpen]);
     const [dashboardOptions, setDashboardOptions] = (0, react_1.useState)([]);
-    const { reportFilters, loadFiltersForReport, reportFiltersDispatch, abortLoadingFilters } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
+    const { reportFilters, loadFiltersForReport, reportFiltersDispatch, abortLoadingFilters, } = (0, react_1.useContext)(Context_1.ReportFiltersContext);
     const { reportsDispatch } = (0, react_1.useContext)(Context_1.ReportsContext);
     const initialFilters = (0, react_1.useRef)(reportFilters[report?.id ?? Report_1.TEMP_REPORT_ID]);
     (0, react_1.useEffect)(() => {
@@ -508,7 +509,12 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         ? Object.fromEntries(Object.entries(report.flags).map(([key, value]) => {
             if (value === constants_1.ALL_TENANTS) {
                 const tenantType = client?.allTenantTypes?.find((t) => t.tenantField === key);
-                return [key, tenantType?.tenantField === constants_1.SINGLE_TENANT ? tenantType?.flags ?? [] : tenantType?.tenantIds?.map((id) => id.flag) ?? []];
+                return [
+                    key,
+                    tenantType?.tenantField === constants_1.SINGLE_TENANT
+                        ? (tenantType?.flags ?? [])
+                        : (tenantType?.tenantIds?.map((id) => id.flag) ?? []),
+                ];
             }
             else {
                 return [key, value];
@@ -523,7 +529,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
     const formEmptyState = {
         name: report?.name ?? '',
         dashboardName: dashboardOptions[0]?.label ?? '',
-        columns: report?.columns.map((col) => {
+        columns: report?.columns?.map((col) => {
             return { ...col, label: (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(col.label) };
         }) ?? [],
         xAxisField: report?.columns?.[0]?.field ?? '',
@@ -549,33 +555,45 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         if (!client) {
             return;
         }
-        const { queryEndpoint, queryHeaders, publicKey, withCredentials } = client;
-        if (queryEndpoint) {
-            const response = await fetch(queryEndpoint, {
-                method: 'POST',
-                headers: {
-                    ...queryHeaders,
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({
-                    metadata: {
-                        task: 'dashboard',
-                        name: dashboardName,
-                        clientId: publicKey,
-                        databaseType: client.databaseType,
-                        useNewNodeSql: true,
-                        tenants,
-                    },
-                }),
-                credentials: withCredentials ? 'include' : 'omit',
-            });
-            const responseData = (await response.json()).data;
-            if (responseData) {
-                return {
-                    ...responseData,
-                    createdAt: responseData.createdAt && new Date(responseData.createdAt),
-                };
-            }
+        const { data: responseData } = await quillFetchWithToken({
+            client,
+            task: 'dashboard',
+            metadata: {
+                name: dashboardName,
+                clientId: client.clientId,
+                databaseType: client.databaseType,
+                useNewNodeSql: true,
+                tenants,
+            },
+        });
+        if (responseData) {
+            return {
+                ...responseData,
+                createdAt: responseData.createdAt && new Date(responseData.createdAt),
+                dateFilter: responseData.dateFilter
+                    ? {
+                        ...responseData.dateFilter,
+                        presetOptions: responseData.dateFilter.presetOptions?.map((preset) => ({
+                            ...preset,
+                            loopStart: preset.loopStart
+                                ? new Date(preset.loopStart)
+                                : undefined,
+                            loopEnd: preset.loopEnd
+                                ? new Date(preset.loopEnd)
+                                : undefined,
+                        })),
+                        defaultPresetRanges: responseData.dateFilter.defaultPresetRanges?.map((preset) => ({
+                            ...preset,
+                            loopStart: preset.loopStart
+                                ? new Date(preset.loopStart)
+                                : undefined,
+                            loopEnd: preset.loopEnd
+                                ? new Date(preset.loopEnd)
+                                : undefined,
+                        })),
+                    }
+                    : undefined,
+            };
         }
     };
     const pivotFormData = (pivot) => {
@@ -589,21 +607,26 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
             : false;
         const chartType = formData?.chartType ?? (pivot.rowField ? 'column' : 'metric');
         const rowColumn = (selectedPivotTable?.columns ?? columns).find((col) => col.field === pivot.rowField);
-        const xAxisField = pivot.rowField && !(['metric', 'gauge'].includes(chartType) && !valueFormatter_1.NUMBER_FORMAT_TYPES.includes(rowColumn?.format ?? ''))
+        const xAxisField = pivot.rowField &&
+            !(['metric', 'gauge'].includes(chartType) &&
+                !valueFormatter_1.NUMBER_FORMAT_TYPES.includes(rowColumn?.format ?? ''))
             ? pivot.rowField
             : (0, pivotConstructor_1.disambiguatedValueField)(pivot);
         const result = {
             pivot,
             chartType: chartType,
             xAxisField,
-            xAxisFormat: chartType === 'gauge' ? 'percent' : chartType === 'metric' ? 'whole_number' :
-                (0, columnProcessing_1.isDateType)(pivot.rowFieldType ?? '')
-                    ? 'string'
-                    : (0, columnProcessing_1.isNumberType)(pivot.rowFieldType ?? '')
-                        ? 'whole_number'
-                        : (0, columnProcessing_1.isNumberType)((0, pivotConstructor_1.disambiguatedValueField)(pivot) ?? '')
+            xAxisFormat: chartType === 'gauge'
+                ? 'percent'
+                : chartType === 'metric'
+                    ? 'whole_number'
+                    : (0, columnProcessing_1.isDateType)(pivot.rowFieldType ?? '')
+                        ? 'string'
+                        : (0, columnProcessing_1.isNumberType)(pivot.rowFieldType ?? '')
                             ? 'whole_number'
-                            : 'string',
+                            : (0, columnProcessing_1.isNumberType)((0, pivotConstructor_1.disambiguatedValueField)(pivot) ?? '')
+                                ? 'whole_number'
+                                : 'string',
             xAxisLabel: report?.xAxisLabel || pivot.rowField,
             yAxisFields: [
                 {
@@ -620,10 +643,14 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         return result;
     };
     const getReferencedTables = async (client, sqlQuery, dbTables, skipStar) => {
-        const resp = await getDataFromCloud(client, `astify`, {
-            query: sqlQuery,
-            publicKey: client.publicKey,
-            useNewNodeSql: true,
+        const { data: resp } = await quillFetchWithToken({
+            client,
+            task: 'astify',
+            metadata: {
+                query: sqlQuery,
+                clientId: client.clientId,
+                useNewNodeSql: true,
+            },
         });
         if (resp.success === false) {
             return (0, astProcessing_1.getTablesHelper)((0, astProcessing_1.getSelectFromAST)({}), dbTables, skipStar);
@@ -783,7 +810,13 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
             const curFormData = formData;
             let dashNames = Object.keys(dashboardConfig);
             if (dashNames.length === 0) {
-                const resp = await getDataFromCloud(client, `dashnames/${client.publicKey}/`, null, 'GET');
+                const { data: resp } = await quillFetchWithToken({
+                    client,
+                    task: 'dashnames',
+                    metadata: {
+                        clientId: client.clientId,
+                    },
+                });
                 dashNames = resp.dashboardNames;
             }
             let dashboardOptions = dashNames
@@ -943,6 +976,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                     dashboardName: destinationDashboardName,
                     tenants,
                     additionalProcessing: baseProcessing,
+                    getToken,
                 });
                 setSelectedPivotTable(pivotTable);
                 return pivotTable;
@@ -1017,6 +1051,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         const tableInfo = await (0, tableProcessing_1.fetchResultsByQuery)({
             query,
             client,
+            getToken,
             tenants,
             processing,
             customFields: schemaData.customFields,
@@ -1080,6 +1115,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                 rowCountOnly: false,
                 filterMap: canonicalFilterMap,
                 dashboardName: destinationDashboardName,
+                getToken,
             });
             setCurrentProcessing(processing);
             setRows(tableInfo.rows);
@@ -1092,6 +1128,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                         columns: tableInfo.columns.filter((column) => column.field === formData.pivot?.columnField),
                         query: report.queryString,
                         client,
+                        getToken,
                         tenants,
                         customFields: schemaData.customFields ?? {},
                         filters: overrideFilters,
@@ -1155,6 +1192,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                         ? report.comparisonPivotQuery
                         : undefined,
                     client,
+                    getToken,
                     tenants,
                     processing: updatedProcessing,
                     customFields: schemaData.customFields,
@@ -1198,71 +1236,53 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
     const handleChange = async (value, fieldName, index) => {
         let updatedForm = { ...formData };
         try {
-            // WE NEED TO REPROCESS THE PIVOT TABLE IF THE PIVOT COLUMN CHANGES
-            // WE NEED TO UPDATE BOTH VALUEFIELDTYPE AND COLUMN FIELD TYPES
-            if (fieldName === 'pivotColumn') {
-                // CAN'T EDIT THE TYPE OF THE RowField
-                if (index === 0) {
-                    return;
-                }
-                const updatedPivot = {
-                    ...formData.pivot,
-                    valueFieldType: value,
-                };
-                // @ts-ignore
-                updatedForm.pivot = updatedPivot;
-            }
-            else if (index !== undefined) {
+            if (index !== undefined) {
                 // For dynamic array fields
                 const [field, subfield] = fieldName.split('.');
-                let newLabel = undefined;
-                if (field === 'columns' && subfield === 'field') {
-                    if (!formData['columns'][index]?.label) {
+                if (field === 'pivot' && !!subfield) {
+                    if (!selectedPivotTable) {
+                        return;
+                    }
+                    let newLabel = undefined;
+                    if (subfield === 'field') {
                         newLabel = (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(value);
                     }
+                    const newColumns = selectedPivotTable.columns.map((col, i) => i === index
+                        ? {
+                            ...col,
+                            label: newLabel ? newLabel : col.label,
+                            [subfield]: value,
+                        }
+                        : col);
+                    setSelectedPivotTable({
+                        ...selectedPivotTable,
+                        columns: newColumns,
+                    });
                 }
-                // @ts-ignore
-                const updatedArray = formData[field].map((item, i) => i === index
-                    ? {
-                        ...item,
-                        label: newLabel ? newLabel : item.label,
-                        [subfield]: value,
+                else {
+                    let newLabel = undefined;
+                    if (field === 'columns' && subfield === 'field') {
+                        if (!formData['columns'][index]?.label) {
+                            newLabel = (0, textProcessing_1.snakeAndCamelCaseToTitleCase)(value);
+                        }
                     }
-                    : item);
-                updatedForm = { ...formData, [field]: updatedArray };
-                setFormData(updatedForm);
-                setChartTypes(getChartTypeOptions(updatedForm, dashboardConfig[updatedForm.dashboardName ?? '']));
+                    // @ts-ignore
+                    const updatedArray = formData[field].map((item, i) => i === index
+                        ? {
+                            ...item,
+                            label: newLabel ? newLabel : item.label,
+                            [subfield]: value,
+                        }
+                        : item);
+                    updatedForm = { ...formData, [field]: updatedArray };
+                    setFormData(updatedForm);
+                    setChartTypes(getChartTypeOptions(updatedForm, dashboardConfig[updatedForm.dashboardName ?? '']));
+                }
             }
             else if (fieldName.includes('.')) {
                 // For nested fields
                 const [field, subfield] = fieldName.split('.');
-                if (field === 'pivot' && subfield !== '') {
-                    const subfieldTypeFieldName = subfield + 'Type';
-                    if (value.length) {
-                        const subFieldType = columns.find((columns) => columns.field === value).fieldType;
-                        updatedForm = {
-                            ...updatedForm,
-                            // @ts-ignore
-                            [field]: {
-                                ...updatedForm[field],
-                                [subfield]: value,
-                                [subfieldTypeFieldName]: subFieldType,
-                            },
-                        };
-                    }
-                    else {
-                        updatedForm = {
-                            ...formData,
-                            // @ts-ignore
-                            [field]: {
-                                ...formData[field],
-                                [subfield]: '',
-                                [subfieldTypeFieldName]: '',
-                            },
-                        };
-                    }
-                }
-                else if (field === 'dateField' &&
+                if (field === 'dateField' &&
                     subfield === 'table' &&
                     !formData.dateField?.field) {
                     const field = schemaData.schemaWithCustomFields?.find((elem) => elem.name === value)?.columns?.[0]?.field;
@@ -1288,14 +1308,16 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                     updatedForm.xAxisFormat = 'whole_number';
                     const currentXAxisColumn = (selectedPivotTable?.columns ?? columns).find((c) => c.field === updatedForm.xAxisField);
                     if (!valueFormatter_1.NUMBER_FORMAT_TYPES.includes(currentXAxisColumn?.format ?? '')) {
-                        updatedForm.xAxisField = (selectedPivotTable?.columns ?? columns).find((c) => valueFormatter_1.NUMBER_FORMAT_TYPES.includes(c.format))?.field ?? updatedForm.xAxisField;
+                        updatedForm.xAxisField =
+                            (selectedPivotTable?.columns ?? columns).find((c) => valueFormatter_1.NUMBER_FORMAT_TYPES.includes(c.format))?.field ?? updatedForm.xAxisField;
                     }
                 }
                 else if (value === 'gauge') {
                     updatedForm.xAxisFormat = 'percent';
                     const currentXAxisColumn = (selectedPivotTable?.columns ?? columns).find((c) => c.field === updatedForm.xAxisField);
                     if (!valueFormatter_1.NUMBER_FORMAT_TYPES.includes(currentXAxisColumn?.format ?? '')) {
-                        updatedForm.xAxisField = (selectedPivotTable?.columns ?? columns).find((c) => valueFormatter_1.NUMBER_FORMAT_TYPES.includes(c.format))?.field ?? updatedForm.xAxisField;
+                        updatedForm.xAxisField =
+                            (selectedPivotTable?.columns ?? columns).find((c) => valueFormatter_1.NUMBER_FORMAT_TYPES.includes(c.format))?.field ?? updatedForm.xAxisField;
                     }
                 }
             }
@@ -1337,9 +1359,11 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
         // This method is *potentially* flawed because it chooses the first matching field it finds
         // which may not be robust to joins, aliases, disambiguations, etc.
         // unfortunately the pivot doesn't store the table of the rowField so we can't do better
-        const dateField = pivot.rowField && (0, PivotModal_1.isDateField)(pivot.rowFieldType ?? '') ? dateFieldOptions.find((table) => {
-            return table.columns.find((col) => col.field === pivot.rowField);
-        }) : undefined;
+        const dateField = pivot.rowField && (0, PivotModal_1.isDateField)(pivot.rowFieldType ?? '')
+            ? dateFieldOptions.find((table) => {
+                return table.columns.find((col) => col.field === pivot.rowField);
+            })
+            : undefined;
         setFormData((formData) => ({
             ...formData,
             ...newPivotFormData,
@@ -1498,6 +1522,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
             report: { ...newReport, rows: undefined, pivotRows: undefined }, // stop including rows in request
             dashboardItemId,
             client,
+            getToken,
         });
         if (resp && resp.name !== 'error') {
             const data = {
@@ -1557,9 +1582,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                             height: isHorizontalView || !isOpen ? '100%' : 800,
                             ...(isHorizontalView && {
                                 // flexGrow: 1,
-                                width: !isOpen
-                                    ? '100%'
-                                    : `calc(100% - ${formWidth}px - 20px)`, // width of left sidebar plus gap
+                                width: !isOpen ? '100%' : `calc(100% - ${formWidth}px - 20px)`, // width of left sidebar plus gap
                             }),
                             ...(!isHorizontalView && isOpen && { width: formWidth }),
                         }, children: [!isEditingMode && (report?.adminError || report?.error) ? ((0, jsx_runtime_1.jsx)(ErrorComponent, { label: report.adminError || report.error, onClick: onClickChartError })) : ((isHorizontalView || (!isOpen && windowWidth > 1200)) && ((0, jsx_runtime_1.jsx)(InternalChart_1.default, { report: chartData, filtersEnabled: filtersEnabled, setFiltersEnabled: (hide) => {
@@ -1573,7 +1596,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                     ...(isHorizontalView && {
                                         flexGrow: !['table'].includes(formData.chartType) ? 1 : 0,
                                     }),
-                                }, onClickChartElement: onClickChartElement, filterToggleDisabled: Object.values(validFilter).includes(false), onDashboardFilterChange: onDashboardFilterChange, layoutChanged: isOpen }))), 
+                                }, onClickChartElement: onClickChartElement, filterToggleDisabled: Object.values(validFilter).includes(false), onDashboardFilterChange: onDashboardFilterChange, layoutChanged: isOpen, SelectComponent: SelectComponent, MultiSelectComponent: QuillMultiSelectWithCombo_1.QuillMultiSelectComponentWithCombo, LoadingComponent: LoadingComponent }))), 
                             // Make sure to display non-pivoted table when using pivot chart
                             !hideChartView &&
                                 (isHorizontalView || (!isOpen && windowWidth < 1200)) && ((0, jsx_runtime_1.jsxs)("div", { style: {
@@ -1656,9 +1679,17 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                     }, options: dashboardOptions.map((elem) => ({
                                                         label: elem.label,
                                                         value: elem.label,
-                                                    })), width: 200 }) })), hideChartType ? ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 } })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: selectRef, style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Chart type", value: formData.chartType, onChange: (e) => handleChange(e.target.value, 'chartType'), options: chartTypes, width: 200 }) }), currentDashboard?.sectionOrder?.some((s) => s.section) && (0, jsx_runtime_1.jsx)("div", { style: { display: currentDashboard?.sectionOrder?.length ? 'flex' : 'none', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Section", value: formData.section ?? '', options: currentDashboard?.sectionOrder?.map((s) => ({ label: s.section ? s.section : 'No section', value: s.section })) ?? [], onChange: (e) => {
+                                                    })), width: 200 }) })), hideChartType ? ((0, jsx_runtime_1.jsx)("div", { style: { width: 200 } })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: selectRef, style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Chart type", value: formData.chartType, onChange: (e) => handleChange(e.target.value, 'chartType'), options: chartTypes, width: 200 }) }), currentDashboard?.sectionOrder?.some((s) => s.section) && ((0, jsx_runtime_1.jsx)("div", { style: {
+                                                            display: currentDashboard?.sectionOrder?.length
+                                                                ? 'flex'
+                                                                : 'none',
+                                                            flexDirection: 'column',
+                                                        }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Section", value: formData.section ?? '', options: currentDashboard?.sectionOrder?.map((s) => ({
+                                                                label: s.section ? s.section : 'No section',
+                                                                value: s.section,
+                                                            })) ?? [], onChange: (e) => {
                                                                 handleChange(e.target.value ?? '', 'section');
-                                                            }, width: 200, hideEmptyOption: true }) })] }))] }), hidePivotForm ? null : ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                                            }, width: 200, hideEmptyOption: true }) }))] }))] }), hidePivotForm ? null : ((0, jsx_runtime_1.jsxs)("div", { style: {
                                             display: 'flex',
                                             flexDirection: 'column',
                                             gap: 6,
@@ -1667,7 +1698,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                             // marginTop: 6,
                                                             display: 'flex',
                                                             flexDirection: 'column',
-                                                        }, children: (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotAggregations: pivotAggregations, setPivotAggregations: setPivotAggregations, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: selectedTable, SelectComponent: SelectComponent, ButtonComponent: ButtonComponent, CardComponent: CardComponent, SecondaryButtonComponent: SecondaryButtonComponent, PopoverComponent: PopoverComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent, SubheaderComponent: SubHeaderComponent, DeleteButtonComponent: DeleteButtonComponent, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, LoadingComponent: LoadingComponent, theme: theme, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processedColumns, triggerButtonText: 'Add pivot +', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: handleDeletePivot, selectPivot: handleAddPivot, dateRange: dateRange, selectPivotOnEdit: true, showTrigger: !formData.pivot, query: query, pivotCountRequest: 4, initialUniqueValues: initialUniqueValues, uniqueValuesIsLoading: initialUniqueValuesIsLoading, initialSelectedPivotTable: selectedPivotTable, pivotRecommendationsEnabled: pivotRecommendationsEnabled, report: report, dashboardName: destinationDashboardName || '', dateFilter: filtersEnabled
+                                                        }, children: (0, jsx_runtime_1.jsx)(PivotModal_1.PivotModal, { pivotRowField: pivotRowField, setPivotRowField: setPivotRowField, pivotColumnField: pivotColumnField, setPivotColumnField: setPivotColumnField, pivotAggregations: pivotAggregations, setPivotAggregations: setPivotAggregations, createdPivots: createdPivots, setCreatedPivots: setCreatedPivots, recommendedPivots: recommendedPivots, setRecommendedPivots: setRecommendedPivots, popUpTitle: pivotPopUpTitle, setPopUpTitle: setPivotPopUpTitle, selectedTable: selectedTable, SelectComponent: SelectComponent, ButtonComponent: ButtonComponent, CardComponent: CardComponent, SecondaryButtonComponent: SecondaryButtonComponent, PopoverComponent: PopoverComponent, LabelComponent: LabelComponent, TextComponent: TextComponent, HeaderComponent: HeaderComponent, SubheaderComponent: SubHeaderComponent, DeleteButtonComponent: DeleteButtonComponent, ErrorMessageComponent: ErrorMessageComponent, PivotRowContainer: PivotRowContainer, PivotColumnContainer: PivotColumnContainer, LoadingComponent: LoadingComponent, theme: theme, isOpen: showPivotPopover, setIsOpen: setShowPivotPopover, showUpdatePivot: isEdittingPivot, setShowUpdatePivot: setIsEdittingPivot, parentRef: parentRef, data: rows, columns: processedColumns, triggerButtonText: 'Add pivot +', selectedPivotIndex: selectedPivotIndex, setSelectedPivotIndex: setSelectedPivotIndex, removePivot: handleDeletePivot, selectPivot: handleAddPivot, dateRange: dateRange, selectPivotOnEdit: true, showTrigger: !formData.pivot, query: query, pivotCountRequest: 4, initialUniqueValues: initialUniqueValues, uniqueValuesIsLoading: initialUniqueValuesIsLoading, initialSelectedPivotTable: selectedPivotTable, pivotRecommendationsEnabled: pivotRecommendationsEnabled, report: report ? { ...report, ...{ itemQuery } } : undefined, dashboardName: destinationDashboardName || '', dateFilter: filtersEnabled
                                                                 ? currentDashboardFilters?.find((f) => f.filterType === 'date_range')
                                                                 : undefined }) }), formData.pivot && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { style: { width: pivotCardWidth }, children: (0, jsx_runtime_1.jsx)(PivotList_1.PivotCard, { pivotTable: pivotCardTable, theme: theme, index: 0, onSelectPivot: () => {
                                                                     setIsEdittingPivot(true);
@@ -1774,25 +1805,16 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                         selectedPivotTable.columns &&
                                                         formData.chartType === 'table'
                                                         ? // THIS CASE IF FOR PIVOT TABLES ONLY
-                                                            selectedPivotTable.columns.map((column, index) => ((0, jsx_runtime_1.jsxs)(ChartBuilderInputRowContainer, { children: [(0, jsx_runtime_1.jsx)(SelectComponent, { value: column.label, onChange: (e) => handleChange(e.target.value, 'columns.field', index), options: selectedPivotTable.columns.map((elem) => ({
-                                                                            label: elem.label,
-                                                                            value: elem.label,
-                                                                        })), width: 200 }), (0, jsx_runtime_1.jsx)(TextInputComponent, { id: `chart-builder-column-label-${index}`, width: 200, value: column.label, placeholder: "Column Label", onChange: (e) => handleChange(e.target.value, 'columns.label', index) }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: 
+                                                            selectedPivotTable.columns.map((column, index) => ((0, jsx_runtime_1.jsxs)(ChartBuilderInputRowContainer, { children: [(0, jsx_runtime_1.jsx)(SelectComponent, { value: column.field, onChange: (e) => handleChange(e.target.value, 'pivot.field', index), options: selectedPivotTable.columns.map((elem) => ({
+                                                                            label: elem.field,
+                                                                            value: elem.field,
+                                                                        })), disabled: index === 0, width: 200, hideEmptyOption: true }), (0, jsx_runtime_1.jsx)(TextInputComponent, { id: `chart-builder-column-label-${index}`, width: 200, value: column.label, placeholder: "Column Label", onChange: (e) => handleChange(e.target.value, 'pivot.label', index) }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: 
                                                                         // The first index use rowField for the rest of them use value fields
-                                                                        formData.pivot &&
-                                                                            column.field === formData.pivot.rowField
-                                                                            ? formData.pivot &&
-                                                                                (0, PivotModal_1.isDateField)(formData.pivot.rowFieldType || '')
-                                                                                ? 'string'
-                                                                                : 'string'
-                                                                            : formData.pivot?.aggregationType ===
-                                                                                'percentage'
-                                                                                ? 'percent'
-                                                                                : 'two_decimal_places', onChange: (e) => handleChange(e.target.value, 'pivotColumn', index), options: formData.pivot && index === 0
+                                                                        column.format, onChange: (e) => handleChange(e.target.value, 'pivot.format', index), options: formData.pivot && index === 0
                                                                             ? (0, PivotModal_1.isDateField)(formData.pivot.rowFieldType || '')
                                                                                 ? [{ label: 'date', value: 'string' }]
                                                                                 : [{ label: 'string', value: 'string' }]
-                                                                            : [...NUMBER_OPTIONS], width: 200 })] }, 'column' + index)))
+                                                                            : [...NUMBER_OPTIONS], width: 200, hideEmptyOption: true })] }, 'column' + index)))
                                                         : formData.columns.map((column, index) => ((0, jsx_runtime_1.jsxs)(ChartBuilderInputRowContainer, { children: [(0, jsx_runtime_1.jsx)(SelectComponent, { value: column.field, onChange: (e) => handleChange(e.target.value, 'columns.field', index), options: rows[0]
                                                                         ? Object.keys(rows[0]).map((elem) => ({
                                                                             label: elem,
@@ -1801,7 +1823,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                                         : columns.map((elem) => ({
                                                                             label: elem.field,
                                                                             value: elem.field,
-                                                                        })), width: 200 }), (0, jsx_runtime_1.jsx)(TextInputComponent, { id: `chart-builder-column-label-${index}`, width: 200, value: column.label, placeholder: "Column Label", onChange: (e) => handleChange(e.target.value, 'columns.label', index) }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: column.format, onChange: (e) => handleChange(e.target.value, 'columns.format', index), options: ALL_FORMAT_OPTIONS, width: 200 }), (0, jsx_runtime_1.jsx)("div", { ref: deleteRef, style: { marginLeft: deleteButtonMargin }, children: (0, jsx_runtime_1.jsx)(DeleteButtonComponent, { onClick: () => handleRemoveField('columns', index) }) })] }, 'column' + index))), (0, jsx_runtime_1.jsx)("div", { children: !(
+                                                                        })), width: 200, hideEmptyOption: true }), (0, jsx_runtime_1.jsx)(TextInputComponent, { id: `chart-builder-column-label-${index}`, width: 200, value: column.label, placeholder: "Column Label", onChange: (e) => handleChange(e.target.value, 'columns.label', index) }), (0, jsx_runtime_1.jsx)(SelectComponent, { value: column.format, onChange: (e) => handleChange(e.target.value, 'columns.format', index), options: ALL_FORMAT_OPTIONS, width: 200, hideEmptyOption: true }), (0, jsx_runtime_1.jsx)("div", { ref: deleteRef, style: { marginLeft: deleteButtonMargin }, children: (0, jsx_runtime_1.jsx)(DeleteButtonComponent, { onClick: () => handleRemoveField('columns', index) }) })] }, 'column' + index))), (0, jsx_runtime_1.jsx)("div", { children: !(
                                                         // hide when pivoted and chartType === 'table'
                                                         (formData.pivot &&
                                                             selectedPivotTable &&
@@ -1901,7 +1923,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                                     label: t.label ?? t.flag,
                                                                     value: t.flag,
                                                                 })) ?? []), width: 200, emptyLabel: dashboardOwner.scope === 'database'
-                                                                ? 'No flags supplied'
+                                                                ? 'No tags supplied'
                                                                 : undefined, allSelectedLabel: 'All ' + dashboardOwner.name + 's', style: {
                                                                 display: customTenantAccess || containsCustomFields
                                                                     ? 'inline'
@@ -1925,6 +1947,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                             display: 'flex',
                                             flexDirection: 'column',
                                             gap: 6,
+                                            marginBottom: 128,
                                         }, children: [(0, jsx_runtime_1.jsx)(HeaderComponent, { label: "Dashboard filter fields" }), isAdmin &&
                                                 formData.dateField &&
                                                 dashboardConfig[formData.dashboardName ?? destinationDashboardName ?? '']?.config.dateFilter?.label && ((0, jsx_runtime_1.jsxs)(ChartBuilderInputRowContainer, { children: [(0, jsx_runtime_1.jsx)(TextInputComponent, { id: 'filterMap.dateFilter.' +
@@ -1933,12 +1956,12 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                             ?.config.dateFilter?.label ?? 'Date', width: 200, onChange: () => { }, label: 'Filter', disabled: true }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Virtual Table", value: formData.dateField?.table, onChange: (e) => handleChange(e.target.value, 'dateField.table'), options: dateFieldOptions.map((elem) => ({
                                                                 label: elem.name,
                                                                 value: elem.name,
-                                                            })), width: 200 }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Field", value: (0, textProcessing_1.removeDoubleQuotes)(formData.dateField?.field), onChange: (e) => handleChange(e.target.value, 'dateField.field'), options: dateFieldOptions
+                                                            })), width: 200, hideEmptyOption: true }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { label: "Field", value: (0, textProcessing_1.removeDoubleQuotes)(formData.dateField?.field), onChange: (e) => handleChange(e.target.value, 'dateField.field'), options: dateFieldOptions
                                                                 ?.find((elem) => elem.name === formData.dateField?.table)
                                                                 ?.columns?.map((elem) => ({
                                                                 label: elem.field,
                                                                 value: elem.field,
-                                                            })) || [], width: 200 }) }), (!formData.dateField?.table ||
+                                                            })) || [], width: 200, hideEmptyOption: true }) }), (!formData.dateField?.table ||
                                                         !formData.dateField?.field) && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 8, marginTop: 'auto' }, children: (0, jsx_runtime_1.jsx)(assets_1.ExclamationFilledIcon, { height: 28, width: 28, style: {
                                                                 color: '#dc143c',
                                                             } }) }))] })), specificDashboardFilters.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: {
@@ -1974,7 +1997,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                             }), options: allTables.map((elem) => ({
                                                                 label: elem,
                                                                 value: elem,
-                                                            })), width: 200 }), (0, jsx_runtime_1.jsx)(SelectComponent, { label: index === 0 &&
+                                                            })), width: 200, hideEmptyOption: true }), (0, jsx_runtime_1.jsx)(SelectComponent, { label: index === 0 &&
                                                                 !(isAdmin &&
                                                                     formData.dateField &&
                                                                     dashboardConfig[formData.dashboardName ?? '']
@@ -1996,7 +2019,7 @@ destinationDashboard, onClickChartElement, isEditingMode = false, disableSort =
                                                                 .map((elem) => ({
                                                                 label: elem.label,
                                                                 value: elem.field,
-                                                            })) ?? [], width: 200 }), !validFilter[filter.label] && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 8, marginTop: 'auto' }, children: (0, jsx_runtime_1.jsx)(assets_1.ExclamationFilledIcon, { height: 28, width: 28, style: {
+                                                            })) ?? [], width: 200, hideEmptyOption: true }), !validFilter[filter.label] && ((0, jsx_runtime_1.jsx)("div", { style: { marginBottom: 8, marginTop: 'auto' }, children: (0, jsx_runtime_1.jsx)(assets_1.ExclamationFilledIcon, { height: 28, width: 28, style: {
                                                                     color: '#dc143c',
                                                                 } }) }))] }, filter.label))) }))] })), isAdmin && !tenants && !flags && ((0, jsx_runtime_1.jsxs)("div", { style: {
                                             display: 'flex',

package/dist/cjs/ChartEditor.d.ts

@@ -27,10 +27,10 @@ export interface ChartEditorProps {
     /** A callback function triggered when the chart error button is clicked */
     onClickChartError?: (element: any) => void;
     /** A callback that is fired when the item is deleted. */
-    onDelete?: () => boolean;
+    onDelete?: () => boolean | Promise<boolean>;
     /** A select component. */
     SelectComponent?: (props: {
-        value: string;
+        value: string | null | undefined;
         label?: string;
         options: {
             value: string;

package/dist/cjs/ChartEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ChartEditor.js

@@ -48,6 +48,7 @@ chartBuilderTitle = 'Edit chart', chartBuilderButtonLabel, onAddToDashboardCompl
     const { addReport } = (0, useDashboard_1.useDashboardReports)(destinationDashboard);
     const { allReportsById } = (0, useDashboard_1.useAllReports)();
     const { tenants, flags } = (0, react_1.useContext)(Context_1.TenantContext);
+    const { getToken } = (0, react_1.useContext)(Context_1.FetchContext);
     const report = allReportsById[reportId];
     const [client, isClientLoading] = (0, react_1.useContext)(Context_1.ClientContext);
     const [schemaData] = (0, react_1.useContext)(Context_1.SchemaDataContext);
@@ -109,6 +110,7 @@ chartBuilderTitle = 'Edit chart', chartBuilderButtonLabel, onAddToDashboardCompl
             additionalProcessing: processing,
             customFields: schemaData.customFields,
             rowsOnly: true,
+            getToken,
         });
         if (error) {
             return;
@@ -120,7 +122,7 @@ chartBuilderTitle = 'Edit chart', chartBuilderButtonLabel, onAddToDashboardCompl
         if (!isClientLoading && !report) {
             fetchReportHelper();
         }
-    }, [reportId, isClientLoading]);
+    }, [reportId, isClientLoading, allReportsById]);
     // if (!report) {
     //   return <div></div>;
     // }