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

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","TableEditContainer","TableHeader","BaseTable","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","error","headerMenuFeatureFlags","editableConfig","tableContainerRef","isLoadingMore","setIsLoadingMore","focusedRowId","setFocusedRowId","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","hasEditableColumns","getAllColumns","some","column","columnDef","meta","editable","handleClickOutside","event","contains","target","document","addEventListener","removeEventListener","createElement","osdkTableWrapper","ref","osdkTableContainer","onScroll","Fragment","isInEditMode","editMode","isActive","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 { TableEditContainer } from \"./TableEditContainer.js\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport type { CellEditInfo, EditableConfig } from \"./utils/types.js\";\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData extends RowData = unknown, TValue = unknown> {\n    columnName?: string;\n    isVisible?: boolean;\n    editable?: boolean;\n    dataType?: string;\n  }\n  interface TableMeta<TData extends RowData = unknown> {\n    onCellEdit?: (\n      cellId: string,\n      info: CellEditInfo<TData, unknown>,\n    ) => void;\n    cellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n    isInEditMode?: boolean;\n  }\n}\n\nexport interface BaseTableProps<\n  TData extends RowData,\n> {\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  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n  editableConfig?: EditableConfig<TData, unknown>;\n}\n\nexport function BaseTable<\n  TData extends RowData,\n>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n    error,\n    headerMenuFeatureFlags,\n    editableConfig,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [focusedRowId, setFocusedRowId] = useState<string | null>(null);\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  const hasEditableColumns = table\n    .getAllColumns()\n    .some(column => column.columnDef.meta?.editable === true);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        tableContainerRef.current\n        && !tableContainerRef.current.contains(event.target as Node)\n      ) {\n        setFocusedRowId(null);\n      }\n    };\n\n    document.addEventListener(\"click\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n    };\n  }, []);\n\n  return (\n    <div className={classNames(styles.osdkTableWrapper, className)}>\n      <div\n        ref={tableContainerRef}\n        className={styles.osdkTableContainer}\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\n                  table={table}\n                  headerMenuFeatureFlags={headerMenuFeatureFlags}\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                  focusedRowId={focusedRowId}\n                  setFocusedRowId={setFocusedRowId}\n                  isInEditMode={editableConfig?.editMode.isActive}\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      {hasEditableColumns && (\n        <TableEditContainer\n          editableConfig={editableConfig}\n          focusedRowId={focusedRowId}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+/*
+ * 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.
+ */
+
+.osdkTableWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: relative;
+}
+
+.osdkTableContainer {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  position: relative;
+}
+
+.osdkTableContainer table {
+  border-collapse: collapse;
+  display: grid;
+  table-layout: fixed;
+  width: max-content;
+  min-width: 100%;
+}

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

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

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

@@ -1,291 +1,73 @@
-// 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,
   renderCellContextMenu,
   rowHeight = 40,
   isLoadingMore = false,
-  headerGroups = []
+  headerGroups = [],
+  focusedRowId,
+  setFocusedRowId,
+  isInEditMode
 }) {
+  // 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,
+      focusedRowId: focusedRowId,
+      setFocusedRowId: setFocusedRowId,
+      isInEditMode: isInEditMode
     });
