@quillsql/react 2.16.21 → 2.16.23

package/dist/index.cjs

@@ -263,6 +263,9 @@ var init_valueFormatter = __esm({
       maximumFractionDigits: 2
     });
     formatPercent = (value) => {
+      if (typeof value === "string" && /^\s*[+-]?(?:\d+(?:\.\d+)?|\.\d+)\s*%\s*$/.test(value)) {
+        return value;
+      }
       return formatterPercent.format(Number(value));
     };
     _getUTCDateHelper = (value, fmt) => {
@@ -1531,6 +1534,7 @@ var init_dateRangePickerUtils = __esm({
     };
     convertPresetOptionsToSelectableList = (customIntervals, defaultIntervals) => {
       const customLabelMap = /* @__PURE__ */ new Map();
+      const displayLabelByValue = /* @__PURE__ */ new Map();
       defaultIntervals.forEach((interval2) => {
         if (interval2.customLabel) {
           customLabelMap.set(interval2.label, interval2.customLabel);
@@ -1700,11 +1704,14 @@ var init_dateRangePickerUtils = __esm({
             }
           ];
         }
-        if (interval2.customLabel && createdIntervals.length > 0) {
-          return createdIntervals.map((i) => ({
-            ...i,
-            label: interval2.customLabel
-          }));
+        if (createdIntervals.length > 0) {
+          const displayLabel = interval2.customLabel ?? interval2.label;
+          createdIntervals.forEach((createdInterval) => {
+            const canonicalValue = getLabelForCustomInterval(createdInterval).toUpperCase().replace(/ /g, "_");
+            if (displayLabel && canonicalValue) {
+              displayLabelByValue.set(canonicalValue, displayLabel);
+            }
+          });
         }
         return createdIntervals;
       });
@@ -1760,9 +1767,10 @@ var init_dateRangePickerUtils = __esm({
                 customLabel2 = customLabelMap.get("This year") || customLabelMap.get("Yearly");
               }
             }
+            const value2 = getLabelForSubInterval(currentSubInterval).toUpperCase().replace(/ /g, "_") ?? "";
             presets.push({
-              label: customLabel2 || baseLabel,
-              value: getLabelForSubInterval(currentSubInterval).toUpperCase().replace(/ /g, "_") ?? "",
+              label: displayLabelByValue.get(value2) || customLabel2 || baseLabel,
+              value: value2,
               startDate: (0, import_date_fns2.set)(/* @__PURE__ */ new Date(), {
                 year: currentYear,
                 month: currentSubInterval.startDate.month - 1,
@@ -1794,13 +1802,14 @@ var init_dateRangePickerUtils = __esm({
         }
         const dateRange = convertCustomIntervalToDateRange(option);
         const generatedLabel = getLabelForCustomInterval(option);
+        const value = getLabelForCustomInterval(option).toUpperCase().replace(/ /g, "_") ?? "";
         const customLabel = customLabelMap.get(generatedLabel);
-        const finalLabel = customLabel || generatedLabel;
+        const finalLabel = displayLabelByValue.get(value) || customLabel || generatedLabel;
         return [
           {
             label: finalLabel,
             // Value is option label in uppercase with spaces replaced by underscores
-            value: getLabelForCustomInterval(option).toUpperCase().replace(/ /g, "_") ?? "",
+            value,
             startDate: dateRange.startDate,
             endDate: dateRange.endDate
           }
@@ -1996,7 +2005,10 @@ var init_dateRangePickerUtils = __esm({
     getRangeFromPresetOptions = (preset, presetOptions) => {
       const foundPreset = presetOptions.find((elem) => elem.value === preset);
       if (foundPreset) {
-        return { startDate: foundPreset?.startDate, endDate: foundPreset?.endDate };
+        return {
+          startDate: foundPreset.startDate ? (0, import_date_fns2.startOfDay)(foundPreset.startDate) : foundPreset.startDate,
+          endDate: foundPreset.endDate ? (0, import_date_fns2.endOfDay)(foundPreset.endDate) : foundPreset.endDate
+        };
       } else {
         return { startDate: null, endDate: null };
       }
@@ -19879,11 +19891,12 @@ async function cleanDashboardItem({
       page: DEFAULT_PAGINATION
     };
     if (item.pivot && skipPivotFetch && item.rows && item.fields) {
+      const pivotSourceRows = item.rows.map((row) => ({ ...row }));
       const dateFilter = dashboardFilters?.find(
         (filter) => filter.filterType === "date_range"
       );
       pivotTable = processPivotData({
-        rows: item.rows,
+        rows: pivotSourceRows,
         fields: item.fields,
         pivot: {
           ...item.pivot,
@@ -22145,7 +22158,20 @@ var applyFiltersInMemory = (rows, filters, options) => {
 // src/utils/inMemoryPivotEngine.ts
 init_columnType();
 var MS_IN_DAY = 24 * 60 * 60 * 1e3;
-var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var MONTHS = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
 var INVALID_DATE_KEY = "-2026";
 function singleAggToMultiAgg(pivot) {
   if (pivot.aggregations) {
@@ -22153,7 +22179,12 @@ function singleAggToMultiAgg(pivot) {
   }
   const newPivot = { ...pivot };
   const newAgg = { aggregationType: pivot.aggregationType };
-  const fieldsToCopy = ["valueField", "valueFieldType", "valueField2", "valueField2Type"];
+  const fieldsToCopy = [
+    "valueField",
+    "valueFieldType",
+    "valueField2",
+    "valueField2Type"
+  ];
   fieldsToCopy.forEach((x) => {
     if (pivot[x]) {
       newAgg[x] = pivot[x];
@@ -22184,6 +22215,12 @@ function isValidDate3(date) {
     return false;
   }
 }
+function isDateLikeType(fieldType) {
+  if (!fieldType) {
+    return false;
+  }
+  return isDateType(fieldType) || isDateFormat2(fieldType);
+}
 function inferDateBucketFromFilters(pivot, filters) {
   if (!pivot?.rowFieldType) {
     return void 0;
@@ -22327,8 +22364,12 @@ function getDateRangeFromFilters(filters) {
 }
 function generateBucketKeys(start2, end, bucket) {
   const keys = /* @__PURE__ */ new Set();
-  const startDay = new Date(Date.UTC(start2.getUTCFullYear(), start2.getUTCMonth(), start2.getUTCDate()));
-  const endDay = new Date(Date.UTC(end.getUTCFullYear(), end.getUTCMonth(), end.getUTCDate()));
+  const startDay = new Date(
+    Date.UTC(start2.getUTCFullYear(), start2.getUTCMonth(), start2.getUTCDate())
+  );
+  const endDay = new Date(
+    Date.UTC(end.getUTCFullYear(), end.getUTCMonth(), end.getUTCDate())
+  );
   const cur = new Date(startDay);
   while (cur <= endDay) {
     keys.add(getDateKey(cur, bucket));
@@ -22352,7 +22393,9 @@ function getBucketRange(dateKey, bucket) {
   let end = new Date(d);
   switch (bucket) {
     case "day":
-      start2 = new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate()));
+      start2 = new Date(
+        Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate())
+      );
       end = new Date(start2);
       break;
     case "week":
@@ -22394,10 +22437,18 @@ function getDateKey(date, bucket) {
   }
   switch (bucket) {
     case "day":
-      return Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()).toString();
+      return Date.UTC(
+        date.getUTCFullYear(),
+        date.getUTCMonth(),
+        date.getUTCDate()
+      ).toString();
     case "week": {
       const day = date.getUTCDay();
-      const mondayUtc = Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate() - (day + 6) % 7);
+      const mondayUtc = Date.UTC(
+        date.getUTCFullYear(),
+        date.getUTCMonth(),
+        date.getUTCDate() - (day + 6) % 7
+      );
       return mondayUtc.toString();
     }
     case "month":
@@ -22461,7 +22512,11 @@ function assembleFinalRows(seen, rowKey, dateBucket, dateRange) {
         if (bucketEnd > dateRange.end) bucketEnd = dateRange.end;
       }
       return {
-        [rowKey]: formatBucketNameFromRange(bucketStart, bucketEnd, dateBucket),
+        [rowKey]: formatBucketNameFromRange(
+          bucketStart,
+          bucketEnd,
+          dateBucket
+        ),
         ...filled[k],
         __quillRawDate: bucketStart.toISOString()
       };
@@ -22620,7 +22675,13 @@ function aggregateWithColumn(rows, colKey, aggregations, getGroupKey) {
   const seen = {};
   const multiAgg = aggregations.length > 1;
   aggregations.forEach((agg) => {
-    const { aggregationType: type, valueField, valueFieldType, valueField2, valueField2Type } = agg;
+    const {
+      aggregationType: type,
+      valueField,
+      valueFieldType,
+      valueField2,
+      valueField2Type
+    } = agg;
     if (!valueField) {
       if (type !== "count" && type !== "percentage") return;
     }
@@ -22653,7 +22714,10 @@ function aggregateWithColumn(rows, colKey, aggregations, getGroupKey) {
     });
     Object.keys(accs).forEach((groupKey) => {
       if (!seen[groupKey]) seen[groupKey] = {};
-      const sumOfDenom = Object.values(accs[groupKey]).reduce((t, a) => t + a.count, 0);
+      const sumOfDenom = Object.values(accs[groupKey]).reduce(
+        (t, a) => t + a.count,
+        0
+      );
       Object.keys(accs[groupKey]).forEach((colVal) => {
         const acc = accs[groupKey][colVal];
         const finalKey = `${colVal}` + (multiAgg ? `_${type}` : "");
@@ -22675,7 +22739,13 @@ function aggregateWithoutColumn(rows, aggregations, getGroupKey) {
   const seen = {};
   const multiAgg = aggregations.length > 1;
   aggregations.forEach((agg) => {
-    const { aggregationType: type, valueField, valueFieldType, valueField2, valueField2Type } = agg;
+    const {
+      aggregationType: type,
+      valueField,
+      valueFieldType,
+      valueField2,
+      valueField2Type
+    } = agg;
     if (!valueField) {
       if (type !== "count" && type !== "percentage") return;
     }
@@ -22706,7 +22776,10 @@ function aggregateWithoutColumn(rows, aggregations, getGroupKey) {
       }
       updateAccumulator(acc, row, agg, false);
     });
-    const sumOfDenom = Object.values(accs).reduce((t, a) => t + a.count, 0);
+    const sumOfDenom = Object.values(accs).reduce(
+      (t, a) => t + a.count,
+      0
+    );
     Object.keys(accs).forEach((k) => {
       const acc = accs[k];
       seen[k][finalKey] = getFinalAggregationValue({
@@ -22734,13 +22807,18 @@ function applyPivotInMemory(rows, pivot, filters) {
   const dateRange = dateBucket ? getDateRangeFromFilters(filters) : void 0;
   const getRowKey = dateBucket ? (row) => {
     const rawValue = row[rowField];
-    const rawDateValue = rawValue !== null && typeof rawValue === "object" && rawValue.value ? rawValue.value : rawValue;
+    const rawDateFromQuill = row.__quillRawDate;
+    const rawDateValue = rawDateFromQuill ?? (rawValue !== null && typeof rawValue === "object" && rawValue.value ? rawValue.value : rawValue);
     return getDateKey(new Date(rawDateValue), dateBucket);
   } : (row) => row[rowField];
   const aggregated = columnField ? aggregateWithColumn(rows, columnField, aggregations, getRowKey) : aggregateWithoutColumn(rows, aggregations, getRowKey);
   const aggregatedRows = aggregated || {};
   if (rows.length === 0 && dateBucket && dateRange && !columnField) {
-    const bucketKeys = generateBucketKeys(dateRange.start, dateRange.end, dateBucket);
+    const bucketKeys = generateBucketKeys(
+      dateRange.start,
+      dateRange.end,
+      dateBucket
+    );
     const emptyAgg = buildEmptyAggRow(aggregations);
     bucketKeys.forEach((k) => {
       aggregatedRows[k] = { ...emptyAgg };
@@ -22758,6 +22836,61 @@ function applyPivotInMemory(rows, pivot, filters) {
   }
   return sorted;
 }
+function generatePivotColumnsInMemory({
+  pivot,
+  pivotRows,
+  sourceColumns
+}) {
+  if (!pivot?.rowField || !Array.isArray(pivotRows) || pivotRows.length === 0) {
+    return void 0;
+  }
+  const columns = Array.isArray(sourceColumns) ? sourceColumns : [];
+  const rowSource = columns.find((col) => col.field === pivot.rowField);
+  const isRowFieldDate = isDateLikeType(pivot.rowFieldType);
+  const rowFieldType = rowSource?.fieldType ?? pivot.rowFieldType ?? "string";
+  const rowColumn = {
+    field: pivot.rowField,
+    label: rowSource?.label ?? pivot.rowField,
+    format: isRowFieldDate ? "string" : rowSource?.format ?? "string",
+    fieldType: rowFieldType,
+    dataTypeID: rowSource?.dataTypeID ?? 1043,
+    jsType: rowSource?.jsType ?? (isRowFieldDate ? "date" : "string")
+  };
+  const valueFieldFormat = (valueField) => columns.find((col) => col.field === valueField)?.format ?? "whole_number";
+  const multiAgg = (pivot.aggregations?.length ?? 0) > 1;
+  const aggregationBySuffix = new Map(
+    (pivot.aggregations ?? []).map((agg) => [
+      multiAgg ? `_${agg.aggregationType}` : "",
+      agg
+    ])
+  );
+  const valueKeys = Array.from(
+    new Set(
+      pivotRows.flatMap(
+        (row) => Object.keys(row).filter(
+          (key) => key !== pivot.rowField && key !== "__quillRawDate"
+        )
+      )
+    )
+  );
+  const valueColumns = valueKeys.map((key) => {
+    const matchingSuffix = Array.from(aggregationBySuffix.keys()).find(
+      (suffix) => suffix && key.endsWith(suffix)
+    );
+    const matchedAgg = matchingSuffix ? aggregationBySuffix.get(matchingSuffix) : pivot.aggregations?.[0];
+    const format9 = matchedAgg?.aggregationType === "percentage" ? "percent" : valueFieldFormat(matchedAgg?.valueField);
+    const valueFieldType = matchedAgg?.valueFieldType ?? "number";
+    return {
+      field: key,
+      label: key,
+      format: format9,
+      fieldType: valueFieldType,
+      jsType: valueFieldType,
+      dataTypeID: columns.find((col) => col.field === matchedAgg?.valueField)?.dataTypeID ?? 20
+    };
+  });
+  return [rowColumn, ...valueColumns];
+}
 
 // src/utils/cacheCab.ts
 var import_idb = require("idb");
@@ -22875,7 +23008,12 @@ var CacheCab = class {
       }
       const newRows = await this.applyPivotsAndFilters(result, dashboardFilters, customFilters, pivot, tenantPart, false);
       if (pivot) {
-        return { ...result, pivotRows: newRows, pivotRowCount: newRows.length };
+        const pivotColumns = generatePivotColumnsInMemory({
+          pivot,
+          pivotRows: newRows,
+          sourceColumns: result.columnInternal ?? result.columns
+        });
+        return { ...result, pivotRows: newRows, pivotColumns: pivotColumns ?? result.pivotColumns, pivotRowCount: newRows.length };
       }
       return { ...result, rows: newRows, rowCount: newRows.length };
     } else {
@@ -22961,7 +23099,12 @@ var CacheCab = class {
       await this.persistMetaToStorage();
       const newRows = await this.applyPivotsAndFilters(merged, dashboardFilters, customFilters, pivot, tenantPart, false);
       if (pivot) {
-        return { ...merged, pivotRows: newRows, pivotRowCount: newRows.length };
+        const pivotColumns = generatePivotColumnsInMemory({
+          pivot,
+          pivotRows: newRows,
+          sourceColumns: merged.columnInternal ?? merged.columns
+        });
+        return { ...merged, pivotRows: newRows, pivotColumns: pivotColumns ?? merged.pivotColumns, pivotRowCount: newRows.length };
       }
       return { ...merged, rows: newRows, rowCount: newRows.length };
     }
@@ -22989,7 +23132,12 @@ var CacheCab = class {
       const tenantPart = tenants ? JSON.stringify(tenants) : "";
       const newRows = await this.applyPivotsAndFilters(parsed, dashboardFilters, customFilters, pivot, tenantPart);
       if (pivot) {
-        return { ...parsed, pivotRows: newRows, pivotRowCount: newRows.length };
+        const pivotColumns = generatePivotColumnsInMemory({
+          pivot,
+          pivotRows: newRows,
+          sourceColumns: parsed.columnInternal ?? parsed.columns
+        });
+        return { ...parsed, pivotRows: newRows, pivotColumns: pivotColumns ?? parsed.pivotColumns, pivotRowCount: newRows.length };
       }
       return { ...parsed, rows: newRows, rowCount: newRows.length };
     } catch (err) {
@@ -26359,6 +26507,29 @@ var useDashboard = (dashboardName, config) => {
         };
         const usePivotTask = !cacheEnabled && !!reportInfo.pivot;
         const allFilters = dashboardFilters2.concat(customFilters).concat(customReportFiltersArray);
+        const applyInMemoryPivotIfNeeded = (report2) => {
+          const pivotToApply = reportInfo.pivot ?? report2.pivot;
+          if (!pivotToApply || usePivotTask) {
+            return report2;
+          }
+          const pivotRows = applyPivotInMemory(
+            report2.rows ?? [],
+            pivotToApply,
+            allFilters
+          );
+          const pivotColumns = generatePivotColumnsInMemory({
+            pivot: pivotToApply,
+            pivotRows,
+            sourceColumns: report2.columnInternal ?? report2.columns
+          });
+          return {
+            ...report2,
+            pivot: pivotToApply,
+            pivotRows,
+            pivotColumns: pivotColumns ?? report2.pivotColumns,
+            pivotRowCount: pivotRows.length
+          };
+        };
         if (cacheEnabled && cacheCab.isCacheable(reportId)) {
           const report2 = await cacheCab.get(reportId, dashboardFilters2, customFilters.concat(customReportFiltersArray), reportInfo.pivot, client, tenants, flags, pageSize, getToken, eventTracking, forceCacheToRefresh);
           if (reportRequestIds.current[reportId] !== requestId) {
@@ -26416,11 +26587,12 @@ var useDashboard = (dashboardName, config) => {
             if (reportRequestIds.current[reportId] !== requestId) {
               return null;
             }
+            const uncacheableReportWithPivot = applyInMemoryPivotIfNeeded(uncacheableReport);
             reportsDispatch({
               type: "UPDATE_REPORT",
               id: reportId,
               data: {
-                ...uncacheableReport,
+                ...uncacheableReportWithPivot,
                 pagination,
                 triggerReload: false
               }
@@ -26471,7 +26643,7 @@ var useDashboard = (dashboardName, config) => {
                 console.error("Failed to fetch background rows", e);
               });
             }
-            return uncacheableReport;
+            return uncacheableReportWithPivot;
           } catch (error2) {
             console.error(error2);
             return null;
@@ -33345,24 +33517,24 @@ function DayPicker({
         if (localStartDate && !localEndDate) {
           setLocalEndDate(date);
           updateDateFilter({
-            startDate: localStartDate,
-            endDate: date
+            startDate: (0, import_date_fns13.startOfDay)(localStartDate),
+            endDate: (0, import_date_fns13.endOfDay)(date)
           });
           setLocalPreset("");
         }
         if (localStartDate && localEndDate && (0, import_date_fns13.isAfter)(date, localStartDate)) {
           setLocalEndDate(date);
           updateDateFilter({
-            startDate: localStartDate,
-            endDate: date
+            startDate: (0, import_date_fns13.startOfDay)(localStartDate),
+            endDate: (0, import_date_fns13.endOfDay)(date)
           });
           setLocalPreset("");
         }
         if (localStartDate && localEndDate && (0, import_date_fns13.isBefore)(date, localStartDate)) {
           setLocalStartDate(date);
           updateDateFilter({
-            startDate: date,
-            endDate: localEndDate
+            startDate: (0, import_date_fns13.startOfDay)(date),
+            endDate: (0, import_date_fns13.endOfDay)(localEndDate)
           });
           setLocalPreset("");
         }
@@ -35869,12 +36041,41 @@ var useReportInternal = (reportId) => {
 var import_fast_deep_equal3 = __toESM(require("fast-deep-equal"), 1);
 
 // src/components/Chart/MapChart.tsx
-var import_react_simple_maps = require("react-simple-maps");
-var import_react27 = require("react");
+var import_react27 = __toESM(require("react"), 1);
 init_valueFormatter();
+var import_states_10m = __toESM(require("us-atlas/states-10m.json"), 1);
+var import_countries_50m = __toESM(require("world-atlas/countries-50m.json"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
-var statesUrl = "https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json";
-var countriesUrl = "https://cdn.jsdelivr.net/npm/world-atlas@2/countries-50m.json";
+var statesGeography = import_states_10m.default;
+var countriesGeography = import_countries_50m.default;
+var getSimpleMapsImport = () => {
+  const majorVersion = Number.parseInt(import_react27.default.version.split(".")[0] ?? "18", 10);
+  if (majorVersion >= 19) {
+    const react19Maps = "@vnedyalk0v/react19-simple-maps";
+    return import(
+      /* @vite-ignore */
+      react19Maps
+    ).catch(() => {
+      return import("react-simple-maps");
+    });
+  }
+  return import("react-simple-maps");
+};
+var useSimpleMapsModule = () => {
+  const [simpleMapsModule, setSimpleMapsModule] = (0, import_react27.useState)();
+  (0, import_react27.useEffect)(() => {
+    let mounted = true;
+    getSimpleMapsImport().then((module2) => {
+      if (mounted) {
+        setSimpleMapsModule(module2);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  return simpleMapsModule;
+};
 var fipsToNames = {
   "01": { name: "Alabama", abbreviation: "AL" },
   "02": { name: "Alaska", abbreviation: "AK" },
@@ -36197,6 +36398,7 @@ function USMap({
   className,
   containerStyle
 }) {
+  const simpleMaps = useSimpleMapsModule();
   const containerRef = (0, import_react27.useRef)(null);
   const [hoveredState, setHoveredState] = (0, import_react27.useState)(
     void 0
@@ -36265,6 +36467,9 @@ function USMap({
       }
     );
   }
+  if (!simpleMaps) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
@@ -36279,9 +36484,10 @@ function USMap({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_simple_maps.ComposableMap, { projection: "geoAlbersUsa", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(simpleMaps.ComposableMap, { projection: "geoAlbersUsa", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           MapLayout,
           {
+            simpleMaps,
             hoveredRegion: hoveredState,
             setHoveredRegion: setHoveredState,
             setHoveredCoords,
@@ -36291,7 +36497,7 @@ function USMap({
             colorScale,
             onClickChartElement,
             regionNames: fipsToNames,
-            geographyUrl: statesUrl
+            geographyUrl: statesGeography
           }
         ) }),
         hoveredCoords && hoveredState && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
@@ -36388,6 +36594,7 @@ function WorldMap({
   className,
   containerStyle
 }) {
+  const simpleMaps = useSimpleMapsModule();
   const containerRef = (0, import_react27.useRef)(null);
   const [hoveredCountry, setHoveredCountry] = (0, import_react27.useState)(
     void 0
@@ -36456,6 +36663,9 @@ function WorldMap({
       }
     );
   }
+  if (!simpleMaps) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "div",
     {
@@ -36471,9 +36681,10 @@ function WorldMap({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_simple_maps.ComposableMap, { projection: "geoEqualEarth", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(simpleMaps.ComposableMap, { projection: "geoEqualEarth", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           MapLayout,
           {
+            simpleMaps,
             hoveredRegion: hoveredCountry,
             setHoveredRegion: setHoveredCountry,
             setHoveredCoords,
@@ -36482,7 +36693,7 @@ function WorldMap({
             measureField,
             colorScale,
             onClickChartElement,
-            geographyUrl: countriesUrl,
+            geographyUrl: countriesGeography,
             regionNames: isoToNames
           }
         ) }),
@@ -36569,6 +36780,7 @@ function WorldMap({
   );
 }
 function MapLayout({
+  simpleMaps,
   geographyUrl,
   hoveredRegion,
   setHoveredRegion,
@@ -36580,19 +36792,19 @@ function MapLayout({
   onClickChartElement,
   regionNames
 }) {
-  const { projection } = (0, import_react_simple_maps.useMapContext)();
+  const { projection } = simpleMaps.useMapContext();
   const [geoCentroid, setGeoCentroid] = (0, import_react27.useState)(null);
   (0, import_react27.useEffect)(() => {
     import("d3-geo").then((geo) => {
       setGeoCentroid(() => geo.geoCentroid);
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_simple_maps.Geographies, { geography: geographyUrl, children: ({ geographies }) => geographies.map((geo, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(simpleMaps.Geographies, { geography: geographyUrl, children: ({ geographies }) => geographies.map((geo, index) => {
     const regionData = mappedData[geo.id] ?? mappedData[regionNames[geo.id]?.abbreviation ?? ""] ?? mappedData[regionNames[geo.id]?.name ?? ""] ?? mappedData[regionNames[geo.id]?.abbreviation?.toLowerCase() ?? ""] ?? mappedData[regionNames[geo.id]?.name?.toLowerCase() ?? ""];
     const value = regionData ? parseFloat(regionData[measureField]) : null;
     const fill = value != null ? colorScale(value) : "#D6D6DA";
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-      import_react_simple_maps.Geography,
+      simpleMaps.Geography,
       {
         geography: geo,
         fill,
@@ -38684,13 +38896,28 @@ function Chart({
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChartError, { errorMessage: report?.error ?? error }) });
   }
   if (isMissingDateField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChartError, { errorMessage: `The query for this report is missing dashboard date filter field ${report?.dateField?.field}, which is necessary for date filtering on this dashboard when the cache is enabled.` }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      ChartError,
+      {
+        errorMessage: `The query for this report is missing dashboard date filter field ${report?.dateField?.field}, which is necessary for date filtering on this dashboard when the cache is enabled.`
+      }
+    ) });
   }
   if (usesLimitInQuery) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChartError, { errorMessage: `The query for this report uses the LIMIT keyword, which is not supported when the cache is enabled.` }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      ChartError,
+      {
+        errorMessage: `The query for this report uses the LIMIT keyword, which is not supported when the cache is enabled.`
+      }
+    ) });
   }
   if (missingDashboardFilterFields.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ChartError, { errorMessage: `The query for this report is missing dashboard filter fields: ${missingDashboardFilterFields.join(", ")}` }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { style: containerStyle, className, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+      ChartError,
+      {
+        errorMessage: `The query for this report is missing dashboard filter fields: ${missingDashboardFilterFields.join(", ")}`
+      }
+    ) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
@@ -41238,9 +41465,12 @@ function Dashboard({
     setFilterListAddFilterPopoverIsOpen
   ] = (0, import_react38.useState)(false);
   const presetOptions = (0, import_react38.useMemo)(() => {
-    return populatedDashboardFilters?.[0]?.filterType === "date_range" ? convertPresetOptionsToSelectableList(
-      populatedDashboardFilters[0].presetOptions ?? [],
-      populatedDashboardFilters[0].defaultPresetRanges ?? []
+    const dashboardDateFilter = populatedDashboardFilters?.find(
+      (filter) => filter.filterType === "date_range"
+    );
+    return dashboardDateFilter ? convertPresetOptionsToSelectableList(
+      dashboardDateFilter.presetOptions ?? [],
+      dashboardDateFilter.defaultPresetRanges ?? []
     ) : defaultOptionsV2;
   }, [populatedDashboardFilters]);
   const [filterValues, setFilterValues] = (0, import_react38.useState)({});
@@ -48679,7 +48909,7 @@ function ChartBuilder({
                           )
                         }
                       ),
-                      (showTableFormatOptions || isAdmin) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+                      (showTableFormatOptions || isAdmin || formData.chartType === "table" && !hideTableView) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
                         "div",
                         {
                           style: {
@@ -56520,10 +56750,29 @@ function StaticChart(props) {
     ...report,
     ...report.pivot ? formattedPivotRowsAndColumns(report) : {}
   } : void 0;
+  const patchedConfig = config && config.pivot ? {
+    ...config,
+    yAxisFields: config.columns?.slice(1).map((col) => ({
+      field: col.field,
+      label: col.label ?? col.field,
+      format: col.format ?? "number"
+    })) ?? config.yAxisFields
+  } : config;
+  if (patchedConfig) {
+    const sample = (patchedConfig.pivotRows ?? patchedConfig.rows ?? []).slice(0, 1).map((row) => {
+      const field = patchedConfig.yAxisFields?.[0]?.field;
+      return {
+        ...row,
+        _firstField: field,
+        _firstFieldType: field ? typeof row[field] : void 0
+      };
+    });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     ChartDisplay,
     {
-      config,
+      reportId,
+      config: patchedConfig,
       onClickChartElement,
       loading,
       className,