@quillsql/react 2.16.21 → 2.16.23

package/dist/index.js

@@ -277,6 +277,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) => {
@@ -1566,6 +1569,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);
@@ -1735,11 +1739,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;
       });
@@ -1795,9 +1802,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: set(/* @__PURE__ */ new Date(), {
                 year: currentYear,
                 month: currentSubInterval.startDate.month - 1,
@@ -1829,13 +1837,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
           }
@@ -2031,7 +2040,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 ? startOfDay(foundPreset.startDate) : foundPreset.startDate,
+          endDate: foundPreset.endDate ? endOfDay(foundPreset.endDate) : foundPreset.endDate
+        };
       } else {
         return { startDate: null, endDate: null };
       }
@@ -19893,11 +19905,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,
@@ -22177,7 +22190,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) {
@@ -22185,7 +22211,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];
@@ -22216,6 +22247,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;
@@ -22359,8 +22396,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));
@@ -22384,7 +22425,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":
@@ -22426,10 +22469,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":
@@ -22493,7 +22544,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()
       };
@@ -22652,7 +22707,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;
     }
@@ -22685,7 +22746,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}` : "");
@@ -22707,7 +22771,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;
     }
@@ -22738,7 +22808,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({
@@ -22766,13 +22839,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 };
@@ -22790,6 +22868,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
 import { openDB } from "idb";
@@ -22907,7 +23040,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 {
@@ -22993,7 +23131,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 };
     }
@@ -23021,7 +23164,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) {
@@ -26397,6 +26545,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) {
@@ -26454,11 +26625,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
               }
@@ -26509,7 +26681,7 @@ var useDashboard = (dashboardName, config) => {
                 console.error("Failed to fetch background rows", e);
               });
             }
-            return uncacheableReport;
+            return uncacheableReportWithPivot;
           } catch (error2) {
             console.error(error2);
             return null;
@@ -32608,6 +32780,7 @@ import {
 import {
   startOfMonth as startOfMonth4,
   endOfMonth as endOfMonth2,
+  endOfDay as endOfDay4,
   format as format7,
   eachDayOfInterval,
   subMonths as subMonths5,
@@ -33438,24 +33611,24 @@ function DayPicker({
         if (localStartDate && !localEndDate) {
           setLocalEndDate(date);
           updateDateFilter({
-            startDate: localStartDate,
-            endDate: date
+            startDate: startOfDay6(localStartDate),
+            endDate: endOfDay4(date)
           });
           setLocalPreset("");
         }
         if (localStartDate && localEndDate && isAfter2(date, localStartDate)) {
           setLocalEndDate(date);
           updateDateFilter({
-            startDate: localStartDate,
-            endDate: date
+            startDate: startOfDay6(localStartDate),
+            endDate: endOfDay4(date)
           });
           setLocalPreset("");
         }
         if (localStartDate && localEndDate && isBefore2(date, localStartDate)) {
           setLocalStartDate(date);
           updateDateFilter({
-            startDate: date,
-            endDate: localEndDate
+            startDate: startOfDay6(date),
+            endDate: endOfDay4(localEndDate)
           });
           setLocalPreset("");
         }
@@ -35973,17 +36146,41 @@ var useReportInternal = (reportId) => {
 import equal3 from "fast-deep-equal";
 
 // src/components/Chart/MapChart.tsx
-import {
-  ComposableMap,
-  Geographies,
-  Geography,
-  useMapContext
-} from "react-simple-maps";
-import { useEffect as useEffect13, useMemo as useMemo12, useRef as useRef11, useState as useState16 } from "react";
+import React10, { useEffect as useEffect13, useMemo as useMemo12, useRef as useRef11, useState as useState16 } from "react";
 init_valueFormatter();
+import usStates10m from "us-atlas/states-10m.json";
+import worldCountries50m from "world-atlas/countries-50m.json";
 import { jsx as jsx46, jsxs as jsxs35 } from "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 = usStates10m;
+var countriesGeography = worldCountries50m;
+var getSimpleMapsImport = () => {
+  const majorVersion = Number.parseInt(React10.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] = useState16();
+  useEffect13(() => {
+    let mounted = true;
+    getSimpleMapsImport().then((module) => {
+      if (mounted) {
+        setSimpleMapsModule(module);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  return simpleMapsModule;
+};
 var fipsToNames = {
   "01": { name: "Alabama", abbreviation: "AL" },
   "02": { name: "Alaska", abbreviation: "AK" },
@@ -36306,6 +36503,7 @@ function USMap({
   className,
   containerStyle
 }) {
+  const simpleMaps = useSimpleMapsModule();
   const containerRef = useRef11(null);
   const [hoveredState, setHoveredState] = useState16(
     void 0
@@ -36374,6 +36572,9 @@ function USMap({
       }
     );
   }
+  if (!simpleMaps) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs35(
     "div",
     {
@@ -36388,9 +36589,10 @@ function USMap({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx46(ComposableMap, { projection: "geoAlbersUsa", children: /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx46(simpleMaps.ComposableMap, { projection: "geoAlbersUsa", children: /* @__PURE__ */ jsx46(
           MapLayout,
           {
+            simpleMaps,
             hoveredRegion: hoveredState,
             setHoveredRegion: setHoveredState,
             setHoveredCoords,
@@ -36400,7 +36602,7 @@ function USMap({
             colorScale,
             onClickChartElement,
             regionNames: fipsToNames,
-            geographyUrl: statesUrl
+            geographyUrl: statesGeography
           }
         ) }),
         hoveredCoords && hoveredState && /* @__PURE__ */ jsx46(
@@ -36497,6 +36699,7 @@ function WorldMap({
   className,
   containerStyle
 }) {
+  const simpleMaps = useSimpleMapsModule();
   const containerRef = useRef11(null);
   const [hoveredCountry, setHoveredCountry] = useState16(
     void 0
@@ -36565,6 +36768,9 @@ function WorldMap({
       }
     );
   }
+  if (!simpleMaps) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs35(
     "div",
     {
@@ -36580,9 +36786,10 @@ function WorldMap({
         position: "relative"
       },
       children: [
-        /* @__PURE__ */ jsx46(ComposableMap, { projection: "geoEqualEarth", children: /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx46(simpleMaps.ComposableMap, { projection: "geoEqualEarth", children: /* @__PURE__ */ jsx46(
           MapLayout,
           {
+            simpleMaps,
             hoveredRegion: hoveredCountry,
             setHoveredRegion: setHoveredCountry,
             setHoveredCoords,
@@ -36591,7 +36798,7 @@ function WorldMap({
             measureField,
             colorScale,
             onClickChartElement,
-            geographyUrl: countriesUrl,
+            geographyUrl: countriesGeography,
             regionNames: isoToNames
           }
         ) }),
@@ -36678,6 +36885,7 @@ function WorldMap({
   );
 }
 function MapLayout({
+  simpleMaps,
   geographyUrl,
   hoveredRegion,
   setHoveredRegion,
@@ -36689,19 +36897,19 @@ function MapLayout({
   onClickChartElement,
   regionNames
 }) {
-  const { projection } = useMapContext();
+  const { projection } = simpleMaps.useMapContext();
   const [geoCentroid, setGeoCentroid] = useState16(null);
   useEffect13(() => {
     import("d3-geo").then((geo) => {
       setGeoCentroid(() => geo.geoCentroid);
     });
   }, []);
-  return /* @__PURE__ */ jsx46(Geographies, { geography: geographyUrl, children: ({ geographies }) => geographies.map((geo, index) => {
+  return /* @__PURE__ */ jsx46(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__ */ jsx46(
-      Geography,
+      simpleMaps.Geography,
       {
         geography: geo,
         fill,
@@ -38793,13 +39001,28 @@ function Chart({
     return /* @__PURE__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(ChartError, { errorMessage: report?.error ?? error }) });
   }
   if (isMissingDateField) {
-    return /* @__PURE__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(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__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(
+      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__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(ChartError, { errorMessage: `The query for this report uses the LIMIT keyword, which is not supported when the cache is enabled.` }) });
+    return /* @__PURE__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(
+      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__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(ChartError, { errorMessage: `The query for this report is missing dashboard filter fields: ${missingDashboardFilterFields.join(", ")}` }) });
+    return /* @__PURE__ */ jsx49("div", { style: containerStyle, className, children: /* @__PURE__ */ jsx49(
+      ChartError,
+      {
+        errorMessage: `The query for this report is missing dashboard filter fields: ${missingDashboardFilterFields.join(", ")}`
+      }
+    ) });
   }
   return /* @__PURE__ */ jsxs37(
     "div",
@@ -41354,9 +41577,12 @@ function Dashboard({
     setFilterListAddFilterPopoverIsOpen
   ] = useState25(false);
   const presetOptions = useMemo16(() => {
-    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] = useState25({});
@@ -45455,7 +45681,7 @@ init_dataFetcher();
 init_dates();
 
 // src/components/QuillMultiSelectSectionList.tsx
-import React13, {
+import React14, {
   useContext as useContext25,
   useMemo as useMemo20,
   useRef as useRef18,
@@ -45481,7 +45707,7 @@ function QuillMultiSelectSectionList({
   const modalRef = useRef18(null);
   const buttonRef = useRef18(null);
   const debounceTimeoutId = useRef18(null);
-  const [searchQuery, setSearchQuery] = React13.useState("");
+  const [searchQuery, setSearchQuery] = React14.useState("");
   useOnClickOutside_default(
     modalRef,
     (event) => {
@@ -45498,10 +45724,10 @@ function QuillMultiSelectSectionList({
       onChange(updatedChangeEvent);
     }, 200);
   };
-  const optionsLength = React13.useMemo(() => {
+  const optionsLength = React14.useMemo(() => {
     return Object.values(options).reduce((a, b) => a + b.length, 0);
   }, [options]);
-  const filteredItems = React13.useMemo(() => {
+  const filteredItems = React14.useMemo(() => {
     const uuidRegex = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-5][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}$/;
     const sample = Object.values(options).find((arr) => arr.length > 0)?.[0];
     if (!sample) {
@@ -45528,7 +45754,7 @@ function QuillMultiSelectSectionList({
       Object.entries(filteredOptions).filter(([, value2]) => !!value2?.length).sort(([key]) => key === owner ? -1 : 1)
     );
   }, [options, searchQuery]);
-  const filteredLength = React13.useMemo(() => {
+  const filteredLength = React14.useMemo(() => {
     return Object.values(filteredItems).reduce((a, b) => a + b.length, 0);
   }, [filteredItems]);
   const selectedOptionsLabel = useMemo20(() => {
@@ -48854,7 +49080,7 @@ function ChartBuilder({
                           )
                         }
                       ),
-                      (showTableFormatOptions || isAdmin) && /* @__PURE__ */ jsxs48(
+                      (showTableFormatOptions || isAdmin || formData.chartType === "table" && !hideTableView) && /* @__PURE__ */ jsxs48(
                         "div",
                         {
                           style: {
@@ -56731,10 +56957,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__ */ jsx84(
     ChartDisplay,
     {
-      config,
+      reportId,
+      config: patchedConfig,
       onClickChartElement,
       loading,
       className,