@osdk/react-components 0.1.0-beta.4 → 0.1.0-beta.5

package/build/esm/object-table/TableHeaderWithPopover.js

@@ -0,0 +1,155 @@
+/*
+ * 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 { Menu } from "@base-ui/react/menu";
+import { ChevronDown, Pin, Remove, SortAlphabetical, SortAlphabeticalDesc, Unpin, VerticalDistribution } from "@blueprintjs/icons";
+import classNames from "classnames";
+import React, { useCallback, useState } from "react";
+import { TableHeaderContent } from "./TableHeaderContent.js";
+import styles from "./TableHeaderWithPopover.module.css";
+function HeaderMenuItem({
+  onClick,
+  icon: Icon,
+  label,
+  active = false
+}) {
+  return /*#__PURE__*/React.createElement(Menu.Item, {
+    closeOnClick: true,
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderMenuItem, active && styles.osdkHeaderActiveMenuItem),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement("span", null, label));
+}
+export function TableHeaderWithPopover({
+  header,
+  isColumnPinned,
+  setColumnPinning,
+  onSortChange,
+  onResetSize
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const handlePinLeft = useCallback(() => {
+    setColumnPinning(prev => {
+      return {
+        left: [...(prev.left || []), header.column.id],
+        right: prev.right?.filter(id => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleUnpin = useCallback(() => {
+    setColumnPinning(prev => {
+      return {
+        left: prev.left?.filter(id => id !== header.column.id) || [],
+        right: prev.right?.filter(id => id !== header.column.id) || []
+      };
+    });
+  }, [header.column.id, setColumnPinning]);
+  const handleSortAscending = useCallback(() => {
+    header.column.toggleSorting(false);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: false
+    }]);
+  }, [header.column, onSortChange]);
+  const handleSortDescending = useCallback(() => {
+    header.column.toggleSorting(true);
+    onSortChange?.([{
+      id: header.column.id,
+      desc: true
+    }]);
+  }, [header.column, onSortChange]);
+  const handleClearAllSorts = useCallback(() => {
+    header.column.clearSorting();
+    onSortChange?.([]);
+  }, [header.column, onSortChange]);
+  const handleResetSize = useCallback(() => {
+    header.column.resetSize();
+    if (onResetSize) {
+      onResetSize();
+    }
+  }, [header.column, onResetSize]);
+  const handleInteraction = useCallback(e => {
+    e.preventDefault();
+    setIsOpen(prev => !prev);
+  }, []);
+  const isSorted = header.column.getIsSorted();
+  const isSortable = header.column.getCanSort();
+  return /*#__PURE__*/React.createElement(Menu.Root, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContainer),
+    onContextMenu: handleInteraction
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
+  }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement(TableHeaderContent, {
+    header: header
+  })), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentRight)
+  }, isSorted && /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkCenterContainer
+  }, isSorted === "asc" ? /*#__PURE__*/React.createElement(SortAlphabetical, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  }) : /*#__PURE__*/React.createElement(SortAlphabeticalDesc, {
+    className: styles.osdkHeaderIcon,
+    color: "currentColor"
+  })), /*#__PURE__*/React.createElement(Menu.Trigger, {
+    "aria-label": `Open header menu for column with id=${header.column.id}`,
+    className: classNames(styles.osdkCenterContainer, styles.osdkHeaderPopoverTrigger)
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    className: styles.osdkHeaderIcon
+  }))), /*#__PURE__*/React.createElement(Menu.Portal, {
+    container: document.body
+  }, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.osdkHeaderPopup
+  }, !isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handlePinLeft,
+    icon: Pin,
+    label: "Pin column"
+  }), isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleUnpin,
+    icon: Unpin,
+    label: "Unpin Column",
+    active: true
+  }), isSortable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleSortAscending,
+    icon: SortAlphabetical,
+    label: "Sort ascending",
+    active: isSorted === "asc"
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleSortDescending,
+    icon: SortAlphabeticalDesc,
+    label: "Sort descending",
+    active: isSorted === "desc"
+  })), !!isSorted && /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleClearAllSorts,
+    icon: Remove,
+    label: "Clear all sorts"
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
+    onClick: handleResetSize,
+    icon: VerticalDistribution,
+    label: "Reset Column Size"
+  }))))));
+}
+//# sourceMappingURL=TableHeaderWithPopover.js.map

