@osdk/react-components 0.2.0-beta.1 → 0.2.0-beta.11

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

@@ -14,165 +14,187 @@
  * limitations under the License.
  */
 
-import { renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { SELECTION_COLUMN_ID } from "../../utils/constants.js";
 import { useColumnVisibility } from "../useColumnVisibility.js";
 const TestObjectType = {
   type: "object",
   apiName: "TestObject"
 };
+// Helper to create mock ColumnDef objects that mirror what useColumnDefs would produce
+function createMockColumn(id, isVisible) {
+  return {
+    id,
+    meta: isVisible !== undefined ? {
+      isVisible
+    } : undefined
+  };
+}
 describe(useColumnVisibility, () => {
-  it("returns undefined columnVisibility when no columnDefinitions provided", () => {
-    const {
-      result
-    } = renderHook(() => useColumnVisibility({
-      columnDefinitions: undefined
-    }));
-    expect(result.current).toBeUndefined();
-  });
-  it("returns empty columnVisibility when columnDefinitions have no isVisible properties", () => {
-    const columnDefinitions = [{
-      locator: {
-        type: "property",
-        id: "name"
-      }
-    }, {
-      locator: {
-        type: "property",
-        id: "email"
-      }
-    }];
-    const {
-      result
-    } = renderHook(() => useColumnVisibility({
-      columnDefinitions
-    }));
-    expect(result.current).toEqual({});
-  });
-  it("handles mixed column types with different visibility states", async () => {
-    const columnDefinitions = [{
-      locator: {
-        type: "property",
-        id: "name"
-      },
-      isVisible: true
-    }, {
-      locator: {
-        type: "function",
-        id: "myFunction"
-      },
-      isVisible: false
-    }, {
-      locator: {
-        type: "rdp",
-        id: "myRdp",
-        creator: () => ({})
-      },
-      isVisible: true
-    }, {
-      locator: {
-        type: "property",
-        id: "email"
-      }
-    }];
-    const {
-      result
-    } = renderHook(() => useColumnVisibility({
-      columnDefinitions
-    }));
-    await waitFor(() => {
-      expect(result.current).toEqual({
+  describe("column visibility", () => {
+    it("returns empty columnVisibility when no columnDefinitions provided", () => {
+      const allColumns = [];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnVisibility).toEqual({});
+    });
+    it("initializes all columns as visible by default", () => {
+      const allColumns = [createMockColumn("name"), createMockColumn("email")];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnVisibility).toEqual({
         name: true,
-        myFunction: false,
-        myRdp: true
+        email: true
       });
     });
-  });
-  it("updates columnVisibility when columnDefinitions change", async () => {
-    const {
-      result,
-      rerender
-    } = renderHook(({
-      columnDefinitions
-    }) => useColumnVisibility({
-      columnDefinitions
-    }), {
-      initialProps: {
-        columnDefinitions: [{
-          locator: {
-            type: "property",
-            id: "name"
-          },
-          isVisible: true
-        }]
-      }
+    it("handles mixed column types with different visibility states", () => {
+      const allColumns = [createMockColumn("name", true), createMockColumn("myFunction", false), createMockColumn("myRdp", true), createMockColumn("email")];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnVisibility).toEqual({
+        name: true,
+        myFunction: false,
+        myRdp: true,
+        email: true
+      });
     });
-    await waitFor(() => {
-      expect(result.current).toEqual({
+    it("updates columnVisibility when columnDefinitions change", () => {
+      const initialColumns = [createMockColumn("name", true)];
+      const {
+        result,
+        rerender
+      } = renderHook(({
+        allColumns
+      }) => useColumnVisibility({
+        allColumns
+      }), {
+        initialProps: {
+          allColumns: initialColumns
+        }
+      });
+      expect(result.current.columnVisibility).toEqual({
         name: true
       });
-    });
-    rerender({
-      columnDefinitions: [{
-        locator: {
-          type: "property",
-          id: "name"
-        },
-        isVisible: false
-      }, {
-        locator: {
-          type: "property",
-          id: "email"
-        },
-        isVisible: true
-      }]
-    });
-    await waitFor(() => {
-      expect(result.current).toEqual({
+      const updatedColumns = [createMockColumn("name", false), createMockColumn("email", true)];
+      rerender({
+        allColumns: updatedColumns
+      });
+      expect(result.current.columnVisibility).toEqual({
         name: false,
         email: true
       });
     });
   });
-  it("only includes columns with explicit isVisible in the visibility state", async () => {
-    const columnDefinitions = [{
-      locator: {
-        type: "property",
-        id: "name"
-      },
-      isVisible: true
-    }, {
-      locator: {
-        type: "property",
-        id: "email"
-      }
-    }, {
-      locator: {
-        type: "property",
-        id: "age"
-      },
-      isVisible: false
-    }, {
-      locator: {
-        type: "property",
-        id: "id"
-      }
-    }];
-    const {
-      result
-    } = renderHook(() => useColumnVisibility({
-      columnDefinitions
-    }));
-    await waitFor(() => {
-      expect(result.current).toEqual({
+  describe("onColumnVisibilityChanged callback", () => {
+    it("calls onColumnVisibilityChanged when visibility changed", () => {
+      const onColumnVisibilityChanged = vi.fn();
+      const allColumns = [createMockColumn("name", true), createMockColumn("email", true)];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns,
+        onColumnVisibilityChanged
+      }));
+      act(() => {
+        result.current.onColumnVisibilityChange(prev => ({
+          ...prev,
+          email: false
+        }));
+      });
+      expect(result.current.columnVisibility).toEqual({
         name: true,
-        age: false
+        email: false
       });
+      expect(onColumnVisibilityChanged).toHaveBeenCalledWith([{
+        columnId: "name",
+        isVisible: true
+      }, {
+        columnId: "email",
+        isVisible: false
+      }]);
     });
+    it("does not call callback when callback is not provided", () => {
+      const allColumns = [createMockColumn("name", true)];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
 
-    // Verify that columns without isVisible are not in the state
-    expect(result.current).not.toHaveProperty("email");
-    expect(result.current).not.toHaveProperty("id");
+      // Should not throw
+      act(() => {
+        result.current.onColumnVisibilityChange({
+          name: false
+        });
+      });
+      expect(result.current.columnVisibility).toEqual({
+        name: false
+      });
+    });
+  });
+  describe("column ordering", () => {
+    it("initializes column order from column definitions", () => {
+      const allColumns = [createMockColumn("name"), createMockColumn("email"), createMockColumn("age")];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnOrder).toEqual(["name", "email", "age"]);
+    });
+    it("includes selection column first when hasSelectionColumn is true", () => {
+      const allColumns = [createMockColumn(SELECTION_COLUMN_ID), createMockColumn("name"), createMockColumn("email")];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnOrder).toEqual([SELECTION_COLUMN_ID, "name", "email"]);
+    });
+    it("updates column order when onColumnOrderChange is called", () => {
+      const allColumns = [createMockColumn("name"), createMockColumn("email"), createMockColumn("age")];
+      const {
+        result
+      } = renderHook(() => useColumnVisibility({
+        allColumns
+      }));
+      expect(result.current.columnOrder).toEqual(["name", "email", "age"]);
+      act(() => {
+        result.current.onColumnOrderChange(["email", "age", "name"]);
+      });
+      expect(result.current.columnOrder).toEqual(["email", "age", "name"]);
+    });
+    it("updates column order when columnDefinitions change", () => {
+      const initialColumns = [createMockColumn("name"), createMockColumn("email")];
+      const {
+        result,
+        rerender
+      } = renderHook(({
+        allColumns
+      }) => useColumnVisibility({
+        allColumns
+      }), {
+        initialProps: {
+          allColumns: initialColumns
+        }
+      });
+      expect(result.current.columnOrder).toEqual(["name", "email"]);
+      const updatedColumns = [createMockColumn("age"), createMockColumn("name"), createMockColumn("email")];
+      rerender({
+        allColumns: updatedColumns
+      });
+      expect(result.current.columnOrder).toEqual(["age", "name", "email"]);
+    });
   });
 });
 //# sourceMappingURL=useColumnVisibility.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useColumnVisibility.test.js","names":["renderHook","waitFor","describe","expect","it","useColumnVisibility","TestObjectType","type","apiName","result","columnDefinitions","undefined","current","toBeUndefined","locator","id","toEqual","isVisible","creator","name","myFunction","myRdp","rerender","initialProps","email","age","not","toHaveProperty"],"sources":["useColumnVisibility.test.tsx"],"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 type {\n  DerivedProperty,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { renderHook, waitFor } from \"@testing-library/react\";\nimport { describe, expect, it } from \"vitest\";\nimport type { ColumnDefinition } from \"../../ObjectTableApi.js\";\nimport { useColumnVisibility } from \"../useColumnVisibility.js\";\n\nconst TestObjectType = {\n  type: \"object\",\n  apiName: \"TestObject\",\n} as const satisfies ObjectTypeDefinition;\n\ntype TestObject = typeof TestObjectType;\ntype TestObjectKeys = PropertyKeys<TestObject>;\n\ndescribe(useColumnVisibility, () => {\n  it(\"returns undefined columnVisibility when no columnDefinitions provided\", () => {\n    const { result } = renderHook(() =>\n      useColumnVisibility({\n        columnDefinitions: undefined,\n      })\n    );\n\n    expect(result.current).toBeUndefined();\n  });\n\n  it(\"returns empty columnVisibility when columnDefinitions have no isVisible properties\", () => {\n    const columnDefinitions: Array<ColumnDefinition<TestObject, {}, {}>> = [\n      {\n        locator: { type: \"property\", id: \"name\" as TestObjectKeys },\n      },\n      {\n        locator: { type: \"property\", id: \"email\" as TestObjectKeys },\n      },\n    ];\n\n    const { result } = renderHook(() =>\n      useColumnVisibility({\n        columnDefinitions,\n      })\n    );\n\n    expect(result.current).toEqual({});\n  });\n\n  it(\"handles mixed column types with different visibility states\", async () => {\n    const mockRdpCreator = (() => ({})) as unknown as DerivedProperty.Creator<\n      TestObject,\n      SimplePropertyDef\n    >;\n\n    const columnDefinitions: Array<\n      ColumnDefinition<\n        TestObject,\n        { myRdp: SimplePropertyDef },\n        { myFunction: QueryDefinition<{}> }\n      >\n    > = [\n      {\n        locator: { type: \"property\", id: \"name\" as TestObjectKeys },\n        isVisible: true,\n      },\n      {\n        locator: { type: \"function\", id: \"myFunction\" },\n        isVisible: false,\n      },\n      {\n        locator: { type: \"rdp\", id: \"myRdp\", creator: mockRdpCreator },\n        isVisible: true,\n      },\n      {\n        locator: { type: \"property\", id: \"email\" as TestObjectKeys },\n      },\n    ];\n\n    const { result } = renderHook(() =>\n      useColumnVisibility({\n        columnDefinitions,\n      })\n    );\n\n    await waitFor(() => {\n      expect(result.current).toEqual({\n        name: true,\n        myFunction: false,\n        myRdp: true,\n      });\n    });\n  });\n\n  it(\"updates columnVisibility when columnDefinitions change\", async () => {\n    const initialColumnDefinitions: Array<\n      ColumnDefinition<TestObject, {}, {}>\n    > = [\n      {\n        locator: { type: \"property\", id: \"name\" as TestObjectKeys },\n        isVisible: true,\n      },\n    ];\n\n    const { result, rerender } = renderHook(\n      ({ columnDefinitions }) =>\n        useColumnVisibility({\n          columnDefinitions,\n        }),\n      {\n        initialProps: { columnDefinitions: initialColumnDefinitions },\n      },\n    );\n\n    await waitFor(() => {\n      expect(result.current).toEqual({\n        name: true,\n      });\n    });\n\n    const updatedColumnDefinitions: Array<\n      ColumnDefinition<TestObject, {}, {}>\n    > = [\n      {\n        locator: { type: \"property\", id: \"name\" as TestObjectKeys },\n        isVisible: false,\n      },\n      {\n        locator: { type: \"property\", id: \"email\" as TestObjectKeys },\n        isVisible: true,\n      },\n    ];\n\n    rerender({ columnDefinitions: updatedColumnDefinitions });\n\n    await waitFor(() => {\n      expect(result.current).toEqual({\n        name: false,\n        email: true,\n      });\n    });\n  });\n\n  it(\"only includes columns with explicit isVisible in the visibility state\", async () => {\n    const columnDefinitions: Array<ColumnDefinition<TestObject, {}, {}>> = [\n      {\n        locator: { type: \"property\", id: \"name\" as TestObjectKeys },\n        isVisible: true,\n      },\n      {\n        locator: { type: \"property\", id: \"email\" as TestObjectKeys },\n      },\n      {\n        locator: { type: \"property\", id: \"age\" as TestObjectKeys },\n        isVisible: false,\n      },\n      {\n        locator: { type: \"property\", id: \"id\" as TestObjectKeys },\n      },\n    ];\n\n    const { result } = renderHook(() =>\n      useColumnVisibility({\n        columnDefinitions,\n      })\n    );\n\n    await waitFor(() => {\n      expect(result.current).toEqual({\n        name: true,\n        age: false,\n      });\n    });\n\n    // Verify that columns without isVisible are not in the state\n    expect(result.current).not.toHaveProperty(\"email\");\n    expect(result.current).not.toHaveProperty(\"id\");\n  });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useColumnVisibility.test.js","names":["act","renderHook","describe","expect","it","vi","SELECTION_COLUMN_ID","useColumnVisibility","TestObjectType","type","apiName","createMockColumn","id","isVisible","meta","undefined","allColumns","result","current","columnVisibility","toEqual","name","email","myFunction","myRdp","initialColumns","rerender","initialProps","updatedColumns","onColumnVisibilityChanged","fn","onColumnVisibilityChange","prev","toHaveBeenCalledWith","columnId","columnOrder","onColumnOrderChange"],"sources":["useColumnVisibility.test.tsx"],"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 type { ObjectTypeDefinition } from \"@osdk/api\";\nimport type { ColumnDef } from \"@tanstack/react-table\";\nimport { act, renderHook } from \"@testing-library/react\";\nimport { describe, expect, it, vi } from \"vitest\";\nimport { SELECTION_COLUMN_ID } from \"../../utils/constants.js\";\nimport { useColumnVisibility } from \"../useColumnVisibility.js\";\n\nconst TestObjectType = {\n  type: \"object\",\n  apiName: \"TestObject\",\n} as const satisfies ObjectTypeDefinition;\n\ntype TestObject = typeof TestObjectType;\n\n// Helper to create mock ColumnDef objects that mirror what useColumnDefs would produce\nfunction createMockColumn<T>(\n  id: string,\n  isVisible?: boolean,\n): ColumnDef<T> {\n  return {\n    id,\n    meta: isVisible !== undefined ? { isVisible } : undefined,\n  } as ColumnDef<T>;\n}\n\ndescribe(useColumnVisibility, () => {\n  describe(\"column visibility\", () => {\n    it(\"returns empty columnVisibility when no columnDefinitions provided\", () => {\n      const allColumns: ColumnDef<unknown>[] = [];\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnVisibility).toEqual({});\n    });\n\n    it(\"initializes all columns as visible by default\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnVisibility).toEqual({\n        name: true,\n        email: true,\n      });\n    });\n\n    it(\"handles mixed column types with different visibility states\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\", true),\n        createMockColumn(\"myFunction\", false),\n        createMockColumn(\"myRdp\", true),\n        createMockColumn(\"email\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnVisibility).toEqual({\n        name: true,\n        myFunction: false,\n        myRdp: true,\n        email: true,\n      });\n    });\n\n    it(\"updates columnVisibility when columnDefinitions change\", () => {\n      const initialColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\", true),\n      ];\n\n      const { result, rerender } = renderHook(\n        ({ allColumns }) =>\n          useColumnVisibility<TestObject>({\n            allColumns,\n          }),\n        {\n          initialProps: { allColumns: initialColumns },\n        },\n      );\n\n      expect(result.current.columnVisibility).toEqual({\n        name: true,\n      });\n\n      const updatedColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\", false),\n        createMockColumn(\"email\", true),\n      ];\n\n      rerender({ allColumns: updatedColumns });\n\n      expect(result.current.columnVisibility).toEqual({\n        name: false,\n        email: true,\n      });\n    });\n  });\n\n  describe(\"onColumnVisibilityChanged callback\", () => {\n    it(\"calls onColumnVisibilityChanged when visibility changed\", () => {\n      const onColumnVisibilityChanged = vi.fn();\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\", true),\n        createMockColumn(\"email\", true),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n          onColumnVisibilityChanged,\n        })\n      );\n\n      act(() => {\n        result.current.onColumnVisibilityChange((prev) => ({\n          ...prev,\n          email: false,\n        }));\n      });\n\n      expect(result.current.columnVisibility).toEqual({\n        name: true,\n        email: false,\n      });\n\n      expect(onColumnVisibilityChanged).toHaveBeenCalledWith([\n        { columnId: \"name\", isVisible: true },\n        { columnId: \"email\", isVisible: false },\n      ]);\n    });\n\n    it(\"does not call callback when callback is not provided\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\", true),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      // Should not throw\n      act(() => {\n        result.current.onColumnVisibilityChange({\n          name: false,\n        });\n      });\n\n      expect(result.current.columnVisibility).toEqual({\n        name: false,\n      });\n    });\n  });\n\n  describe(\"column ordering\", () => {\n    it(\"initializes column order from column definitions\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n        createMockColumn(\"age\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnOrder).toEqual([\"name\", \"email\", \"age\"]);\n    });\n\n    it(\"includes selection column first when hasSelectionColumn is true\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(SELECTION_COLUMN_ID),\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnOrder).toEqual([\n        SELECTION_COLUMN_ID,\n        \"name\",\n        \"email\",\n      ]);\n    });\n\n    it(\"updates column order when onColumnOrderChange is called\", () => {\n      const allColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n        createMockColumn(\"age\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnVisibility<TestObject>({\n          allColumns,\n        })\n      );\n\n      expect(result.current.columnOrder).toEqual([\"name\", \"email\", \"age\"]);\n\n      act(() => {\n        result.current.onColumnOrderChange([\"email\", \"age\", \"name\"]);\n      });\n\n      expect(result.current.columnOrder).toEqual([\"email\", \"age\", \"name\"]);\n    });\n\n    it(\"updates column order when columnDefinitions change\", () => {\n      const initialColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n      ];\n\n      const { result, rerender } = renderHook(\n        ({ allColumns }) =>\n          useColumnVisibility<TestObject>({\n            allColumns,\n          }),\n        {\n          initialProps: { allColumns: initialColumns },\n        },\n      );\n\n      expect(result.current.columnOrder).toEqual([\"name\", \"email\"]);\n\n      const updatedColumns: ColumnDef<unknown>[] = [\n        createMockColumn(\"age\"),\n        createMockColumn(\"name\"),\n        createMockColumn(\"email\"),\n      ];\n\n      rerender({ allColumns: updatedColumns });\n\n      expect(result.current.columnOrder).toEqual([\"age\", \"name\", \"email\"]);\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,292 @@
+/*
+ * 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 { getCellId } from "../../utils/getCellId.js";
+import { useEditableTable } from "../useEditableTable.js";
+function createMockObjectInstance(id, additionalProps = {}) {
+  return {
+    $apiName: "mock-object",
+    $primaryKey: id,
+    id,
+    ...additionalProps
+  };
+}
+describe("useEditableTable", () => {
+  it("adds cell to cellEdits when edited", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onCellValueChanged
+    }));
+    const cellId = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const mockRowData = createMockObjectInstance("row-1", {
+      name: "Test"
+    });
+    const editEvent = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new value",
+      oldValue: "old value",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, editEvent);
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: editEvent
+    });
+    expect(onCellValueChanged).toHaveBeenCalledWith(editEvent);
+  });
+  it("removes cell from cellEdits when edited back to original value", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onCellValueChanged
+    }));
+    const cellId = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const mockRowData = createMockObjectInstance("row-1", {
+      name: "Test"
+    });
+
+    // First edit
+    const firstEdit = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new value",
+      oldValue: "original",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, firstEdit);
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: firstEdit
+    });
+
+    // Edit back to original
+    const revertEdit = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "original",
+      oldValue: "original",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, revertEdit);
+    });
+
+    // Should remove the cell from cellEdits
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles multiple cell edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    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"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    const edit3 = {
+      rowId: "row-3",
+      columnId: "col-3",
+      newValue: "new3",
+      oldValue: "old3",
+      originalRowData: createMockObjectInstance("row-3")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+      result.current.onCellEdit(cellId3, edit3);
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(3);
+
+    // Edit one back to original
+    const revertEdit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "old2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId2, revertEdit2);
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(2);
+    expect(result.current.cellEdits[cellId2]).toBeUndefined();
+  });
+  it("clears all edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+    });
+    act(() => {
+      result.current.clearEdits();
+    });
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles submit edits", async () => {
+    const onSubmitEdits = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onSubmitEdits
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+    });
+    await act(async () => {
+      await result.current.onSubmitEdits?.();
+    });
+    expect(onSubmitEdits).toHaveBeenCalledWith([edit1, edit2]);
+  });
+  it("when submit edits is undefined, onSubmitEdits is undefined", async () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onSubmitEdits: undefined
+    }));
+    expect(result.current.onSubmitEdits).toBeUndefined();
+  });
+  it("when editMode is manual, isActive is false initially", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "manual"
+    }));
+    expect(result.current.editMode.type).toBe("manual");
+    if (result.current.editMode.type === "manual") {
+      expect(result.current.editMode.isActive).toBe(false);
+      expect(result.current.editMode.setActive).toBeDefined();
+      act(() => {
+        result.current.editMode.type === "manual" && result.current.editMode.setActive(true);
+      });
+      expect(result.current.editMode.type === "manual" && result.current.editMode.isActive).toBe(true);
+      act(() => {
+        result.current.editMode.type === "manual" && result.current.editMode.setActive(false);
+      });
+      expect(result.current.editMode.type === "manual" && result.current.editMode.isActive).toBe(false);
+    }
+  });
+  it("when editMode is always, the type is always and isActive is true", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    expect(result.current.editMode.type).toBe("always");
+    expect(result.current.editMode.isActive).toBe(true);
+  });
+  it("when editMode is manual with default settings, it starts as inactive", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "manual"
+    }));
+    expect(result.current.editMode.type).toBe("manual");
+    if (result.current.editMode.type === "manual") {
+      expect(result.current.editMode.isActive).toBe(false);
+    }
+  });
+});
+//# sourceMappingURL=useEditableTable.test.js.map