@osdk/react-components 0.1.0-rc.7 → 0.2.0-beta.2

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

@@ -1,53 +1,41 @@
-// build/browser/object-table/TableHeaderWithPopover.js
+/*
+ * 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 React2, { useCallback, useState } from "react";
-
-// build/browser/object-table/TableHeaderContent.js
-import { flexRender } from "@tanstack/react-table";
-import React from "react";
-var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkHeaderContent {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.osdkHeaderContent:has([role="checkbox"]) {\n  display: flex;\n  justify-content: center;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var TableHeaderContent_default = { "osdkHeaderContent": "osdkHeaderContent" };
-function TableHeaderContent({
-  header
-}) {
-  return /* @__PURE__ */ React.createElement("div", {
-    className: TableHeaderContent_default.osdkHeaderContent
-  }, flexRender(header.column.columnDef.header, header.getContext()));
-}
-
-// build/browser/object-table/TableHeaderWithPopover.module.css
-var css2 = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkCenterContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.osdkContentGap {\n  display: flex;\n  gap: var(--osdk-surface-spacing);\n}\n\n.osdkHeaderContainer {\n  justify-content: space-between;\n  flex: 1;\n  min-width: 0;\n  align-self: stretch;\n}\n\n.osdkHeaderContentLeft {\n  min-width: 0;\n  flex-shrink: 1;\n}\n\n.osdkHeaderContentRight {\n  flex-shrink: 0;\n}\n\n.osdkHeaderPopoverTrigger {\n  padding: 0;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  border-radius: var(--osdk-surface-border-radius);\n  color: var(--osdk-intent-default-foreground);\n  user-select: none;\n  outline: none;\n\n  &:hover {\n    background-color: var(--osdk-intent-default-hover);\n  }\n\n  &[data-popup-open] {\n    background-color: var(--osdk-intent-primary-rest);\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: var(--osdk-focus-visible-outline-offset);\n  }\n}\n\n.osdkHeaderIcon {\n  width: var(--osdk-iconography-size-small);\n  height: var(--osdk-iconography-size-small);\n}\n\n.osdkHeaderPopup {\n  box-sizing: border-box;\n  padding: var(--osdk-surface-spacing);\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-surface-border-width) solid\n    var(--osdk-surface-border-color-default);\n  background-color: var(--osdk-surface-background-color-default);\n  color: var(--osdk-typography-color-default-rest);\n  box-shadow: var(--osdk-surface-shadow-2);\n  font-size: var(--osdk-typography-size-body-medium);\n  outline: none;\n}\n\n.osdkHeaderMenuItem {\n  justify-content: flex-start;\n  padding: var(--osdk-surface-spacing);\n  cursor: pointer;\n}\n\n.osdkHeaderMenuItem:hover {\n  outline: none;\n  background-color: var(--osdk-surface-background-color-default-hover);\n  border-radius: var(--osdk-surface-border-radius);\n}\n\n.osdkHeaderActiveMenuItem {\n  background-color: var(--osdk-intent-primary-rest);\n  color: var(--osdk-intent-primary-foreground);\n}\n\n.osdkHeaderActiveMenuItem:hover {\n  background-color: var(--osdk-intent-primary-hover);\n}\n\n.osdkHeaderActiveMenuItem:active {\n  background-color: var(--osdk-intent-primary-active);\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css2;
-  document.head.appendChild(style);
-}
-var TableHeaderWithPopover_default = { "osdkCenterContainer": "osdkCenterContainer", "osdkContentGap": "osdkContentGap", "osdkHeaderContainer": "osdkHeaderContainer", "osdkHeaderContentLeft": "osdkHeaderContentLeft", "osdkHeaderContentRight": "osdkHeaderContentRight", "osdkHeaderPopoverTrigger": "osdkHeaderPopoverTrigger", "osdkHeaderIcon": "osdkHeaderIcon", "osdkHeaderPopup": "osdkHeaderPopup", "osdkHeaderMenuItem": "osdkHeaderMenuItem", "osdkHeaderActiveMenuItem": "osdkHeaderActiveMenuItem" };
-
-// build/browser/object-table/TableHeaderWithPopover.js
+import React, { useCallback, useState } from "react";
+import { TableHeaderContent } from "./TableHeaderContent.js";
+import styles from "./TableHeaderWithPopover.module.css.js";
 function HeaderMenuItem({
   onClick,
   icon: Icon,
   label,
   active = false
 }) {
-  return /* @__PURE__ */ React2.createElement(Menu.Item, {
+  return /*#__PURE__*/React.createElement(Menu.Item, {
     closeOnClick: true,
-    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderMenuItem, active && TableHeaderWithPopover_default.osdkHeaderActiveMenuItem),
-    onClick
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderMenuItem, active && styles.osdkHeaderActiveMenuItem),
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    className: styles.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React2.createElement("span", null, label));
+  }), /*#__PURE__*/React.createElement("span", null, label));
 }
