@agile-team/mach-table-react 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 MachTable Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,45 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/ChenyCHENYU/MachTable/main/assets/mach-table-logo.svg" alt="MachTable" width="760" />
+</p>
+
+# @agile-team/mach-table-react
+
+Official React 18+ adapter for MachTable. It provides `<MachTable>` / `<RobotGrid>`, `useMachGrid`, React cell/detail renderer factories, latest-closure event handling and StrictMode-safe cleanup.
+
+```bash
+pnpm add @agile-team/mach-table @agile-team/mach-table-react
+```
+
+```tsx
+import { useMemo } from "react";
+import { MachTable, useMachGrid } from "@agile-team/mach-table-react";
+import type { ColDef } from "@agile-team/mach-table";
+import "@agile-team/mach-table/styles/mach-table.css";
+
+interface Row { id: string; name: string }
+
+export function App({ rows }: { rows: Row[] }) {
+  const grid = useMachGrid<Row>();
+  const columns = useMemo<ColDef<Row>[]>(
+    () => [{ field: "name", headerName: "Name", flex: 1 }],
+    []
+  );
+
+  return (
+    <div style={{ height: 520 }}>
+      <MachTable<Row>
+        apiRef={grid.apiRef}
+        rowData={rows}
+        columnDefs={columns}
+        getRowId={({ data }) => data.id}
+      />
+    </div>
+  );
+}
+```
+
+`@agile-team/mach-table`, `react` and `react-dom` are peer dependencies and are not bundled into this adapter.
+
+Documentation: [React guide](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/react.md) · [Enterprise integration](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/enterprise-integration.md) · [Next.js / SSR](https://github.com/ChenyCHENYU/MachTable/blob/main/docs/guide/ssr.md)
+
+MIT © Agile Team

package/dist/index.cjs

@@ -0,0 +1,206 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  EVENT_TYPES: () => import_mach_table2.EVENT_TYPES,
+  MachTable: () => RobotGrid,
+  RobotGrid: () => RobotGrid,
+  createGrid: () => import_mach_table2.createGrid,
+  reactCellRenderer: () => reactCellRenderer,
+  reactDetailRenderer: () => reactDetailRenderer,
+  useMachGrid: () => useMachGrid
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/RobotGrid.tsx
+var import_react = require("react");
+var import_mach_table = require("@agile-team/mach-table");
+var UPDATABLE_KEYS = import_mach_table.DIRECT_GRID_OPTION_KEYS.filter((key) => key !== "className");
+function RobotGrid(props) {
+  const { className, style, apiRef } = props;
+  const hostRef = (0, import_react.useRef)(null);
+  const gridApiRef = (0, import_react.useRef)(null);
+  const propsRef = (0, import_react.useRef)(props);
+  propsRef.current = props;
+  (0, import_react.useEffect)(() => {
+    const host = hostRef.current;
+    if (!host) return;
+    const initial = propsRef.current;
+    const options = {};
+    for (const key of Object.keys(initial)) {
+      if (key === "className" || key === "gridClassName" || key === "style" || key === "apiRef") continue;
+      if (key.startsWith("on")) continue;
+      options[key] = initial[key];
+    }
+    if (initial.gridClassName !== void 0) options.className = initial.gridClassName;
+    for (const eventType of import_mach_table.EVENT_TYPES) {
+      const handlerKey = `on${eventType.charAt(0).toUpperCase()}${eventType.slice(1)}`;
+      options[handlerKey] = (event) => {
+        const latest = propsRef.current;
+        const handler = latest[handlerKey];
+        if (typeof handler === "function") handler(event);
+      };
+    }
+    const api = (0, import_mach_table.createGrid)(host, options);
+    gridApiRef.current = api;
+    return () => {
+      api.destroy();
+      gridApiRef.current = null;
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!apiRef) return;
+    const assigned = gridApiRef.current;
+    apiRef.current = assigned;
+    return () => {
+      if (apiRef.current === assigned) apiRef.current = null;
+    };
+  }, [apiRef]);
+  const rowDataReady = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!rowDataReady.current) {
+      rowDataReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setRowData(props.rowData);
+  }, [props.rowData]);
+  const columnDefsReady = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!columnDefsReady.current) {
+      columnDefsReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setColumnDefs(props.columnDefs);
+  }, [props.columnDefs]);
+  const quickFilterReady = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!quickFilterReady.current) {
+      quickFilterReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setQuickFilter(props.quickFilterText);
+  }, [props.quickFilterText]);
+  const gridClassNameReady = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!gridClassNameReady.current) {
+      gridClassNameReady.current = true;
+      return;
+    }
+    gridApiRef.current?.updateOptions({ className: props.gridClassName });
+  }, [props.gridClassName]);
+  const optionValues = UPDATABLE_KEYS.map((key) => props[key]);
+  const previousOptionValues = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    const previous = previousOptionValues.current;
+    previousOptionValues.current = optionValues;
+    if (!previous) {
+      return;
+    }
+    const changed = {};
+    optionValues.forEach((value, index) => {
+      if (!Object.is(value, previous[index])) changed[UPDATABLE_KEYS[index]] = value;
+    });
+    if (Object.keys(changed).length > 0) {
+      gridApiRef.current?.updateOptions(changed);
+    }
+  }, optionValues);
+  return (0, import_react.createElement)("div", {
+    ref: hostRef,
+    className: `mach-react-host ${className ?? ""}`.trim() || void 0,
+    style
+  });
+}
+
+// src/useMachGrid.ts
+var import_react2 = require("react");
+function useMachGrid() {
+  const [api, setApi] = (0, import_react2.useState)(null);
+  const apiRef = (0, import_react2.useMemo)(() => {
+    let current = null;
+    return Object.defineProperty({}, "current", {
+      enumerable: true,
+      get: () => current,
+      set: (next) => {
+        if (next === current) return;
+        current = next;
+        setApi(next);
+      }
+    });
+  }, []);
+  return { apiRef, api };
+}
+
+// src/adapters.ts
+var import_react3 = require("react");
+var import_client = require("react-dom/client");
+function reactCellRenderer(Component) {
+  return (params) => {
+    const host = document.createElement("div");
+    host.className = "mach-cell-react";
+    host.style.width = "100%";
+    const root = (0, import_client.createRoot)(host);
+    root.render((0, import_react3.createElement)(Component, params));
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(() => {
+          root.unmount();
+        }, 0);
+      }
+    };
+  };
+}
+function reactDetailRenderer(Component) {
+  return (params) => {
+    const host = document.createElement("div");
+    host.style.height = "100%";
+    const root = (0, import_client.createRoot)(host);
+    root.render((0, import_react3.createElement)(Component, params));
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(() => {
+          root.unmount();
+        }, 0);
+      }
+    };
+  };
+}
+
+// src/index.ts
+var import_mach_table2 = require("@agile-team/mach-table");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EVENT_TYPES,
+  MachTable,
+  RobotGrid,
+  createGrid,
+  reactCellRenderer,
+  reactDetailRenderer,
+  useMachGrid
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/RobotGrid.tsx","../src/useMachGrid.ts","../src/adapters.ts"],"sourcesContent":["export { RobotGrid } from \"./RobotGrid\";\nexport { RobotGrid as MachTable } from \"./RobotGrid\";\nexport type { RobotGridReactProps } from \"./RobotGrid\";\nexport { useMachGrid } from \"./useMachGrid\";\nexport type { UseMachGridReturn } from \"./useMachGrid\";\nexport { reactCellRenderer, reactDetailRenderer } from \"./adapters\";\nexport type { ReactCellRendererProps, ReactDetailProps } from \"./adapters\";\n\nexport type {\n  GridApi,\n  GridOptions,\n  ColDef,\n  RowNode,\n  CellRendererParams,\n  CellClickEvent,\n  SelectionChangedEvent,\n  CellValueChangedEvent,\n  SortChangedEvent,\n  FilterChangedEvent\n} from \"@agile-team/mach-table\";\n\nexport { createGrid, EVENT_TYPES } from \"@agile-team/mach-table\";\n","import {\n  createElement,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type MutableRefObject\n} from \"react\";\nimport { createGrid, DIRECT_GRID_OPTION_KEYS, EVENT_TYPES } from \"@agile-team/mach-table\";\nimport type { GridApi, GridOptions } from \"@agile-team/mach-table\";\n\nexport type RobotGridReactProps<TData = any> = Omit<GridOptions<TData>, \"className\"> & {\n  /** CSS class applied to the React host element. */\n  className?: string;\n  /** CSS class forwarded to MachTable's inner grid root. */\n  gridClassName?: string;\n  style?: CSSProperties;\n  apiRef?: MutableRefObject<GridApi<TData> | null>;\n};\n\nconst UPDATABLE_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== \"className\");\n\nexport function RobotGrid<TData = any>(props: RobotGridReactProps<TData>) {\n  const { className, style, apiRef } = props;\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const gridApiRef = useRef<GridApi<TData> | null>(null);\n  const propsRef = useRef(props);\n  propsRef.current = props;\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n\n    const initial = propsRef.current;\n    const options: Record<string, unknown> = {};\n    for (const key of Object.keys(initial) as string[]) {\n      if (key === \"className\" || key === \"gridClassName\" || key === \"style\" || key === \"apiRef\") continue;\n      if (key.startsWith(\"on\")) continue;\n      options[key] = (initial as Record<string, unknown>)[key];\n    }\n    if (initial.gridClassName !== undefined) options.className = initial.gridClassName;\n    for (const eventType of EVENT_TYPES) {\n      const handlerKey = `on${eventType.charAt(0).toUpperCase()}${eventType.slice(1)}`;\n      options[handlerKey] = (event: unknown) => {\n        const latest = propsRef.current as Record<string, unknown>;\n        const handler = latest[handlerKey];\n        if (typeof handler === \"function\") (handler as (event: unknown) => void)(event);\n      };\n    }\n\n    const api = createGrid<TData>(host, options as GridOptions<TData>);\n    gridApiRef.current = api;\n    return () => {\n      api.destroy();\n      gridApiRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!apiRef) return;\n    const assigned = gridApiRef.current;\n    apiRef.current = assigned;\n    return () => {\n      if (apiRef.current === assigned) apiRef.current = null;\n    };\n  }, [apiRef]);\n\n  const rowDataReady = useRef(false);\n  useEffect(() => {\n    if (!rowDataReady.current) {\n      rowDataReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setRowData(props.rowData);\n  }, [props.rowData]);\n\n  const columnDefsReady = useRef(false);\n  useEffect(() => {\n    if (!columnDefsReady.current) {\n      columnDefsReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setColumnDefs(props.columnDefs);\n  }, [props.columnDefs]);\n\n  const quickFilterReady = useRef(false);\n  useEffect(() => {\n    if (!quickFilterReady.current) {\n      quickFilterReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setQuickFilter(props.quickFilterText);\n  }, [props.quickFilterText]);\n\n  const gridClassNameReady = useRef(false);\n  useEffect(() => {\n    if (!gridClassNameReady.current) {\n      gridClassNameReady.current = true;\n      return;\n    }\n    gridApiRef.current?.updateOptions({ className: props.gridClassName });\n  }, [props.gridClassName]);\n\n  const optionValues = UPDATABLE_KEYS.map((key) => props[key]);\n  const previousOptionValues = useRef<readonly unknown[] | null>(null);\n  useEffect(() => {\n    const previous = previousOptionValues.current;\n    previousOptionValues.current = optionValues;\n    if (!previous) {\n      return;\n    }\n    const changed: Record<string, unknown> = {};\n    optionValues.forEach((value, index) => {\n      if (!Object.is(value, previous[index])) changed[UPDATABLE_KEYS[index]] = value;\n    });\n    if (Object.keys(changed).length > 0) {\n      gridApiRef.current?.updateOptions(changed as Partial<GridOptions<TData>>);\n    }\n  }, optionValues);\n\n  return createElement(\"div\", {\n    ref: hostRef,\n    className: `mach-react-host ${className ?? \"\"}`.trim() || undefined,\n    style\n  });\n}\n","import { useMemo, useState, type MutableRefObject } from \"react\";\nimport type { GridApi } from \"@agile-team/mach-table\";\n\nexport interface UseMachGridReturn<TData = any> {\n  apiRef: MutableRefObject<GridApi<TData> | null>;\n  api: GridApi<TData> | null;\n}\n\nexport function useMachGrid<TData = any>(): UseMachGridReturn<TData> {\n  const [api, setApi] = useState<GridApi<TData> | null>(null);\n  const apiRef = useMemo(() => {\n    let current: GridApi<TData> | null = null;\n    return Object.defineProperty({}, \"current\", {\n      enumerable: true,\n      get: () => current,\n      set: (next: GridApi<TData> | null) => {\n        if (next === current) return;\n        current = next;\n        setApi(next);\n      }\n    }) as MutableRefObject<GridApi<TData> | null>;\n  }, []);\n\n  return { apiRef, api };\n}\n","import { createElement, isValidElement, type ComponentType, type ReactNode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport type { CellRendererParams, CellRendererFn, DetailRowRendererParams, GridApi, RowNode } from \"@agile-team/mach-table\";\n\nexport interface ReactCellRendererProps<TData = any, TValue = any> extends CellRendererParams<TData, TValue> {\n  children?: ReactNode;\n}\n\nexport interface ReactDetailProps<TData = any> {\n  data: TData | null;\n  node: RowNode<TData>;\n  api: GridApi<TData>;\n}\n\nexport function reactCellRenderer<TData = any, TValue = any>(\n  Component: ComponentType<ReactCellRendererProps<TData, TValue>>\n): CellRendererFn {\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.className = \"mach-cell-react\";\n    host.style.width = \"100%\";\n    const root = createRoot(host);\n    root.render(createElement(Component, params as ReactCellRendererProps<TData, TValue>));\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(() => {\n          root.unmount();\n        }, 0);\n      }\n    };\n  };\n}\n\nexport function reactDetailRenderer<TData = any>(\n  Component: ComponentType<ReactDetailProps<TData>>\n): (params: DetailRowRendererParams<TData>) => { el: HTMLElement; destroy?: () => void } {\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.style.height = \"100%\";\n    const root = createRoot(host);\n    root.render(createElement(Component, params));\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(() => {\n          root.unmount();\n        }, 0);\n      }\n    };\n  };\n}\n\nexport function isReactElement(value: unknown): boolean {\n  return isValidElement(value);\n}\n"],"mappings":"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","names":["import_react","import_react","import_mach_table"]}

