@quillsql/react 2.8.0 → 2.8.1

package/{lib → dist}/AddToDashboardModal.d.ts

@@ -79,3 +79,4 @@ export declare function formatDateBuckets(startDate: any, endDate: any): {
     startOf: typeof startOfHour;
 };
 export {};
+//# sourceMappingURL=AddToDashboardModal.d.ts.map

package/dist/AddToDashboardModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddToDashboardModal.d.ts","sourceRoot":"","sources":["../src/AddToDashboardModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAYxE,OAAO,EAML,WAAW,EAGZ,MAAM,UAAU,CAAC;AA2DlB,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,wBAAwB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7D,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,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAqGD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,MAAM,EACN,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,wBAAwB,EACxB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,MAAM,EACN,cAAc,EACd,eAAe,EACf,cAAc,EACd,sBAA8B,EAC9B,oBAA4B,EAC5B,wBAAgC,EAChC,wBAAwB,EACxB,MAAM,GACP,EAAE,wBAAwB,2CAsV1B;AAgGD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,MAAM,EACN,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,sBAAsB,EACtB,oBAAoB,EACpB,wBAAwB,EACxB,SAAS,GACV;;;;;;;;;;;;;;;;;;;;;CAAA,2CAmMA;AAED,wBAAgB,WAAW,CAAC,CAAC,KAAA,WAE5B;AAED,eAAO,MAAM,mBAAmB,+BAG7B,CAAC;AAEJ,wBAAgB,iBAAiB,CAAC,SAAS,KAAA,EAAE,OAAO,KAAA;;;;EAuDnD"}

package/{lib → dist}/AddToDashboardModal.js

@@ -1149,7 +1149,6 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                                 fontSize: theme?.fontSize || '14px',
                                                 fontWeight: theme.labelFontWeight || '600',
                                             }, children: "Dashboard name" }), (0, jsx_runtime_1.jsx)("div", { style: { minWidth: 200, marginTop: 6 }, children: (0, jsx_runtime_1.jsx)(SelectComponent, { onChange: value => setDashboardName(value), value: dashboardName, theme: theme, options: dashboardOptions }) })] }), (0, jsx_runtime_1.jsx)("div", { style: { width: 20 } }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', marginTop: 8 }, children: [(0, jsx_runtime_1.jsx)("div", { style: formLabelStyle || {
-                                                fontSize: '14px',
                                                 color: theme.secondaryTextColor,
                                                 fontFamily: theme?.fontFamily,
                                                 fontSize: theme?.fontSize || '14px',
@@ -1356,10 +1355,10 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                         setTemplate(false);
                                     }, style: {
                                         width: '100%',
-                                        borderRadius: '6px',
-                                        padding: '4px',
-                                        fontSize: '14px',
-                                        fontWeight: '500',
+                                        borderRadius: '6px', // Equivalent to rounded-md
+                                        padding: '4px', // Equivalent to py-1
+                                        fontSize: '14px', // Equivalent to text-sm
+                                        fontWeight: '500', // Equivalent to font-medium
                                         display: 'flex',
                                         flexDirection: 'column',
                                         alignItems: 'center',
@@ -1370,23 +1369,23 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                         borderStyle: 'solid',
                                         color: selectedTabIndex === 0
                                             ? '#212121'
-                                            : 'rgba(33, 33, 33, 0.3)',
+                                            : 'rgba(33, 33, 33, 0.3)', // Color and its hover state
                                         backgroundColor: selectedTabIndex === 0
                                             ? 'white'
-                                            : 'rgba(255, 255, 255, 0.12)',
+                                            : 'rgba(255, 255, 255, 0.12)', // Background and its hover state
                                         boxShadow: selectedTabIndex === 0
                                             ? '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)'
-                                            : undefined,
+                                            : undefined, // Shadow when selected
                                         outline: 'none', // focus:outline-none
                                     }, children: `This Organization${organizationName ? ` (${organizationName})` : ``}` }), (0, jsx_runtime_1.jsx)("div", { onClick: () => {
                                         setSelectedTabIndex(1);
                                         setTemplate(true);
                                     }, style: {
                                         width: '100%',
-                                        borderRadius: '6px',
-                                        padding: '4px',
-                                        fontSize: '14px',
-                                        fontWeight: '500',
+                                        borderRadius: '6px', // Equivalent to rounded-md
+                                        padding: '4px', // Equivalent to py-1
+                                        fontSize: '14px', // Equivalent to text-sm
+                                        fontWeight: '500', // Equivalent to font-medium
                                         display: 'flex',
                                         flexDirection: 'column',
                                         alignItems: 'center',
@@ -1397,13 +1396,13 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                                         borderStyle: 'solid',
                                         color: selectedTabIndex === 1
                                             ? '#212121'
-                                            : 'rgba(33, 33, 33, 0.3)',
+                                            : 'rgba(33, 33, 33, 0.3)', // Color and its hover state
                                         backgroundColor: selectedTabIndex === 1
                                             ? 'white'
-                                            : 'rgba(255, 255, 255, 0.12)',
+                                            : 'rgba(255, 255, 255, 0.12)', // Background and its hover state
                                         boxShadow: selectedTabIndex === 1
                                             ? '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)'
-                                            : undefined,
+                                            : undefined, // Shadow when selected
                                         outline: 'none', // focus:outline-none
                                     }, children: 'Global (All Organizations)' })] })] })), (0, jsx_runtime_1.jsx)("div", { style: { paddingRight: 25 }, children: (0, jsx_runtime_1.jsx)(ButtonComponent, { onClick: () => {
                             const { xAxisField, xAxisLabel, xAxisFormat, chartName, chartType, dashboardName, dateFieldTable, dateField, template, } = chartConfig;
@@ -1431,4 +1430,3 @@ function FormikForm({ data, xAxisOptions, yAxisOptions, fieldOptions, dateFieldO
                             }
                         }, label: report ? 'Save changes' : 'Add to dashboard' }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } })] }) }));
 }