-function TableHeaderWithPopover({
+export function TableHeaderWithPopover({
   header,
   isColumnPinned,
   setColumnPinning,
@@ -56,18 +44,18 @@ function TableHeaderWithPopover({
 }) {
   const [isOpen, setIsOpen] = useState(false);
   const handlePinLeft = useCallback(() => {
-    setColumnPinning((prev) => {
+    setColumnPinning(prev => {
       return {
-        left: [...prev.left || [], header.column.id],
-        right: prev.right?.filter((id) => id !== header.column.id) || []
+        left: [...(prev.left || []), header.column.id],
+        right: prev.right?.filter(id => id !== header.column.id) || []
       };
     });
   }, [header.column.id, setColumnPinning]);
   const handleUnpin = useCallback(() => {
-    setColumnPinning((prev) => {
+    setColumnPinning(prev => {
       return {
-        left: prev.left?.filter((id) => id !== header.column.id) || [],
-        right: prev.right?.filter((id) => id !== header.column.id) || []
+        left: prev.left?.filter(id => id !== header.column.id) || [],
+        right: prev.right?.filter(id => id !== header.column.id) || []
       };
     });
   }, [header.column.id, setColumnPinning]);
@@ -95,75 +83,73 @@ function TableHeaderWithPopover({
       onResetSize();
     }
   }, [header.column, onResetSize]);
-  const handleInteraction = useCallback((e) => {
+  const handleInteraction = useCallback(e => {
     e.preventDefault();
-    setIsOpen((prev) => !prev);
+    setIsOpen(prev => !prev);
   }, []);
   const isSorted = header.column.getIsSorted();
   const isSortable = header.column.getCanSort();
-  return /* @__PURE__ */ React2.createElement(Menu.Root, {
+  return /*#__PURE__*/React.createElement(Menu.Root, {
     open: isOpen,
     onOpenChange: setIsOpen
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContainer),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContainer),
     onContextMenu: handleInteraction
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentLeft)
-  }, isColumnPinned && /* @__PURE__ */ React2.createElement(Pin, {
-    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
+  }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
+    className: styles.osdkHeaderIcon,
     color: "currentColor"
-  }), /* @__PURE__ */ React2.createElement(TableHeaderContent, {
-    header
-  })), /* @__PURE__ */ React2.createElement("div", {
-    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkContentGap, TableHeaderWithPopover_default.osdkHeaderContentRight)
-  }, isSorted && /* @__PURE__ */ React2.createElement("div", {
-    className: TableHeaderWithPopover_default.osdkCenterContainer
-  }, isSorted === "asc" ? /* @__PURE__ */ React2.createElement(SortAlphabetical, {
-    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+  }), /*#__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__ */ React2.createElement(SortAlphabeticalDesc, {
-    className: TableHeaderWithPopover_default.osdkHeaderIcon,
+  }) : /*#__PURE__*/React.createElement(SortAlphabeticalDesc, {
+    className: styles.osdkHeaderIcon,
     color: "currentColor"
-  })), /* @__PURE__ */ React2.createElement(Menu.Trigger, {
+  })), /*#__PURE__*/React.createElement(Menu.Trigger, {
     "aria-label": `Open header menu for column with id=${header.column.id}`,
-    className: classNames(TableHeaderWithPopover_default.osdkCenterContainer, TableHeaderWithPopover_default.osdkHeaderPopoverTrigger)
-  }, /* @__PURE__ */ React2.createElement(ChevronDown, {
-    className: TableHeaderWithPopover_default.osdkHeaderIcon
-  }))), /* @__PURE__ */ React2.createElement(Menu.Portal, {
+    className: classNames(styles.osdkCenterContainer, styles.osdkHeaderPopoverTrigger)
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
+    className: styles.osdkHeaderIcon
+  }))), /*#__PURE__*/React.createElement(Menu.Portal, {
     container: document.body
-  }, /* @__PURE__ */ React2.createElement(Menu.Positioner, {
+  }, /*#__PURE__*/React.createElement(Menu.Positioner, {
     sideOffset: 4
-  }, /* @__PURE__ */ React2.createElement(Menu.Popup, {
-    className: TableHeaderWithPopover_default.osdkHeaderPopup
-  }, !isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.osdkHeaderPopup
+  }, !isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handlePinLeft,
     icon: Pin,
     label: "Pin column"
-  }), isColumnPinned && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  }), isColumnPinned && /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handleUnpin,
     icon: Unpin,
     label: "Unpin Column",
     active: true
-  }), isSortable && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  }), isSortable && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handleSortAscending,
     icon: SortAlphabetical,
     label: "Sort ascending",
     active: isSorted === "asc"