-  }), 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":["useVirtualizer","React","useLayoutEffect","LoadingRow","styles","TableRow","TableBody","rows","tableContainerRef","onRowClick","renderCellContextMenu","rowHeight","isLoadingMore","headerGroups","rowVirtualizer","count","length","estimateSize","getScrollElement","current","overscan","measure","totalSize","getTotalSize","bodyHeight","headers","createElement","className","osdkTableBody","style","height","getVirtualItems","map","virtualRow","row","index","key","id","translateY","columnCount"],"sources":["TableBody.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, HeaderGroup, Row, RowData } from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport React, { useLayoutEffect } from \"react\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport styles from \"./TableBody.module.css\";\nimport { TableRow } from \"./TableRow.js\";\n\ninterface TableBodyProps<TData extends RowData> {\n  rows: Array<Row<TData>>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  isLoadingMore?: boolean;\n  headerGroups?: Array<HeaderGroup<TData>>;\n}\n\nexport function TableBody<TData extends RowData>({\n  rows,\n  tableContainerRef,\n  onRowClick,\n  renderCellContextMenu,\n  rowHeight = 40,\n  isLoadingMore = false,\n  headerGroups = [],\n}: TableBodyProps<TData>): React.ReactElement {\n  // Important: Keep the row virtualizer in the lowest component possible to avoid unnecessary re-renders.\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => rowHeight,\n    getScrollElement: () => tableContainerRef.current,\n    overscan: 5,\n  });\n\n  // Measure the virtualizer after the DOM has been laid out to ensure proper dimensions\n  useLayoutEffect(() => {\n    rowVirtualizer.measure();\n  }, [rowVirtualizer, rows.length]);\n\n  const totalSize = rowVirtualizer.getTotalSize();\n  const bodyHeight = isLoadingMore\n    ? totalSize + rowHeight\n    : totalSize;\n\n  const headers = headerGroups[0]?.headers ?? [];\n\n  return (\n    <tbody\n      className={styles.osdkTableBody}\n      style={{\n        height: `${bodyHeight}px`,\n      }}\n    >\n      {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n        const row = rows[virtualRow.index];\n\n        return (\n          <TableRow\n            key={row.id}\n            row={row}\n            virtualRow={virtualRow}\n            onRowClick={onRowClick}\n            renderCellContextMenu={renderCellContextMenu}\n          />\n        );\n      })}\n      {isLoadingMore && (\n        <LoadingRow\n          headers={headers}\n          translateY={totalSize}\n          rowHeight={rowHeight}\n          columnCount={headers.length}\n        />\n      )}\n    </tbody>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,cAAc,QAAQ,yBAAyB;AACxD,OAAOC,KAAK,IAAIC,eAAe,QAAQ,OAAO;AAC9C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,QAAQ,QAAQ,eAAe;AAexC,OAAO,SAASC,SAASA,CAAwB;EAC/CC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,qBAAqB;EACrBC,SAAS,GAAG,EAAE;EACdC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG;AACM,CAAC,EAAsB;EAC5C;EACA,MAAMC,cAAc,GAAGd,cAAc,CAAsC;IACzEe,KAAK,EAAER,IAAI,CAACS,MAAM;IAClBC,YAAY,EAAEA,CAAA,KAAMN,SAAS;IAC7BO,gBAAgB,EAAEA,CAAA,KAAMV,iBAAiB,CAACW,OAAO;IACjDC,QAAQ,EAAE;EACZ,CAAC,CAAC;;EAEF;EACAlB,eAAe,CAAC,MAAM;IACpBY,cAAc,CAACO,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACP,cAAc,EAAEP,IAAI,CAACS,MAAM,CAAC,CAAC;EAEjC,MAAMM,SAAS,GAAGR,cAAc,CAACS,YAAY,CAAC,CAAC;EAC/C,MAAMC,UAAU,GAAGZ,aAAa,GAC5BU,SAAS,GAAGX,SAAS,GACrBW,SAAS;EAEb,MAAMG,OAAO,GAAGZ,YAAY,CAAC,CAAC,CAAC,EAAEY,OAAO,IAAI,EAAE;EAE9C,oBACExB,KAAA,CAAAyB,aAAA;IACEC,SAAS,EAAEvB,MAAM,CAACwB,aAAc;IAChCC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGN,UAAU;IACvB;EAAE,GAEDV,cAAc,CAACiB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,UAAU,IAAK;IACpD,MAAMC,GAAG,GAAG3B,IAAI,CAAC0B,UAAU,CAACE,KAAK,CAAC;IAElC,oBACElC,KAAA,CAAAyB,aAAA,CAACrB,QAAQ;MACP+B,GAAG,EAAEF,GAAG,CAACG,EAAG;MACZH,GAAG,EAAEA,GAAI;MACTD,UAAU,EAAEA,UAAW;MACvBxB,UAAU,EAAEA,UAAW;MACvBC,qBAAqB,EAAEA;IAAsB,CAC9C,CAAC;EAEN,CAAC,CAAC,EACDE,aAAa,iBACZX,KAAA,CAAAyB,aAAA,CAACvB,UAAU;IACTsB,OAAO,EAAEA,OAAQ;IACjBa,UAAU,EAAEhB,SAAU;IACtBX,SAAS,EAAEA,SAAU;IACrB4B,WAAW,EAAEd,OAAO,CAACT;EAAO,CAC7B,CAEE,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"file":"TableBody.js","names":["useVirtualizer","React","useLayoutEffect","LoadingRow","styles","TableRow","TableBody","rows","tableContainerRef","onRowClick","renderCellContextMenu","rowHeight","isLoadingMore","headerGroups","focusedRowId","setFocusedRowId","isInEditMode","rowVirtualizer","count","length","estimateSize","getScrollElement","current","overscan","measure","totalSize","getTotalSize","bodyHeight","headers","createElement","className","osdkTableBody","style","height","getVirtualItems","map","virtualRow","row","index","key","id","translateY","columnCount"],"sources":["TableBody.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, HeaderGroup, Row, RowData } from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport React, { useLayoutEffect } from \"react\";\nimport { LoadingRow } from \"./LoadingRow.js\";\nimport styles from \"./TableBody.module.css\";\nimport { TableRow } from \"./TableRow.js\";\n\ninterface TableBodyProps<TData extends RowData> {\n  rows: Array<Row<TData>>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  isLoadingMore?: boolean;\n  headerGroups?: Array<HeaderGroup<TData>>;\n  focusedRowId?: string | null;\n  setFocusedRowId?: (rowId: string | null) => void;\n  isInEditMode?: boolean;\n}\n\nexport function TableBody<TData extends RowData>({\n  rows,\n  tableContainerRef,\n  onRowClick,\n  renderCellContextMenu,\n  rowHeight = 40,\n  isLoadingMore = false,\n  headerGroups = [],\n  focusedRowId,\n  setFocusedRowId,\n  isInEditMode,\n}: TableBodyProps<TData>): React.ReactElement {\n  // Important: Keep the row virtualizer in the lowest component possible to avoid unnecessary re-renders.\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => rowHeight,\n    getScrollElement: () => tableContainerRef.current,\n    overscan: 5,\n  });\n\n  // Measure the virtualizer after the DOM has been laid out to ensure proper dimensions\n  useLayoutEffect(() => {\n    rowVirtualizer.measure();\n  }, [rowVirtualizer, rows.length]);\n\n  const totalSize = rowVirtualizer.getTotalSize();\n  const bodyHeight = isLoadingMore\n    ? totalSize + rowHeight\n    : totalSize;\n\n  const headers = headerGroups[0]?.headers ?? [];\n\n  return (\n    <tbody\n      className={styles.osdkTableBody}\n      style={{\n        height: `${bodyHeight}px`,\n      }}\n    >\n      {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n        const row = rows[virtualRow.index];\n\n        return (\n          <TableRow\n            key={row.id}\n            row={row}\n            virtualRow={virtualRow}\n            onRowClick={onRowClick}\n            renderCellContextMenu={renderCellContextMenu}\n            focusedRowId={focusedRowId}\n            setFocusedRowId={setFocusedRowId}\n            isInEditMode={isInEditMode}\n          />\n        );\n      })}\n      {isLoadingMore && (\n        <LoadingRow\n          headers={headers}\n          translateY={totalSize}\n          rowHeight={rowHeight}\n          columnCount={headers.length}\n        />\n      )}\n    </tbody>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,cAAc,QAAQ,yBAAyB;AACxD,OAAOC,KAAK,IAAIC,eAAe,QAAQ,OAAO;AAC9C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,QAAQ,QAAQ,eAAe;AAkBxC,OAAO,SAASC,SAASA,CAAwB;EAC/CC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,qBAAqB;EACrBC,SAAS,GAAG,EAAE;EACdC,aAAa,GAAG,KAAK;EACrBC,YAAY,GAAG,EAAE;EACjBC,YAAY;EACZC,eAAe;EACfC;AACqB,CAAC,EAAsB;EAC5C;EACA,MAAMC,cAAc,GAAGjB,cAAc,CAAsC;IACzEkB,KAAK,EAAEX,IAAI,CAACY,MAAM;IAClBC,YAAY,EAAEA,CAAA,KAAMT,SAAS;IAC7BU,gBAAgB,EAAEA,CAAA,KAAMb,iBAAiB,CAACc,OAAO;IACjDC,QAAQ,EAAE;EACZ,CAAC,CAAC;;EAEF;EACArB,eAAe,CAAC,MAAM;IACpBe,cAAc,CAACO,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACP,cAAc,EAAEV,IAAI,CAACY,MAAM,CAAC,CAAC;EAEjC,MAAMM,SAAS,GAAGR,cAAc,CAACS,YAAY,CAAC,CAAC;EAC/C,MAAMC,UAAU,GAAGf,aAAa,GAC5Ba,SAAS,GAAGd,SAAS,GACrBc,SAAS;EAEb,MAAMG,OAAO,GAAGf,YAAY,CAAC,CAAC,CAAC,EAAEe,OAAO,IAAI,EAAE;EAE9C,oBACE3B,KAAA,CAAA4B,aAAA;IACEC,SAAS,EAAE1B,MAAM,CAAC2B,aAAc;IAChCC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGN,UAAU;IACvB;EAAE,GAEDV,cAAc,CAACiB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,UAAU,IAAK;IACpD,MAAMC,GAAG,GAAG9B,IAAI,CAAC6B,UAAU,CAACE,KAAK,CAAC;IAElC,oBACErC,KAAA,CAAA4B,aAAA,CAACxB,QAAQ;MACPkC,GAAG,EAAEF,GAAG,CAACG,EAAG;MACZH,GAAG,EAAEA,GAAI;MACTD,UAAU,EAAEA,UAAW;MACvB3B,UAAU,EAAEA,UAAW;MACvBC,qBAAqB,EAAEA,qBAAsB;MAC7CI,YAAY,EAAEA,YAAa;MAC3BC,eAAe,EAAEA,eAAgB;MACjCC,YAAY,EAAEA;IAAa,CAC5B,CAAC;EAEN,CAAC,CAAC,EACDJ,aAAa,iBACZX,KAAA,CAAA4B,aAAA,CAAC1B,UAAU;IACTyB,OAAO,EAAEA,OAAQ;IACjBa,UAAU,EAAEhB,SAAU;IACtBd,SAAS,EAAEA,SAAU;IACrB+B,WAAW,EAAEd,OAAO,CAACT;EAAO,CAC7B,CAEE,CAAC;AAEZ","ignoreList":[]}

package/build/browser/object-table/TableBody.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.
+ */
+
+.osdkTableBody {
+  display: grid;
+  position: relative;
+  width: max-content;
+  min-width: 100%;
+}

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;