-//# sourceMappingURL=AddToDashboardModal.js.map

package/{lib → dist}/BarList.d.ts

@@ -19,3 +19,4 @@ export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
 export declare function hexToRgbaWith10PercentAlpha(hex: any): string;
 declare const BarList: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
 export default BarList;
+//# sourceMappingURL=BarList.d.ts.map

package/dist/BarList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarList.d.ts","sourceRoot":"","sources":["../src/BarList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqExC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,cAAc,EAAE,GAAG,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,GAAG,CAAC;CACZ;AAYD,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAED,QAAA,MAAM,OAAO,qFA6dX,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/{lib → dist}/BarList.js

@@ -284,4 +284,3 @@ const BarList = react_1.default.forwardRef((props, ref) => {
                             }) }) }, item[xAxisField] + 'value' + idx))) })] }) }));
 });
 exports.default = BarList;
-//# sourceMappingURL=BarList.js.map

package/{lib → dist}/Chart.d.ts

@@ -34,3 +34,4 @@ declare const Chart: ({ chartId, config, colors, containerStyle, query, SelectCo
     query?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Chart;
+//# sourceMappingURL=Chart.d.ts.map

package/dist/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../src/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA4CxE,QAAA,MAAM,WAAW,kNAuBP,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AA2GjD,eAAO,MAAM,cAAc;;;;SAgK1B,CAAC;AAYF,eAAO,MAAM,iBAAiB;cAIlB,MAAM,SAAS;6CAgB1B,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,eAAO,MAAM,eAAe,mCAKzB,oBAAoB,4CA0FtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,GAAG,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;CACZ;AA+SD,QAAA,MAAM,KAAK;aAUA,MAAM;aACN,GAAG;;;;;6CAyDb,CAAC;AA0uCF,eAAe,KAAK,CAAC"}

package/{lib → dist}/Chart.js

@@ -345,7 +345,6 @@ const ChartTooltipRow = ({ value, name, color, theme, }) => ((0, jsx_runtime_1.j
             }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
                         background: color,
                         borderWidth: 2,
-                        borderColor: 'white',
                         borderStyle: 'solid',
                         borderColor: 'white',
                         boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
@@ -582,14 +581,14 @@ query, SelectComponent, DatePickerComponent, }) => {
                     const hostedBody = {
                         metadata: client.customerId
                             ? {
-                                id: chartId,
+                                dashboardItemId: chartId,
                                 orgId: client.customerId,
                                 clientId: client.publicKey,
                                 task: 'item',
                                 filters: [...Object.values(dashboardFilters)],
                             }
                             : {
-                                id: chartId,
+                                dashboardItemId: chartId,
                                 task: 'item',
                                 clientId: client.publicKey,
                                 filters: [...Object.values(dashboardFilters)],
@@ -853,7 +852,6 @@ query, SelectComponent, DatePickerComponent, }) => {
                     // paddingRight: 25,
                     whiteSpace: 'nowrap',
                     boxSizing: 'content-box',
-                    display: 'block',
                     maxWidth: '100%',
                     textAlign: 'left',
                     overflow: 'hidden',
@@ -1124,4 +1122,3 @@ function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxi
                         fill: `url(#gradient${index})`, strokeWidth: 2, dot: false, isAnimationActive: true }, elem.field)))] }) }) }));
 }
 exports.default = Chart;
-//# sourceMappingURL=Chart.js.map

