@object-ui/plugin-aggrid 3.0.3 → 3.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-aggrid",
-  "version": "3.0.3",
+  "version": "3.1.1",
   "type": "module",
   "license": "MIT",
   "description": "AG Grid data grid plugin for Object UI, powered by AG Grid Community",
@@ -25,12 +25,12 @@
     "./style.css": "./dist/index.css"
   },
   "dependencies": {
-    "@object-ui/components": "3.0.3",
-    "@object-ui/core": "3.0.3",
-    "@object-ui/data-objectstack": "3.0.3",
-    "@object-ui/react": "3.0.3",
-    "@object-ui/fields": "3.0.3",
-    "@object-ui/types": "3.0.3"
+    "@object-ui/components": "3.1.1",
+    "@object-ui/data-objectstack": "3.1.1",
+    "@object-ui/fields": "3.1.1",
+    "@object-ui/react": "3.1.1",
+    "@object-ui/types": "3.1.1",
+    "@object-ui/core": "3.1.1"
   },
   "peerDependencies": {
     "ag-grid-community": "^32.0.0",
@@ -39,11 +39,11 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "19.2.13",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "^5.1.4",
-    "ag-grid-community": "^32.3.9",
-    "ag-grid-react": "^32.3.9",
+    "ag-grid-react": "^35.1.0",
+    "ag-grid-community": "^35.1.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4"

package/src/AgGridImpl.tsx

@@ -8,7 +8,7 @@
 
 import React, { useMemo, useRef, useCallback } from 'react';
 import { AgGridReact } from 'ag-grid-react';
-import type { ColDef, GridOptions, GridReadyEvent, CellClickedEvent, RowClickedEvent, SelectionChangedEvent, CellValueChangedEvent, StatusPanelDef, GetContextMenuItemsParams, MenuItemDef } from 'ag-grid-community';
+import type { ColDef, GridOptions, GridReadyEvent, CellClickedEvent, RowClickedEvent, SelectionChangedEvent, CellValueChangedEvent, StatusPanelDef, GetContextMenuItemsParams, MenuItemDef, DefaultMenuItem } from 'ag-grid-community';
 import type { AgGridCallbacks, ExportConfig, StatusBarConfig, ColumnConfig, ContextMenuConfig, TreeDataConfig, RowGroupingConfig, ExcelExportConfig } from './types';
 
 export interface AgGridImplProps {
@@ -145,10 +145,10 @@ export default function AgGridImpl({
   }, [excelExport, exportConfig, callbacks, rowData]);
 
   // Context Menu handler
-  const getContextMenuItems = useCallback((params: GetContextMenuItemsParams): (string | MenuItemDef)[] => {
+  const getContextMenuItems = useCallback((params: GetContextMenuItemsParams): (DefaultMenuItem | MenuItemDef)[] => {
     if (!contextMenu?.enabled) return [];
     
-    const items: (string | MenuItemDef)[] = [];
+    const items: (DefaultMenuItem | MenuItemDef)[] = [];
     const defaultItems = contextMenu.items || ['copy', 'copyWithHeaders', 'separator', 'export'];
     
     defaultItems.forEach(item => {
@@ -183,7 +183,7 @@ export default function AgGridImpl({
           },
         });
       } else {
-        items.push(item);
+        items.push(item as DefaultMenuItem);
       }
     });
     

package/src/ObjectAgGridImpl.tsx

@@ -18,11 +18,13 @@ import type {
   StatusPanelDef,
   GetContextMenuItemsParams,
   MenuItemDef,
+  DefaultMenuItem,
 } from 'ag-grid-community';
 import type { FieldMetadata, ObjectSchemaMetadata } from '@object-ui/types';
 import type { ObjectAgGridImplProps } from './object-aggrid.types';
 import { FIELD_TYPE_TO_FILTER_TYPE } from './object-aggrid.types';
 import { createFieldCellRenderer, createFieldCellEditor } from './field-renderers';
+import { buildExpandFields } from '@object-ui/core';
 
 /**
  * ObjectAgGridImpl - Metadata-driven AG Grid implementation
@@ -111,6 +113,12 @@ export default function ObjectAgGridImpl({
           queryParams.$orderby = sort;
         }
 
+        // Auto-inject $expand for lookup/master_detail fields
+        const expand = buildExpandFields(objectSchema?.fields);
+        if (expand.length > 0) {
+          queryParams.$expand = expand;
+        }
+
         const result = await dataSource.find(objectName, queryParams);
         setRowData(result.data || []);
         callbacks?.onDataLoaded?.(result.data || []);
@@ -215,10 +223,10 @@ export default function ObjectAgGridImpl({
   }, [exportConfig, callbacks, rowData, objectName]);
 
   // Context Menu handler
-  const getContextMenuItems = useCallback((params: GetContextMenuItemsParams): (string | MenuItemDef)[] => {
+  const getContextMenuItems = useCallback((params: GetContextMenuItemsParams): (DefaultMenuItem | MenuItemDef)[] => {
     if (!contextMenu?.enabled) return [];
     
-    const items: (string | MenuItemDef)[] = [];
+    const items: (DefaultMenuItem | MenuItemDef)[] = [];
     const defaultItems = contextMenu.items || ['copy', 'copyWithHeaders', 'separator', 'export'];
     
     defaultItems.forEach(item => {
@@ -247,7 +255,7 @@ export default function ObjectAgGridImpl({
           },
         });
       } else {
-        items.push(item);
+        items.push(item as DefaultMenuItem);
       }
     });
     

package/dist/FileField-Cxql0zFQ.js

@@ -1,101 +0,0 @@
-import { j as e } from "./index-DSI77JcG.js";
-import { useRef as y } from "react";
-import { Button as p } from "@object-ui/components";
-import { c as N, X as g, U as F } from "./ObjectAgGridImpl-CotBxBL9.js";
-const z = [
-  [
-    "path",
-    {
-      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
-      key: "1oefj6"
-    }
-  ],
-  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
-], b = N("file", z);
-function R({ value: t, onChange: r, field: x, readonly: h, ...o }) {
-  const d = y(null), c = x || o.schema, m = c?.multiple || !1, f = c?.accept ? c.accept.join(",") : void 0;
-  if (h) {
-    if (!t) return /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "-" });
-    const a = Array.isArray(t) ? t : [t];
-    return /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: a.map((s, l) => /* @__PURE__ */ e.jsx("span", { className: "text-sm truncate max-w-xs", children: s.name || s.original_name || "File" }, l)) });
-  }
-  const n = t ? Array.isArray(t) ? t : [t] : [], j = (a) => {
-    const s = Array.from(a.target.files || []);
-    if (s.length === 0) return;
-    const l = s.map((i) => ({
-      name: i.name,
-      original_name: i.name,
-      size: i.size,
-      mime_type: i.type,
-      // In a real implementation, this would upload the file and return a URL
-      url: URL.createObjectURL(i)
-    }));
-    r(m ? [...n, ...l] : l[0]);
-  }, u = (a) => {
-    if (m) {
-      const s = n.filter((l, i) => i !== a);
-      r(s.length > 0 ? s : null);
-    } else
-      r(null);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: o.className, children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        ref: d,
-        type: "file",
-        multiple: m,
-        accept: f,
-        onChange: j,
-        className: "hidden"
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      n.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "space-y-1", children: n.map((a, s) => /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between gap-2 p-2 bg-gray-50 rounded-md border border-gray-200",
-          children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-              /* @__PURE__ */ e.jsx(b, { className: "size-4 text-gray-500 flex-shrink-0" }),
-              /* @__PURE__ */ e.jsx("span", { className: "text-sm truncate", children: a.name || a.original_name || "File" }),
-              a.size && /* @__PURE__ */ e.jsxs("span", { className: "text-xs text-gray-500", children: [
-                "(",
-                (a.size / 1024).toFixed(1),
-                " KB)"
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              p,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onClick: () => u(s),
-                className: "h-6 w-6 p-0",
-                children: /* @__PURE__ */ e.jsx(g, { className: "size-3" })
-              }
-            )
-          ]
-        },
-        s
-      )) }),
-      /* @__PURE__ */ e.jsxs(
-        p,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: () => d.current?.click(),
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ e.jsx(F, { className: "size-4 mr-2" }),
-            n.length > 0 ? "Add More Files" : "Upload File"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  R as FileField
-};

