@object-ui/plugin-dashboard 3.1.3 → 3.1.4

package/dist/src/ObjectDataTable.d.ts

@@ -19,6 +19,20 @@ export interface ObjectDataTableProps {
     dataSource?: any;
     className?: string;
 }
+/** A column definition after normalization, with header and accessor key. */
+interface NormalizedColumn {
+    header: string;
+    accessorKey: string;
+    [key: string]: any;
+}
+/**
+ * Normalize columns to support both string[] shorthand and object[] formats.
+ *
+ * - `string[]` entries are converted to `{ header, accessorKey }` objects,
+ *   handling both snake_case and camelCase for header generation.
+ * - Object entries are returned as-is.
+ */
+export declare function normalizeColumns(columns: (string | Record<string, any>)[]): NormalizedColumn[];
 /**
  * ObjectDataTable — Async-aware wrapper for data-table.
  *
@@ -36,4 +50,5 @@ export interface ObjectDataTableProps {
  * - **Data** → data-table with fetched rows
  */
 export declare const ObjectDataTable: React.FC<ObjectDataTableProps>;
+export {};
 //# sourceMappingURL=ObjectDataTable.d.ts.map

package/dist/src/ObjectDataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectDataTable.d.ts","sourceRoot":"","sources":["../../src/ObjectDataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+I1D,CAAC"}
+{"version":3,"file":"ObjectDataTable.d.ts","sourceRoot":"","sources":["../../src/ObjectDataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QACrD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;QAChB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6EAA6E;AAC7E,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,gBAAgB,EAAE,CAiB9F;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiJ1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-dashboard",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "type": "module",
   "license": "MIT",
   "description": "Dashboard plugin for Object UI",
@@ -21,10 +21,10 @@
     "react-dom": "19.2.4",
     "react-grid-layout": "^2.2.2",
     "tailwind-merge": "^3.5.0",
-    "@object-ui/components": "3.1.3",
-    "@object-ui/core": "3.1.3",
-    "@object-ui/react": "3.1.3",
-    "@object-ui/types": "3.1.3"
+    "@object-ui/components": "3.1.4",
+    "@object-ui/core": "3.1.4",
+    "@object-ui/react": "3.1.4",
+    "@object-ui/types": "3.1.4"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -32,9 +32,9 @@
   },
   "devDependencies": {
     "@types/react-grid-layout": "^2.1.0",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {

package/src/ObjectDataTable.tsx

@@ -29,6 +29,39 @@ export interface ObjectDataTableProps {
   className?: string;
 }
 
+/** A column definition after normalization, with header and accessor key. */
+interface NormalizedColumn {
+  header: string;
+  accessorKey: string;
+  [key: string]: any;
+}
+
+/**
+ * Normalize columns to support both string[] shorthand and object[] formats.
+ *
+ * - `string[]` entries are converted to `{ header, accessorKey }` objects,
+ *   handling both snake_case and camelCase for header generation.
+ * - Object entries are returned as-is.
+ */
+export function normalizeColumns(columns: (string | Record<string, any>)[]): NormalizedColumn[] {
+  return columns.map((col) => {
+    if (typeof col === 'string') {
+      return {
+        header: col
+          // snake_case → spaces
+          .replace(/_/g, ' ')
+          // camelCase → spaces before uppercase letters
+          .replace(/([A-Z])/g, ' $1')
+          .trim()
+          // Title Case each word
+          .replace(/\b\w/g, (c: string) => c.toUpperCase()),
+        accessorKey: col,
+      };
+    }
+    return col;
+  });
+}
+
 /**
  * ObjectDataTable — Async-aware wrapper for data-table.
  *
@@ -101,7 +134,9 @@ export const ObjectDataTable: React.FC<ObjectDataTableProps> = ({ schema, dataSo
 
   // Auto-derive columns from data keys when none are provided
   const derivedColumns = useMemo(() => {
-    if (schema.columns && schema.columns.length > 0) return schema.columns;
+    if (schema.columns && schema.columns.length > 0) {
+      return normalizeColumns(schema.columns);
+    }
     if (finalData.length === 0) return [];
     // Exclude internal/private fields (prefixed with '_') from auto-derived columns
     const keys = Object.keys(finalData[0]).filter(k => !k.startsWith('_'));

package/src/__tests__/ObjectDataTable.test.tsx

@@ -9,7 +9,7 @@
 import { describe, it, expect, vi } from 'vitest';
 import { render, screen, waitFor } from '@testing-library/react';
 import React from 'react';
-import { ObjectDataTable } from '../ObjectDataTable';
+import { ObjectDataTable, normalizeColumns } from '../ObjectDataTable';
 import { SchemaRendererProvider } from '@object-ui/react';
 
 describe('ObjectDataTable', () => {
@@ -119,4 +119,93 @@ describe('ObjectDataTable', () => {
 
     expect(dataSource.find).not.toHaveBeenCalled();
   });
+
+  it('should normalize string[] columns without crashing', () => {
+    const schema = {
+      ...baseSchema,
+      columns: ['name', 'amount', 'close_date'],
+      data: [
+        { name: 'Deal A', amount: 1000, close_date: '2025-01-01' },
+        { name: 'Deal B', amount: 2000, close_date: '2025-06-01' },
+      ],
+    };
+
+    // Should not crash when columns are strings
+    const { container } = render(
+      <SchemaRendererProvider>
+        <ObjectDataTable schema={schema} />
+      </SchemaRendererProvider>,
+    );
+
+    expect(container).toBeDefined();
+  });
+
+  it('should pass through object[] columns unchanged', () => {
+    const schema = {
+      ...baseSchema,
+      columns: [
+        { header: 'Name', accessorKey: 'name' },
+        { header: 'Amount', accessorKey: 'amount' },
+      ],
+      data: [
+        { name: 'Deal A', amount: 1000 },
+      ],
+    };
+
+    const { container } = render(
+      <SchemaRendererProvider>
+        <ObjectDataTable schema={schema} />
+      </SchemaRendererProvider>,
+    );
+
+    expect(container).toBeDefined();
+  });
+});
+
+describe('normalizeColumns', () => {
+  it('should convert snake_case string to title-cased header', () => {
+    const result = normalizeColumns(['close_date']);
+    expect(result).toEqual([{ header: 'Close Date', accessorKey: 'close_date' }]);
+  });
+
+  it('should convert camelCase string to title-cased header', () => {
+    const result = normalizeColumns(['firstName']);
+    expect(result).toEqual([{ header: 'First Name', accessorKey: 'firstName' }]);
+  });
+
+  it('should convert simple string to capitalized header', () => {
+    const result = normalizeColumns(['name']);
+    expect(result).toEqual([{ header: 'Name', accessorKey: 'name' }]);
+  });
+
+  it('should handle multiple string columns', () => {
+    const result = normalizeColumns(['name', 'total_amount', 'createdAt']);
+    expect(result).toEqual([
+      { header: 'Name', accessorKey: 'name' },
+      { header: 'Total Amount', accessorKey: 'total_amount' },
+      { header: 'Created At', accessorKey: 'createdAt' },
+    ]);
+  });
+
+  it('should pass through object columns unchanged', () => {
+    const cols = [
+      { header: 'Custom Name', accessorKey: 'name' },
+      { header: 'Amount ($)', accessorKey: 'amount' },
+    ];
+    const result = normalizeColumns(cols);
+    expect(result).toEqual(cols);
+  });
+
+  it('should handle mixed string and object columns', () => {
+    const result = normalizeColumns([
+      'name',
+      { header: 'Custom Amount', accessorKey: 'amount' },
+      'close_date',
+    ]);
+    expect(result).toEqual([
+      { header: 'Name', accessorKey: 'name' },
+      { header: 'Custom Amount', accessorKey: 'amount' },
+      { header: 'Close Date', accessorKey: 'close_date' },
+    ]);
+  });
 });