package/{lib → dist}/ChartBuilder.d.ts

@@ -41,3 +41,4 @@ interface ChartBuilderProps {
 }
 export default function ChartBuilder(props: ChartBuilderProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ChartBuilder.d.ts.map

package/dist/ChartBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBuilder.d.ts","sourceRoot":"","sources":["../src/ChartBuilder.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAUhF,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;AAcnC,wBAAgB,oBAAoB,CAAC,GAAG,KAAA,OAavC;AA0DD,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,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"}

package/{lib → dist}/ChartBuilder.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.numberFormatOptions = exports.snakeCaseToTitleCase = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-nocheck
 const react_1 = require("react");
 const Context_1 = require("./Context");
 const dataFetcher_1 = require("./utils/dataFetcher");
@@ -21,7 +22,7 @@ function snakeCaseToTitleCase(str) {
     return str
         .toString()
         .split(/_| /)
-        .map(word => word === 'id'
+        .map((word) => word === 'id'
         ? 'ID'
         : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
         .join(' ');
@@ -54,18 +55,18 @@ async function getReferencedTables(client, sqlQuery, dbTables) {
             }
         }
     }
-    const astFrom = ast?.from?.map(elem => elem.table) || [];
-    const astSelect = ast?.select?.from?.map(elem => elem.table) || [];
-    const tablesInQuery = [...tables, ...astFrom, ...astSelect].filter(elem => !withAliases.includes(elem));
+    const astFrom = ast?.from?.map((elem) => elem.table) || [];
+    const astSelect = ast?.select?.from?.map((elem) => elem.table) || [];
+    const tablesInQuery = [...tables, ...astFrom, ...astSelect].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 AGGREGATION_TYPES = [
     { label: 'sum', value: 'sum' },
@@ -109,7 +110,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
     const [divWidth, setDivWidth] = (0, react_1.useState)(0);
     const { dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
-    const fields = fieldsProp?.map(field => ({
+    const fields = fieldsProp?.map((field) => ({
         field: field.name,
         type: (0, ReportBuilder_1.getPostgresBasicType)(field),
         format: field.format,
@@ -177,8 +178,8 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         async function getDashNames() {
             const resp = await (0, dataFetcher_1.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();
     }, []);
@@ -186,7 +187,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
     const [isEdittingPivot, setIsEdittingPivot] = (0, react_1.useState)(false);
     const [selectedPivotIndex, setSelectedPivotIndex] = (0, react_1.useState)(-1);
     const [tableName, setTableName] = (0, react_1.useState)(null);
-    const selectedTable = schema?.find(t => t.displayName === tableName);
+    const selectedTable = schema?.find((t) => t.displayName === tableName);
     const [pivotPopUpTitle, setPivotPopUpTitle] = (0, react_1.useState)('Add Pivot');
     const [createdPivots, setCreatedPivots] = (0, react_1.useState)(pivot ? [pivot] : dashboardItem?.pivot ? [dashboardItem.pivot] : cp);
     const [recommendedPivots, setRecommendedPivots] = (0, react_1.useState)(rp);
@@ -210,7 +211,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
                     ...formData,
                     dateField: {
                         table: result[0]?.name,
-                        field: result[0]?.columns?.find(elem => elem.name === dateColumn)
+                        field: result[0]?.columns?.find((elem) => elem.name === dateColumn)
                             ?.name || result[0]?.columns[0]?.name,
                     },
                 });
@@ -222,11 +223,11 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         table: dateFieldOptions[0]?.name,
         field: dateFieldOptions[0]?.columns[0]?.name,
     };
-    const firstNumberColumn = columns?.find(col => exports.numberFormatOptions.includes(col.format));
+    const firstNumberColumn = columns?.find((col) => exports.numberFormatOptions.includes(col.format));
     const formEmptyState = {
         name: '',
         dashboardName: dashboardOptions?.[0]?.label,
-        columns: columns.map(col => {
+        columns: columns.map((col) => {
             return { ...col, label: snakeCaseToTitleCase(col.label) };
         }),
         xAxisField: columns?.[0]?.field || '',
@@ -244,7 +245,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         dateField: defaultDateField,
         template: false,
     };
-    const pivotFormData = pivot => {
+    const pivotFormData = (pivot) => {
         const yAxisField = pivot.columnField || pivot.valueField;
         // date labels for pivots should be treated like strings since they are
         // formatted in generatePivotTable
@@ -257,7 +258,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
             xAxisField: pivot.rowField,
             xAxisFormat: (0, PivotModal_1.isDateField)(pivot.rowFieldType)
                 ? 'string'
-                : columns.find(col => col.field === pivot.rowField)?.format ||
+                : columns.find((col) => col.field === pivot.rowField)?.format ||
                     'whole_number',
             xAxisLabel: '',
             yAxisFields: [
@@ -266,7 +267,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
                     label: '',
                     format: yAxisIsDate
                         ? 'string'
-                        : columns.find(col => col.field === yAxisField)?.format ||
+                        : columns.find((col) => col.field === yAxisField)?.format ||
                             'whole_number',
                 },
             ],
@@ -296,7 +297,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
             if (field === 'pivot' && subfield !== '') {
                 const subfieldTypeFieldName = subfield + 'Type';
                 if (value.length) {
-                    const subfieldType = fields.find(field => field.field === value).type;
+                    const subfieldType = fields.find((field) => field.field === value).type;
                     setFormData({
                         ...formData,
                         [field]: {
@@ -322,7 +323,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
             if (field === 'dateField' &&
                 subfield === 'table' &&
                 !formData.dateField.field) {
-                const field = schema?.find(elem => elem.name === value)?.columns?.[0]
+                const field = schema?.find((elem) => elem.name === value)?.columns?.[0]
                     ?.name;
                 setFormData({
                     ...formData,
@@ -341,7 +342,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         }
     };
     const handleAddPivot = (pivot, index) => {
-        setFormData(formData => ({
+        setFormData((formData) => ({
             ...formData,
             ...pivotFormData(pivot),
         }));
@@ -352,7 +353,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         }
         setFormData({ ...formEmptyState, pivot: null });
     };
-    const handleAddField = fieldName => {
+    const handleAddField = (fieldName) => {
         if (fieldName === 'columns') {
             setFormData({
                 ...formData,
@@ -393,7 +394,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         const updatedArray = formData[fieldName].filter((_, i) => i !== index);
         setFormData({ ...formData, [fieldName]: updatedArray });
     };
-    const handleSubmit = e => {
+    const handleSubmit = (e) => {
         e.preventDefault();
         console.log(formData);
     };
@@ -421,11 +422,13 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
         setIsSubmitting(false);
     };
     const editChart = async ({}) => {
+        console.log(isSubmitting);
         if (isSubmitting) {
             return;
         }
         setIsSubmitting(true);
         const { publicKey, customerId } = client;
+        console.log(client);
         if (!client) {
             return;
         }
@@ -458,6 +461,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
             }
             : { clientId: publicKey }).toString();
         const resp = await (0, dataFetcher_1.getData)(client, `dashedit2?${searchParams}`, 'same-origin', hostedBody, cloudBody);
+        console.log(`RESP: ${resp}`);
         if (resp) {
             dispatch({
                 type: 'UPDATE_DASHBOARD_ITEM',
@@ -481,18 +485,18 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
     return ((0, jsx_runtime_1.jsxs)("div", { id: "quill-chart-modal", style: { padding: modalPadding }, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Chart_1.default, { config: { ...formData, rows }, colors: theme.chartColors, containerStyle: {
                         width: formData.chartType === 'table' ? 640 : 'calc(100% - 24px)',
                         height: 300,
-                    } }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } }), (0, jsx_runtime_1.jsxs)("form", { ref: parentRef, id: "quill-chart-form", onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Name" }), (0, jsx_runtime_1.jsx)(TextInput, { value: formData.name, onChange: e => handleChange(e, 'name'), placeholder: "Name" })] }), showDashboardDropdown && !destinationDashboard && ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Dashboard" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Dashboard', value: formData.dashboardName, onChange: e => handleChange(e, 'dashboardName'), options: dashboardOptions.map(elem => ({
+                    } }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 20 } }), (0, jsx_runtime_1.jsxs)("form", { ref: parentRef, id: "quill-chart-form", onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Name" }), (0, jsx_runtime_1.jsx)(TextInput, { value: formData.name, onChange: (e) => handleChange(e, 'name'), placeholder: "Name" })] }), showDashboardDropdown && !destinationDashboard && ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Dashboard" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Dashboard', value: formData.dashboardName, onChange: (e) => handleChange(e, 'dashboardName'), options: dashboardOptions.map((elem) => ({
                                             label: elem.label,
                                             value: elem.label,
-                                        })) })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Chart type" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Chart Type', value: formData.chartType, onChange: e => handleChange(e, 'chartType'), 
+                                        })) })] })), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Chart type" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Chart Type', value: formData.chartType, onChange: (e) => handleChange(e, 'chartType'), 
                                         // filter out metric for all pivots
                                         // filter out bar and pie for row and column pivot
-                                        options: CHART_TYPES.filter(elem => !firstNumberColumn
+                                        options: CHART_TYPES.filter((elem) => !firstNumberColumn
                                             ? elem === 'table'
                                             : !((formData.pivot && elem === 'metric') ||
                                                 (formData.pivot &&
                                                     formData.pivot.columnField &&
-                                                    (elem === 'bar' || elem === 'pie')))).map(elem => ({ label: elem, value: elem })) })] })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
+                                                    (elem === 'bar' || elem === 'pie')))).map((elem) => ({ label: elem, value: elem })) })] })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 12,
@@ -523,38 +527,38 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
                                     flexDirection: 'column',
                                     gap: 6,
                                     marginTop: 6,