package/dist/index.d.cts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import { CSSProperties, MutableRefObject, ReactNode, ComponentType } from 'react';
+import { GridOptions, GridApi, CellRendererParams, RowNode, CellRendererFn, DetailRowRendererParams } from '@agile-team/mach-table';
+export { CellClickEvent, CellRendererParams, CellValueChangedEvent, ColDef, EVENT_TYPES, FilterChangedEvent, GridApi, GridOptions, RowNode, SelectionChangedEvent, SortChangedEvent, createGrid } from '@agile-team/mach-table';
+
+type RobotGridReactProps<TData = any> = Omit<GridOptions<TData>, "className"> & {
+    /** CSS class applied to the React host element. */
+    className?: string;
+    /** CSS class forwarded to MachTable's inner grid root. */
+    gridClassName?: string;
+    style?: CSSProperties;
+    apiRef?: MutableRefObject<GridApi<TData> | null>;
+};
+declare function RobotGrid<TData = any>(props: RobotGridReactProps<TData>): react.DetailedReactHTMLElement<{
+    ref: MutableRefObject<HTMLDivElement | null>;
+    className: string | undefined;
+    style: CSSProperties | undefined;
+}, HTMLDivElement>;
+
+interface UseMachGridReturn<TData = any> {
+    apiRef: MutableRefObject<GridApi<TData> | null>;
+    api: GridApi<TData> | null;
+}
+declare function useMachGrid<TData = any>(): UseMachGridReturn<TData>;
+
+interface ReactCellRendererProps<TData = any, TValue = any> extends CellRendererParams<TData, TValue> {
+    children?: ReactNode;
+}
+interface ReactDetailProps<TData = any> {
+    data: TData | null;
+    node: RowNode<TData>;
+    api: GridApi<TData>;
+}
+declare function reactCellRenderer<TData = any, TValue = any>(Component: ComponentType<ReactCellRendererProps<TData, TValue>>): CellRendererFn;
+declare function reactDetailRenderer<TData = any>(Component: ComponentType<ReactDetailProps<TData>>): (params: DetailRowRendererParams<TData>) => {
+    el: HTMLElement;
+    destroy?: () => void;
+};
+
+export { RobotGrid as MachTable, type ReactCellRendererProps, type ReactDetailProps, RobotGrid, type RobotGridReactProps, type UseMachGridReturn, reactCellRenderer, reactDetailRenderer, useMachGrid };

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import { CSSProperties, MutableRefObject, ReactNode, ComponentType } from 'react';
+import { GridOptions, GridApi, CellRendererParams, RowNode, CellRendererFn, DetailRowRendererParams } from '@agile-team/mach-table';
+export { CellClickEvent, CellRendererParams, CellValueChangedEvent, ColDef, EVENT_TYPES, FilterChangedEvent, GridApi, GridOptions, RowNode, SelectionChangedEvent, SortChangedEvent, createGrid } from '@agile-team/mach-table';
+
+type RobotGridReactProps<TData = any> = Omit<GridOptions<TData>, "className"> & {
+    /** CSS class applied to the React host element. */
+    className?: string;
+    /** CSS class forwarded to MachTable's inner grid root. */
+    gridClassName?: string;
+    style?: CSSProperties;
+    apiRef?: MutableRefObject<GridApi<TData> | null>;
+};
+declare function RobotGrid<TData = any>(props: RobotGridReactProps<TData>): react.DetailedReactHTMLElement<{
+    ref: MutableRefObject<HTMLDivElement | null>;
+    className: string | undefined;
+    style: CSSProperties | undefined;
+}, HTMLDivElement>;
+
+interface UseMachGridReturn<TData = any> {
+    apiRef: MutableRefObject<GridApi<TData> | null>;
+    api: GridApi<TData> | null;
+}
+declare function useMachGrid<TData = any>(): UseMachGridReturn<TData>;
+
+interface ReactCellRendererProps<TData = any, TValue = any> extends CellRendererParams<TData, TValue> {
+    children?: ReactNode;
+}
+interface ReactDetailProps<TData = any> {
+    data: TData | null;
+    node: RowNode<TData>;
+    api: GridApi<TData>;
+}
+declare function reactCellRenderer<TData = any, TValue = any>(Component: ComponentType<ReactCellRendererProps<TData, TValue>>): CellRendererFn;
+declare function reactDetailRenderer<TData = any>(Component: ComponentType<ReactDetailProps<TData>>): (params: DetailRowRendererParams<TData>) => {
+    el: HTMLElement;
+    destroy?: () => void;
+};
+
+export { RobotGrid as MachTable, type ReactCellRendererProps, type ReactDetailProps, RobotGrid, type RobotGridReactProps, type UseMachGridReturn, reactCellRenderer, reactDetailRenderer, useMachGrid };

