@quillsql/react 2.10.11 → 2.10.13

package/dist/esm/AddToDashboardModal.js

@@ -55,7 +55,7 @@ function updateLabels(yAxisFields, values) {
     });
 }
 const DefaultSelectComponent = function DefaultSelect({ onChange, value, options, form, field, theme, }) {
-    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("select", { onChange: event => onChange(event.target.value), value: value, id: 'reportbuilderdropdown', style: {
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("select", { onChange: (event) => onChange(event.target.value), value: value, id: 'reportbuilderdropdown', style: {
                     width: 200,
                     outline: 'none',
                     textAlign: 'left',
@@ -125,9 +125,24 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
         let isSubscribed = true;
         async function getSchema() {
             if (!schema || !schema.length) {
-                const resp = await getDataFromCloud(client, `schema2/${client.publicKey}/`, null, 'GET');
+                const { queryEndpoint, queryHeaders, publicKey } = client;
+                const response = await fetch(`${queryEndpoint}`, {
+                    method: 'POST',
+                    headers: {
+                        ...queryHeaders,
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        metadata: {
+                            clientId: publicKey,
+                            publicKey: publicKey,
+                            task: 'schema',
+                        },
+                    }),
+                });
+                const data = await response.json();
                 if (isSubscribed) {
-                    setSchema(resp.tables);
+                    setSchema(data.data.tables);
                 }
             }
         }
@@ -139,7 +154,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
         };
     }, [schema]);
     const editChart = async ({ report, setIsSubmitting, values, yAxisFields, columns, query, buckets, showTableFormatOptions, }) => {
-        const { publicKey, customerId } = client;
+        const { publicKey, customerId, databaseType } = client;
         const { xAxisLabel, chartName, chartType, xAxisField, xAxisFormat, dashboardName, dateFieldTable, dateField, template, } = values;
         if (!chartName) {
             alert('Please enter a chart name');
@@ -157,7 +172,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
             alert('Please enter a label for the x-axis');
             return;
         }
-        if (!yAxisFields.map(field => field.label).every(Boolean) &&
+        if (!yAxisFields.map((field) => field.label).every(Boolean) &&
             chartType !== 'pie' &&
             chartType !== 'table') {
             alert('Please enter a label for the y-axis');
@@ -212,6 +227,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
                         template: template,
                         buckets,
                         clientId: publicKey,
+                        databaseType: databaseType,
                     }
                     : {
                         name: chartName,
@@ -233,6 +249,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
                         template: template,
                         buckets,
                         clientId: publicKey,
+                        databaseType: databaseType,
                     }
                 : {
                     name: chartName,
@@ -260,6 +277,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
                     template: template,
                     buckets,
                     clientId: publicKey,
+                    databaseType: databaseType,
                 },
         };
         const cloudBody = report
@@ -332,7 +350,7 @@ export default function AddToDashboardModal({ isOpen, setIsOpen, SelectComponent
                     ...resp,
                     rows,
                     fields,
-                    filtersApplied: dashboardFilters
+                    filtersApplied: dashboardFilters,
                 },
             });
         }
@@ -427,43 +445,43 @@ export function ChartForm({ data, fields, theme, saveVisualization, report, edit
         newFields = report.fields;
     }
     const fieldOptions = data?.length
-        ? Object.keys(data[0]).map(field => ({
+        ? Object.keys(data[0]).map((field) => ({
             value: field,
             label: field,
         }))
-        : fields.map(field => ({
+        : fields.map((field) => ({
             value: field.field,
             label: field.field,
         }));
     const xAxisOptions = data?.length
         ? Object.keys(data[0])
-            .filter(option => getPostgresBasicType(newFields.find(field => field.name === option)) === 'date' ||
-            getPostgresBasicType(newFields.find(field => field.name === option)) === 'string')
-            .map(field => ({
+            .filter((option) => getPostgresBasicType(newFields.find((field) => field.name === option)) === 'date' ||
+            getPostgresBasicType(newFields.find((field) => field.name === option)) === 'string')
+            .map((field) => ({
             value: field,
             label: field,
         }))
         : fields
-            .filter(option => {
-            return (getPostgresBasicType(newFields.find(field => field.name === option.field)) === 'date' ||
-                getPostgresBasicType(newFields.find(field => field.name === option.field)) === 'string');
+            .filter((option) => {
+            return (getPostgresBasicType(newFields.find((field) => field.name === option.field)) === 'date' ||
+                getPostgresBasicType(newFields.find((field) => field.name === option.field)) === 'string');
         })
-            .map(field => ({
+            .map((field) => ({
             value: field.field,
             label: field.field,
         }));
     const yAxisOptions = data?.length
         ? Object.keys(data[0])
-            .filter(option => getPostgresBasicType(newFields.find(field => field.name === option)) === 'number')
-            .map(field => ({
+            .filter((option) => getPostgresBasicType(newFields.find((field) => field.name === option)) === 'number')
+            .map((field) => ({
             value: field,
             label: field,
         }))
         : fields
-            .filter(option => {
-            return (getPostgresBasicType(newFields.find(field => field.name === option.field)) === 'number');
+            .filter((option) => {
+            return (getPostgresBasicType(newFields.find((field) => field.name === option.field)) === 'number');
         })
-            .map(field => ({
+            .map((field) => ({
             value: field.field,
             label: field.field,
         }));
@@ -489,7 +507,7 @@ export function ChartForm({ data, fields, theme, saveVisualization, report, edit
                     await form.setFieldValue(field.name, option);
                     form.setFieldTouched(field.name, true);
                 };
-                return (_jsx(SelectComponent, { onChange: event => handleChange(event.target.value), value: value, options: options }));
+                return (_jsx(SelectComponent, { onChange: (event) => handleChange(event.target.value), value: value, options: options }));
             }
             : MemoizedDefaultSelectComponent, TextInputComponent: TextInputComponent
             ? TextInputComponent
@@ -535,7 +553,7 @@ export function ChartForm({ data, fields, theme, saveVisualization, report, edit
 export function isValidDate(d) {
     return d instanceof Date && !isNaN(d);
 }
-export const isArrayOfValidDates = (arr, field) => arr.every(d => new Date(d[field]) instanceof Date && !isNaN(new Date(d[field])));
+export const isArrayOfValidDates = (arr, field) => arr.every((d) => new Date(d[field]) instanceof Date && !isNaN(new Date(d[field])));
 export function formatDateBuckets(startDate, endDate) {
     // Calculate the distance in hours
     const distanceInHours = Math.abs(differenceInHours(endDate, startDate));
@@ -609,16 +627,19 @@ async function getReferencedTables(client, sqlQuery, dbTables) {
                 tables.push(ast.with[i].stmt.from[j].table);
         }
     }
-    const tablesInQuery = [...tables, ...ast.from.map(elem => elem.table)].filter(elem => !withAliases.includes(elem));
+    const tablesInQuery = [
+        ...tables,
+        ...ast.from.map((elem) => elem.table),
+    ].filter((elem) => !withAliases.includes(elem));
     return dbTables
-        .filter(table => tablesInQuery.includes(table.displayName))
-        .map(table => {
+        .filter((table) => tablesInQuery.includes(table.displayName))
+        .map((table) => {
         return {
             name: table.displayName,
-            columns: table.columns.filter(column => POSTGRES_DATE_TYPES.includes(column.fieldType)),
+            columns: table.columns.filter((column) => POSTGRES_DATE_TYPES.includes(column.fieldType)),
         };
     })
-        .filter(table => table.columns.length > 0);
+        .filter((table) => table.columns.length > 0);
 }
 const X_FORMAT_OPTIONS = [
     { value: 'whole_number', label: 'whole number' },
@@ -705,7 +726,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
     const [columns, setColumns] = useState(report && report.columns.length
         ? report.columns
         : fields?.length
-            ? fields.map(field => convertPostgresColumn(field))
+            ? fields.map((field) => convertPostgresColumn(field))
             : []);
     function removeQuotes(str) {
         if (str.startsWith('"') && str.endsWith('"')) {
@@ -721,7 +742,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
         let selectedValue;
         let selectedElem;
         if (filter.filterType === 'string') {
-            selectedElem = filter.options.find(elem => elem[removeQuotes(filter.field)] === value);
+            selectedElem = filter.options.find((elem) => elem[removeQuotes(filter.field)] === value);
             if (selectedElem) {
                 selectedValue = selectedElem[removeQuotes(filter.field)];
             }
@@ -732,7 +753,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
         }
         if (filter.filterType === 'date' || filter.filterType === 'date_range') {
             if (value[2]) {
-                selectedElem = filter.options.find(elem => {
+                selectedElem = filter.options.find((elem) => {
                     return value[2] === elem[removeQuotes(filter.field)][2];
                 });
                 if (selectedElem) {
@@ -757,7 +778,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
         ]);
     };
     const handleAddBucket = () => {
-        const bucketPossibilities = xAxisOptions.filter(option => getPostgresBasicType(newFields.find(field => field.name === option.value)) === 'date');
+        const bucketPossibilities = xAxisOptions.filter((option) => getPostgresBasicType(newFields.find((field) => field.name === option.value)) === 'date');
         if (!bucketPossibilities.length) {
             alert('No possible buckets');
             return;
@@ -773,7 +794,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
             setXAxisFormat('dynamic');
         }
         else {
-            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find(field => field.name === bucketPossibilities[0].value))));
+            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find((field) => field.name === bucketPossibilities[0].value))));
         }
     };
     const [dashboardOptions, setDashboardOptions] = useState([]);
@@ -796,7 +817,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
     const [selectedTabIndex, setSelectedTabIndex] = useState(report && report.template ? 1 : 0);
     React.useEffect(() => {
         async function getDashboards() {
-            const { publicKey, customerId, queryEndpoint } = client;
+            const { publicKey, customerId, queryEndpoint, databaseType } = client;
             if (customerId || queryEndpoint) {
                 try {
                     let responseData;
@@ -808,8 +829,19 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                     }).toString();
                     const hostedBody = {
                         metadata: customerId
-                            ? { orgId: customerId, name, task: 'config' }
-                            : { name: dashboardName, task: 'config' },
+                            ? {
+                                orgId: customerId,
+                                clientId: publicKey,
+                                name,
+                                task: 'config',
+                                databaseType: databaseType,
+                            }
+                            : {
+                                name: dashboardName,
+                                clientId: publicKey,
+                                task: 'config',
+                                databaseType: databaseType,
+                            },
                     };
                     const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
                     const bigFilterObj = {};
@@ -909,8 +941,8 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                     }
                     if (resp.filters && resp.filters.length) {
                         Object.values(resp.filters)
-                            .filter(filter => filter.filterType !== 'date')
-                            .forEach(filter => {
+                            .filter((filter) => filter.filterType !== 'date')
+                            .forEach((filter) => {
                             // processFilter(filter);
                             bigFilterObj[filter.field] = processFilter(filter);
                         });
@@ -935,8 +967,8 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
         async function getDashNames() {
             const resp = await getDataFromCloud(client, `dashnames/${client.publicKey}/`, null, 'GET');
             setDashboardOptions(resp.dashboardNames
-                .filter(elem => elem !== null)
-                .map(key => ({ label: key, value: key })));
+                .filter((elem) => elem !== null)
+                .map((key) => ({ label: key, value: key })));
         }
         getDashNames();
     }, []);
@@ -964,11 +996,11 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
             setDateField(dateFieldOptions[0].columns[0].name);
         }
     }, [dateFieldOptions]);
-    const handleDeleteYAxisField = index => {
-        setYAxisFields(yAxisFields => yAxisFields.filter((_, i) => index !== i));
+    const handleDeleteYAxisField = (index) => {
+        setYAxisFields((yAxisFields) => yAxisFields.filter((_, i) => index !== i));
     };
-    const handleDeleteBucketField = index => {
-        setBucketFields(bucketFields => bucketFields.filter((_, i) => index !== i));
+    const handleDeleteBucketField = (index) => {
+        setBucketFields((bucketFields) => bucketFields.filter((_, i) => index !== i));
         setXAxisField(xAxisOptions[0].value);
         setXAxisLabel('');
     };
@@ -984,10 +1016,10 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
             setXAxisFormat('dynamic');
         }
         else {
-            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find(field => field.name === value))));
+            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find((field) => field.name === value))));
         }
     };
-    const handleXAxisFieldChange = value => {
+    const handleXAxisFieldChange = (value) => {
         if (!dateField) {
             return;
         }
@@ -1002,7 +1034,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
             setXAxisFormat('dynamic');
         }
         else {
-            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find(field => field.name === value))));
+            setXAxisFormat(postgresFormatMap(getPostgresBasicType(newFields.find((field) => field.name === value))));
         }
         if (bucketFields.length > 0) {
             const newBucketFields = [...bucketFields];
@@ -1015,7 +1047,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
         newYAxisFields[index] = {
             ...newYAxisFields[index],
             field: value,
-            format: postgresFormatMap(newFields.find(field => field.name === value)),
+            format: postgresFormatMap(newFields.find((field) => field.name === value)),
         };
         setYAxisFields(newYAxisFields);
     };
@@ -1115,17 +1147,17 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                                 fontFamily: theme?.fontFamily,
                                                 fontSize: theme?.fontSize || '14px',
                                                 fontWeight: theme.labelFontWeight || '600',
-                                            }, children: "Name" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(TextInputComponent, { onChange: e => setChartName(e.target.value), value: chartName, theme: theme, placeholder: 'Enter a chart name' }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', marginTop: 8 }, children: [_jsx("div", { style: formLabelStyle || {
+                                            }, children: "Name" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(TextInputComponent, { onChange: (e) => setChartName(e.target.value), value: chartName, theme: theme, placeholder: 'Enter a chart name' }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', marginTop: 8 }, children: [_jsx("div", { style: formLabelStyle || {
                                                 color: theme.secondaryTextColor,
                                                 fontFamily: theme?.fontFamily,
                                                 fontSize: theme?.fontSize || '14px',
                                                 fontWeight: theme.labelFontWeight || '600',
-                                            }, children: "Dashboard name" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { onChange: value => setDashboardName(value), value: dashboardName, theme: theme, options: dashboardOptions }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', marginTop: 8 }, children: [_jsx("div", { style: formLabelStyle || {
+                                            }, children: "Dashboard name" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { onChange: (value) => setDashboardName(value), value: dashboardName, theme: theme, options: dashboardOptions }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', marginTop: 8 }, children: [_jsx("div", { style: formLabelStyle || {
                                                 color: theme.secondaryTextColor,
                                                 fontFamily: theme?.fontFamily,
                                                 fontSize: theme?.fontSize || '14px',
                                                 fontWeight: theme.labelFontWeight || '600',
-                                            }, children: "Chart type" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { onChange: e => setChartType(e), value: chartType, options: [
+                                            }, children: "Chart type" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { onChange: (e) => setChartType(e), value: chartType, options: [
                                                     { label: 'column', value: 'column' },
                                                     { label: 'bar', value: 'bar' },
                                                     { label: 'line', value: 'line' },
@@ -1154,7 +1186,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                     flexDirection: 'row',
                                     alignItems: 'center',
                                     marginTop: index === 0 ? 6 : 10,
-                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: option => handleBucketFieldChange(index, option), value: bucketField.field, 
+                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: (option) => handleBucketFieldChange(index, option), value: bucketField.field, 
                                             // TODO: PROB FILTER OUT NUMBERS LMAO (SO DATE AND STRING ONLY)
                                             options: xAxisOptions, theme: theme }) }), _jsx("div", { onClick: () => handleDeleteBucketField(index), style: {
                                             cursor: 'pointer',
@@ -1181,7 +1213,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                     display: 'flex',
                                     flexDirection: 'row',
                                     alignItems: 'center',
-                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: e => handleXAxisFieldChange(e), value: xAxisField, options: xAxisOptions, theme: theme }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { onChange: e => setXAxisLabel(e.target.value), value: xAxisLabel, theme: theme, placeholder: 'Enter a label' }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: e => setXAxisFormat(e), value: xAxisFormat, options: X_FORMAT_OPTIONS, theme: theme }) })] })] })) }), _jsxs("div", { style: {
+                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: (e) => handleXAxisFieldChange(e), value: xAxisField, options: xAxisOptions, theme: theme }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { onChange: (e) => setXAxisLabel(e.target.value), value: xAxisLabel, theme: theme, placeholder: 'Enter a label' }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: (e) => setXAxisFormat(e), value: xAxisFormat, options: X_FORMAT_OPTIONS, theme: theme }) })] })] })) }), _jsxs("div", { style: {
                         display: 'flex',
                         flexDirection: 'row',
                         alignItems: 'flex-start',
@@ -1204,7 +1236,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                                 flexDirection: 'row',
                                                 alignItems: 'center',
                                                 marginTop: index === 0 ? 6 : 10,
-                                            }, children: _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: option => handleYAxisFieldChange(index, option), value: yAxisField.field, options: chartType === 'table' ? fieldOptions : yAxisOptions, theme: theme }) }) }, `yAxisField-${index}`))), chartType !== 'pie' && (_jsx("div", { style: { marginTop: 12 }, children: _jsx(SecondaryButtonComponent, { onClick: handleAddYAxisField, label: "Add column +" }) })), _jsx("div", { style: { height: 10 } })] })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: {
+                                            }, children: _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: (option) => handleYAxisFieldChange(index, option), value: yAxisField.field, options: chartType === 'table' ? fieldOptions : yAxisOptions, theme: theme }) }) }, `yAxisField-${index}`))), chartType !== 'pie' && (_jsx("div", { style: { marginTop: 12 }, children: _jsx(SecondaryButtonComponent, { onClick: handleAddYAxisField, label: "Add column +" }) })), _jsx("div", { style: { height: 10 } })] })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: {
                                 display: 'flex',
                                 flexDirection: 'column',
                                 justifyContent: 'flex-start',
@@ -1219,9 +1251,9 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                             flexDirection: 'row',
                                             // alignItems: 'center',
                                             marginTop: index === 0 ? 6 : 10,
-                                        }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { value: yAxisFields[index].label, onChange: e => {
+                                        }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { value: yAxisFields[index].label, onChange: (e) => {
                                                         handleYAxisLabelChange(index, e.target.value);
-                                                    }, theme: theme, placeholder: 'Enter a label' }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: value => handleYAxisFieldFormatChange(index, value), value: yAxisField.format, options: Y_FORMAT_OPTIONS, theme: theme }) }), _jsx("div", { onClick: () => index > 0 ? handleDeleteYAxisField(index) : undefined, style: {
+                                                    }, theme: theme, placeholder: 'Enter a label' }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { onChange: (value) => handleYAxisFieldFormatChange(index, value), value: yAxisField.format, options: Y_FORMAT_OPTIONS, theme: theme }) }), _jsx("div", { onClick: () => index > 0 ? handleDeleteYAxisField(index) : undefined, style: {
                                                     cursor: index > 0 ? 'pointer' : undefined,
                                                     paddingLeft: 6,
                                                     paddingTop: 12,
@@ -1257,7 +1289,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                             flexDirection: 'row',
                                             alignItems: 'center',
                                             marginTop: index === 0 ? 6 : 10,
-                                        }, children: _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { value: yAxisField.field, onChange: option => {
+                                        }, children: _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { value: yAxisField.field, onChange: (option) => {
                                                     handleColumnFieldChange(index, option);
                                                 }, options: fieldOptions, theme: theme }) }) }, `column-${index}`))), _jsx("div", { style: { height: 10 } })] }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: {
                                 display: 'flex',
@@ -1268,7 +1300,7 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                     flexDirection: 'row',
                                     alignItems: 'center',
                                     marginTop: index === 0 ? 6 : 10,
-                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { theme: theme, placeholder: "Enter column label", value: yAxisField.label, onChange: event => handleColumnLabelChange(index, event.target.value) }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { value: yAxisField.format, onChange: option => handleColumnFormatChange(index, option), options: Y_FORMAT_OPTIONS, theme: theme }) })] }, `column-${index}`))) })] })), showDateFieldOptions && _jsx("div", { style: { height: 20 } }), showDateFieldOptions && (_jsxs(_Fragment, { children: [_jsx("div", { style: formHeaderStyle || {
+                                }, children: [_jsx("div", { style: { minWidth: 200 }, children: _jsx(TextInputComponent, { theme: theme, placeholder: "Enter column label", value: yAxisField.label, onChange: (event) => handleColumnLabelChange(index, event.target.value) }) }), _jsx("div", { style: { width: 20 } }), _jsx("div", { style: { minWidth: 200 }, children: _jsx(SelectComponent, { value: yAxisField.format, onChange: (option) => handleColumnFormatChange(index, option), options: Y_FORMAT_OPTIONS, theme: theme }) })] }, `column-${index}`))) })] })), showDateFieldOptions && _jsx("div", { style: { height: 20 } }), showDateFieldOptions && (_jsxs(_Fragment, { children: [_jsx("div", { style: formHeaderStyle || {
                                 fontFamily: theme.fontFamily,
                                 color: theme.primaryTextColor,
                                 fontSize: theme.fontSize + 2,
@@ -1285,23 +1317,22 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                         fontWeight: theme.labelFontWeight || '600',
                                     }, children: "Date field table" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { options: !dateFieldOptions.length
                                             ? [{ label: '', value: '' }]
-                                            : dateFieldOptions.map(elem => {
+                                            : dateFieldOptions.map((elem) => {
                                                 return { label: elem.name, value: elem.name };
-                                            }), onChange: e => setDateFieldTable(e), value: dateFieldTable, theme: theme }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("div", { style: formLabelStyle || {
+                                            }), onChange: (e) => setDateFieldTable(e), value: dateFieldTable, theme: theme }) })] }), _jsx("div", { style: { width: 20 } }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx("div", { style: formLabelStyle || {
                                         color: theme.secondaryTextColor,
                                         fontFamily: theme?.fontFamily,
                                         fontSize: theme?.fontSize || '14px',
                                         fontWeight: theme.labelFontWeight || '600',
                                     }, children: "Date field" }), _jsx("div", { style: { minWidth: 200, marginTop: 6 }, children: _jsx(SelectComponent, { options: !dateFieldOptions.length
                                             ? [{ label: '', value: '' }]
-                                            : dateFieldOptions.filter(elem => elem.name === dateFieldTable // Replace `values.dateFieldTable` with your state variable or prop
-                                            ).length
+                                            : dateFieldOptions.filter((elem) => elem.name === dateFieldTable).length
                                                 ? dateFieldOptions
-                                                    .filter(elem => elem.name === dateFieldTable)[0]
-                                                    .columns.map(elem => {
+                                                    .filter((elem) => elem.name === dateFieldTable)[0]
+                                                    .columns.map((elem) => {
                                                     return { label: elem.name, value: elem.name };
                                                 })
-                                                : [{ label: '', value: '' }], onChange: value => setDateField(value), value: dateField, theme: theme }) })] })] })), showAccessControlOptions && (_jsxs("div", { style: {
+                                                : [{ label: '', value: '' }], onChange: (value) => setDateField(value), value: dateField, theme: theme }) })] })] })), showAccessControlOptions && (_jsxs("div", { style: {
                         display: 'flex',
                         flexDirection: 'column',
                         marginTop: 40,

package/dist/esm/Chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AA2BA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAyE3C,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AAgeF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../src/Chart.tsx"],"names":[],"mappings":";AA2BA,UAAU,cAAc;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,UAAU,WAAY,SAAQ,cAAc;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GACnB,cAAc,GACd,mBAAmB,GACnB,oBAAoB,GACpB,eAAe,GACf,cAAc,GACd,UAAU,GACV,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,UAAU,GACV,SAAS,GACT,QAAQ,CAAC;AAEb,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,UAAU,UAAW,SAAQ,cAAc;IACzC,MAAM,EAAE,aAAa,GAAG,GAAG,CAAC;CAC7B;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,UAAU,CAAC;AAyE3C,QAAA,MAAM,KAAK,8JAYR,UAAU,4CAkCZ,CAAC;AAieF,eAAe,KAAK,CAAC"}

package/dist/esm/Chart.js

@@ -117,6 +117,7 @@ const ChartUpdater = ({ colors, chartId, config, containerStyle, dashboard, disp
                         ...(client.customerId && { orgId: client.customerId }),
                         clientId: client.publicKey,
                         task: 'item',
+                        databaseType: client.databaseType,
                         filters: minimalFilters,
                     },
                 };

package/dist/esm/ChartBuilder.d.ts

@@ -39,6 +39,7 @@ interface ChartBuilderProps {
     title?: string;
     buttonLabel?: string;
     dateColumn?: string;
+    organizationName?: string;
 }
 export default function ChartBuilder(props: ChartBuilderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/ChartBuilder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAWhF,OAAO,EACL,KAAK,EAIN,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EAUjB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAgBnC,wBAAgB,oBAAoB,CAAC,GAAG,KAAA,OAavC;AAqED,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAoBF,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4B5D"}
+{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../../src/ChartBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAWhF,OAAO,EACL,KAAK,EAIN,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EAUjB,qBAAqB,EAEtB,MAAM,2BAA2B,CAAC;AAgBnC,wBAAgB,oBAAoB,CAAC,GAAG,KAAA,OAavC;AAqED,eAAO,MAAM,mBAAmB,UAM/B,CAAC;AAoBF,UAAU,iBAAiB;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,iBAAiB,CAAC,EAAE,KAAK,EAAE,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4B5D"}

package/dist/esm/ChartBuilder.js

@@ -105,7 +105,7 @@ export default function ChartBuilder(props) {
     const [theme] = useContext(ThemeContext);
     return (_jsx(_Fragment, { children: props.Modal ? (_jsx(props.Modal, { isOpen: props.isOpen, setIsOpen: props.setIsOpen, title: props.title || 'Add to dashboard', onClose: () => props.setIsOpen(false), theme: theme, children: _jsx(ChartBuilderForm, { ...props }) })) : (_jsx(MemoizedModal, { setIsOpen: props.setIsOpen, isOpen: props.isOpen, onClose: () => props.setIsOpen(false), title: props.title || 'Add to dashboard', theme: theme, children: _jsx(ChartBuilderForm, { ...props }) })) }));
 }
-function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSelect, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, Header = MemoizedHeader, Label = MemoizedLabel, DeleteButton = MemoizedDeleteButton, Text = MemoizedText, Modal = MemoizedModal, Popover = MemoizedPopover, isOpen, isEditMode, pivot, setIsOpen, rows, columns, query, queryNoDateColumn, dateRange: dr, formHeaderStyle, formLabelStyle, showTableFormatOptions = false, showDateFieldOptions = false, showAccessControlOptions = false, showDashboardDropdown = true, onAddToDashboardComplete, onDelete, fields: fieldsProp, dashboardItem = undefined, recommendedPivots: rp = [], createdPivots: cp = [], destinationDashboard, dateColumn, buttonLabel, }) {
+function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSelect, Button = MemoizedButton, SecondaryButton = MemoizedSecondaryButton, Header = MemoizedHeader, Label = MemoizedLabel, DeleteButton = MemoizedDeleteButton, Text = MemoizedText, Modal = MemoizedModal, Popover = MemoizedPopover, isOpen, isEditMode, pivot, setIsOpen, rows, columns, query, queryNoDateColumn, dateRange: dr, formHeaderStyle, formLabelStyle, showTableFormatOptions = false, showDateFieldOptions = false, showAccessControlOptions = false, showDashboardDropdown = true, onAddToDashboardComplete, onDelete, fields: fieldsProp, dashboardItem = undefined, recommendedPivots: rp = [], createdPivots: cp = [], destinationDashboard, dateColumn, buttonLabel, organizationName }) {
     const dateRange = dr || [null, null, null];
     const [client] = useContext(ClientContext);
     const [theme] = useContext(ThemeContext);
@@ -151,9 +151,24 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
         let isSubscribed = true;
         async function getSchema() {
             if (!schema || !schema.length) {
-                const resp = await getDataFromCloud(client, `schema2/${client.publicKey}/`, null, 'GET');
+                const { queryEndpoint, queryHeaders, publicKey } = client;
+                const response = await fetch(`${queryEndpoint}`, {
+                    method: 'POST',
+                    headers: {
+                        ...queryHeaders,
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        metadata: {
+                            clientId: publicKey,
+                            publicKey: publicKey,
+                            task: 'schema',
+                        },
+                    }),
+                });
+                const data = await response.json();
                 if (isSubscribed) {
-                    setSchema(resp.tables);
+                    setSchema(data.data.tables);
                 }
             }
         }
@@ -429,7 +444,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
             return;
         }
         setIsSubmitting(true);
-        const { publicKey, customerId } = client;
+        const { publicKey, customerId, databaseType } = client;
         if (!client) {
             return;
         }
@@ -456,6 +471,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
             metadata: {
                 task: 'create',
                 clientId: publicKey,
+                databaseType: databaseType,
                 ...cloudBody,
                 ...(customerId ? { orgId: customerId } : {}),
             },
@@ -467,7 +483,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
             }
             : { clientId: publicKey }).toString();
         const resp = await getData(client, `dashedit2?${searchParams}`, 'same-origin', hostedBody, cloudBody);