-                                }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Chart" }), (0, jsx_runtime_1.jsx)(Label, { children: "X-axis" })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'X-axis Field', value: formData.xAxisField, onChange: e => handleChange(e, 'xAxisField'), disabled: formData.pivot !== null, options: fieldOptions.map(elem => ({
+                                }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Chart" }), (0, jsx_runtime_1.jsx)(Label, { children: "X-axis" })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'X-axis Field', value: formData.xAxisField, onChange: (e) => handleChange(e, 'xAxisField'), disabled: formData.pivot !== null, options: fieldOptions.map((elem) => ({
                                             label: formData.pivot
                                                 ? `pivot row (${elem.field})`
                                                 : elem.field,
                                             value: elem.field,
-                                        })) }), (0, jsx_runtime_1.jsx)(TextInput, { value: formData.xAxisLabel, placeholder: "Column Label", onChange: e => handleChange(e, 'xAxisLabel') }), (0, jsx_runtime_1.jsx)(Select, { label: 'X-axis Format', value: formData.xAxisFormat, onChange: e => handleChange(e, 'xAxisFormat'), options: formatOptions })] }, 'xAxisField0'), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Label, { children: "Y-axis" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: formData.yAxisFields.map((yAxisField, index) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'Y-axis Field', value: yAxisField.field, onChange: e => handleChange(e, 'yAxisFields.field', index), disabled: formData.pivot !== null, options: [
+                                        })) }), (0, jsx_runtime_1.jsx)(TextInput, { value: formData.xAxisLabel, placeholder: "Column Label", onChange: (e) => handleChange(e, 'xAxisLabel') }), (0, jsx_runtime_1.jsx)(Select, { label: 'X-axis Format', value: formData.xAxisFormat, onChange: (e) => handleChange(e, 'xAxisFormat'), options: formatOptions })] }, 'xAxisField0'), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(Label, { children: "Y-axis" }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: formData.yAxisFields.map((yAxisField, index) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'Y-axis Field', value: yAxisField.field, onChange: (e) => handleChange(e, 'yAxisFields.field', index), disabled: formData.pivot !== null, options: [
                                                 { label: 'Select', value: '' },
                                                 ...fieldOptions
-                                                    .filter(elem => {
+                                                    .filter((elem) => {
                                                     return (formData.chartType === 'table' ||
                                                         formData.pivot ||
-                                                        exports.numberFormatOptions.includes(columns.find(col => col.field === elem.field)
+                                                        exports.numberFormatOptions.includes(columns.find((col) => col.field === elem.field)
                                                             ?.format));
                                                 })
-                                                    .map(elem => ({
+                                                    .map((elem) => ({
                                                     label: formData.pivot
                                                         ? `pivot columns (${formData.pivot.valueField})`
                                                         : elem.field,
                                                     value: elem.field,
                                                 })),
-                                            ] }), (0, jsx_runtime_1.jsx)(TextInput, { value: yAxisField.label, placeholder: "Column Label", onChange: e => handleChange(e, 'yAxisFields.label', index) }), (0, jsx_runtime_1.jsx)(Select, { label: 'Y-axis Format', value: yAxisField.format, onChange: e => handleChange(e, 'yAxisFields.format', index), options: [{ label: 'Select', value: '' }, ...formatOptions] }), formData.pivot === null && ((0, jsx_runtime_1.jsx)("div", { ref: deleteRef, children: (0, jsx_runtime_1.jsx)(DeleteButton, { style: { marginLeft: deleteButtonMargin }, onClick: () => handleRemoveField('yAxisFields', index) }) }))] }, 'yAxisField' + index))) }), formData.pivot === null && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleAddField('yAxisFields'), label: "Add field +" })] })), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), (showTableFormatOptions || formData.chartType === 'table') && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                                            ] }), (0, jsx_runtime_1.jsx)(TextInput, { value: yAxisField.label, placeholder: "Column Label", onChange: (e) => handleChange(e, 'yAxisFields.label', index) }), (0, jsx_runtime_1.jsx)(Select, { label: 'Y-axis Format', value: yAxisField.format, onChange: (e) => handleChange(e, 'yAxisFields.format', index), options: [{ label: 'Select', value: '' }, ...formatOptions] }), formData.pivot === null && ((0, jsx_runtime_1.jsx)("div", { ref: deleteRef, children: (0, jsx_runtime_1.jsx)(DeleteButton, { style: { marginLeft: deleteButtonMargin }, onClick: () => handleRemoveField('yAxisFields', index) }) }))] }, 'yAxisField' + index))) }), formData.pivot === null && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleAddField('yAxisFields'), label: "Add field +" })] })), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), (showTableFormatOptions || formData.chartType === 'table') && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
                                     display: 'flex',
                                     flexDirection: 'column',
                                     gap: 6,
                                     marginTop: 6,
