@osdk/react-components 0.1.0-beta.0 → 0.1.0-beta.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","names":["flexRender","React","useRef","CellContextMenu","useCellContextMenu","SELECTION_COLUMN_ID","TableCell","cell","renderCellContextMenu","tdRef","isSelectColumn","column","id","isContextMenuOpen","handleOpenContextMenu","handleCloseContextMenu","popoverPosition","createElement","Fragment","ref","style","display","alignItems","width","getSize","onContextMenu","columnDef","getContext","position","onClose","renderContent"],"sources":["TableCell.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 { Cell, RowData } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React, { useRef } from \"react\";\nimport { CellContextMenu } from \"./CellContextMenu.js\";\nimport { useCellContextMenu } from \"./hooks/useCellContextMenu.js\";\nimport { SELECTION_COLUMN_ID } from \"./hooks/useSelectionColumn.js\";\n\ninterface TableCellProps<TData extends RowData> {\n  cell: Cell<TData, unknown>;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n}\n\nexport function TableCell<TData extends RowData>(\n  { cell, renderCellContextMenu }: TableCellProps<TData>,\n): React.ReactElement {\n  const tdRef = useRef<HTMLTableCellElement>(null);\n  const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;\n\n  const {\n    isContextMenuOpen,\n    handleOpenContextMenu,\n    handleCloseContextMenu,\n    popoverPosition,\n  } = useCellContextMenu({\n    tdRef,\n  });\n\n  const shouldRenderContextMenu = !isSelectColumn && isContextMenuOpen\n    && !!popoverPosition\n    && !!renderCellContextMenu;\n\n  return (\n    <>\n      <td\n        ref={tdRef}\n        style={{\n          display: \"flex\",\n          alignItems: \"center\",\n          width: cell.column.getSize(),\n        }}\n        onContextMenu={handleOpenContextMenu}\n      >\n        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n      </td>\n      {shouldRenderContextMenu\n        && (\n          <CellContextMenu\n            cell={cell}\n            position={popoverPosition}\n            onClose={handleCloseContextMenu}\n            renderContent={renderCellContextMenu}\n          />\n        )}\n    </>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,mBAAmB,QAAQ,+BAA+B;AAUnE,OAAO,SAASC,SAASA,CACvB;EAAEC,IAAI;EAAEC;AAA6C,CAAC,EAClC;EACpB,MAAMC,KAAK,GAAGP,MAAM,CAAuB,IAAI,CAAC;EAChD,MAAMQ,cAAc,GAAGH,IAAI,CAACI,MAAM,CAACC,EAAE,KAAKP,mBAAmB;EAE7D,MAAM;IACJQ,iBAAiB;IACjBC,qBAAqB;IACrBC,sBAAsB;IACtBC;EACF,CAAC,GAAGZ,kBAAkB,CAAC;IACrBK;EACF,CAAC,CAAC;EAMF,oBACER,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,qBACEjB,KAAA,CAAAgB,aAAA;IACEE,GAAG,EAAEV,KAAM;IACXW,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAEhB,IAAI,CAACI,MAAM,CAACa,OAAO,CAAC;IAC7B,CAAE;IACFC,aAAa,EAAEX;EAAsB,GAEpCd,UAAU,CAACO,IAAI,CAACI,MAAM,CAACe,SAAS,CAACnB,IAAI,EAAEA,IAAI,CAACoB,UAAU,CAAC,CAAC,CACvD,CAAC,EAhBuB,CAACjB,cAAc,IAAIG,iBAAiB,IAC/D,CAAC,CAACG,eAAe,IACjB,CAAC,CAACR,qBAAqB,iBAiBpBP,KAAA,CAAAgB,aAAA,CAACd,eAAe;IACdI,IAAI,EAAEA,IAAK;IACXqB,QAAQ,EAAEZ,eAAgB;IAC1Ba,OAAO,EAAEd,sBAAuB;IAChCe,aAAa,EAAEtB;EAAsB,CACtC,CAEL,CAAC;AAEP","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+/*
+ * 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 { flexRender } from "@tanstack/react-table";
+import React from "react";
+export function TableHeader({
+  table
+}) {
+  return /*#__PURE__*/React.createElement("thead", {
+    style: {
+      display: "grid",
+      position: "sticky",
+      top: 0,
+      zIndex: 1
+    }
+  }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement("tr", {
+    key: headerGroup.id,
+    style: {
+      display: "flex"
+    }
+  }, headerGroup.headers.map(header =>
+  /*#__PURE__*/
+  // TODO: Move inline styling to CSS file
+  React.createElement("th", {
+    key: header.id,
+    style: {
+      display: "flex",
+      width: header.getSize(),
+      justifyContent: "flex-start",
+      alignItems: "center",
+      position: "relative"
+    }
+  }, header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
+    onDoubleClick: () => header.column.resetSize(),
+    onMouseDown: header.getResizeHandler(),
+    onTouchStart: header.getResizeHandler(),
+    style: {
+      position: "absolute",
+      right: 0,
+      top: 0,
+      height: "100%",
+      width: "3px",
+      cursor: "col-resize",
+      touchAction: "none",
+      zIndex: 11,
+      transform: header.column.getIsResizing() ? `translateX(${table.getState().columnSizingInfo.deltaOffset ?? 0}px)` : ""
+    }
+  }))))));
+}
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","names":["flexRender","React","TableHeader","table","createElement","style","display","position","top","zIndex","getHeaderGroups","map","headerGroup","key","id","headers","header","width","getSize","justifyContent","alignItems","isPlaceholder","column","columnDef","getContext","getCanResize","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","right","height","cursor","touchAction","transform","getIsResizing","getState","columnSizingInfo","deltaOffset"],"sources":["TableHeader.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 { RowData, Table } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React from \"react\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  table: Table<TData>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  table,\n}: TableHeaderProps<TData>): React.ReactElement {\n  return (\n    <thead\n      style={{\n        display: \"grid\",\n        position: \"sticky\",\n        top: 0,\n        zIndex: 1,\n      }}\n    >\n      {table.getHeaderGroups().map((headerGroup) => (\n        <tr\n          key={headerGroup.id}\n          style={{\n            display: \"flex\",\n          }}\n        >\n          {headerGroup.headers.map((header) => (\n            // TODO: Move inline styling to CSS file\n            <th\n              key={header.id}\n              style={{\n                display: \"flex\",\n                width: header.getSize(),\n                justifyContent: \"flex-start\",\n                alignItems: \"center\",\n                position: \"relative\",\n              }}\n            >\n              {header.isPlaceholder\n                ? null\n                : flexRender(\n                  header.column.columnDef.header,\n                  header.getContext(),\n                )}\n              {header.column.getCanResize() && (\n                <div\n                  onDoubleClick={() => header.column.resetSize()}\n                  onMouseDown={header.getResizeHandler()}\n                  onTouchStart={header.getResizeHandler()}\n                  style={{\n                    position: \"absolute\",\n                    right: 0,\n                    top: 0,\n                    height: \"100%\",\n                    width: \"3px\",\n                    cursor: \"col-resize\",\n                    touchAction: \"none\",\n                    zIndex: 11,\n                    transform: header.column.getIsResizing()\n                      ? `translateX(${\n                        table.getState().columnSizingInfo.deltaOffset ?? 0\n                      }px)`\n                      : \"\",\n                  }}\n                />\n              )}\n            </th>\n          ))}\n        </tr>\n      ))}\n    </thead>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,KAAK,MAAM,OAAO;AAMzB,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C,oBACEF,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,QAAQ;MAClBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE;IACV;EAAE,GAEDN,KAAK,CAACO,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,iBACvCX,KAAA,CAAAG,aAAA;IACES,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBT,KAAK,EAAE;MACLC,OAAO,EAAE;IACX;EAAE,GAEDM,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAEK,MAAM;EAAA;EAC9B;EACAf,KAAA,CAAAG,aAAA;IACES,GAAG,EAAEG,MAAM,CAACF,EAAG;IACfT,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfW,KAAK,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;MACvBC,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpBb,QAAQ,EAAE;IACZ;EAAE,GAEDS,MAAM,CAACK,aAAa,GACjB,IAAI,GACJrB,UAAU,CACVgB,MAAM,CAACM,MAAM,CAACC,SAAS,CAACP,MAAM,EAC9BA,MAAM,CAACQ,UAAU,CAAC,CACpB,CAAC,EACFR,MAAM,CAACM,MAAM,CAACG,YAAY,CAAC,CAAC,iBAC3BxB,KAAA,CAAAG,aAAA;IACEsB,aAAa,EAAEA,CAAA,KAAMV,MAAM,CAACM,MAAM,CAACK,SAAS,CAAC,CAAE;IAC/CC,WAAW,EAAEZ,MAAM,CAACa,gBAAgB,CAAC,CAAE;IACvCC,YAAY,EAAEd,MAAM,CAACa,gBAAgB,CAAC,CAAE;IACxCxB,KAAK,EAAE;MACLE,QAAQ,EAAE,UAAU;MACpBwB,KAAK,EAAE,CAAC;MACRvB,GAAG,EAAE,CAAC;MACNwB,MAAM,EAAE,MAAM;MACdf,KAAK,EAAE,KAAK;MACZgB,MAAM,EAAE,YAAY;MACpBC,WAAW,EAAE,MAAM;MACnBzB,MAAM,EAAE,EAAE;MACV0B,SAAS,EAAEnB,MAAM,CAACM,MAAM,CAACc,aAAa,CAAC,CAAC,GACpC,cACAjC,KAAK,CAACkC,QAAQ,CAAC,CAAC,CAACC,gBAAgB,CAACC,WAAW,IAAI,CAAC,KAC/C,GACH;IACN;EAAE,CACH,CAED,CACL,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+/*
+ * 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 React, { useCallback } from "react";
+import { TableCell } from "./TableCell.js";
+export function TableRow({
+  row,
+  virtualRow,
+  onRowClick,
+  renderCellContextMenu
+}) {
+  const handleClick = useCallback(() => {
+    onRowClick?.(row.original);
+  }, [onRowClick, row.original]);
+  return /*#__PURE__*/React.createElement("tr", {
+    style: {
+      position: "absolute",
+      height: `${virtualRow.size}px`,
+      transform: `translateY(${virtualRow.start}px)`,
+      display: "flex"
+    },
+    onClick: handleClick
+  }, row.getVisibleCells().map(cell => /*#__PURE__*/React.createElement(TableCell, {
+    key: cell.id,
+    cell: cell,
+    renderCellContextMenu: renderCellContextMenu
+  })));
+}
+//# sourceMappingURL=TableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","TableRow","row","virtualRow","onRowClick","renderCellContextMenu","handleClick","original","createElement","style","position","height","size","transform","start","display","onClick","getVisibleCells","map","cell","key","id"],"sources":["TableRow.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 { Cell, Row, RowData } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\nimport { TableCell } from \"./TableCell.js\";\n\ninterface TableRowProps<TData extends RowData> {\n  row: Row<TData>;\n  virtualRow: VirtualItem;\n  onRowClick?: (row: TData) => void;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n}\n\nexport function TableRow<TData extends RowData>({\n  row,\n  virtualRow,\n  onRowClick,\n  renderCellContextMenu,\n}: TableRowProps<TData>): React.ReactElement {\n  const handleClick = useCallback(() => {\n    onRowClick?.(row.original);\n  }, [onRowClick, row.original]);\n\n  return (\n    <tr\n      style={{\n        position: \"absolute\",\n        height: `${virtualRow.size}px`,\n        transform: `translateY(${virtualRow.start}px)`,\n        display: \"flex\",\n      }}\n      onClick={handleClick}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <TableCell\n          key={cell.id}\n          cell={cell}\n          renderCellContextMenu={renderCellContextMenu}\n        />\n      ))}\n    </tr>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,gBAAgB;AAY1C,OAAO,SAASC,QAAQA,CAAwB;EAC9CC,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,GAAGP,WAAW,CAAC,MAAM;IACpCK,UAAU,GAAGF,GAAG,CAACK,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACH,UAAU,EAAEF,GAAG,CAACK,QAAQ,CAAC,CAAC;EAE9B,oBACET,KAAA,CAAAU,aAAA;IACEC,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,GAAGR,UAAU,CAACS,IAAI,IAAI;MAC9BC,SAAS,EAAE,cAAcV,UAAU,CAACW,KAAK,KAAK;MAC9CC,OAAO,EAAE;IACX,CAAE;IACFC,OAAO,EAAEV;EAAY,GAEpBJ,GAAG,CAACe,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,iBAC9BrB,KAAA,CAAAU,aAAA,CAACR,SAAS;IACRoB,GAAG,EAAED,IAAI,CAACE,EAAG;IACbF,IAAI,EAAEA,IAAK;IACXd,qBAAqB,EAAEA;EAAsB,CAC9C,CACF,CACC,CAAC;AAET","ignoreList":[]}

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