-        if (resp && resp.name !== "error") {
+        if (resp && resp.name !== 'error') {
             if (resp.compareRows) {
                 mergeComparisonRange(resp);
             }
@@ -606,7 +622,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
                             flexDirection: 'column',
                             gap: 12,
                             marginTop: 6,
-                        }, children: [_jsx(Header, { children: "Organization access" }), _jsx(SegmentedControl, { onChange: (e) => handleChange(e, 'template'), value: formData.template, theme: theme }), _jsx("br", {}), _jsx("br", {})] })), _jsxs("div", { style: {
+                        }, children: [_jsx(Header, { children: "Organization access" }), _jsx(SegmentedControl, { onChange: (e) => handleChange(e, 'template'), value: formData.template, theme: theme, organizationName: organizationName }), _jsx("br", {}), _jsx("br", {})] })), _jsxs("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             justifyContent: 'flex-end',
@@ -617,7 +633,7 @@ function ChartBuilderForm({ TextInput = MemoizedTextInput, Select = MemoizedSele
                                         ? 'Save changes'
                                         : 'Add to dashboard' })] })] })] }));
 }
-function SegmentedControl({ onChange, value, theme }) {
+function SegmentedControl({ onChange, value, theme, organizationName = 'This Organization' }) {
     return (_jsxs("div", { style: {
             display: 'flex',
             flexDirection: 'row',
@@ -675,5 +691,5 @@ function SegmentedControl({ onChange, value, theme }) {
     .quill-tab2:active {
       background-color: "rgba(56, 65, 81, 0.15)";
     }
-` }), 'This Organization'] })] }));
+` }), organizationName] })] }));
 }