-  }), /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handleSortDescending,
     icon: SortAlphabeticalDesc,
     label: "Sort descending",
     active: isSorted === "desc"
-  })), !!isSorted && /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  })), !!isSorted && /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handleClearAllSorts,
     icon: Remove,
     label: "Clear all sorts"
-  }), /* @__PURE__ */ React2.createElement(HeaderMenuItem, {
+  }), /*#__PURE__*/React.createElement(HeaderMenuItem, {
     onClick: handleResetSize,
     icon: VerticalDistribution,
     label: "Reset Column Size"
   }))))));
 }
-export {
-  TableHeaderWithPopover
-};
+//# sourceMappingURL=TableHeaderWithPopover.js.map

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

@@ -0,0 +1,110 @@
+/*
+ * 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(--osdk-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 {
+  padding: 0;
+  flex-shrink: 0;
+  flex-grow: 0;
+  border: var(--osdk-surface-border-width) solid
+    var(--osdk-surface-border-color-default);
+  border-radius: var(--osdk-surface-border-radius);
+  color: var(--osdk-intent-default-foreground);
+  user-select: none;
+  outline: none;
+
+  &:hover {
+    background-color: var(--osdk-intent-default-hover);
+  }
+
+  &[data-popup-open] {
+    background-color: var(--osdk-intent-primary-rest);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-visible-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.osdkHeaderIcon {
+  width: var(--osdk-iconography-size-small);
+  height: var(--osdk-iconography-size-small);
+}
+
+.osdkHeaderPopup {
+  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);
+  color: var(--osdk-typography-color-default-rest);
+  box-shadow: var(--osdk-surface-shadow-2);
+  font-size: var(--osdk-typography-size-body-medium);
+  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);
+}
+
+.osdkHeaderActiveMenuItem {
+  background-color: var(--osdk-intent-primary-rest);
+  color: var(--osdk-intent-primary-foreground);
+}
+
+.osdkHeaderActiveMenuItem:hover {
+  background-color: var(--osdk-intent-primary-hover);
+}
+
+.osdkHeaderActiveMenuItem:active {
+  background-color: var(--osdk-intent-primary-active);
+}

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

@@ -0,0 +1,15 @@
+// CSS Module proxy for TableHeaderWithPopover.module.css
+const styles = {
+  "osdkCenterContainer": "TableHeaderWithPopover-module__osdkCenterContainer___7EQ0efaV",
+  "osdkContentGap": "TableHeaderWithPopover-module__osdkContentGap___ydRnh6Gk",
+  "osdkHeaderContainer": "TableHeaderWithPopover-module__osdkHeaderContainer___Yp1FKb-z",
+  "osdkHeaderContentLeft": "TableHeaderWithPopover-module__osdkHeaderContentLeft___PpdFKG5D",
+  "osdkHeaderContentRight": "TableHeaderWithPopover-module__osdkHeaderContentRight___-cSZMBVb",
+  "osdkHeaderPopoverTrigger": "TableHeaderWithPopover-module__osdkHeaderPopoverTrigger___Y5Q22NIE",
+  "osdkHeaderIcon": "TableHeaderWithPopover-module__osdkHeaderIcon___lgyu9GmV",
+  "osdkHeaderPopup": "TableHeaderWithPopover-module__osdkHeaderPopup___TMO39wLW",
+  "osdkHeaderMenuItem": "TableHeaderWithPopover-module__osdkHeaderMenuItem___f-D5iGwi",
+  "osdkHeaderActiveMenuItem": "TableHeaderWithPopover-module__osdkHeaderActiveMenuItem___K007KHkr"
+};
+
+export default styles;

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

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

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

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

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

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