package/build/esm/object-table/TableHeaderWithPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","color","TableHeaderWithPopover","header","isColumnPinned","setColumnPinning","onSortChange","onResetSize","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","isSorted","getIsSorted","isSortable","getCanSort","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentRight","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","Fragment"],"sources":["TableHeaderWithPopover.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 { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type {\n  ColumnPinningState,\n  Header,\n  RowData,\n  SortingState,\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} color=\"currentColor\" />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\ninterface TableHeaderWithPopoverProps<TData extends RowData> {\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;\n  onSortChange?: (sorting: SortingState) => void;\n  onResetSize?: () => void;\n  onColumnConfig?: () => void;\n  enableColumnPinningRight?: boolean;\n}\n\nexport function TableHeaderWithPopover<TData extends RowData>({\n  header,\n  isColumnPinned,\n  setColumnPinning,\n  onSortChange,\n  onResetSize,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    onSortChange?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, onSortChange]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    onSortChange?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, onSortChange]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    onSortChange?.([]);\n  }, [header.column, onSortChange]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n\n  return (\n    <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n      <div\n        className={classNames(\n          styles.osdkCenterContainer,\n          styles.osdkContentGap,\n          styles.osdkHeaderContainer,\n        )}\n        onContextMenu={handleInteraction}\n      >\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContentLeft,\n          )}\n        >\n          {isColumnPinned && (\n            <Pin\n              className={styles.osdkHeaderIcon}\n              color={\"currentColor\"}\n            />\n          )}\n          <TableHeaderContent header={header} />\n        </div>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContentRight,\n          )}\n        >\n          {isSorted && (\n            <div className={styles.osdkCenterContainer}>\n              {isSorted === \"asc\"\n                ? (\n                  <SortAlphabetical\n                    className={styles.osdkHeaderIcon}\n                    color={\"currentColor\"}\n                  />\n                )\n                : (\n                  <SortAlphabeticalDesc\n                    className={styles.osdkHeaderIcon}\n                    color={\"currentColor\"}\n                  />\n                )}\n            </div>\n          )}\n          <Menu.Trigger\n            aria-label={`Open header menu for column with id=${header.column.id}`}\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkHeaderPopoverTrigger,\n            )}\n          >\n            <ChevronDown\n              className={styles.osdkHeaderIcon}\n            />\n          </Menu.Trigger>\n        </div>\n        <Menu.Portal container={document.body}>\n          <Menu.Positioner sideOffset={4}>\n            <Menu.Popup\n              className={styles.osdkHeaderPopup}\n            >\n              {!isColumnPinned && (\n                <HeaderMenuItem\n                  onClick={handlePinLeft}\n                  icon={Pin}\n                  label=\"Pin column\"\n                />\n              )}\n\n              {isColumnPinned && (\n                <HeaderMenuItem\n                  onClick={handleUnpin}\n                  icon={Unpin}\n                  label=\"Unpin Column\"\n                  active={true}\n                />\n              )}\n              {isSortable && (\n                <>\n                  <HeaderMenuItem\n                    onClick={handleSortAscending}\n                    icon={SortAlphabetical}\n                    label=\"Sort ascending\"\n                    active={isSorted === \"asc\"}\n                  />\n                  <HeaderMenuItem\n                    onClick={handleSortDescending}\n                    icon={SortAlphabeticalDesc}\n                    label=\"Sort descending\"\n                    active={isSorted === \"desc\"}\n                  />\n                </>\n              )}\n              {!!isSorted && (\n                <HeaderMenuItem\n                  onClick={handleClearAllSorts}\n                  icon={Remove}\n                  label=\"Clear all sorts\"\n                />\n              )}\n              <HeaderMenuItem\n                onClick={handleResetSize}\n                icon={VerticalDistribution}\n                label=\"Reset Column Size\"\n              />\n            </Menu.Popup>\n          </Menu.Positioner>\n        </Menu.Portal>\n      </div>\n    </Menu.Root>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,105 @@
+/*
+ * 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.
+ */
+
+.osdkCenterContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.osdkContentGap {
+  display: flex;
+  gap: var(--bp-surface-spacing);
+}
+
+.osdkHeaderContainer {
+  justify-content: space-between;
+  flex: 1;
+  min-width: 0;
+  align-self: stretch;
+}
+
+.osdkHeaderContentLeft {
+  min-width: 0;
+  flex-shrink: 1;
+}
+
+.osdkHeaderContentRight {
+  flex-shrink: 0;
+}
+
+.osdkHeaderPopoverTrigger {
+  flex-shrink: 0;
+  flex-grow: 0;
+  border: var(--bp-surface-borderWidth) solid
+    var(--bp-surface-borderColor-default);
+  border-radius: var(--bp-surface-borderRadius);
+  color: var(--bp-intent-default-foreground);
+  user-select: none;
+  &:hover {
+    background-color: var(--bp-intent-default-hover);
+  }
+
+  &[data-popup-open] {
+    background-color: var(--bp-intent-primary-rest);
+  }
+
+  &:focus-visible {
+    outline: var(--bp-surface-borderWidth) solid var(--bp-intent-primary-rest);
+    outline-offset: calc(-1 * var(--bp-surface-borderWidth));
+  }
+}
+
+.osdkHeaderIcon {
+  width: var(--bp-iconography-size-small);
+  height: var(--bp-iconography-size-small);
+}
+
+.osdkHeaderPopup {
+  box-sizing: border-box;
+  padding: var(--bp-surface-spacing);
+  border-radius: var(--bp-surface-borderRadius);
+  border: var(--bp-surface-borderWidth) solid
+    var(--bp-surface-borderColor-default);
+  background-color: var(--bp-palette-gray-100);
+  color: var(--bp-typography-colorRest-default);
+  box-shadow: var(--bp-surface-shadow-2);
+  font-size: var(--bp-typography-size-bodyMedium);
+}
+
+.osdkHeaderMenuItem {
+  justify-content: flex-start;
+  padding: var(--bp-surface-spacing);
+  cursor: pointer;
+}
+
+.osdkHeaderMenuItem:hover {
+  background-color: var(--bp-surface-colorHover-default);
+  border-radius: var(--bp-surface-borderRadius);
+}
+
+.osdkHeaderActiveMenuItem {
+  background-color: var(--bp-intent-primary-rest);
+  color: var(--bp-intent-primary-foreground);
+}
+
+.osdkHeaderActiveMenuItem:hover {
+  background-color: var(--bp-intent-primary-hover);
+}
+
+.osdkHeaderActiveMenuItem:active {
+  background-color: var(--bp-intent-primary-active);
+}

package/build/esm/object-table/hooks/__tests__/useColumnPinning.test.js

@@ -0,0 +1,266 @@
+/*
+ * 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 { SELECTION_COLUMN_ID } from "../../utils/constants.js";
+import { useColumnPinning } from "../useColumnPinning.js";
+const TestObjectType = {
+  type: "object",
+  apiName: "TestObject"
+};
+function createColumnDef(id, pinned) {
+  return {
+    locator: {
+      type: "property",
+      id: id
+    },
+    pinned
+  };
+}
+describe("useColumnPinning", () => {
+  describe("initialization", () => {
+    it("initializes with empty pinning state when no columnDefinitions provided", () => {
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions: undefined
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: [],
+        right: []
+      });
+    });
+    it("initializes with empty pinning state when columnDefinitions has no pinned columns", () => {
+      const columnDefinitions = [createColumnDef("name")];
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: [],
+        right: []
+      });
+    });
+    it("initializes with default pinning from columnDefinitions", () => {
+      const columnDefinitions = [createColumnDef("firstName", "left"), createColumnDef("lastName", "left"), createColumnDef("age", "none"), createColumnDef("email", "right")];
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: ["firstName", "lastName"],
+        right: ["email"]
+      });
+    });
+    it("adds selection column to left pinning when hasSelectionColumn is true", () => {
+      const columnDefinitions = [createColumnDef("name", "left")];
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions,
+        hasSelectionColumn: true
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: [SELECTION_COLUMN_ID, "name"],
+        right: []
+      });
+    });
+    it("does not add selection column when hasSelectionColumn is false", () => {
+      const columnDefinitions = [createColumnDef("name", "left")];
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions,
+        hasSelectionColumn: false
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: ["name"],
+        right: []
+      });
+    });
+  });
+  describe("onColumnPinningChange", () => {
+    it("updates column pinning state when called", () => {
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions: undefined
+      }));
+      expect(result.current.columnPinning).toEqual({
+        left: [],
+        right: []
+      });
+      act(() => {
+        result.current.onColumnPinningChange({
+          left: ["name"],
+          right: ["email"]
+        });
+      });
+      expect(result.current.columnPinning).toEqual({
+        left: ["name"],
+        right: ["email"]
+      });
+    });
+    it("calls onColumnsPinnedChanged with converted format when pinning changes", () => {
+      const onColumnsPinnedChanged = vi.fn();
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions: undefined,
+        onColumnsPinnedChanged
+      }));
+      act(() => {
+        result.current.onColumnPinningChange({
+          left: ["name", "age"],
+          right: ["email"]
+        });
+      });
+      expect(onColumnsPinnedChanged).toHaveBeenCalledWith([{
+        columnId: "name",
+        pinned: "left"
+      }, {
+        columnId: "age",
+        pinned: "left"
+      }, {
+        columnId: "email",
+        pinned: "right"
+      }]);
+    });
+    it("filters out selection column from onColumnsPinnedChanged callback", () => {
+      const onColumnsPinnedChanged = vi.fn();
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions: undefined,
+        onColumnsPinnedChanged
+      }));
+      act(() => {
+        result.current.onColumnPinningChange({
+          left: [SELECTION_COLUMN_ID, "name"],
+          right: ["email"]
+        });
+      });
+      expect(onColumnsPinnedChanged).toHaveBeenCalledWith([{
+        columnId: "name",
+        pinned: "left"
+      }, {
+        columnId: "email",
+        pinned: "right"
+      }]);
+    });
+    it("handles updater function in onColumnPinningChange", () => {
+      const onColumnsPinnedChanged = vi.fn();
+      const {
+        result
+      } = renderHook(() => useColumnPinning({
+        columnDefinitions: undefined,
+        onColumnsPinnedChanged
+      }));
+
+      // Set initial pinning
+      act(() => {
+        result.current.onColumnPinningChange({
+          left: ["name"],
+          right: []
+        });
+      });
+
+      // Pin second column
+      act(() => {
+        result.current.onColumnPinningChange(prev => ({
+          ...prev,
+          right: ["email"]
+        }));
+      });
+      expect(result.current.columnPinning).toEqual({
+        left: ["name"],
+        right: ["email"]
+      });
+      expect(onColumnsPinnedChanged).toHaveBeenLastCalledWith([{
+        columnId: "name",
+        pinned: "left"
+      }, {
+        columnId: "email",
+        pinned: "right"
+      }]);
+
+      // Unpin first column
+      act(() => {
+        result.current.onColumnPinningChange(prev => ({
+          ...prev,
+          left: []
+        }));
+      });
+      expect(result.current.columnPinning).toEqual({
+        left: [],
+        right: ["email"]
+      });
+      expect(onColumnsPinnedChanged).toHaveBeenLastCalledWith([{
+        columnId: "email",
+        pinned: "right"
+      }]);
+    });
+  });
+  describe("updates when props change", () => {
+    it("updates pinning state when columnDefinitions change", () => {
+      const {
+        result,
+        rerender
+      } = renderHook(({
+        columnDefinitions
+      }) => useColumnPinning({
+        columnDefinitions
+      }), {
+        initialProps: {
+          columnDefinitions: [{
+            locator: {
+              type: "property",
+              id: "name"
+            },
+            pinned: "left"
+          }]
+        }
+      });
+      expect(result.current.columnPinning).toEqual({
+        left: ["name"],
+        right: []
+      });
+      rerender({
+        columnDefinitions: [{
+          locator: {
+            type: "property",
+            id: "name"
+          },
+          pinned: "left"
+        }, {
+          locator: {
+            type: "property",
+            id: "age"
+          },
+          pinned: "right"
+        }]
+      });
+      expect(result.current.columnPinning).toEqual({
+        left: ["name"],
+        right: ["age"]
+      });
+    });
+  });
+});
+//# sourceMappingURL=useColumnPinning.test.js.map

package/build/esm/object-table/hooks/__tests__/useColumnPinning.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnPinning.test.js","names":["act","renderHook","describe","expect","it","vi","SELECTION_COLUMN_ID","useColumnPinning","TestObjectType","type","apiName","createColumnDef","id","pinned","locator","result","columnDefinitions","undefined","current","columnPinning","toEqual","left","right","hasSelectionColumn","onColumnPinningChange","onColumnsPinnedChanged","fn","toHaveBeenCalledWith","columnId","prev","toHaveBeenLastCalledWith","rerender","initialProps"],"sources":["useColumnPinning.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, PropertyKeys } from \"@osdk/api\";\nimport { act, renderHook } from \"@testing-library/react\";\nimport { describe, expect, it, vi } from \"vitest\";\nimport type {\n  ColumnDefinition,\n  ObjectTableProps,\n} from \"../../ObjectTableApi.js\";\nimport { SELECTION_COLUMN_ID } from \"../../utils/constants.js\";\nimport { useColumnPinning } from \"../useColumnPinning.js\";\n\nconst TestObjectType = {\n  type: \"object\",\n  apiName: \"TestObject\",\n} as const satisfies ObjectTypeDefinition;\n\ntype TestObject = typeof TestObjectType;\n\nfunction createColumnDef(\n  id: string,\n  pinned?: \"left\" | \"right\" | \"none\",\n): ColumnDefinition<TestObject> {\n  return {\n    locator: { type: \"property\", id: id as PropertyKeys<TestObject> },\n    pinned,\n  };\n}\n\ndescribe(\"useColumnPinning\", () => {\n  describe(\"initialization\", () => {\n    it(\"initializes with empty pinning state when no columnDefinitions provided\", () => {\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions: undefined,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [],\n        right: [],\n      });\n    });\n\n    it(\"initializes with empty pinning state when columnDefinitions has no pinned columns\", () => {\n      const columnDefinitions = [\n        createColumnDef(\"name\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [],\n        right: [],\n      });\n    });\n\n    it(\"initializes with default pinning from columnDefinitions\", () => {\n      const columnDefinitions = [\n        createColumnDef(\"firstName\", \"left\"),\n        createColumnDef(\"lastName\", \"left\"),\n        createColumnDef(\"age\", \"none\"),\n        createColumnDef(\"email\", \"right\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"firstName\", \"lastName\"],\n        right: [\"email\"],\n      });\n    });\n\n    it(\"adds selection column to left pinning when hasSelectionColumn is true\", () => {\n      const columnDefinitions = [\n        createColumnDef(\"name\", \"left\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions,\n          hasSelectionColumn: true,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [SELECTION_COLUMN_ID, \"name\"],\n        right: [],\n      });\n    });\n\n    it(\"does not add selection column when hasSelectionColumn is false\", () => {\n      const columnDefinitions = [\n        createColumnDef(\"name\", \"left\"),\n      ];\n\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions,\n          hasSelectionColumn: false,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"name\"],\n        right: [],\n      });\n    });\n  });\n\n  describe(\"onColumnPinningChange\", () => {\n    it(\"updates column pinning state when called\", () => {\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions: undefined,\n        })\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [],\n        right: [],\n      });\n\n      act(() => {\n        result.current.onColumnPinningChange({\n          left: [\"name\"],\n          right: [\"email\"],\n        });\n      });\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"name\"],\n        right: [\"email\"],\n      });\n    });\n\n    it(\"calls onColumnsPinnedChanged with converted format when pinning changes\", () => {\n      const onColumnsPinnedChanged = vi.fn();\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions: undefined,\n          onColumnsPinnedChanged,\n        })\n      );\n\n      act(() => {\n        result.current.onColumnPinningChange({\n          left: [\"name\", \"age\"],\n          right: [\"email\"],\n        });\n      });\n\n      expect(onColumnsPinnedChanged).toHaveBeenCalledWith([\n        { columnId: \"name\", pinned: \"left\" },\n        { columnId: \"age\", pinned: \"left\" },\n        { columnId: \"email\", pinned: \"right\" },\n      ]);\n    });\n\n    it(\"filters out selection column from onColumnsPinnedChanged callback\", () => {\n      const onColumnsPinnedChanged = vi.fn();\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions: undefined,\n          onColumnsPinnedChanged,\n        })\n      );\n\n      act(() => {\n        result.current.onColumnPinningChange({\n          left: [SELECTION_COLUMN_ID, \"name\"],\n          right: [\"email\"],\n        });\n      });\n\n      expect(onColumnsPinnedChanged).toHaveBeenCalledWith([\n        { columnId: \"name\", pinned: \"left\" },\n        { columnId: \"email\", pinned: \"right\" },\n      ]);\n    });\n\n    it(\"handles updater function in onColumnPinningChange\", () => {\n      const onColumnsPinnedChanged = vi.fn();\n      const { result } = renderHook(() =>\n        useColumnPinning<TestObject>({\n          columnDefinitions: undefined,\n          onColumnsPinnedChanged,\n        })\n      );\n\n      // Set initial pinning\n      act(() => {\n        result.current.onColumnPinningChange({\n          left: [\"name\"],\n          right: [],\n        });\n      });\n\n      // Pin second column\n      act(() => {\n        result.current.onColumnPinningChange((prev) => ({\n          ...prev,\n          right: [\"email\"],\n        }));\n      });\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"name\"],\n        right: [\"email\"],\n      });\n\n      expect(onColumnsPinnedChanged).toHaveBeenLastCalledWith([\n        { columnId: \"name\", pinned: \"left\" },\n        { columnId: \"email\", pinned: \"right\" },\n      ]);\n\n      // Unpin first column\n      act(() => {\n        result.current.onColumnPinningChange((prev) => ({\n          ...prev,\n          left: [],\n        }));\n      });\n\n      expect(result.current.columnPinning).toEqual({\n        left: [],\n        right: [\"email\"],\n      });\n\n      expect(onColumnsPinnedChanged).toHaveBeenLastCalledWith([\n        { columnId: \"email\", pinned: \"right\" },\n      ]);\n    });\n  });\n\n  describe(\"updates when props change\", () => {\n    it(\"updates pinning state when columnDefinitions change\", () => {\n      const initialColumnDefinitions: ObjectTableProps<\n        TestObject\n      >[\"columnDefinitions\"] = [\n        {\n          locator: { type: \"property\", id: \"name\" as PropertyKeys<TestObject> },\n          pinned: \"left\",\n        },\n      ];\n\n      const { result, rerender } = renderHook(\n        ({ columnDefinitions }) =>\n          useColumnPinning<TestObject>({\n            columnDefinitions,\n          }),\n        {\n          initialProps: { columnDefinitions: initialColumnDefinitions },\n        },\n      );\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"name\"],\n        right: [],\n      });\n\n      const newColumnDefinitions: ObjectTableProps<\n        TestObject\n      >[\"columnDefinitions\"] = [\n        {\n          locator: { type: \"property\", id: \"name\" as PropertyKeys<TestObject> },\n          pinned: \"left\",\n        },\n        {\n          locator: { type: \"property\", id: \"age\" as PropertyKeys<TestObject> },\n          pinned: \"right\",\n        },\n      ];\n\n      rerender({ columnDefinitions: newColumnDefinitions });\n\n      expect(result.current.columnPinning).toEqual({\n        left: [\"name\"],\n        right: [\"age\"],\n      });\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}