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

package/build/browser/object-table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useEffect","useRef","useState","LoadingStateTable","NonIdealState","styles","TableBody","TableHeader","BaseTable","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","error","tableContainerRef","isLoadingMore","setIsLoadingMore","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","createElement","ref","osdkTableContainer","onScroll","Fragment","message"],"sources":["Table.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, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, {\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { LoadingStateTable } from \"./LoadingStateTable.js\";\nimport { NonIdealState } from \"./NonIdealState.js\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableHeader } from \"./TableHeader.js\";\n\nexport interface BaseTableProps<TData extends RowData> {\n  table: Table<TData>;\n  isLoading?: boolean;\n  fetchNextPage?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  className?: string;\n  error?: Error;\n}\n\nexport function BaseTable<TData extends RowData>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n    error,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n\n  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!isLoading || fetchNextPage == null) {\n      setIsLoadingMore(false);\n    }\n  }, [isLoading, fetchNextPage]);\n\n  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current && !isLoadingMore) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < 100\n          && !isLoading && fetchNextPage != null\n        ) {\n          fetchingRef.current = true;\n          setIsLoadingMore(true);\n          try {\n            await fetchNextPage();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading, isLoadingMore],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  const rows = table.getRowModel().rows;\n  const headerGroups = table.getHeaderGroups();\n  const hasData = rows.length > 0;\n\n  return (\n    <div\n      ref={tableContainerRef}\n      className={classNames(styles.osdkTableContainer, className)}\n      onScroll={handleScroll}\n    >\n      <table>\n        {isLoading && !hasData\n          ? (\n            <LoadingStateTable\n              table={table}\n              headerGroups={headerGroups}\n              rowHeight={rowHeight}\n              tableContainerRef={tableContainerRef}\n            />\n          )\n          : (\n            <>\n              <TableHeader table={table} />\n              {!hasData && error == null\n                ? <NonIdealState message={\"No Data\"} />\n                : (\n                  <TableBody\n                    rows={rows}\n                    tableContainerRef={tableContainerRef}\n                    onRowClick={onRowClick}\n                    rowHeight={rowHeight}\n                    renderCellContextMenu={renderCellContextMenu}\n                    isLoadingMore={isLoadingMore}\n                    headerGroups={headerGroups}\n                  />\n                )}\n            </>\n          )}\n        {error != null && (\n          <NonIdealState message={`Error Loading Data: ${error.message}`} />\n        )}\n      </table>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useEffect","useRef","useState","LoadingStateTable","NonIdealState","styles","TableBody","TableHeader","BaseTable","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","error","tableContainerRef","isLoadingMore","setIsLoadingMore","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","createElement","ref","osdkTableContainer","onScroll","Fragment","message"],"sources":["Table.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, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, {\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { LoadingStateTable } from \"./LoadingStateTable.js\";\nimport { NonIdealState } from \"./NonIdealState.js\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableHeader } from \"./TableHeader.js\";\n\nexport interface BaseTableProps<TData extends RowData> {\n  table: Table<TData>;\n  isLoading?: boolean;\n  fetchNextPage?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  className?: string;\n  error?: Error;\n}\n\nexport function BaseTable<TData extends RowData>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n    error,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n\n  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!isLoading || fetchNextPage == null) {\n      setIsLoadingMore(false);\n    }\n  }, [isLoading, fetchNextPage]);\n\n  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current && !isLoadingMore) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < 100\n          && !isLoading && fetchNextPage != null\n        ) {\n          fetchingRef.current = true;\n          setIsLoadingMore(true);\n          try {\n            await fetchNextPage();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading, isLoadingMore],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  const rows = table.getRowModel().rows;\n  const headerGroups = table.getHeaderGroups();\n  const hasData = rows.length > 0;\n\n  return (\n    <div\n      ref={tableContainerRef}\n      className={classNames(styles.osdkTableContainer, className)}\n      onScroll={handleScroll}\n    >\n      <table>\n        {isLoading && !hasData\n          ? (\n            <LoadingStateTable\n              table={table}\n              headerGroups={headerGroups}\n              rowHeight={rowHeight}\n              tableContainerRef={tableContainerRef}\n            />\n          )\n          : (\n            <>\n              <TableHeader table={table} />\n              <TableBody\n                rows={rows}\n                tableContainerRef={tableContainerRef}\n                onRowClick={onRowClick}\n                rowHeight={rowHeight}\n                renderCellContextMenu={renderCellContextMenu}\n                isLoadingMore={isLoadingMore}\n                headerGroups={headerGroups}\n              />\n            </>\n          )}\n      </table>\n      {!hasData && error == null && <NonIdealState message={\"No Data\"} />}\n      {error != null && (\n        <NonIdealState message={`Error Loading Data: ${error.message}`} />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+
+.osdkTableContainer {
+  position: relative; /* needed for sticky header */
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}

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

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

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

@@ -1,250 +1,25 @@
-// build/browser/object-table/TableBody.js
-import { useVirtualizer } from "@tanstack/react-virtual";
-import React6, { useLayoutEffect } from "react";
-
-// build/browser/object-table/LoadingRow.js
-import React2 from "react";
-import classNames from "classnames";
-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.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
-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" };
-function LoadingCell({
-  width
-}) {
-  return /* @__PURE__ */ React.createElement("td", {
-    className: TableCell_default.osdkTableCell,
-    style: {
-      width
-    }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: classNames(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
-  }));
-}
-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" };
-function LoadingRow({
-  headers,
-  columnCount,
-  translateY,
-  rowHeight = 40,
-  columnWidth = 80
-}) {
-  return /* @__PURE__ */ React2.createElement("tr", {
-    className: TableRow_default.osdkTableRow,
-    style: {
-      height: `${rowHeight}px`,
-      transform: `translateY(${translateY}px)`
-    }
-  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, Array.from({
-    length: columnCount
-  }).map((_, index) => {
-    const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React2.createElement(LoadingCell, {
-      key: `loading-cell-${index}`,
-      width
-    });
-  })));
-}
-
-// build/browser/object-table/TableBody.module.css
-var css4 = '/*\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.osdkTableBody {\n  display: grid;\n  position: relative;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css4;
-  document.head.appendChild(style);
-}
-var TableBody_default = { "osdkTableBody": "osdkTableBody" };
-
-// build/browser/object-table/TableRow.js
-import React5, { useCallback as useCallback2 } from "react";
-
-// build/browser/object-table/TableCell.js
-import { flexRender } from "@tanstack/react-table";
-import React4, { useRef as useRef2 } from "react";
-
-// build/browser/object-table/CellContextMenu.js
-import React3, { useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-var css5 = '/*\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 = css5;
-  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__ */ React3.createElement("div", {
-    ref,
-    className: CellContextMenu_default.osdkCellContextMenu,
-    style: {
-      left: position.left,
-      top: position.top,
-      minWidth: position.width
-    }
-  }, renderContent(cell.row.original, cell)), document.body);
-}
-
-// build/browser/object-table/hooks/useCellContextMenu.js
-import { useCallback, useState } from "react";
-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
-  };
-};
-
-// build/browser/object-table/TableCell.module.css
-var css6 = '/*\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 = css6;
-  document.head.appendChild(style);
-}
-var TableCell_default2 = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
-
-// build/browser/object-table/utils/constants.js
-var SELECTION_COLUMN_ID = "__selection__";
-
-// build/browser/object-table/utils/getColumnPinningStyles.js
-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()
-    }
-  };
-}
-
-// build/browser/object-table/TableCell.js
-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__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("td", {
-    ref: tdRef,
-    "data-pinned": cell.column.getIsPinned(),
-    className: TableCell_default2.osdkTableCell,
-    style: columnStyles,
-    onContextMenu: handleOpenContextMenu
-  }, /* @__PURE__ */ React4.createElement("div", {
-    className: TableCell_default2.osdkTableCellContent
-  }, flexRender(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /* @__PURE__ */ React4.createElement(CellContextMenu, {
-    cell,
-    position: popoverPosition,
-    onClose: handleCloseContextMenu,
-    renderContent: renderCellContextMenu
-  }));
-}
-
-// build/browser/object-table/TableRow.module.css
-var css7 = '/*\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 = css7;
-  document.head.appendChild(style);
-}
-var TableRow_default2 = { "osdkTableRow": "osdkTableRow" };
-
-// build/browser/object-table/TableRow.js
-function TableRow({
-  row,
-  virtualRow,
-  onRowClick,
-  renderCellContextMenu
-}) {
-  const handleClick = useCallback2(() => {
-    onRowClick?.(row.original);
-  }, [onRowClick, row.original]);
-  return /* @__PURE__ */ React5.createElement("tr", {
-    "data-selected": row.getIsSelected(),
-    className: TableRow_default2.osdkTableRow,
-    style: {
-      height: `${virtualRow.size}px`,
-      transform: `translateY(${virtualRow.start}px)`
-    },
-    onClick: handleClick
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React5.createElement(TableCell, {
-    key: cell.id,
-    cell,
-    renderCellContextMenu
-  })));
-}
+/*
+ * 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/TableBody.js
-function TableBody({
+import { useVirtualizer } from "@tanstack/react-virtual";
+import React, { useLayoutEffect } from "react";
+import { LoadingRow } from "./LoadingRow.js";
+import styles from "./TableBody.module.css.js";
+import { TableRow } from "./TableRow.js";
+export function TableBody({
   rows,
   tableContainerRef,
   onRowClick,
@@ -253,39 +28,40 @@ function TableBody({
   isLoadingMore = false,
   headerGroups = []
 }) {
+  // Important: Keep the row virtualizer in the lowest component possible to avoid unnecessary re-renders.
   const rowVirtualizer = useVirtualizer({
     count: rows.length,
     estimateSize: () => rowHeight,
     getScrollElement: () => tableContainerRef.current,
     overscan: 5
   });
+
+  // Measure the virtualizer after the DOM has been laid out to ensure proper dimensions
   useLayoutEffect(() => {
     rowVirtualizer.measure();
   }, [rowVirtualizer, rows.length]);
   const totalSize = rowVirtualizer.getTotalSize();
   const bodyHeight = isLoadingMore ? totalSize + rowHeight : totalSize;
   const headers = headerGroups[0]?.headers ?? [];
-  return /* @__PURE__ */ React6.createElement("tbody", {
-    className: TableBody_default.osdkTableBody,
+  return /*#__PURE__*/React.createElement("tbody", {
+    className: styles.osdkTableBody,
     style: {
       height: `${bodyHeight}px`
     }
-  }, rowVirtualizer.getVirtualItems().map((virtualRow) => {
+  }, rowVirtualizer.getVirtualItems().map(virtualRow => {
     const row = rows[virtualRow.index];
-    return /* @__PURE__ */ React6.createElement(TableRow, {
+    return /*#__PURE__*/React.createElement(TableRow, {
       key: row.id,
-      row,
-      virtualRow,
-      onRowClick,
-      renderCellContextMenu
+      row: row,
+      virtualRow: virtualRow,
+      onRowClick: onRowClick,
+      renderCellContextMenu: renderCellContextMenu
     });
-  }), isLoadingMore && /* @__PURE__ */ React6.createElement(LoadingRow, {
-    headers,
+  }), isLoadingMore && /*#__PURE__*/React.createElement(LoadingRow, {
+    headers: headers,
     translateY: totalSize,
-    rowHeight,
+    rowHeight: rowHeight,
     columnCount: headers.length
   }));
 }
-export {
-  TableBody
-};
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1,20 @@
+/*
+ * 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.
+ */
+
+.osdkTableBody {
+  display: grid;
+  position: relative;
+}

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

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

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

@@ -1,109 +1,31 @@
-// build/browser/object-table/TableCell.js
-import { flexRender } from "@tanstack/react-table";
-import React2, { useRef as useRef2 } 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/CellContextMenu.js
-import React, { useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-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);
-}
-
-// build/browser/object-table/hooks/useCellContextMenu.js
-import { useCallback, useState } from "react";
-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
-  };
-};
-
-// build/browser/object-table/TableCell.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.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" };
-
-// build/browser/object-table/utils/constants.js
-var SELECTION_COLUMN_ID = "__selection__";
-
-// build/browser/object-table/utils/getColumnPinningStyles.js
-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()
-    }
-  };
-}
-
-// build/browser/object-table/TableCell.js
-function TableCell({
+import { flexRender } from "@tanstack/react-table";
+import React, { useRef } from "react";
+import { CellContextMenu } from "./CellContextMenu.js";
+import { useCellContextMenu } from "./hooks/useCellContextMenu.js";
+import styles from "./TableCell.module.css.js";
+import { SELECTION_COLUMN_ID } from "./utils/constants.js";
+import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
+export function TableCell({
   cell,
   renderCellContextMenu
 }) {
-  const tdRef = useRef2(null);
+  const tdRef = useRef(null);
   const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;
   const {
     isContextMenuOpen,
@@ -116,21 +38,19 @@ function TableCell({
   const {
     columnStyles
   } = getColumnPinningStyles(cell.column);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("td", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("td", {
     ref: tdRef,
     "data-pinned": cell.column.getIsPinned(),
-    className: TableCell_default.osdkTableCell,
+    className: styles.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,
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkTableCellContent
+  }, flexRender(cell.column.columnDef.cell, cell.getContext()))), !isSelectColumn && isContextMenuOpen && !!popoverPosition && !!renderCellContextMenu && /*#__PURE__*/React.createElement(CellContextMenu, {
+    cell: cell,
     position: popoverPosition,
     onClose: handleCloseContextMenu,
     renderContent: renderCellContextMenu
   }));
 }
-export {
-  TableCell
-};
+//# sourceMappingURL=TableCell.js.map