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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItemsList.js","names":["React","useCallback","DraggableList","SortableItemsList","items","onReorder","onRemove","className","renderContent","item","content","createElement","removeIconVariant"],"sources":["SortableItemsList.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 React, { useCallback } from \"react\";\nimport {\n  type DraggableItem,\n  DraggableList,\n} from \"../base-components/draggable-list/DraggableList.js\";\n\nexport interface SortableItem extends DraggableItem {\n  content: React.ReactNode;\n}\n\ninterface SortableItemsListProps {\n  items: SortableItem[];\n  onReorder: (fromIndex: number, toIndex: number) => void;\n  onRemove: (id: string) => void;\n  className?: string;\n}\n\nexport function SortableItemsList({\n  items,\n  onReorder,\n  onRemove,\n  className,\n}: SortableItemsListProps): React.ReactElement {\n  const renderContent = useCallback((item: SortableItem) => item.content, []);\n\n  return (\n    <DraggableList\n      items={items}\n      onReorder={onReorder}\n      onRemove={onRemove}\n      removeIconVariant=\"cross\"\n      renderContent={renderContent}\n      className={className}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAEEC,aAAa,QACR,oDAAoD;AAa3D,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC;AACsB,CAAC,EAAsB;EAC7C,MAAMC,aAAa,GAAGP,WAAW,CAAEQ,IAAkB,IAAKA,IAAI,CAACC,OAAO,EAAE,EAAE,CAAC;EAE3E,oBACEV,KAAA,CAAAW,aAAA,CAACT,aAAa;IACZE,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA,QAAS;IACnBM,iBAAiB,EAAC,OAAO;IACzBJ,aAAa,EAAEA,aAAc;IAC7BD,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

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

@@ -20,6 +20,7 @@ import { LoadingStateTable } from "./LoadingStateTable.js";
 import { NonIdealState } from "./NonIdealState.js";
 import styles from "./Table.module.css.js";
 import { TableBody } from "./TableBody.js";
