@osdk/react-components 0.1.0 → 0.2.0-beta.10

package/build/browser/object-table/TableRow.js

@@ -1,161 +1,43 @@
-// build/browser/object-table/TableRow.js
-import React3, { useCallback as useCallback2 } from "react";
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 
-// build/browser/object-table/TableCell.js
-import { flexRender } from "@tanstack/react-table";
-import React2, { useRef as useRef2 } from "react";
-import React, { useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-import { useCallback, useState } from "react";
-var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkCellContextMenu {\n  position: fixed;\n  z-index: var(--osdk-surface-z-index-2);\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var CellContextMenu_default = { "osdkCellContextMenu": "osdkCellContextMenu" };
-function CellContextMenu({
-  cell,
-  position,
-  onClose,
-  renderContent
-}) {
-  const ref = useRef(null);
-  useEffect(() => {
-    const handleClickOutside = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClose();
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [onClose]);
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
-    ref,
-    className: CellContextMenu_default.osdkCellContextMenu,
-    style: {
-      left: position.left,
-      top: position.top,
-      minWidth: position.width
-    }
-  }, renderContent(cell.row.original, cell)), document.body);
-}
-var useCellContextMenu = ({
-  tdRef
-}) => {
-  const [popoverPosition, setPopoverPosition] = useState(null);
-  const [isContextMenuOpen, setIsContextMenuOpen] = useState(false);
-  const handleOpenContextMenu = useCallback((event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (tdRef.current) {
-      const rect = tdRef.current.getBoundingClientRect();
-      const position = {
-        left: rect.left,
-        top: rect.bottom,
-        width: rect.width
-      };
-      setPopoverPosition(position);
-      setIsContextMenuOpen(true);
-    }
-  }, [tdRef]);
-  const handleCloseContextMenu = useCallback(() => {
-    setIsContextMenuOpen(false);
-    setPopoverPosition(null);
-  }, []);
-  return {
-    isContextMenuOpen,
-    handleOpenContextMenu,
-    handleCloseContextMenu,
-    popoverPosition
-  };
-};
-var css2 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css2;
-  document.head.appendChild(style);
-}
-var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
-var SELECTION_COLUMN_ID = "__selection__";
-function getColumnPinningStyles(column) {
-  const isPinned = column.getIsPinned();
-  return {
-    columnStyles: {
-      left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
-      right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
-      width: column.getSize()
-    }
-  };
-}
-function TableCell({
-  cell,
-  renderCellContextMenu
-}) {
-  const tdRef = useRef2(null);
-  const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
-  const {
-    isContextMenuOpen,
-    handleOpenContextMenu,
-    handleCloseContextMenu,
-    popoverPosition
-  } = useCellContextMenu({
-    tdRef
-  });
-  const {
-    columnStyles
-  } = getColumnPinningStyles(cell.column);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("td", {
-    ref: tdRef,
-    "data-pinned": cell.column.getIsPinned(),
-    className: TableCell_default.osdkTableCell,
-    style: columnStyles,
-    onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: TableCell_default.osdkTableCellContent
-  }, flexRender(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /* @__PURE__ */ React2.createElement(CellContextMenu, {
-    cell,
-    position: popoverPosition,
-    onClose: handleCloseContextMenu,
-    renderContent: renderCellContextMenu
-  }));
-}
-
-// build/browser/object-table/TableRow.module.css
-var css3 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css3;
-  document.head.appendChild(style);
-}
-var TableRow_default = { "osdkTableRow": "osdkTableRow" };
-
-// build/browser/object-table/TableRow.js
-function TableRow({
+import React, { useCallback } from "react";
+import { TableCell } from "./TableCell.js";
+import styles from "./TableRow.module.css.js";
+export function TableRow({
   row,
   virtualRow,
   onRowClick,
   renderCellContextMenu
 }) {
-  const handleClick = useCallback2(() => {
+  const handleClick = useCallback(() => {
     onRowClick?.(row.original);
   }, [onRowClick, row.original]);
-  return /* @__PURE__ */ React3.createElement("tr", {
+  return /*#__PURE__*/React.createElement("tr", {
     "data-selected": row.getIsSelected(),
-    className: TableRow_default.osdkTableRow,
+    className: styles.osdkTableRow,
     style: {
       height: `${virtualRow.size}px`,
       transform: `translateY(${virtualRow.start}px)`
     },
     onClick: handleClick
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React3.createElement(TableCell, {
+  }, row.getVisibleCells().map(cell => /*#__PURE__*/React.createElement(TableCell, {
     key: cell.id,
-    cell,
-    renderCellContextMenu
+    cell: cell,
+    renderCellContextMenu: renderCellContextMenu
   })));
 }
-export {
-  TableRow
-};
+//# sourceMappingURL=TableRow.js.map

package/build/browser/object-table/TableRow.module.css

@@ -0,0 +1,62 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.osdkTableRow {
+  position: absolute;
+  display: flex;
+  width: max-content;
+  min-width: 100%;
+  background-color: var(--osdk-table-row-bg-default);
+  border-top: var(--osdk-table-row-divider);
+  border-bottom: var(--osdk-table-border-width) solid transparent;
+
+  &:last-child {
+    border-bottom: var(--osdk-table-border);
+  }
+
+  /* Zebra rows */
+  &:nth-child(even) {
+    background-color: var(
+      --osdk-table-row-bg-alternate,
+      var(--osdk-table-row-bg-default)
+    );
+  }
+
+  &:hover {
+    z-index: 1;
+    background-color: var(
+      --osdk-table-row-bg-hover,
+      var(--osdk-surface-background-color-default-hover)
+    );
+    border-top-color: var(--osdk-table-row-border-color-hover);
+    border-bottom-color: var(--osdk-table-row-border-color-hover);
+  }
+
+  &[data-selected="true"] {
+    z-index: 2;
+    background-color: var(--osdk-table-row-bg-active);
+    border-top-color: var(--osdk-table-row-border-color-active);
+    border-bottom-color: var(--osdk-table-row-border-color-active);
+  }
+
+  &[data-selected="true"] + &[data-selected="true"] {
+    border-top-color: transparent;
+  }
+
+  &[data-selected="true"]:has(+ &[data-selected="true"]) {
+    border-bottom-color: transparent;
+  }
+}

package/build/browser/object-table/TableRow.module.css.js

@@ -0,0 +1,6 @@
+// CSS Module proxy for TableRow.module.css
+const styles = {
+  "osdkTableRow": "TableRow-module__osdkTableRow___sjVwZnzA"
+};
+
+export default styles;

package/build/browser/object-table/__tests__/useEditableTable.test.js

@@ -0,0 +1,197 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { useEditableTable } from "../hooks/useEditableTable.js";
+import { getCellId } from "../utils/getCellId.js";
+describe("useEditableTable", () => {
+  it("adds cell to cellEdits when edited", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      onCellValueChanged
+    }));
+    const cellIdentifier = {
+      rowId: "row-1",
+      columnId: "col-1"
+    };
+    const cellId = getCellId(cellIdentifier);
+    act(() => {
+      result.current.handleCellEdit(cellId, {
+        newValue: "new value",
+        oldValue: "old value"
+      });
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: {
+        newValue: "new value",
+        oldValue: "old value"
+      }
+    });
+    expect(onCellValueChanged).toHaveBeenCalledWith(cellIdentifier, {
+      newValue: "new value",
+      oldValue: "old value"
+    });
+  });
+  it("removes cell from cellEdits when edited back to original value", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      onCellValueChanged
+    }));
+    const cellId = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+
+    // First edit
+    act(() => {
+      result.current.handleCellEdit(cellId, {
+        newValue: "new value",
+        oldValue: "original"
+      });
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: {
+        newValue: "new value",
+        oldValue: "original"
+      }
+    });
+
+    // Edit back to original
+    act(() => {
+      result.current.handleCellEdit(cellId, {
+        newValue: "original",
+        oldValue: "original"
+      });
+    });
+
+    // Should remove the cell from cellEdits
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles multiple cell edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({}));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const cellId3 = getCellId({
+      rowId: "row-3",
+      columnId: "col-3"
+    });
+    act(() => {
+      result.current.handleCellEdit(cellId1, {
+        newValue: "new1",
+        oldValue: "old1"
+      });
+      result.current.handleCellEdit(cellId2, {
+        newValue: "new2",
+        oldValue: "old2"
+      });
+      result.current.handleCellEdit(cellId3, {
+        newValue: "new3",
+        oldValue: "old3"
+      });
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(3);
+
+    // Edit one back to original
+    act(() => {
+      result.current.handleCellEdit(cellId2, {
+        newValue: "old2",
+        oldValue: "old2"
+      });
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(2);
+    expect(result.current.cellEdits[cellId2]).toBeUndefined();
+  });
+  it("clears all edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({}));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    act(() => {
+      result.current.handleCellEdit(cellId1, {
+        newValue: "new1",
+        oldValue: "old1"
+      });
+      result.current.handleCellEdit(cellId2, {
+        newValue: "new2",
+        oldValue: "old2"
+      });
+    });
+    act(() => {
+      result.current.clearEdits();
+    });
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles submit edits", async () => {
+    const onSubmitEdits = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      onSubmitEdits
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    act(() => {
+      result.current.handleCellEdit(cellId1, {
+        newValue: "new1",
+        oldValue: "old1"
+      });
+      result.current.handleCellEdit(cellId2, {
+        newValue: "new2",
+        oldValue: "old2"
+      });
+    });
+    await act(async () => {
+      await result.current.handleSubmitEdits();
+    });
+    expect(onSubmitEdits).toHaveBeenCalledWith({
+      [cellId1]: {
+        newValue: "new1",
+        oldValue: "old1"
+      },
+      [cellId2]: {
+        newValue: "new2",
+        oldValue: "old2"
+      }
+    });
+  });
+});
+//# sourceMappingURL=useEditableTable.test.js.map