package/dist/index.js

@@ -0,0 +1,177 @@
+// src/RobotGrid.tsx
+import {
+  createElement,
+  useEffect,
+  useRef
+} from "react";
+import { createGrid, DIRECT_GRID_OPTION_KEYS, EVENT_TYPES } from "@agile-team/mach-table";
+var UPDATABLE_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== "className");
+function RobotGrid(props) {
+  const { className, style, apiRef } = props;
+  const hostRef = useRef(null);
+  const gridApiRef = useRef(null);
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  useEffect(() => {
+    const host = hostRef.current;
+    if (!host) return;
+    const initial = propsRef.current;
+    const options = {};
+    for (const key of Object.keys(initial)) {
+      if (key === "className" || key === "gridClassName" || key === "style" || key === "apiRef") continue;
+      if (key.startsWith("on")) continue;
+      options[key] = initial[key];
+    }
+    if (initial.gridClassName !== void 0) options.className = initial.gridClassName;
+    for (const eventType of EVENT_TYPES) {
+      const handlerKey = `on${eventType.charAt(0).toUpperCase()}${eventType.slice(1)}`;
+      options[handlerKey] = (event) => {
+        const latest = propsRef.current;
+        const handler = latest[handlerKey];
+        if (typeof handler === "function") handler(event);
+      };
+    }
+    const api = createGrid(host, options);
+    gridApiRef.current = api;
+    return () => {
+      api.destroy();
+      gridApiRef.current = null;
+    };
+  }, []);
+  useEffect(() => {
+    if (!apiRef) return;
+    const assigned = gridApiRef.current;
+    apiRef.current = assigned;
+    return () => {
+      if (apiRef.current === assigned) apiRef.current = null;
+    };
+  }, [apiRef]);
+  const rowDataReady = useRef(false);
+  useEffect(() => {
+    if (!rowDataReady.current) {
+      rowDataReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setRowData(props.rowData);
+  }, [props.rowData]);
+  const columnDefsReady = useRef(false);
+  useEffect(() => {
+    if (!columnDefsReady.current) {
+      columnDefsReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setColumnDefs(props.columnDefs);
+  }, [props.columnDefs]);
+  const quickFilterReady = useRef(false);
+  useEffect(() => {
+    if (!quickFilterReady.current) {
+      quickFilterReady.current = true;
+      return;
+    }
+    gridApiRef.current?.setQuickFilter(props.quickFilterText);
+  }, [props.quickFilterText]);
+  const gridClassNameReady = useRef(false);
+  useEffect(() => {
+    if (!gridClassNameReady.current) {
+      gridClassNameReady.current = true;
+      return;
+    }
+    gridApiRef.current?.updateOptions({ className: props.gridClassName });
+  }, [props.gridClassName]);
+  const optionValues = UPDATABLE_KEYS.map((key) => props[key]);
+  const previousOptionValues = useRef(null);
+  useEffect(() => {
+    const previous = previousOptionValues.current;
+    previousOptionValues.current = optionValues;
+    if (!previous) {
+      return;
+    }
+    const changed = {};
+    optionValues.forEach((value, index) => {
+      if (!Object.is(value, previous[index])) changed[UPDATABLE_KEYS[index]] = value;
+    });
+    if (Object.keys(changed).length > 0) {
+      gridApiRef.current?.updateOptions(changed);
+    }
+  }, optionValues);
+  return createElement("div", {
+    ref: hostRef,
+    className: `mach-react-host ${className ?? ""}`.trim() || void 0,
+    style
+  });
+}
+
+// src/useMachGrid.ts
+import { useMemo, useState } from "react";
+function useMachGrid() {
+  const [api, setApi] = useState(null);
+  const apiRef = useMemo(() => {
+    let current = null;
+    return Object.defineProperty({}, "current", {
+      enumerable: true,
+      get: () => current,
+      set: (next) => {
+        if (next === current) return;
+        current = next;
+        setApi(next);
+      }
+    });
+  }, []);
+  return { apiRef, api };
+}
+
+// src/adapters.ts
+import { createElement as createElement2, isValidElement } from "react";
+import { createRoot } from "react-dom/client";
+function reactCellRenderer(Component) {
+  return (params) => {
+    const host = document.createElement("div");
+    host.className = "mach-cell-react";
+    host.style.width = "100%";
+    const root = createRoot(host);
+    root.render(createElement2(Component, params));
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(() => {
+          root.unmount();
+        }, 0);
+      }
+    };
+  };
+}
+function reactDetailRenderer(Component) {
+  return (params) => {
+    const host = document.createElement("div");
+    host.style.height = "100%";
+    const root = createRoot(host);
+    root.render(createElement2(Component, params));
+    let destroyed = false;
+    return {
+      el: host,
+      destroy: () => {
+        if (destroyed) return;
+        destroyed = true;
+        window.setTimeout(() => {
+          root.unmount();
+        }, 0);
+      }
+    };
+  };
+}
+
+// src/index.ts
+import { createGrid as createGrid2, EVENT_TYPES as EVENT_TYPES2 } from "@agile-team/mach-table";
+export {
+  EVENT_TYPES2 as EVENT_TYPES,
+  RobotGrid as MachTable,
+  RobotGrid,
+  createGrid2 as createGrid,
+  reactCellRenderer,
+  reactDetailRenderer,
+  useMachGrid
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/RobotGrid.tsx","../src/useMachGrid.ts","../src/adapters.ts","../src/index.ts"],"sourcesContent":["import {\n  createElement,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type MutableRefObject\n} from \"react\";\nimport { createGrid, DIRECT_GRID_OPTION_KEYS, EVENT_TYPES } from \"@agile-team/mach-table\";\nimport type { GridApi, GridOptions } from \"@agile-team/mach-table\";\n\nexport type RobotGridReactProps<TData = any> = Omit<GridOptions<TData>, \"className\"> & {\n  /** CSS class applied to the React host element. */\n  className?: string;\n  /** CSS class forwarded to MachTable's inner grid root. */\n  gridClassName?: string;\n  style?: CSSProperties;\n  apiRef?: MutableRefObject<GridApi<TData> | null>;\n};\n\nconst UPDATABLE_KEYS = DIRECT_GRID_OPTION_KEYS.filter((key) => key !== \"className\");\n\nexport function RobotGrid<TData = any>(props: RobotGridReactProps<TData>) {\n  const { className, style, apiRef } = props;\n  const hostRef = useRef<HTMLDivElement | null>(null);\n  const gridApiRef = useRef<GridApi<TData> | null>(null);\n  const propsRef = useRef(props);\n  propsRef.current = props;\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n\n    const initial = propsRef.current;\n    const options: Record<string, unknown> = {};\n    for (const key of Object.keys(initial) as string[]) {\n      if (key === \"className\" || key === \"gridClassName\" || key === \"style\" || key === \"apiRef\") continue;\n      if (key.startsWith(\"on\")) continue;\n      options[key] = (initial as Record<string, unknown>)[key];\n    }\n    if (initial.gridClassName !== undefined) options.className = initial.gridClassName;\n    for (const eventType of EVENT_TYPES) {\n      const handlerKey = `on${eventType.charAt(0).toUpperCase()}${eventType.slice(1)}`;\n      options[handlerKey] = (event: unknown) => {\n        const latest = propsRef.current as Record<string, unknown>;\n        const handler = latest[handlerKey];\n        if (typeof handler === \"function\") (handler as (event: unknown) => void)(event);\n      };\n    }\n\n    const api = createGrid<TData>(host, options as GridOptions<TData>);\n    gridApiRef.current = api;\n    return () => {\n      api.destroy();\n      gridApiRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!apiRef) return;\n    const assigned = gridApiRef.current;\n    apiRef.current = assigned;\n    return () => {\n      if (apiRef.current === assigned) apiRef.current = null;\n    };\n  }, [apiRef]);\n\n  const rowDataReady = useRef(false);\n  useEffect(() => {\n    if (!rowDataReady.current) {\n      rowDataReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setRowData(props.rowData);\n  }, [props.rowData]);\n\n  const columnDefsReady = useRef(false);\n  useEffect(() => {\n    if (!columnDefsReady.current) {\n      columnDefsReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setColumnDefs(props.columnDefs);\n  }, [props.columnDefs]);\n\n  const quickFilterReady = useRef(false);\n  useEffect(() => {\n    if (!quickFilterReady.current) {\n      quickFilterReady.current = true;\n      return;\n    }\n    gridApiRef.current?.setQuickFilter(props.quickFilterText);\n  }, [props.quickFilterText]);\n\n  const gridClassNameReady = useRef(false);\n  useEffect(() => {\n    if (!gridClassNameReady.current) {\n      gridClassNameReady.current = true;\n      return;\n    }\n    gridApiRef.current?.updateOptions({ className: props.gridClassName });\n  }, [props.gridClassName]);\n\n  const optionValues = UPDATABLE_KEYS.map((key) => props[key]);\n  const previousOptionValues = useRef<readonly unknown[] | null>(null);\n  useEffect(() => {\n    const previous = previousOptionValues.current;\n    previousOptionValues.current = optionValues;\n    if (!previous) {\n      return;\n    }\n    const changed: Record<string, unknown> = {};\n    optionValues.forEach((value, index) => {\n      if (!Object.is(value, previous[index])) changed[UPDATABLE_KEYS[index]] = value;\n    });\n    if (Object.keys(changed).length > 0) {\n      gridApiRef.current?.updateOptions(changed as Partial<GridOptions<TData>>);\n    }\n  }, optionValues);\n\n  return createElement(\"div\", {\n    ref: hostRef,\n    className: `mach-react-host ${className ?? \"\"}`.trim() || undefined,\n    style\n  });\n}\n","import { useMemo, useState, type MutableRefObject } from \"react\";\nimport type { GridApi } from \"@agile-team/mach-table\";\n\nexport interface UseMachGridReturn<TData = any> {\n  apiRef: MutableRefObject<GridApi<TData> | null>;\n  api: GridApi<TData> | null;\n}\n\nexport function useMachGrid<TData = any>(): UseMachGridReturn<TData> {\n  const [api, setApi] = useState<GridApi<TData> | null>(null);\n  const apiRef = useMemo(() => {\n    let current: GridApi<TData> | null = null;\n    return Object.defineProperty({}, \"current\", {\n      enumerable: true,\n      get: () => current,\n      set: (next: GridApi<TData> | null) => {\n        if (next === current) return;\n        current = next;\n        setApi(next);\n      }\n    }) as MutableRefObject<GridApi<TData> | null>;\n  }, []);\n\n  return { apiRef, api };\n}\n","import { createElement, isValidElement, type ComponentType, type ReactNode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport type { CellRendererParams, CellRendererFn, DetailRowRendererParams, GridApi, RowNode } from \"@agile-team/mach-table\";\n\nexport interface ReactCellRendererProps<TData = any, TValue = any> extends CellRendererParams<TData, TValue> {\n  children?: ReactNode;\n}\n\nexport interface ReactDetailProps<TData = any> {\n  data: TData | null;\n  node: RowNode<TData>;\n  api: GridApi<TData>;\n}\n\nexport function reactCellRenderer<TData = any, TValue = any>(\n  Component: ComponentType<ReactCellRendererProps<TData, TValue>>\n): CellRendererFn {\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.className = \"mach-cell-react\";\n    host.style.width = \"100%\";\n    const root = createRoot(host);\n    root.render(createElement(Component, params as ReactCellRendererProps<TData, TValue>));\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(() => {\n          root.unmount();\n        }, 0);\n      }\n    };\n  };\n}\n\nexport function reactDetailRenderer<TData = any>(\n  Component: ComponentType<ReactDetailProps<TData>>\n): (params: DetailRowRendererParams<TData>) => { el: HTMLElement; destroy?: () => void } {\n  return (params) => {\n    const host = document.createElement(\"div\");\n    host.style.height = \"100%\";\n    const root = createRoot(host);\n    root.render(createElement(Component, params));\n    let destroyed = false;\n    return {\n      el: host,\n      destroy: () => {\n        if (destroyed) return;\n        destroyed = true;\n        window.setTimeout(() => {\n          root.unmount();\n        }, 0);\n      }\n    };\n  };\n}\n\nexport function isReactElement(value: unknown): boolean {\n  return isValidElement(value);\n}\n","export { RobotGrid } from \"./RobotGrid\";\nexport { RobotGrid as MachTable } from \"./RobotGrid\";\nexport type { RobotGridReactProps } from \"./RobotGrid\";\nexport { useMachGrid } from \"./useMachGrid\";\nexport type { UseMachGridReturn } from \"./useMachGrid\";\nexport { reactCellRenderer, reactDetailRenderer } from \"./adapters\";\nexport type { ReactCellRendererProps, ReactDetailProps } from \"./adapters\";\n\nexport type {\n  GridApi,\n  GridOptions,\n  ColDef,\n  RowNode,\n  CellRendererParams,\n  CellClickEvent,\n  SelectionChangedEvent,\n  CellValueChangedEvent,\n  SortChangedEvent,\n  FilterChangedEvent\n} from \"@agile-team/mach-table\";\n\nexport { createGrid, EVENT_TYPES } from \"@agile-team/mach-table\";\n"],"mappings":"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","names":["createElement","createGrid","EVENT_TYPES"]}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@agile-team/mach-table-react",
+  "version": "0.4.0",
+  "description": "Official React 18+ adapter for the MachTable enterprise data grid",
+  "keywords": [
+    "react",
+    "data-grid",
+    "table",
+    "typescript",
+    "virtualization"
+  ],
+  "author": "Agile Team",
+  "license": "MIT",
+  "homepage": "https://github.com/ChenyCHENYU/MachTable#readme",
+  "bugs": {
+    "url": "https://github.com/ChenyCHENYU/MachTable/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ChenyCHENYU/MachTable.git",
+    "directory": "packages/react"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "@agile-team/mach-table": "0.4.0"
+  },
+  "devDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@agile-team/mach-table": "0.4.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
+  }
+}