@quillsql/react 2.16.93 → 2.16.95

package/dist/index.cjs

@@ -103,7 +103,7 @@ function formatIdentifierLabel(str) {
   if (hasUnderscore || hasCamelCaseBoundary) {
     return snakeAndCamelCaseToTitleCase(str);
   }
-  return str;
+  return str.split(/\s+/).map((word) => word === "id" ? "ID" : capitalize(word)).join(" ");
 }
 function removeDoubleQuotes(str) {
   if (!str) {
@@ -137,13 +137,14 @@ function getValidDate(dateString) {
   const dates = FORMATS.map((fmt) => (0, import_date_fns.parse)(dateString, fmt, /* @__PURE__ */ new Date()));
   return dates.find((date) => (0, import_date_fns.isValid)(date));
 }
-var import_date_fns, import_date_fns_tz, DATE_FORMAT_TYPES, NUMBER_FORMAT_TYPES, valueFormatter, quillFormat, quillAutoFormat, formatString, formatterDollar, formatDollarAmount, formatterCentsDollar, formatDollarCents, wholeNumberFormatter, formatWholeNumber, formatOneDecimalPlace, formatterTwoDecimalPlaces, formatTwoDecimalPlaces, formatterPercent, formatPercent, _getUTCDateHelper, format_YYYY, format_MMM_yyyy, format_hh_ap_pm, format_MMM_d, format_MMM_dd_yyyy, format_MMM_d_MMM_d, format_MMM_dd_hh_mm_ap_pm, format_wo_yyyy, localeFormatter, FORMATS, compareValues;
+var import_date_fns, import_date_fns_tz, DATE_OUTSIDE_RANGE, DATE_FORMAT_TYPES, NUMBER_FORMAT_TYPES, valueFormatter, quillFormat, quillAutoFormat, formatString, formatterDollar, formatDollarAmount, formatterCentsDollar, formatDollarCents, wholeNumberFormatter, formatWholeNumber, formatOneDecimalPlace, formatterTwoDecimalPlaces, formatTwoDecimalPlaces, formatterPercent, formatPercent, _getUTCDateHelper, format_YYYY, format_MMM_yyyy, format_hh_ap_pm, format_MMM_d, format_MMM_dd_yyyy, format_MMM_d_MMM_d, format_MMM_dd_hh_mm_ap_pm, format_wo_yyyy, localeFormatter, FORMATS, compareValues;
 var init_valueFormatter = __esm({
   "src/utils/valueFormatter.ts"() {
     "use strict";
     import_date_fns = require("date-fns");
     import_date_fns_tz = require("date-fns-tz");
     init_textProcessing();
+    DATE_OUTSIDE_RANGE = "Date outside range";
     DATE_FORMAT_TYPES = [
       "yyyy",
       "MMM_yyyy",
@@ -392,7 +393,7 @@ var init_valueFormatter = __esm({
             weekEnd = utcEnd;
           }
           if ((0, import_date_fns.isAfter)(weekStart, utcEnd) || (0, import_date_fns.isBefore)(weekEnd, utcStart)) {
-            return "Date outside range";
+            return DATE_OUTSIDE_RANGE;
           }
         }
       }
@@ -15132,7 +15133,7 @@ var init_dates = __esm({
     init_inMemoryPivotEngine();
     init_valueFormatter();
     DATE_BUCKET_AXIS_FORMATS = {
-      day: "MMM_dd_yyyy",
+      day: "MMM_dd",
       week: "MMM_dd-MMM_dd",
       month: "MMM_yyyy",
       year: "yyyy"
@@ -17376,7 +17377,7 @@ async function generatePivotWithSQL({
   );
   const responseRows = queryResponseRows;
   const responseFields = queryResponseFields;
-  const rows = resultRowField ? responseRows.map(
+  let rows = resultRowField ? responseRows.map(
     (row) => !row[resultRowField] ? { ...row, [resultRowField]: "-" } : row
   ) : responseRows;
   if (pivot.columnField && client.databaseType?.toLowerCase() === "bigquery") {
@@ -17415,24 +17416,21 @@ async function generatePivotWithSQL({
     return 0;
   });
   if (resultRowField && !isStringType(pivot.rowFieldType || "")) {
-    rows.forEach((row) => {
-      row.__quillRawDate = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
-      let value = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
+    const dateRange = dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0;
+    rows = rows.filter((row) => {
+      const rawValue = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
+      row.__quillRawDate = rawValue;
       const dateString = getDateString(
-        value,
-        dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
+        rawValue,
+        dateRange,
         dateBucket,
         databaseType
       );
+      if (dateBucket === "week" && dateRange && dateString === DATE_OUTSIDE_RANGE) {
+        return false;
+      }
       row[resultRowField] = dateString;
+      return true;
     });
     if (resultRowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
       const dateSet = new Set(rows.map((row) => row[resultRowField]));
@@ -17597,7 +17595,7 @@ function processPivotData({
   const pivotRowField = processColumnName(
     String(resultRowField ?? pivot.rowField ?? "")
   );
-  const rows = pivotRowField ? responseRows.map(
+  let rows = pivotRowField ? responseRows.map(
     (row) => !row[pivotRowField] ? { ...row, [pivotRowField]: "-" } : row
   ) : responseRows;
   if (pivot.columnField && client.databaseType?.toLowerCase() === "bigquery") {
@@ -17636,24 +17634,21 @@ function processPivotData({
     return 0;
   });
   if (pivotRowField && !isStringType(pivot.rowFieldType || "")) {
-    rows.forEach((row) => {
-      row.__quillRawDate = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
-      let value = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
+    const dateRange = dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0;
+    rows = rows.filter((row) => {
+      const rawValue = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
+      row.__quillRawDate = rawValue;
       const dateString = getDateString(
-        value,
-        dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
+        rawValue,
+        dateRange,
         dateBucket,
         databaseType
       );
+      if (dateBucket === "week" && dateRange && dateString === DATE_OUTSIDE_RANGE) {
+        return false;
+      }
       row[pivotRowField] = dateString;
+      return true;
     });
     if (pivotRowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
       const dateSet = new Set(rows.map((row) => row[pivotRowField]));
@@ -17718,6 +17713,7 @@ var init_pivotConstructor = __esm({
     init_dashboardProfiler();
     init_dates();
     init_textProcessing();
+    init_valueFormatter();
   }
 });
 
@@ -22901,6 +22897,7 @@ init_columnProcessing();
 init_dataFetcher();
 init_dataProcessing();
 init_dates();
+init_columnType();
 init_paginationProcessing();
 init_pivotProcessing();
 init_tableProcessing();
@@ -23827,6 +23824,15 @@ function hasPreformattedDateBucketLabels(report) {
   if (report.chartType?.toLowerCase() === "table") return false;
   return report.xAxisField?.trim() === pivot.rowField?.trim();
 }
+function resolvePivotBucketXAxisFormat(report) {
+  const pivot = report.pivot;
+  if (!pivot?.dateBucket) return null;
+  if (report.chartType?.toLowerCase() === "table") return null;
+  const rowField = pivot.rowField?.trim();
+  if (!rowField || report.xAxisField?.trim() !== rowField) return null;
+  if (!isDateType(String(pivot.rowFieldType ?? ""))) return null;
+  return getDateFormatFromBucket(pivot.dateBucket);
+}
 function applySavedPivotColumnLabels(report, pivotColumns) {
   return pivotColumns?.map((column) => {
     const savedColumn = report.columns?.find(
@@ -23902,6 +23908,10 @@ function convertInternalReportToReport(report, dashboardFilters, eventTracking,
         ...extractAllReportValuesFromQuillInternalReport(formattedReport),
         ...pivotFormatted
       };
+      const bucketXAxisFormat = resolvePivotBucketXAxisFormat(pivotReport);
+      if (bucketXAxisFormat) {
+        pivotReport.xAxisFormat = bucketXAxisFormat;
+      }
       pivotReport.formattedBaseRows = formattedBaseRows;
       return applyChartSort(pivotReport);
     }
@@ -34175,9 +34185,8 @@ function RadarChart({
                         fields: [{ field: xAxisField, format: xAxisFormat }]
                       }),
                       valueFormatter: (value, name2) => {
-                        const field = payloadItems.find(
-                          (p) => p.dataKey === name2
-                        )?.dataKey;
+                        const payloadItem = payloadItems.find((p) => p.dataKey === name2) ?? payloadItems.find((p) => p.name === name2);
+                        const field = payloadItem?.dataKey;
                         if (!field) return value;
                         return valueFormatter({
                           value,
@@ -37675,7 +37684,8 @@ var useDashboards = () => {
         reports: Object.values(dashboard.config.sections ?? {}).flat(),
         tenantKeys: dashboard.config.tenantKeys,
         createdAt: dashboard.config.createdAt,
-        sectionOrder: dashboard.config.sectionOrder
+        sectionOrder: dashboard.config.sectionOrder,
+        hidden: dashboard.config.hidden
       };
     }).sort(
       (a, b) => (a.createdAt?.getTime() ?? 0) - (b.createdAt?.getTime() ?? 0)
@@ -46351,6 +46361,7 @@ var QuillProvider = ({
       isAdmin,
       getAuthorizationToken,
       eventTracking,
+      onChangelogs,
       children
     }
   ) });
@@ -62036,6 +62047,24 @@ function useDebouncedRefreshInput(value, delayMs = REPORT_REFRESH_DEBOUNCE_MS) {
 
 // src/utils/pivotDateBuckets.ts
 var import_date_fns18 = require("date-fns");
+var PIVOT_DATE_BUCKETS = /* @__PURE__ */ new Set([
+  "day",
+  "week",
+  "month",
+  "year"
+]);
+function inBucketDateBucketForField(rules, field) {
+  for (const entry of rules) {
+    if (!entry || typeof entry !== "object") continue;
+    const rule = entry;
+    if (rule.operator !== "inBucket" || rule.field !== field) continue;
+    const bucket = rule.value && typeof rule.value === "object" && !Array.isArray(rule.value) ? rule.value.bucket : void 0;
+    if (typeof bucket === "string" && PIVOT_DATE_BUCKETS.has(bucket)) {
+      return bucket;
+    }
+  }
+  return void 0;
+}
 function buildPivotDateBucketStarts(range, bucket) {
   const min2 = new Date(range.min);
   const max2 = new Date(range.max);
@@ -63492,9 +63521,21 @@ function normalizePivotChartForDisplay(chart, resolveTableLabel) {
   const firstPivotRow = (withResolvedXAxis.rows ?? []).find(
     (row) => Object.keys(row).length > 0
   );
-  const pivotRowFields = firstPivotRow ? Object.keys(firstPivotRow).filter(
-    (field) => !INTERNAL_PIVOT_ROW_FIELDS.has(field)
-  ) : [];
+  const pivotRowFieldName = String(
+    withResolvedXAxis.pivot?.rowField ?? ""
+  ).trim();
+  const pivotRowFields = firstPivotRow ? (() => {
+    const keys = Object.keys(firstPivotRow).filter(
+      (field) => !INTERNAL_PIVOT_ROW_FIELDS.has(field)
+    );
+    if (pivotRowFieldName && keys.includes(pivotRowFieldName)) {
+      return [
+        pivotRowFieldName,
+        ...keys.filter((field) => field !== pivotRowFieldName)
+      ];
+    }
+    return keys;
+  })() : [];
   const pivotValueFields = pivotRowFields.filter(
     (field) => field !== pivotRowKey(withResolvedXAxis) && field !== withResolvedXAxis.pivot?.rowField
   );
@@ -63507,6 +63548,10 @@ function normalizePivotChartForDisplay(chart, resolveTableLabel) {
   );
   const resolveYAxisFormat = (field, aggregation) => {
     if (aggregation?.aggregationType === "count") {
+      const savedFormat = yAxisFormatByField.get(field) ?? yAxisFormatByField.get("count") ?? withResolvedXAxis.yAxisFields?.find(
+        (axis) => String(axis.field ?? "").trim() === field
+      )?.format ?? withResolvedXAxis.yAxisFields?.[0]?.format;
+      if (savedFormat) return savedFormat;
       return "whole_number";
     }
     if (aggregation?.aggregationType === "percentage") {
@@ -69573,6 +69618,15 @@ function useReport(reportIdArg, options = {}) {
     }
     for (const yAxis2 of chartAxesBaseChart.yAxisFields ?? []) {
       registerOption(yAxis2.field, yAxis2.label, yAxis2.format);
+      if (yAxis2.format) {
+        const existing = optionsByField.get(yAxis2.field);
+        if (existing) {
+          optionsByField.set(yAxis2.field, {
+            ...existing,
+            format: toAxisFormat(yAxis2.format, existing.format)
+          });
+        }
+      }
     }
     if (chartAxesBaseChart.pivot?.columnField) {
       for (const aggregationAxis of buildPivotAggregationAxisFields(
@@ -69586,11 +69640,22 @@ function useReport(reportIdArg, options = {}) {
         );
       }
     }
+    const xField = String(chartAxesBaseChart.xAxisField ?? "").trim();
+    const savedXFormat = String(chartAxesBaseChart.xAxisFormat ?? "").trim();
     registerOption(
-      chartAxesBaseChart.xAxisField,
+      xField,
       chartAxesBaseChart.xAxisLabel || chartAxesBaseChart.xAxisField,
       chartAxesBaseChart.xAxisFormat
     );
+    if (xField && savedXFormat) {
+      const existing = optionsByField.get(xField);
+      if (existing) {
+        optionsByField.set(xField, {
+          ...existing,
+          format: toAxisFormat(savedXFormat, existing.format)
+        });
+      }
+    }
     return Array.from(optionsByField.values());
   }, [chartAxesBaseChart, resolveTableDisplayLabel]);
   const chartAxisOptionByField = (0, import_react63.useMemo)(() => {
@@ -69912,8 +69977,11 @@ function useReport(reportIdArg, options = {}) {
     const rowField = String(pivot?.rowField ?? "").trim();
     if (rowField && isDateType(String(pivot?.rowFieldType ?? ""))) {
       const field = pivot?.rowFieldTable ? `${pivot.rowFieldTable}.${rowField}` : rowField;
-      const bucket = dateBucket || pivot?.dateBucket || "month";
-      const labelsByRaw = /* @__PURE__ */ new Map();
+      const chartBucket = dateBucket || pivot?.dateBucket || "month";
+      const bucket = inBucketDateBucketForField(
+        filtersForQueryBuilder.rules ?? [],
+        field
+      ) ?? chartBucket;
       const cacheKey = `${String(effectiveReportId ?? "")}\0${field}\0${bucket}`;
       if (pivotDateFilterRangeCacheRef.current.key !== cacheKey) {
         pivotDateFilterRangeCacheRef.current = {
@@ -69929,10 +69997,6 @@ function useReport(reportIdArg, options = {}) {
         const key = String(raw);
         const timestamp = new Date(key).getTime();
         if (Number.isNaN(timestamp)) continue;
-        labelsByRaw.set(
-          key,
-          String(record[pivotRowKey(chart)] ?? record[rowField] ?? key)
-        );
         const cachedMin = pivotDateFilterRangeCacheRef.current.min;
         const cachedMax = pivotDateFilterRangeCacheRef.current.max;
         if (cachedMin == null || timestamp < new Date(cachedMin).getTime()) {
@@ -69945,7 +70009,7 @@ function useReport(reportIdArg, options = {}) {
       const { min: min2, max: max2 } = pivotDateFilterRangeCacheRef.current;
       const options2 = min2 && max2 ? buildPivotDateBucketStarts({ min: min2, max: max2 }, bucket).map((value) => ({
         value,
-        label: labelsByRaw.get(value) ?? getDateString(value, void 0, bucket)
+        label: getDateString(value, void 0, bucket)
       })) : [];
       out.push({
         field,
@@ -69961,7 +70025,8 @@ function useReport(reportIdArg, options = {}) {
     chart?.rows,
     dateBucket,
     effectiveReportId,
-    filterValueOptionsByFieldName
+    filterValueOptionsByFieldName,
+    filtersForQueryBuilder.rules
   ]);
   const chartForUi = (0, import_react63.useMemo)(() => {
     if (!chart?.pivot) return chart;
@@ -69974,10 +70039,10 @@ function useReport(reportIdArg, options = {}) {
     };
     const selectedValue = (field, operator, options2) => {
       const rule = filtersForQueryBuilder.rules.find(
-        (entry) => typeof entry === "object" && entry !== null && "field" in entry && entry.field === field && entry.operator === operator
+        (entry) => typeof entry === "object" && entry !== null && "field" in entry && entry.field === field && (entry.operator === operator || operator === "inBucket" && entry.operator === "between")
       );
       if (!rule) return null;
-      const raw = operator === "inBucket" ? rule.value?.start : Array.isArray(rule.value) ? rule.value[0] : void 0;
+      const raw = operator === "inBucket" ? rule.operator === "between" && Array.isArray(rule.value) ? rule.value[0] : rule.value?.start : Array.isArray(rule.value) ? rule.value[0] : void 0;
       if (raw == null) return null;
       const value = String(raw);
       return options2.some((option) => option.value === value) ? value : null;

package/dist/index.d.cts

@@ -1201,6 +1201,7 @@ declare function Dashboard({ name, onClickReport, containerStyle, EmptyDashboard
 type DashboardConfig = {
     dashboardId: string;
     name: string;
+    hidden?: boolean;
     filters: InternalDashboardStringFilter[];
     allTenantFilters?: InternalDashboardTenantFilter[];
     tenantFilters?: InternalDashboardTenantFilter[];
@@ -3747,6 +3748,7 @@ declare const useDashboards: () => {
             section: string;
             reportOrder: string[];
         }[] | undefined;
+        hidden: boolean | undefined;
     }[] | null;
     isLoading: boolean;
     createDashboard: ({ name, tenantFilters, filters, dateFilter, dashboardOwners, clientId, }: {

package/dist/index.d.ts

@@ -1201,6 +1201,7 @@ declare function Dashboard({ name, onClickReport, containerStyle, EmptyDashboard
 type DashboardConfig = {
     dashboardId: string;
     name: string;
+    hidden?: boolean;
     filters: InternalDashboardStringFilter[];
     allTenantFilters?: InternalDashboardTenantFilter[];
     tenantFilters?: InternalDashboardTenantFilter[];
@@ -3747,6 +3748,7 @@ declare const useDashboards: () => {
             section: string;
             reportOrder: string[];
         }[] | undefined;
+        hidden: boolean | undefined;
     }[] | null;
     isLoading: boolean;
     createDashboard: ({ name, tenantFilters, filters, dateFilter, dashboardOwners, clientId, }: {

package/dist/index.js

@@ -107,7 +107,7 @@ function formatIdentifierLabel(str) {
   if (hasUnderscore || hasCamelCaseBoundary) {
     return snakeAndCamelCaseToTitleCase(str);
   }
-  return str;
+  return str.split(/\s+/).map((word) => word === "id" ? "ID" : capitalize(word)).join(" ");
 }
 function removeDoubleQuotes(str) {
   if (!str) {
@@ -153,11 +153,12 @@ function getValidDate(dateString) {
   const dates = FORMATS.map((fmt) => parse(dateString, fmt, /* @__PURE__ */ new Date()));
   return dates.find((date) => isValid(date));
 }
-var DATE_FORMAT_TYPES, NUMBER_FORMAT_TYPES, valueFormatter, quillFormat, quillAutoFormat, formatString, formatterDollar, formatDollarAmount, formatterCentsDollar, formatDollarCents, wholeNumberFormatter, formatWholeNumber, formatOneDecimalPlace, formatterTwoDecimalPlaces, formatTwoDecimalPlaces, formatterPercent, formatPercent, _getUTCDateHelper, format_YYYY, format_MMM_yyyy, format_hh_ap_pm, format_MMM_d, format_MMM_dd_yyyy, format_MMM_d_MMM_d, format_MMM_dd_hh_mm_ap_pm, format_wo_yyyy, localeFormatter, FORMATS, compareValues;
+var DATE_OUTSIDE_RANGE, DATE_FORMAT_TYPES, NUMBER_FORMAT_TYPES, valueFormatter, quillFormat, quillAutoFormat, formatString, formatterDollar, formatDollarAmount, formatterCentsDollar, formatDollarCents, wholeNumberFormatter, formatWholeNumber, formatOneDecimalPlace, formatterTwoDecimalPlaces, formatTwoDecimalPlaces, formatterPercent, formatPercent, _getUTCDateHelper, format_YYYY, format_MMM_yyyy, format_hh_ap_pm, format_MMM_d, format_MMM_dd_yyyy, format_MMM_d_MMM_d, format_MMM_dd_hh_mm_ap_pm, format_wo_yyyy, localeFormatter, FORMATS, compareValues;
 var init_valueFormatter = __esm({
   "src/utils/valueFormatter.ts"() {
     "use strict";
     init_textProcessing();
+    DATE_OUTSIDE_RANGE = "Date outside range";
     DATE_FORMAT_TYPES = [
       "yyyy",
       "MMM_yyyy",
@@ -406,7 +407,7 @@ var init_valueFormatter = __esm({
             weekEnd = utcEnd;
           }
           if (isAfter(weekStart, utcEnd) || isBefore(weekEnd, utcStart)) {
-            return "Date outside range";
+            return DATE_OUTSIDE_RANGE;
           }
         }
       }
@@ -15179,7 +15180,7 @@ var init_dates = __esm({
     init_inMemoryPivotEngine();
     init_valueFormatter();
     DATE_BUCKET_AXIS_FORMATS = {
-      day: "MMM_dd_yyyy",
+      day: "MMM_dd",
       week: "MMM_dd-MMM_dd",
       month: "MMM_yyyy",
       year: "yyyy"
@@ -17423,7 +17424,7 @@ async function generatePivotWithSQL({
   );
   const responseRows = queryResponseRows;
   const responseFields = queryResponseFields;
-  const rows = resultRowField ? responseRows.map(
+  let rows = resultRowField ? responseRows.map(
     (row) => !row[resultRowField] ? { ...row, [resultRowField]: "-" } : row
   ) : responseRows;
   if (pivot.columnField && client.databaseType?.toLowerCase() === "bigquery") {
@@ -17462,24 +17463,21 @@ async function generatePivotWithSQL({
     return 0;
   });
   if (resultRowField && !isStringType(pivot.rowFieldType || "")) {
-    rows.forEach((row) => {
-      row.__quillRawDate = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
-      let value = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
+    const dateRange = dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0;
+    rows = rows.filter((row) => {
+      const rawValue = typeof row[resultRowField] === "object" ? row[resultRowField].value : row[resultRowField];
+      row.__quillRawDate = rawValue;
       const dateString = getDateString(
-        value,
-        dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
+        rawValue,
+        dateRange,
         dateBucket,
         databaseType
       );
+      if (dateBucket === "week" && dateRange && dateString === DATE_OUTSIDE_RANGE) {
+        return false;
+      }
       row[resultRowField] = dateString;
+      return true;
     });
     if (resultRowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
       const dateSet = new Set(rows.map((row) => row[resultRowField]));
@@ -17644,7 +17642,7 @@ function processPivotData({
   const pivotRowField = processColumnName(
     String(resultRowField ?? pivot.rowField ?? "")
   );
-  const rows = pivotRowField ? responseRows.map(
+  let rows = pivotRowField ? responseRows.map(
     (row) => !row[pivotRowField] ? { ...row, [pivotRowField]: "-" } : row
   ) : responseRows;
   if (pivot.columnField && client.databaseType?.toLowerCase() === "bigquery") {
@@ -17683,24 +17681,21 @@ function processPivotData({
     return 0;
   });
   if (pivotRowField && !isStringType(pivot.rowFieldType || "")) {
-    rows.forEach((row) => {
-      row.__quillRawDate = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
-      let value = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
-      if (dateBucket === "week" && dateFilter?.startDate && dateFilter?.endDate) {
-        const rowDate = new Date(value);
-        if (rowDate < dateFilter.startDate) {
-          value = dateFilter.startDate.toISOString();
-        } else if (rowDate > dateFilter.endDate) {
-          value = dateFilter.endDate.toISOString();
-        }
-      }
+    const dateRange = dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0;
+    rows = rows.filter((row) => {
+      const rawValue = typeof row[pivotRowField] === "object" ? row[pivotRowField].value : row[pivotRowField];
+      row.__quillRawDate = rawValue;
       const dateString = getDateString(
-        value,
-        dateFilter?.startDate && dateFilter?.endDate ? { start: dateFilter.startDate, end: dateFilter.endDate } : void 0,
+        rawValue,
+        dateRange,
         dateBucket,
         databaseType
       );
+      if (dateBucket === "week" && dateRange && dateString === DATE_OUTSIDE_RANGE) {
+        return false;
+      }
       row[pivotRowField] = dateString;
+      return true;
     });
     if (pivotRowField && pivot.rowFieldType && !isStringType(pivot.rowFieldType) && dateFilter?.startDate && dateFilter?.endDate) {
       const dateSet = new Set(rows.map((row) => row[pivotRowField]));
@@ -17765,6 +17760,7 @@ var init_pivotConstructor = __esm({
     init_dashboardProfiler();
     init_dates();
     init_textProcessing();
+    init_valueFormatter();
   }
 });
 
@@ -22883,6 +22879,7 @@ init_columnProcessing();
 init_dataFetcher();
 init_dataProcessing();
 init_dates();
+init_columnType();
 init_paginationProcessing();
 init_pivotProcessing();
 init_tableProcessing();
@@ -23809,6 +23806,15 @@ function hasPreformattedDateBucketLabels(report) {
   if (report.chartType?.toLowerCase() === "table") return false;
   return report.xAxisField?.trim() === pivot.rowField?.trim();
 }
+function resolvePivotBucketXAxisFormat(report) {
+  const pivot = report.pivot;
+  if (!pivot?.dateBucket) return null;
+  if (report.chartType?.toLowerCase() === "table") return null;
+  const rowField = pivot.rowField?.trim();
+  if (!rowField || report.xAxisField?.trim() !== rowField) return null;
+  if (!isDateType(String(pivot.rowFieldType ?? ""))) return null;
+  return getDateFormatFromBucket(pivot.dateBucket);
+}
 function applySavedPivotColumnLabels(report, pivotColumns) {
   return pivotColumns?.map((column) => {
     const savedColumn = report.columns?.find(
@@ -23884,6 +23890,10 @@ function convertInternalReportToReport(report, dashboardFilters, eventTracking,
         ...extractAllReportValuesFromQuillInternalReport(formattedReport),
         ...pivotFormatted
       };
+      const bucketXAxisFormat = resolvePivotBucketXAxisFormat(pivotReport);
+      if (bucketXAxisFormat) {
+        pivotReport.xAxisFormat = bucketXAxisFormat;
+      }
       pivotReport.formattedBaseRows = formattedBaseRows;
       return applyChartSort(pivotReport);
     }
@@ -34210,9 +34220,8 @@ function RadarChart({
                         fields: [{ field: xAxisField, format: xAxisFormat }]
                       }),
                       valueFormatter: (value, name2) => {
-                        const field = payloadItems.find(
-                          (p) => p.dataKey === name2
-                        )?.dataKey;
+                        const payloadItem = payloadItems.find((p) => p.dataKey === name2) ?? payloadItems.find((p) => p.name === name2);
+                        const field = payloadItem?.dataKey;
                         if (!field) return value;
                         return valueFormatter({
                           value,
@@ -37762,7 +37771,8 @@ var useDashboards = () => {
         reports: Object.values(dashboard.config.sections ?? {}).flat(),
         tenantKeys: dashboard.config.tenantKeys,
         createdAt: dashboard.config.createdAt,
-        sectionOrder: dashboard.config.sectionOrder
+        sectionOrder: dashboard.config.sectionOrder,
+        hidden: dashboard.config.hidden
       };
     }).sort(
       (a, b) => (a.createdAt?.getTime() ?? 0) - (b.createdAt?.getTime() ?? 0)
@@ -46445,6 +46455,7 @@ var QuillProvider = ({
       isAdmin,
       getAuthorizationToken,
       eventTracking,
+      onChangelogs,
       children
     }
   ) });
@@ -62244,6 +62255,24 @@ import {
   eachWeekOfInterval as eachWeekOfInterval2,
   eachYearOfInterval as eachYearOfInterval2
 } from "date-fns";
+var PIVOT_DATE_BUCKETS = /* @__PURE__ */ new Set([
+  "day",
+  "week",
+  "month",
+  "year"
+]);
+function inBucketDateBucketForField(rules, field) {
+  for (const entry of rules) {
+    if (!entry || typeof entry !== "object") continue;
+    const rule = entry;
+    if (rule.operator !== "inBucket" || rule.field !== field) continue;
+    const bucket = rule.value && typeof rule.value === "object" && !Array.isArray(rule.value) ? rule.value.bucket : void 0;
+    if (typeof bucket === "string" && PIVOT_DATE_BUCKETS.has(bucket)) {
+      return bucket;
+    }
+  }
+  return void 0;
+}
 function buildPivotDateBucketStarts(range, bucket) {
   const min2 = new Date(range.min);
   const max2 = new Date(range.max);
@@ -63700,9 +63729,21 @@ function normalizePivotChartForDisplay(chart, resolveTableLabel) {
   const firstPivotRow = (withResolvedXAxis.rows ?? []).find(
     (row) => Object.keys(row).length > 0
   );
-  const pivotRowFields = firstPivotRow ? Object.keys(firstPivotRow).filter(
-    (field) => !INTERNAL_PIVOT_ROW_FIELDS.has(field)
-  ) : [];
+  const pivotRowFieldName = String(
+    withResolvedXAxis.pivot?.rowField ?? ""
+  ).trim();
+  const pivotRowFields = firstPivotRow ? (() => {
+    const keys = Object.keys(firstPivotRow).filter(
+      (field) => !INTERNAL_PIVOT_ROW_FIELDS.has(field)
+    );
+    if (pivotRowFieldName && keys.includes(pivotRowFieldName)) {
+      return [
+        pivotRowFieldName,
+        ...keys.filter((field) => field !== pivotRowFieldName)
+      ];
+    }
+    return keys;
+  })() : [];
   const pivotValueFields = pivotRowFields.filter(
     (field) => field !== pivotRowKey(withResolvedXAxis) && field !== withResolvedXAxis.pivot?.rowField
   );
@@ -63715,6 +63756,10 @@ function normalizePivotChartForDisplay(chart, resolveTableLabel) {
   );
   const resolveYAxisFormat = (field, aggregation) => {
     if (aggregation?.aggregationType === "count") {
+      const savedFormat = yAxisFormatByField.get(field) ?? yAxisFormatByField.get("count") ?? withResolvedXAxis.yAxisFields?.find(
+        (axis) => String(axis.field ?? "").trim() === field
+      )?.format ?? withResolvedXAxis.yAxisFields?.[0]?.format;
+      if (savedFormat) return savedFormat;
       return "whole_number";
     }
     if (aggregation?.aggregationType === "percentage") {
@@ -69781,6 +69826,15 @@ function useReport(reportIdArg, options = {}) {
     }
     for (const yAxis2 of chartAxesBaseChart.yAxisFields ?? []) {
       registerOption(yAxis2.field, yAxis2.label, yAxis2.format);
+      if (yAxis2.format) {
+        const existing = optionsByField.get(yAxis2.field);
+        if (existing) {
+          optionsByField.set(yAxis2.field, {
+            ...existing,
+            format: toAxisFormat(yAxis2.format, existing.format)
+          });
+        }
+      }
     }
     if (chartAxesBaseChart.pivot?.columnField) {
       for (const aggregationAxis of buildPivotAggregationAxisFields(
@@ -69794,11 +69848,22 @@ function useReport(reportIdArg, options = {}) {
         );
       }
     }
+    const xField = String(chartAxesBaseChart.xAxisField ?? "").trim();
+    const savedXFormat = String(chartAxesBaseChart.xAxisFormat ?? "").trim();
     registerOption(
-      chartAxesBaseChart.xAxisField,
+      xField,
       chartAxesBaseChart.xAxisLabel || chartAxesBaseChart.xAxisField,
       chartAxesBaseChart.xAxisFormat
     );
+    if (xField && savedXFormat) {
+      const existing = optionsByField.get(xField);
+      if (existing) {
+        optionsByField.set(xField, {
+          ...existing,
+          format: toAxisFormat(savedXFormat, existing.format)
+        });
+      }
+    }
     return Array.from(optionsByField.values());
   }, [chartAxesBaseChart, resolveTableDisplayLabel]);
   const chartAxisOptionByField = useMemo33(() => {
@@ -70120,8 +70185,11 @@ function useReport(reportIdArg, options = {}) {
     const rowField = String(pivot?.rowField ?? "").trim();
     if (rowField && isDateType(String(pivot?.rowFieldType ?? ""))) {
       const field = pivot?.rowFieldTable ? `${pivot.rowFieldTable}.${rowField}` : rowField;
-      const bucket = dateBucket || pivot?.dateBucket || "month";
-      const labelsByRaw = /* @__PURE__ */ new Map();
+      const chartBucket = dateBucket || pivot?.dateBucket || "month";
+      const bucket = inBucketDateBucketForField(
+        filtersForQueryBuilder.rules ?? [],
+        field
+      ) ?? chartBucket;
       const cacheKey = `${String(effectiveReportId ?? "")}\0${field}\0${bucket}`;
       if (pivotDateFilterRangeCacheRef.current.key !== cacheKey) {
         pivotDateFilterRangeCacheRef.current = {
@@ -70137,10 +70205,6 @@ function useReport(reportIdArg, options = {}) {
         const key = String(raw);
         const timestamp = new Date(key).getTime();
         if (Number.isNaN(timestamp)) continue;
-        labelsByRaw.set(
-          key,
-          String(record[pivotRowKey(chart)] ?? record[rowField] ?? key)
-        );
         const cachedMin = pivotDateFilterRangeCacheRef.current.min;
         const cachedMax = pivotDateFilterRangeCacheRef.current.max;
         if (cachedMin == null || timestamp < new Date(cachedMin).getTime()) {
@@ -70153,7 +70217,7 @@ function useReport(reportIdArg, options = {}) {
       const { min: min2, max: max2 } = pivotDateFilterRangeCacheRef.current;
       const options2 = min2 && max2 ? buildPivotDateBucketStarts({ min: min2, max: max2 }, bucket).map((value) => ({
         value,
-        label: labelsByRaw.get(value) ?? getDateString(value, void 0, bucket)
+        label: getDateString(value, void 0, bucket)
       })) : [];
       out.push({
         field,
@@ -70169,7 +70233,8 @@ function useReport(reportIdArg, options = {}) {
     chart?.rows,
     dateBucket,
     effectiveReportId,
-    filterValueOptionsByFieldName
+    filterValueOptionsByFieldName,
+    filtersForQueryBuilder.rules
   ]);
   const chartForUi = useMemo33(() => {
     if (!chart?.pivot) return chart;
@@ -70182,10 +70247,10 @@ function useReport(reportIdArg, options = {}) {
     };
     const selectedValue = (field, operator, options2) => {
       const rule = filtersForQueryBuilder.rules.find(
-        (entry) => typeof entry === "object" && entry !== null && "field" in entry && entry.field === field && entry.operator === operator
+        (entry) => typeof entry === "object" && entry !== null && "field" in entry && entry.field === field && (entry.operator === operator || operator === "inBucket" && entry.operator === "between")
       );
       if (!rule) return null;
-      const raw = operator === "inBucket" ? rule.value?.start : Array.isArray(rule.value) ? rule.value[0] : void 0;
+      const raw = operator === "inBucket" ? rule.operator === "between" && Array.isArray(rule.value) ? rule.value[0] : rule.value?.start : Array.isArray(rule.value) ? rule.value[0] : void 0;
       if (raw == null) return null;
       const value = String(raw);
       return options2.some((option) => option.value === value) ? value : null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "2.16.93",
+  "version": "2.16.95",
   "type": "module",
   "exports": {
     ".": {