+import { TableEditContainer } from "./TableEditContainer.js";
 import { TableHeader } from "./TableHeader.js";
 export function BaseTable({
   table,
@@ -29,10 +30,13 @@ export function BaseTable({
   rowHeight,
   renderCellContextMenu,
   className,
-  error
+  error,
+  headerMenuFeatureFlags,
+  editableConfig
 }) {
   const tableContainerRef = useRef(null);
   const [isLoadingMore, setIsLoadingMore] = useState(false);
+  const [focusedRowId, setFocusedRowId] = useState(null);
 
   // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight
   const fetchingRef = useRef(false);
@@ -65,9 +69,23 @@ export function BaseTable({
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
   const hasData = rows.length > 0;
+  const hasEditableColumns = table.getAllColumns().some(column => column.columnDef.meta?.editable === true);
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (tableContainerRef.current && !tableContainerRef.current.contains(event.target)) {
+        setFocusedRowId(null);
+      }
+    };
+    document.addEventListener("click", handleClickOutside);
+    return () => {
+      document.removeEventListener("click", handleClickOutside);
+    };
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkTableWrapper, className)
+  }, /*#__PURE__*/React.createElement("div", {
     ref: tableContainerRef,
-    className: classNames(styles.osdkTableContainer, className),
+    className: styles.osdkTableContainer,
     onScroll: handleScroll
   }, /*#__PURE__*/React.createElement("table", null, isLoading && !hasData ? /*#__PURE__*/React.createElement(LoadingStateTable, {
     table: table,
@@ -75,7 +93,8 @@ export function BaseTable({
     rowHeight: rowHeight,
     tableContainerRef: tableContainerRef
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableHeader, {
-    table: table
+    table: table,
+    headerMenuFeatureFlags: headerMenuFeatureFlags
   }), /*#__PURE__*/React.createElement(TableBody, {
     rows: rows,
     tableContainerRef: tableContainerRef,
@@ -83,11 +102,17 @@ export function BaseTable({
     rowHeight: rowHeight,
     renderCellContextMenu: renderCellContextMenu,
     isLoadingMore: isLoadingMore,
-    headerGroups: headerGroups
+    headerGroups: headerGroups,
+    focusedRowId: focusedRowId,
+    setFocusedRowId: setFocusedRowId,
+    isInEditMode: editableConfig?.editModeState.isActive
   }))), !hasData && error == null && /*#__PURE__*/React.createElement(NonIdealState, {
     message: "No Data"
   }), error != null && /*#__PURE__*/React.createElement(NonIdealState, {
     message: `Error Loading Data: ${error.message}`
+  })), hasEditableColumns && editableConfig && /*#__PURE__*/React.createElement(TableEditContainer, {
+    editableConfig: editableConfig,
+    focusedRowId: focusedRowId
   }));
 }
 //# sourceMappingURL=Table.js.map

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              <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":[]}
+{"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","editModeState","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    isAsyncColumn?: boolean;\n    isVisible?: boolean;\n    editable?: boolean;\n    dataType?: string;\n    validateEdit?: (value: unknown) => Promise<string | undefined>;\n  }\n  interface TableMeta<TData extends RowData = unknown> {\n    onCellEdit?: (\n      cellId: string,\n      info: CellEditInfo<TData, unknown>,\n    ) => void;\n    onCellValidationError?: (\n      cellId: string,\n      error: string,\n    ) => void;\n    clearCellValidationError?: (cellId: string) => void;\n    cellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n    isInEditMode?: boolean;\n    validationErrors?: Map<string, string>;\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?.editModeState.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 && editableConfig && (\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

@@ -14,9 +14,24 @@
  * limitations under the License.
  */
 
-.osdkTableContainer {
-  position: relative; /* needed for sticky header */
+.osdkTableWrapper {
+  display: flex;
+  flex-direction: column;
   height: 100%;
-  width: 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

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

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

@@ -26,7 +26,10 @@ export function TableBody({
   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({
@@ -55,7 +58,10 @@ export function TableBody({
       row: row,
       virtualRow: virtualRow,
       onRowClick: onRowClick,
-      renderCellContextMenu: renderCellContextMenu
+      renderCellContextMenu: renderCellContextMenu,
+      isFocused: focusedRowId === row.id,
+      setFocusedRowId: setFocusedRowId,
+      isInEditMode: isInEditMode
     });
   }), isLoadingMore && /*#__PURE__*/React.createElement(LoadingRow, {
     headers: headers,

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","isFocused","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            isFocused={focusedRowId === row.id}\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;MAC7C+B,SAAS,EAAE3B,YAAY,KAAKuB,GAAG,CAACG,EAAG;MACnCzB,eAAe,EAAEA,eAAgB;MACjCC,YAAY,EAAEA;IAAa,CAC5B,CAAC;EAEN,CAAC,CAAC,EACDJ,aAAa,iBACZX,KAAA,CAAA4B,aAAA,CAAC1B,UAAU;IACTyB,OAAO,EAAEA,OAAQ;IACjBc,UAAU,EAAEjB,SAAU;IACtBd,SAAS,EAAEA,SAAU;IACrBgC,WAAW,EAAEf,OAAO,CAACT;EAAO,CAC7B,CAEE,CAAC;AAEZ","ignoreList":[]}

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

@@ -17,4 +17,6 @@
 .osdkTableBody {
   display: grid;
   position: relative;
+  width: max-content;
+  min-width: 100%;
 }

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

@@ -17,6 +17,7 @@
 .osdkTableCell {
   display: flex;
   align-items: center;
+  height: 100%;
   text-align: left;
   position: relative;
   padding: var(--osdk-table-cell-padding);
@@ -38,6 +39,7 @@
 .osdkTableCell[data-pinned="right"] {
   position: sticky;
   z-index: var(--osdk-surface-z-index-1);
+  background-color: inherit;
 }
 
 /* Last left-pinned column - no left-pinned siblings after it */
@@ -46,12 +48,15 @@
 }
 
 /* First right-pinned column - no right-pinned siblings before it */
-.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {
+.osdkTableCell[data-pinned="right"]:not(
+    :has(~ [data-pinned="right"]):nth-child(n + 2)
+  ) {
   border-left: var(--osdk-table-pinned-column-border);
 }
 
 .osdkTableCell:has([role="checkbox"]) {
   justify-content: center;
+  padding: 0;
 }
 
 .osdkTableCellContent:not(:has([role="checkbox"])) {
@@ -59,4 +64,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: left;
+  flex: 1;
+}
+
+.osdkCheckboxContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
 }

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

@@ -1,7 +1,8 @@
 // CSS Module proxy for TableCell.module.css
 const styles = {
   "osdkTableCell": "TableCell-module__osdkTableCell___gVl6jToJ",
-  "osdkTableCellContent": "TableCell-module__osdkTableCellContent___tcj6DRaU"
+  "osdkTableCellContent": "TableCell-module__osdkTableCellContent___tcj6DRaU",
+  "osdkCheckboxContainer": "TableCell-module__osdkCheckboxContainer___Ex-KJho3"
 };
 
 export default styles;

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

@@ -0,0 +1,90 @@
+/*
+ * Copyright 2026 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 { Error } from "@blueprintjs/icons";
+import React, { useCallback, useState } from "react";
+import { ActionButton } from "../base-components/action-button/ActionButton.js";
+import styles from "./TableEditContainer.module.css.js";
+export function TableEditContainer({
+  editableConfig,
+  focusedRowId
+}) {
+  const {
+    cellEdits,
+    onSubmitEdits,
+    clearEdits,
+    editModeState,
+    validationErrors
+  } = editableConfig;
+  const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
+  const hasValidationError = (validationErrors?.size ?? 0) > 0;
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const isInEditMode = editModeState.isActive;
+  const canToggleEditMode = editModeState.type === "manual";
+  const handleSubmitEdits = useCallback(async () => {
+    setIsSubmitting(true);
+    try {
+      const success = await onSubmitEdits?.();
+      if (success) {
+        clearEdits?.();
+        if (editModeState?.type === "manual") {
+          editModeState.setActive(false);
+        }
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [editModeState, onSubmitEdits, clearEdits]);
+  const handleCancelEdits = useCallback(() => {
+    clearEdits?.();
+    if (editModeState?.type === "manual") {
+      editModeState.setActive(false);
+    }
+  }, [clearEdits, editModeState]);
+  const handleEnterEditMode = useCallback(() => {
+    if (editModeState?.type === "manual") {
+      editModeState.setActive(true);
+    }
+  }, [editModeState]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.tableEditContainer
+  }, hasEdits || hasValidationError ? /*#__PURE__*/React.createElement("div", {
+    className: styles.editsInfoContainer
+  }, hasEdits && /*#__PURE__*/React.createElement("div", {
+    className: styles.modificationCount
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`), hasEdits && hasValidationError && /*#__PURE__*/React.createElement("div", {
+    className: styles.divider
+  }), hasValidationError && /*#__PURE__*/React.createElement("div", {
+    className: styles.validationError
+  }, /*#__PURE__*/React.createElement(Error, {
+    className: styles.errorIcon
+  }), "Validation error")) : isInEditMode && !focusedRowId && /*#__PURE__*/React.createElement("div", {
+    className: styles.placeholder
+  }, "Select a row to edit data\u2026"), /*#__PURE__*/React.createElement("div", {
+    className: styles.editButtons
+  }, !isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleEnterEditMode
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "secondary",
+    onClick: handleCancelEdits
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleSubmitEdits,
+    disabled: !hasEdits || isSubmitting || hasValidationError
+  }, "Submit Edits")));
+}
+//# sourceMappingURL=TableEditContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableEditContainer.js","names":["Error","React","useCallback","useState","ActionButton","styles","TableEditContainer","editableConfig","focusedRowId","cellEdits","onSubmitEdits","clearEdits","editModeState","validationErrors","hasEdits","Object","keys","length","hasValidationError","size","isSubmitting","setIsSubmitting","isInEditMode","isActive","canToggleEditMode","type","handleSubmitEdits","success","setActive","handleCancelEdits","handleEnterEditMode","createElement","className","tableEditContainer","editsInfoContainer","modificationCount","divider","validationError","errorIcon","placeholder","editButtons","variant","onClick","disabled"],"sources":["TableEditContainer.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { Error } from \"@blueprintjs/icons\";\nimport type { RowData } from \"@tanstack/react-table\";\nimport React, { type ReactElement, useCallback, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport styles from \"./TableEditContainer.module.css\";\nimport type { EditableConfig } from \"./utils/types.js\";\n\ninterface TableEditContainerProps<\n  TData extends RowData,\n> {\n  editableConfig: EditableConfig<TData, unknown>;\n  focusedRowId?: string | null;\n}\n\nexport function TableEditContainer<\n  TData extends RowData,\n>({\n  editableConfig,\n  focusedRowId,\n}: TableEditContainerProps<TData>): ReactElement {\n  const {\n    cellEdits,\n    onSubmitEdits,\n    clearEdits,\n    editModeState,\n    validationErrors,\n  } = editableConfig;\n\n  const hasEdits = Object.keys(cellEdits ?? {}).length > 0;\n  const hasValidationError = (validationErrors?.size ?? 0) > 0;\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const isInEditMode = editModeState.isActive;\n  const canToggleEditMode = editModeState.type === \"manual\";\n\n  const handleSubmitEdits = useCallback(async () => {\n    setIsSubmitting(true);\n    try {\n      const success = await onSubmitEdits?.();\n      if (success) {\n        clearEdits?.();\n        if (editModeState?.type === \"manual\") {\n          editModeState.setActive(false);\n        }\n      }\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [editModeState, onSubmitEdits, clearEdits]);\n\n  const handleCancelEdits = useCallback(() => {\n    clearEdits?.();\n    if (editModeState?.type === \"manual\") {\n      editModeState.setActive(false);\n    }\n  }, [clearEdits, editModeState]);\n\n  const handleEnterEditMode = useCallback(() => {\n    if (editModeState?.type === \"manual\") {\n      editModeState.setActive(true);\n    }\n  }, [editModeState]);\n\n  return (\n    <div className={styles.tableEditContainer}>\n      {hasEdits || hasValidationError\n        ? (\n          <div className={styles.editsInfoContainer}>\n            {hasEdits && (\n              <div className={styles.modificationCount}>\n                {`${\n                  cellEdits ? Object.keys(cellEdits).length : 0\n                } modifications`}\n              </div>\n            )}\n            {hasEdits && hasValidationError && (\n              <div className={styles.divider} />\n            )}\n            {hasValidationError && (\n              <div className={styles.validationError}>\n                <Error className={styles.errorIcon} />\n                Validation error\n              </div>\n            )}\n          </div>\n        )\n        : (isInEditMode && !focusedRowId && (\n          <div className={styles.placeholder}>\n            Select a row to edit data…\n          </div>\n        ))}\n      <div className={styles.editButtons}>\n        {!isInEditMode && canToggleEditMode && (\n          <ActionButton\n            variant=\"primary\"\n            onClick={handleEnterEditMode}\n          >\n            Edit Table\n          </ActionButton>\n        )}\n        {isInEditMode && canToggleEditMode && (\n          <ActionButton\n            variant=\"secondary\"\n            onClick={handleCancelEdits}\n          >\n            Cancel\n          </ActionButton>\n        )}\n        {isInEditMode && !!onSubmitEdits && (\n          <ActionButton\n            variant=\"primary\"\n            onClick={handleSubmitEdits}\n            disabled={!hasEdits || isSubmitting || hasValidationError}\n          >\n            Submit Edits\n          </ActionButton>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+/*
+ * 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.
+ */
+
+.tableEditContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--osdk-surface-background-color-default-rest);
+  border-top: var(--osdk-table-border);
+  padding: var(--osdk-table-edit-container-padding);
+  min-height: var(--osdk-table-edit-container-min-height);
+}
+
+.placeholder {
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+
+.editsInfoContainer {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+  gap: calc(var(--osdk-surface-spacing) * 3);
+  font-size: var(--osdk-typography-size-body-small);
+}
+
+.modificationCount {
+  color: var(--osdk-intent-primary-rest);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+
+.editButtons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  flex: 1;
+}
+
+.validationError {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  color: var(--osdk-intent-danger-rest);
+}
+
+.errorIcon {
+  color: var(--osdk-intent-danger-rest);
+}
+
+.divider {
+  width: 1px;
+  height: 8px;
+  background-color: var(--osdk-surface-border-color-default);
+  align-self: center;
+}

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

@@ -0,0 +1,13 @@
+// CSS Module proxy for TableEditContainer.module.css
+const styles = {
+  "tableEditContainer": "TableEditContainer-module__tableEditContainer___cIVjgtld",
+  "placeholder": "TableEditContainer-module__placeholder___ggxoxvTp",
+  "editsInfoContainer": "TableEditContainer-module__editsInfoContainer___rio3wv4g",
+  "modificationCount": "TableEditContainer-module__modificationCount___sLN93v77",
+  "editButtons": "TableEditContainer-module__editButtons___xI-Z7kz1",
+  "validationError": "TableEditContainer-module__validationError___kQN-U73X",
+  "errorIcon": "TableEditContainer-module__errorIcon___aZ797GFl",
+  "divider": "TableEditContainer-module__divider___W-1K3O-k"
+};
+
+export default styles;

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

@@ -14,19 +14,90 @@
  * limitations under the License.
  */
 
-import React from "react";
+import classNames from "classnames";
+import React, { useCallback, useMemo, useState } from "react";
+import { ColumnConfigDialog } from "./ColumnConfigDialog.js";
+import { MultiColumnSortDialog } from "./MultiColumnSortDialog.js";
 import styles from "./TableHeader.module.css.js";
 import { TableHeaderContent } from "./TableHeaderContent.js";
 import { TableHeaderWithPopover } from "./TableHeaderWithPopover.js";
 import { SELECTION_COLUMN_ID } from "./utils/constants.js";
 import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
+const getHeaderName = (column, allHeaders) => {
+  const {
+    id,
+    columnDef
+  } = column;
+  const header = allHeaders.find(header => header.id === id);
+  const headerDef = columnDef.header;
+  if (headerDef) {
+    if (typeof headerDef === "string") {
+      return headerDef;
+    }
+    // Try to get header name from the renderHeader function
+    if (header) {
+      const displayedHeader = headerDef(header.getContext());
+      if (typeof displayedHeader === "string") return displayedHeader;
+    }
+  }
+  // Fallback to use the columnName provided by user or id
+  const {
+    meta
+  } = columnDef;
+  return meta?.columnName ?? id;
+};
 export function TableHeader({
-  table
+  table,
+  headerMenuFeatureFlags
 }) {
   // TODO: If value is number type, right align header
 
+  const {
+    setColumnOrder,
+    setColumnVisibility,
+    setSorting
+  } = table;
+  const currentSorting = table.getState().sorting;
+  const currentVisibility = table.getState().columnVisibility;
+  const currentColumnOrder = table.getState().columnOrder;
   const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;
-  return /*#__PURE__*/React.createElement("thead", {
+  const [configDialogOpen, setConfigDialogOpen] = useState(false);
+  const [multiSortDialogOpen, setMultiSortDialogOpen] = useState(false);
+  const handleOpenColumnConfig = useCallback(() => {
+    setConfigDialogOpen(true);
+  }, []);
+  const handleCloseColumnConfig = useCallback(() => {
+    setConfigDialogOpen(false);
+  }, []);
+  const handleOpenMultiSort = useCallback(() => {
+    setMultiSortDialogOpen(true);
+  }, []);
+  const handleCloseMultiSort = useCallback(() => {
+    setMultiSortDialogOpen(false);
+  }, []);
+  const handleApplyMultiSort = useCallback(sortColumns => {
+    setMultiSortDialogOpen(false);
+    setSorting?.(sortColumns);
+  }, [setSorting]);
+  const handleApplyColumnConfig = useCallback(updates => {
+    const newVisibilityState = {};
+    for (const update of updates) {
+      newVisibilityState[update.columnId] = update.isVisible;
+    }
+    setColumnOrder(updates.map(col => col.columnId));
+    setColumnVisibility(newVisibilityState);
+  }, [setColumnOrder, setColumnVisibility]);
+  const columnOptions = useMemo(() => {
+    const allHeaders = table.getHeaderGroups().flatMap(headerGroup => headerGroup.headers);
+    return table.getAllColumns().filter(column => column.id !== SELECTION_COLUMN_ID).map(column => {
+      return {
+        id: column.id,
+        name: getHeaderName(column, allHeaders),
+        canSort: column.getCanSort()
+      };
+    });
+  }, [table]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("thead", {
     className: styles.osdkTableHeader,
     "data-resizing": isResizing
   }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement("tr", {
@@ -41,20 +112,39 @@ export function TableHeader({
     return /*#__PURE__*/React.createElement("th", {
       key: header.id,
       "data-pinned": header.column.getIsPinned(),
-      className: styles.osdkTableHeaderCell,
+      className: classNames(styles.osdkTableHeaderCell, {
+        [styles.osdkTableSelectionHeaderCell]: isSelectColumn
+      }),
       style: columnStyles
     }, header.isPlaceholder ? null : isSelectColumn ? /*#__PURE__*/React.createElement(TableHeaderContent, {
       header: header
     }) : /*#__PURE__*/React.createElement(TableHeaderWithPopover, {
+      table: table,
       header: header,
       isColumnPinned: isColumnPinned,
-      setColumnPinning: table.setColumnPinning
-    }), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
+      columnOptions: columnOptions,
+      featureFlags: headerMenuFeatureFlags,
+      onOpenColumnConfig: handleOpenColumnConfig,
+      onOpenMultiSort: handleOpenMultiSort
+    }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /*#__PURE__*/React.createElement("div", {
       className: styles.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),
       onMouseDown: header.getResizeHandler(),
       onTouchStart: header.getResizeHandler()
     }));
-  }))));
+  })))), !!columnOptions?.length && /*#__PURE__*/React.createElement(ColumnConfigDialog, {
+    isOpen: configDialogOpen,
+    onClose: handleCloseColumnConfig,
+    columnOptions: columnOptions,
+    currentVisibility: currentVisibility,
+    currentColumnOrder: currentColumnOrder,
+    onApply: handleApplyColumnConfig
+  }), columnOptions?.some(col => col.canSort) && /*#__PURE__*/React.createElement(MultiColumnSortDialog, {
+    isOpen: multiSortDialogOpen,
+    onClose: handleCloseMultiSort,
+    columnOptions: columnOptions,
+    currentSorting: currentSorting,
+    onApply: handleApplyMultiSort
+  }));
 }
 //# sourceMappingURL=TableHeader.js.map