@@ -0,0 +1,147 @@
+/*
+ * 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 { beforeEach, describe, expect, it, vi } from "vitest";
+import { useCellContextMenu } from "../useCellContextMenu.js";
+describe("useCellContextMenu", () => {
+  let mockElement;
+  beforeEach(() => {
+    // Create a mock table cell element with getBoundingClientRect
+    mockElement = document.createElement("td");
+    vi.spyOn(mockElement, "getBoundingClientRect").mockReturnValue({
+      left: 100,
+      top: 200,
+      bottom: 240,
+      width: 150,
+      height: 40,
+      right: 250,
+      x: 100,
+      y: 200,
+      toJSON: () => ({})
+    });
+  });
+  describe("initial state", () => {
+    it("returns closed context menu state by default", () => {
+      const tdRef = {
+        current: mockElement
+      };
+      const {
+        result
+      } = renderHook(() => useCellContextMenu({
+        tdRef
+      }));
+      expect(result.current.isContextMenuOpen).toBe(false);
+      expect(result.current.popoverPosition).toBeNull();
+    });
+  });
+  describe("handleOpenContextMenu", () => {
+    it("opens context menu and use position from bounding client rect", () => {
+      const tdRef = {
+        current: mockElement
+      };
+      const {
+        result
+      } = renderHook(() => useCellContextMenu({
+        tdRef
+      }));
+      const mockEvent = {
+        preventDefault: vi.fn(),
+        stopPropagation: vi.fn()
+      };
+      act(() => {
+        result.current.handleOpenContextMenu(mockEvent);
+      });
+      expect(mockEvent.preventDefault).toHaveBeenCalled();
+      expect(mockEvent.stopPropagation).toHaveBeenCalled();
+      expect(result.current.isContextMenuOpen).toBe(true);
+      expect(result.current.popoverPosition).toEqual({
+        left: 100,
+        top: 240,
+        width: 150
+      });
+    });
+    it("does not open context menu if tdRef.current is null", () => {
+      const tdRef = {
+        current: null
+      };
+      const {
+        result
+      } = renderHook(() => useCellContextMenu({
+        tdRef
+      }));
+      const mockEvent = {
+        preventDefault: vi.fn(),
+        stopPropagation: vi.fn()
+      };
+      act(() => {
+        result.current.handleOpenContextMenu(mockEvent);
+      });
+      expect(mockEvent.preventDefault).toHaveBeenCalled();
+      expect(mockEvent.stopPropagation).toHaveBeenCalled();
+      expect(result.current.isContextMenuOpen).toBe(false);
+      expect(result.current.popoverPosition).toBeNull();
+    });
+  });
+  describe("handleCloseContextMenu", () => {
+    it("closes context menu and clears position", () => {
+      const tdRef = {
+        current: mockElement
+      };
+      const {
+        result
+      } = renderHook(() => useCellContextMenu({
+        tdRef
+      }));
+      const mockEvent = {
+        preventDefault: vi.fn(),
+        stopPropagation: vi.fn()
+      };
+
+      // Open first
+      act(() => {
+        result.current.handleOpenContextMenu(mockEvent);
+      });
+      expect(result.current.isContextMenuOpen).toBe(true);
+      expect(result.current.popoverPosition).not.toBeNull();
+
+      // Close
+      act(() => {
+        result.current.handleCloseContextMenu();
+      });
+      expect(result.current.isContextMenuOpen).toBe(false);
+      expect(result.current.popoverPosition).toBeNull();
+    });
+    it("is safe to call when already closed", () => {
+      const tdRef = {
+        current: mockElement
+      };
+      const {
+        result
+      } = renderHook(() => useCellContextMenu({
+        tdRef
+      }));
+
+      // Close without opening
+      act(() => {
+        result.current.handleCloseContextMenu();
+      });
+      expect(result.current.isContextMenuOpen).toBe(false);
+      expect(result.current.popoverPosition).toBeNull();
+    });
+  });
+});
+//# sourceMappingURL=useCellContextMenu.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCellContextMenu.test.js","names":["act","renderHook","beforeEach","describe","expect","it","vi","useCellContextMenu","mockElement","document","createElement","spyOn","mockReturnValue","left","top","bottom","width","height","right","x","y","toJSON","tdRef","current","result","isContextMenuOpen","toBe","popoverPosition","toBeNull","mockEvent","preventDefault","fn","stopPropagation","handleOpenContextMenu","toHaveBeenCalled","toEqual","not","handleCloseContextMenu"],"sources":["useCellContextMenu.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 { act, renderHook } from \"@testing-library/react\";\nimport { beforeEach, describe, expect, it, vi } from \"vitest\";\nimport type { PopoverPosition } from \"../useCellContextMenu.js\";\nimport { useCellContextMenu } from \"../useCellContextMenu.js\";\n\ndescribe(\"useCellContextMenu\", () => {\n  let mockElement: HTMLTableCellElement;\n\n  beforeEach(() => {\n    // Create a mock table cell element with getBoundingClientRect\n    mockElement = document.createElement(\"td\");\n\n    vi.spyOn(mockElement, \"getBoundingClientRect\").mockReturnValue({\n      left: 100,\n      top: 200,\n      bottom: 240,\n      width: 150,\n      height: 40,\n      right: 250,\n      x: 100,\n      y: 200,\n      toJSON: () => ({}),\n    });\n  });\n\n  describe(\"initial state\", () => {\n    it(\"returns closed context menu state by default\", () => {\n      const tdRef = { current: mockElement };\n      const { result } = renderHook(() => useCellContextMenu({ tdRef }));\n\n      expect(result.current.isContextMenuOpen).toBe(false);\n      expect(result.current.popoverPosition).toBeNull();\n    });\n  });\n\n  describe(\"handleOpenContextMenu\", () => {\n    it(\"opens context menu and use position from bounding client rect\", () => {\n      const tdRef = { current: mockElement };\n      const { result } = renderHook(() => useCellContextMenu({ tdRef }));\n\n      const mockEvent = {\n        preventDefault: vi.fn(),\n        stopPropagation: vi.fn(),\n      } as unknown as React.MouseEvent<HTMLTableCellElement>;\n\n      act(() => {\n        result.current.handleOpenContextMenu(mockEvent);\n      });\n\n      expect(mockEvent.preventDefault).toHaveBeenCalled();\n      expect(mockEvent.stopPropagation).toHaveBeenCalled();\n      expect(result.current.isContextMenuOpen).toBe(true);\n      expect(result.current.popoverPosition).toEqual({\n        left: 100,\n        top: 240,\n        width: 150,\n      } as PopoverPosition);\n    });\n\n    it(\"does not open context menu if tdRef.current is null\", () => {\n      const tdRef = { current: null };\n      const { result } = renderHook(() => useCellContextMenu({ tdRef }));\n\n      const mockEvent = {\n        preventDefault: vi.fn(),\n        stopPropagation: vi.fn(),\n      } as unknown as React.MouseEvent<HTMLTableCellElement>;\n\n      act(() => {\n        result.current.handleOpenContextMenu(mockEvent);\n      });\n\n      expect(mockEvent.preventDefault).toHaveBeenCalled();\n      expect(mockEvent.stopPropagation).toHaveBeenCalled();\n      expect(result.current.isContextMenuOpen).toBe(false);\n      expect(result.current.popoverPosition).toBeNull();\n    });\n  });\n\n  describe(\"handleCloseContextMenu\", () => {\n    it(\"closes context menu and clears position\", () => {\n      const tdRef = { current: mockElement };\n      const { result } = renderHook(() => useCellContextMenu({ tdRef }));\n\n      const mockEvent = {\n        preventDefault: vi.fn(),\n        stopPropagation: vi.fn(),\n      } as unknown as React.MouseEvent<HTMLTableCellElement>;\n\n      // Open first\n      act(() => {\n        result.current.handleOpenContextMenu(mockEvent);\n      });\n\n      expect(result.current.isContextMenuOpen).toBe(true);\n      expect(result.current.popoverPosition).not.toBeNull();\n\n      // Close\n      act(() => {\n        result.current.handleCloseContextMenu();\n      });\n\n      expect(result.current.isContextMenuOpen).toBe(false);\n      expect(result.current.popoverPosition).toBeNull();\n    });\n\n    it(\"is safe to call when already closed\", () => {\n      const tdRef = { current: mockElement };\n      const { result } = renderHook(() => useCellContextMenu({ tdRef }));\n\n      // Close without opening\n      act(() => {\n        result.current.handleCloseContextMenu();\n      });\n\n      expect(result.current.isContextMenuOpen).toBe(false);\n      expect(result.current.popoverPosition).toBeNull();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}