package/build/browser/object-table/__tests__/useEditableTable.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditableTable.test.js","names":["act","renderHook","describe","expect","it","vi","useEditableTable","getCellId","onCellValueChanged","fn","result","cellIdentifier","rowId","columnId","cellId","current","handleCellEdit","newValue","oldValue","cellEdits","toEqual","toHaveBeenCalledWith","cellId1","cellId2","cellId3","Object","keys","length","toBe","toBeUndefined","clearEdits","onSubmitEdits","handleSubmitEdits"],"sources":["useEditableTable.test.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { act, renderHook } from \"@testing-library/react\";\nimport { describe, expect, it, vi } from \"vitest\";\nimport { useEditableTable } from \"../hooks/useEditableTable.js\";\nimport { getCellId } from \"../utils/getCellId.js\";\n\ndescribe(\"useEditableTable\", () => {\n  it(\"adds cell to cellEdits when edited\", () => {\n    const onCellValueChanged = vi.fn();\n    const { result } = renderHook(() =>\n      useEditableTable({ onCellValueChanged })\n    );\n    const cellIdentifier = { rowId: \"row-1\", columnId: \"col-1\" };\n    const cellId = getCellId(cellIdentifier);\n\n    act(() => {\n      result.current.handleCellEdit(cellId, {\n        newValue: \"new value\",\n        oldValue: \"old value\",\n      });\n    });\n\n    expect(result.current.cellEdits).toEqual({\n      [cellId]: { newValue: \"new value\", oldValue: \"old value\" },\n    });\n    expect(onCellValueChanged).toHaveBeenCalledWith(\n      cellIdentifier,\n      { newValue: \"new value\", oldValue: \"old value\" },\n    );\n  });\n\n  it(\"removes cell from cellEdits when edited back to original value\", () => {\n    const onCellValueChanged = vi.fn();\n    const { result } = renderHook(() =>\n      useEditableTable({ onCellValueChanged })\n    );\n    const cellIdentifier = { rowId: \"row-1\", columnId: \"col-1\" };\n    const cellId = getCellId(cellIdentifier);\n\n    // First edit\n    act(() => {\n      result.current.handleCellEdit(cellId, {\n        newValue: \"new value\",\n        oldValue: \"original\",\n      });\n    });\n\n    expect(result.current.cellEdits).toEqual({\n      [cellId]: { newValue: \"new value\", oldValue: \"original\" },\n    });\n\n    // Edit back to original\n    act(() => {\n      result.current.handleCellEdit(cellId, {\n        newValue: \"original\",\n        oldValue: \"original\",\n      });\n    });\n\n    // Should remove the cell from cellEdits\n    expect(result.current.cellEdits).toEqual({});\n  });\n\n  it(\"handles multiple cell edits\", () => {\n    const { result } = renderHook(() => useEditableTable({}));\n    const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n    const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n    const cellId3 = getCellId({ rowId: \"row-3\", columnId: \"col-3\" });\n\n    act(() => {\n      result.current.handleCellEdit(cellId1, {\n        newValue: \"new1\",\n        oldValue: \"old1\",\n      });\n      result.current.handleCellEdit(cellId2, {\n        newValue: \"new2\",\n        oldValue: \"old2\",\n      });\n      result.current.handleCellEdit(cellId3, {\n        newValue: \"new3\",\n        oldValue: \"old3\",\n      });\n    });\n\n    expect(Object.keys(result.current.cellEdits).length).toBe(3);\n\n    // Edit one back to original\n    act(() => {\n      result.current.handleCellEdit(cellId2, {\n        newValue: \"old2\",\n        oldValue: \"old2\",\n      });\n    });\n\n    expect(Object.keys(result.current.cellEdits).length).toBe(2);\n    expect(result.current.cellEdits[cellId2]).toBeUndefined();\n  });\n\n  it(\"clears all edits\", () => {\n    const { result } = renderHook(() => useEditableTable({}));\n    const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n    const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n\n    act(() => {\n      result.current.handleCellEdit(cellId1, {\n        newValue: \"new1\",\n        oldValue: \"old1\",\n      });\n      result.current.handleCellEdit(cellId2, {\n        newValue: \"new2\",\n        oldValue: \"old2\",\n      });\n    });\n\n    act(() => {\n      result.current.clearEdits();\n    });\n\n    expect(result.current.cellEdits).toEqual({});\n  });\n\n  it(\"handles submit edits\", async () => {\n    const onSubmitEdits = vi.fn();\n    const { result } = renderHook(() => useEditableTable({ onSubmitEdits }));\n    const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n    const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n\n    act(() => {\n      result.current.handleCellEdit(cellId1, {\n        newValue: \"new1\",\n        oldValue: \"old1\",\n      });\n      result.current.handleCellEdit(cellId2, {\n        newValue: \"new2\",\n        oldValue: \"old2\",\n      });\n    });\n\n    await act(async () => {\n      await result.current.handleSubmitEdits();\n    });\n\n    expect(onSubmitEdits).toHaveBeenCalledWith({\n      [cellId1]: { newValue: \"new1\", oldValue: \"old1\" },\n      [cellId2]: { newValue: \"new2\", oldValue: \"old2\" },\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/build/browser/object-table/hooks/__tests__/useColumnDefs.test.js

@@ -345,12 +345,24 @@ describe(useColumnDefs, () => {
           row: {
             original: {
               name: "John"
+            },
+            id: "row-1"
+          },
+          getValue: mockGetValue,
+          column: {
+            id: "name",
+            columnDef: {
+              meta: {}
             }
           },
-          getValue: mockGetValue
+          table: {
+            options: {
+              meta: {}
+            }
+          }
         });
       }
-      expect(cellResult).toBe("John");
+      expect(cellResult).toEqual(/*#__PURE__*/React.createElement(React.Fragment, null, "John"));
       expect(mockGetValue).toHaveBeenCalled();
     });
     it("handles function column locators", async () => {