-                                }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Table" }), (0, jsx_runtime_1.jsx)(Label, { children: "Columns" })] }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: formData.columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'Column Field', value: column.field, onChange: e => handleChange(e, 'columns.field', index), options: [
+                                }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Table" }), (0, jsx_runtime_1.jsx)(Label, { children: "Columns" })] }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', gap: 10 }, children: formData.columns.map((column, index) => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'row', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Select, { label: 'Column Field', value: column.field, onChange: (e) => handleChange(e, 'columns.field', index), options: [
                                                 { label: 'Select', value: '' },
-                                                ...fields.map(elem => ({
+                                                ...fields.map((elem) => ({
                                                     label: elem.field,
                                                     value: elem.field,
                                                 })),
-                                            ] }), (0, jsx_runtime_1.jsx)(TextInput, { name: "label", value: column.label, placeholder: "Column Label", onChange: e => handleChange(e, 'columns.label', index) }), (0, jsx_runtime_1.jsx)(Select, { label: 'Column Format', value: column.format, onChange: e => handleChange(e, 'columns.format', index), options: [{ label: 'Select', value: '' }, ...formatOptions] }), (0, jsx_runtime_1.jsx)("div", { ref: deleteRef, children: (0, jsx_runtime_1.jsx)(DeleteButton, { style: { marginLeft: deleteButtonMargin }, onClick: () => handleRemoveField('columns', index) }) })] }, 'column' + index))) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleAddField('columns'), label: "Add column +" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), showDateFieldOptions && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                            ] }), (0, jsx_runtime_1.jsx)(TextInput, { name: "label", value: column.label, placeholder: "Column Label", onChange: (e) => handleChange(e, 'columns.label', index) }), (0, jsx_runtime_1.jsx)(Select, { label: 'Column Format', value: column.format, onChange: (e) => handleChange(e, 'columns.format', index), options: [{ label: 'Select', value: '' }, ...formatOptions] }), (0, jsx_runtime_1.jsx)("div", { ref: deleteRef, children: (0, jsx_runtime_1.jsx)(DeleteButton, { style: { marginLeft: deleteButtonMargin }, onClick: () => handleRemoveField('columns', index) }) })] }, 'column' + index))) }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(SecondaryButton, { onClick: () => handleAddField('columns'), label: "Add column +" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), showDateFieldOptions && ((0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             gap: 6,
@@ -564,18 +568,18 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
                                     flexDirection: 'row',
                                     gap: 12,
                                     // lmao part 2
-                                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Table" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Date Table', value: formData.dateField.table, onChange: e => handleChange(e, 'dateField.table'), options: [
+                                }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Table" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Date Table', value: formData.dateField.table, onChange: (e) => handleChange(e, 'dateField.table'), options: [
                                                     {
                                                         label: 'Select',
                                                         value: '',
                                                     },
-                                                    ...dateFieldOptions.map(elem => ({
+                                                    ...dateFieldOptions.map((elem) => ({
                                                         label: elem.name,
                                                         value: elem.name,
                                                     })),
-                                                ] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Field" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Date Field', value: formData.dateField.field, onChange: e => handleChange(e, 'dateField.field'), options: dateFieldOptions
-                                                    ?.find(elem => elem.name === formData.dateField.table)
-                                                    ?.columns?.map(elem => ({
+                                                ] })] }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsx)(Label, { children: "Field" }), (0, jsx_runtime_1.jsx)(Select, { label: 'Date Field', value: formData.dateField.field, onChange: (e) => handleChange(e, 'dateField.field'), options: dateFieldOptions
+                                                    ?.find((elem) => elem.name === formData.dateField.table)
+                                                    ?.columns?.map((elem) => ({
                                                     label: elem.name,
                                                     value: elem.name,
                                                 })) || [] })] })] }), (0, jsx_runtime_1.jsx)("br", {})] })), showAccessControlOptions && ((0, jsx_runtime_1.jsxs)("div", { style: {
@@ -583,7 +587,7 @@ function ChartBuilderForm({ TextInput = UiComponents_1.MemoizedTextInput, Select
                             flexDirection: 'column',
                             gap: 12,
                             marginTop: 6,
-                        }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Organization access" }), (0, jsx_runtime_1.jsx)(SegmentedControl, { onChange: e => handleChange(e, 'template'), value: formData.template, theme: theme }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)("div", { style: {
+                        }, children: [(0, jsx_runtime_1.jsx)(Header, { children: "Organization access" }), (0, jsx_runtime_1.jsx)(SegmentedControl, { onChange: (e) => handleChange(e, 'template'), value: formData.template, theme: theme }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {})] })), (0, jsx_runtime_1.jsxs)("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             justifyContent: 'flex-end',
@@ -652,6 +656,5 @@ function SegmentedControl({ onChange, value, theme }) {
     .quill-tab2:active {
       background-color: "rgba(56, 65, 81, 0.15)";
     }
-` }), 'This organization'] })] }));
+` }), 'This Organization'] })] }));
 }
