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

package/build/esm/object-table/TableHeaderWithPopover.module.css

@@ -41,27 +41,42 @@
   flex-shrink: 0;
 }
 
+.osdkHeaderText {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-grow: 1;
+}
+
 .osdkHeaderPopoverTrigger {
-  padding: 0;
+  padding: var(--osdk-table-header-menu-padding);
   flex-shrink: 0;
   flex-grow: 0;
-  border: var(--osdk-surface-border-width) solid
-    var(--osdk-surface-border-color-default);
+  background-color: var(--osdk-table-header-menu-bg);
+  border: var(--osdk-table-header-menu-border);
   border-radius: var(--osdk-surface-border-radius);
-  color: var(--osdk-intent-default-foreground);
+  color: var(--osdk-table-header-menu-color);
+  cursor: pointer;
   user-select: none;
-  outline: none;
 
   &:hover {
-    background-color: var(--osdk-intent-default-hover);
+    background-color: var(--osdk-table-header-menu-bg-hover);
   }
 
   &[data-popup-open] {
-    background-color: var(--osdk-intent-primary-rest);
+    background-color: var(--osdk-table-header-menu-bg-active);
+    color: var(--osdk-table-header-menu-color-active);
+  }
+
+  &:focus {
+    outline: none;
   }
 
   &:focus-visible {
-    outline: var(--osdk-focus-visible-outline);
+    outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);
   }
 }
@@ -75,36 +90,52 @@
   box-sizing: border-box;
   padding: var(--osdk-surface-spacing);
   border-radius: var(--osdk-surface-border-radius);
-  border: var(--osdk-surface-border-width) solid
-    var(--osdk-surface-border-color-default);
-  background-color: var(--osdk-surface-background-color-default);
+  border: var(--osdk-surface-border);
+  background-color: var(--osdk-surface-background-color-default-rest);
   color: var(--osdk-typography-color-default-rest);
   box-shadow: var(--osdk-surface-shadow-2);
   font-size: var(--osdk-typography-size-body-medium);
-  outline: none;
+
+  &:focus {
+    outline: none;
+  }
 }
 
 .osdkHeaderMenuItem {
   justify-content: flex-start;
   padding: var(--osdk-surface-spacing);
   cursor: pointer;
-}
 
-.osdkHeaderMenuItem:hover {
-  outline: none;
-  background-color: var(--osdk-surface-background-color-default-hover);
-  border-radius: var(--osdk-surface-border-radius);
+  &:hover {
+    background-color: var(--osdk-surface-background-color-default-hover);
+    border-radius: var(--osdk-surface-border-radius);
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
 }
 
-.osdkHeaderActiveMenuItem {
+.osdkHeaderMenuItem .osdkHeaderActiveMenuItem {
   background-color: var(--osdk-intent-primary-rest);
   color: var(--osdk-intent-primary-foreground);
-}
 
-.osdkHeaderActiveMenuItem:hover {
-  background-color: var(--osdk-intent-primary-hover);
+  &:hover {
+    background-color: var(--osdk-intent-primary-hover);
+  }
+
+  &:active {
+    background-color: var(--osdk-intent-primary-active);
+  }
 }
 
-.osdkHeaderActiveMenuItem:active {
-  background-color: var(--osdk-intent-primary-active);
+.sortIndex {
+  font-size: var(--osdk-typography-size-body-x-small);
+  margin-left: var(--osdk-surface-spacing);
+  color: var(--osdk-typography-color-muted);
 }

package/build/esm/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/esm/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/esm/object-table/hooks/__tests__/useRowSelection.test.js

@@ -45,6 +45,7 @@ describe("useRowSelection", () => {
       expect(result.current.rowSelection).toEqual({});
       expect(result.current.isAllSelected).toBe(false);
       expect(result.current.hasSelection).toBe(false);
+      expect(result.current.enableRowSelection).toBe(false);
     });
     it("does not respond to toggle operations", () => {
       const data = createMockData(5);
@@ -81,6 +82,7 @@ describe("useRowSelection", () => {
         act(() => {
           result.current.onToggleRow("item-0", 0);
         });
+        expect(result.current.enableRowSelection).toBe(true);
         expect(result.current.rowSelection).toEqual({
           "item-0": true
         });
@@ -178,6 +180,7 @@ describe("useRowSelection", () => {
         act(() => {
           result.current.onToggleRow("item-2", 2);
         });
+        expect(result.current.enableRowSelection).toBe(true);
         expect(result.current.rowSelection).toEqual({
           "item-0": true,
           "item-2": true