package/dist/esm/ChartEditor.d.ts

@@ -20,7 +20,8 @@ interface ChartEditorProps {
     Modal?: (props: ModalComponentProps) => JSX.Element;
     Popover?: (props: PopoverComponentProps) => JSX.Element;
     destinationDashboard?: string;
+    organizationName?: string;
 }
-export default function ChartEditor({ isOpen, chartId, isEditMode, admin, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, onDelete, setIsOpen, Select, TextInput, Button, SecondaryButton, Header, Label, Text, DeleteButton, Modal, Popover, }: ChartEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function ChartEditor({ isOpen, chartId, isEditMode, admin, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, organizationName, onDelete, setIsOpen, Select, TextInput, Button, SecondaryButton, Header, Label, Text, DeleteButton, Modal, Popover, }: ChartEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChartEditor.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAInC,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAa,EACb,oBAAoB,EACpB,iBAAgC,EAChC,uBAAuB,EACvB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,GACR,EAAE,gBAAgB,2CAqHlB"}
+{"version":3,"file":"ChartEditor.d.ts","sourceRoot":"","sources":["../../src/ChartEditor.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAInC,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7C,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,OAAO,EACP,UAAU,EACV,KAAa,EACb,oBAAoB,EACpB,iBAAgC,EAChC,uBAAuB,EACvB,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,MAAM,EACN,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,OAAO,GACR,EAAE,gBAAgB,2CAwHlB"}