-//# sourceMappingURL=ChartBuilder.js.map

package/{lib → dist}/ChartEditor.d.ts

@@ -22,3 +22,4 @@ interface ChartEditorProps {
 }
 export default function ChartEditor({ isOpen, chartId, admin, destinationDashboard, chartBuilderTitle, chartBuilderButtonLabel, 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/ChartEditor.d.ts.map

@@ -0,0 +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;AAGnC,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,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,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,2CA4GlB"}

package/{lib → dist}/ChartEditor.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-nocheck
 const react_1 = require("react");
 const ChartBuilder_1 = __importDefault(require("./ChartBuilder"));
 const Context_1 = require("./Context");
@@ -14,7 +15,7 @@ function ChartEditor({ isOpen, chartId, admin = false, destinationDashboard, cha
     const [client, _] = (0, react_1.useContext)(Context_1.ClientContext);
     const [dashboardItem, setDashboardItem] = (0, react_1.useState)(dashboard?.[chartId]);
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const dateFilter = Object.values(dashboardFilters).find(filter => filter.filterType == 'date_range');
+    const dateFilter = Object.values(dashboardFilters).find((filter) => filter.filterType == 'date_range');
     const dateRange = dateFilter?.startDate
         ? [dateFilter?.startDate, dateFilter?.endDate, null]
         : [null, null, null];
@@ -27,14 +28,14 @@ function ChartEditor({ isOpen, chartId, admin = false, destinationDashboard, cha
                     const hostedBody = {
                         metadata: client?.customerId
                             ? {
-                                id: chartId,
+                                dashboardItemId: chartId,
                                 orgId: client?.customerId,
                                 task: 'item',
                                 filters: [],
                                 clientId: client?.publicKey,
                             }
                             : {
-                                id: chartId,
+                                dashboardItemId: chartId,
                                 task: 'item',
                                 filters: [],
                                 clientId: client?.publicKey,
@@ -73,4 +74,3 @@ function ChartEditor({ isOpen, chartId, admin = false, destinationDashboard, cha
     return ((0, jsx_runtime_1.jsx)("div", { children: dashboardItem && ((0, jsx_runtime_1.jsx)(ChartBuilder_1.default, { dashboardItem: dashboardItem, rows: dashboardItem.rows, columns: dashboardItem.columns, fields: dashboardItem.fields, query: dashboardItem.queryString, isOpen: isOpen, setIsOpen: setIsOpen, showTableFormatOptions: admin, showDateFieldOptions: admin, showAccessControlOptions: admin, showDashboardDropdown: admin, destinationDashboard: destinationDashboard, dateRange: dateRange, Select: Select, TextInput: TextInput, Button: Button, SecondaryButton: SecondaryButton, Header: Header, Label: Label, Text: Text, DeleteButton: DeleteButton, Modal: Modal, Popover: Popover, onDelete: onDelete, title: chartBuilderTitle, buttonLabel: chartBuilderButtonLabel })) }));
 }
 exports.default = ChartEditor;
-//# sourceMappingURL=ChartEditor.js.map

package/{lib → dist}/Context.d.ts

@@ -31,3 +31,4 @@ export declare const ContextProvider: ({ children, initialTheme, publicKey, envi
     queryHeaders: any;
     withCredentials: any;
 }) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Context.d.ts.map

package/dist/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../src/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK7C,eAAO,MAAM,iBAAiB,wBAAiC,CAAC;AAChE,eAAO,MAAM,aAAa,2CAAmC,CAAC;AAC9D,eAAO,MAAM,cAAc,wCAAqC,CAAC;AACjE,eAAO,MAAM,WAAW,wCAAqC,CAAC;AAC9D,eAAO,MAAM,2BAA2B,0CAAkC,CAAC;AAC3E,eAAO,MAAM,cAAc,2CAAmC,CAAC;AAC/D,eAAO,MAAM,mBAAmB,2CAAmC,CAAC;AACpE,eAAO,MAAM,2BAA2B,0CAGtC,CAAC;AACH,eAAO,MAAM,kBAAkB,0CAAmC,CAAC;AACnE,eAAO,MAAM,YAAY,qCACF,UAAU,KAAK,IAAI,EACpB,CAAC;AACvB,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAChE,eAAO,MAAM,sCAAsC,2CAGjD,CAAC;AACH,eAAO,MAAM,0BAA0B,wCAAqC,CAAC;AAC7E,eAAO,MAAM,0BAA0B,2CAAsC,CAAC;AAC9E,eAAO,MAAM,oCAAoC,2CAG/C,CAAC;AACH,eAAO,MAAM,yBAAyB,0CAAmC,CAAC;AAC1E,eAAO,MAAM,wBAAwB,0CAAmC,CAAC;AACzE,eAAO,MAAM,gBAAgB,qBAAmC,CAAC;AACjE,eAAO,MAAM,uBAAuB,qBAAmC,CAAC;AAuDxE,eAAO,MAAM,eAAe;;;;;;;;;;;oDAwM3B,CAAC"}

package/{lib → dist}/Context.js

@@ -197,4 +197,3 @@ const ContextProvider = ({ children, initialTheme, publicKey, environment, authT
                                                                                 }, children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 exports.ContextProvider = ContextProvider;
-//# sourceMappingURL=Context.js.map

package/{lib → dist}/Dashboard.d.ts

@@ -68,3 +68,4 @@ export declare function DashboardFilter({ filter, onChangeFilter, SelectComponen
 export declare const QuillDateRangePicker: ({ label, dateRange, onChangeDateRange, presetOptions, preset, onChangePreset, }: DateRangePickerComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default function Dashboard({ name, containerStyle, chartContainerStyle, metricContainerStyle, maxColumnWidth, rowHeight, onClickDashboardItem, hideFilters, FilterDropdownComponent, DateRangePickerComponent, FilterButtonComponent, FilterModalComponent, onChangeLoading, DashboardItemComponent, }: DashboardProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=Dashboard.d.ts.map

package/dist/Dashboard.d.ts.map

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

package/{lib → dist}/Dashboard.js

@@ -982,7 +982,7 @@ function Dashboard({ name, containerStyle, chartContainerStyle, metricContainerS
                                             : undefined, style: { height: rowHeight || 400 }, children: (0, jsx_runtime_1.jsx)(DashboardItemComponent, { dashboardItem: elem, children: (0, jsx_runtime_1.jsx)(Chart_1.default, { containerStyle: {
                                                     display: 'flex',
                                                     width: '100%',
-                                                    height: '100%',
+                                                    // height: '100%',
                                                     minHeight: 300,
                                                     height: 300,
                                                     // background: 'red',
@@ -1276,4 +1276,3 @@ function FilterModal({ setShowDropdown, dropdownRef, showDropdown, theme, select
                 handleValueChange: handleDropdownOptionClick,
             }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue: hoveredDropdownValue }, children: dropdownOptions.map((row, index) => ((0, jsx_runtime_1.jsx)(Dropdown_1.DropdownItem, { value: row[removeQuotes(field)], text: row[removeQuotes(label)], theme: theme, lastItem: dropdownOptions.length - 1 === index }, row[removeQuotes(field)]))) }) }) }));
 }
-//# sourceMappingURL=Dashboard.js.map

package/{lib → dist}/DateRangePicker/Calendar.d.ts

@@ -14,3 +14,4 @@ export interface CalendarProps {
 }
 export declare function Calendar({ enableYearPagination, anchorDate, setStartOfCurrMonth, startDate, endDate, minDate, maxDate, onDateClick, locale, theme, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 export default Calendar;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/DateRangePicker/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/DateRangePicker/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,QAAQ,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAyB9E,eAAO,MAAM,eAAe,UAQ3B,CAAC;AAmWF,MAAM,WAAW,aAAa;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE,IAAI,CAAC;IACjB,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC;IAC3D,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,wBAAgB,QAAQ,CAAC,EACvB,oBAAoB,EACpB,UAAU,EACV,mBAAmB,EACnB,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,aAAa,2CA6Bf;AAED,eAAe,QAAQ,CAAC"}

package/{lib → dist}/DateRangePicker/Calendar.js

@@ -169,4 +169,3 @@ function Calendar({ enableYearPagination, anchorDate, setStartOfCurrMonth, start
 }
 exports.Calendar = Calendar;
 exports.default = Calendar;
-//# sourceMappingURL=Calendar.js.map