@smallwebco/tinypivot-react 1.0.72 → 1.0.73

package/README.md

@@ -80,6 +80,7 @@ export default function App() {
 | `theme` | `'light' \| 'dark' \| 'auto'` | `'light'` | Color theme |
 | `numberFormat` | `'us' \| 'eu' \| 'plain'` | `'us'` | Number display format: US (1,234.56), EU (1.234,56), plain (1234.56) |
 | `dateFormat` | `'us' \| 'eu' \| 'iso'` | `'iso'` | Date display format: US (MM/DD/YYYY), EU (DD/MM/YYYY), ISO (YYYY-MM-DD) |
+| `fieldRoleOverrides` | `Record<string, FieldRole>` | `undefined` | Override auto-detected chart field roles per column (`'dimension'` \| `'measure'` \| `'temporal'`) |
 
 ## Callbacks
 

package/dist/index.cjs

@@ -1494,12 +1494,13 @@ var Chart = import_react4.default.lazy(() => import("react-apexcharts"));
 function ChartBuilder({
   data,
   theme = "light",
+  fieldRoleOverrides,
   onConfigChange
 }) {
   const [chartConfig, setChartConfig] = (0, import_react4.useState)((0, import_tinypivot_core4.createDefaultChartConfig)());
   const [draggingField, setDraggingField] = (0, import_react4.useState)(null);
   const [dragOverZone, setDragOverZone] = (0, import_react4.useState)(null);
-  const fieldInfos = (0, import_react4.useMemo)(() => (0, import_tinypivot_core4.analyzeFieldsForChart)(data), [data]);
+  const fieldInfos = (0, import_react4.useMemo)(() => (0, import_tinypivot_core4.analyzeFieldsForChart)(data, fieldRoleOverrides), [data, fieldRoleOverrides]);
   const dimensions = (0, import_react4.useMemo)(
     () => fieldInfos.filter((f) => f.role === "dimension" || f.role === "temporal"),
     [fieldInfos]
@@ -5030,6 +5031,7 @@ function DataGrid({
   maxHeight = 1200,
   numberFormat = "us",
   dateFormat = "iso",
+  fieldRoleOverrides,
   aiAnalyst,
   onCellClick,
   onExport,
@@ -6192,6 +6194,7 @@ function DataGrid({
             {
               data: filteredDataForPivot,
               theme: currentTheme,
+              fieldRoleOverrides,
               onConfigChange: handleChartConfigChange
             }
           )