package/dist/GridField-BrF4x9mD.js

@@ -1,29 +0,0 @@
-import { j as e } from "./index-DSI77JcG.js";
-import { cn as l } from "@object-ui/components";
-function g({ value: r, field: n, readonly: m, ...a }) {
-  const d = (n || a.schema)?.columns || [];
-  return !r || !Array.isArray(r) ? /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-500", children: "-" }) : m ? /* @__PURE__ */ e.jsx("div", { className: l("text-sm", a.className), children: /* @__PURE__ */ e.jsxs("span", { className: "text-gray-700", children: [
-    r.length,
-    " rows"
-  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: l("border border-gray-200 rounded-md overflow-hidden", a.className), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "overflow-auto max-h-60", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ e.jsx("thead", { className: "bg-gray-50 border-b border-gray-200", children: /* @__PURE__ */ e.jsx("tr", { children: d.map((s, t) => /* @__PURE__ */ e.jsx(
-        "th",
-        {
-          className: "px-3 py-2 text-left text-xs font-medium text-gray-700",
-          children: s.label || s.name
-        },
-        t
-      )) }) }),
-      /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-gray-200", children: r.slice(0, 5).map((s, t) => /* @__PURE__ */ e.jsx("tr", { className: "hover:bg-gray-50", children: d.map((i, c) => /* @__PURE__ */ e.jsx("td", { className: "px-3 py-2 text-gray-900", children: s[i.name] != null ? String(s[i.name]) : "-" }, c)) }, t)) })
-    ] }) }),
-    r.length > 5 && /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 px-3 py-2 text-xs text-gray-500 border-t border-gray-200", children: [
-      "Showing 5 of ",
-      r.length,
-      " rows"
-    ] })
-  ] });
-}
-export {
-  g as GridField
-};