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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @osdk/react-components
 
+## 0.2.0-beta.11
+
+### Minor Changes
+
+- 447e29d: Update editable table UX and API to pass the entire row data on edit
+
 ## 0.2.0-beta.10
 
 ### Minor Changes

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

@@ -20,7 +20,7 @@ import { getCellId } from "./utils/getCellId.js";
 export function renderDefaultCell(cellContext) {
   const meta = cellContext.table.options.meta;
   const columnMeta = cellContext.column.columnDef.meta;
-  if (!columnMeta?.editable || !meta?.onCellEdit) {
+  if (!columnMeta?.editable || !meta?.onCellEdit || !meta?.isInEditMode) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, cellContext.getValue());
   }
   const rowId = cellContext.row.id;
@@ -37,7 +37,10 @@ export function renderDefaultCell(cellContext) {
     currentValue: currentValue,
     cellId: cellId,
     dataType: columnMeta?.dataType,
-    onCellEdit: meta.onCellEdit
+    onCellEdit: meta.onCellEdit,
+    originalRowData: cellContext.row.original,
+    rowId: rowId,
+    columnId: columnId
   });
 }
 //# sourceMappingURL=DefaultCellRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultCellRenderer.js","names":["React","EditableCell","getCellId","renderDefaultCell","cellContext","meta","table","options","columnMeta","column","columnDef","editable","onCellEdit","createElement","Fragment","getValue","rowId","row","id","columnId","cellId","cellEdits","editedValue","currentValue","newValue","initialValue","dataType"],"sources":["DefaultCellRenderer.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 { CellContext } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { EditableCell } from \"./EditableCell.js\";\nimport { getCellId } from \"./utils/getCellId.js\";\n\nexport function renderDefaultCell<TData>(\n  cellContext: CellContext<TData, unknown>,\n): React.ReactNode {\n  const meta = cellContext.table.options.meta;\n  const columnMeta = cellContext.column.columnDef.meta;\n\n  if (!columnMeta?.editable || !meta?.onCellEdit) {\n    return <>{cellContext.getValue()}</>;\n  }\n\n  const rowId = cellContext.row.id;\n  const columnId = cellContext.column.id;\n  const cellId = getCellId({ rowId, columnId });\n\n  const cellEdits = meta.cellEdits;\n  const editedValue = cellEdits?.[cellId];\n  const currentValue = editedValue?.newValue ?? cellContext.getValue();\n\n  return (\n    <EditableCell\n      initialValue={cellContext.getValue()}\n      currentValue={currentValue}\n      cellId={cellId}\n      dataType={columnMeta?.dataType}\n      onCellEdit={meta.onCellEdit}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,OAAO,SAASC,iBAAiBA,CAC/BC,WAAwC,EACvB;EACjB,MAAMC,IAAI,GAAGD,WAAW,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI;EAC3C,MAAMG,UAAU,GAAGJ,WAAW,CAACK,MAAM,CAACC,SAAS,CAACL,IAAI;EAEpD,IAAI,CAACG,UAAU,EAAEG,QAAQ,IAAI,CAACN,IAAI,EAAEO,UAAU,EAAE;IAC9C,oBAAOZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QAAGV,WAAW,CAACW,QAAQ,CAAC,CAAI,CAAC;EACtC;EAEA,MAAMC,KAAK,GAAGZ,WAAW,CAACa,GAAG,CAACC,EAAE;EAChC,MAAMC,QAAQ,GAAGf,WAAW,CAACK,MAAM,CAACS,EAAE;EACtC,MAAME,MAAM,GAAGlB,SAAS,CAAC;IAAEc,KAAK;IAAEG;EAAS,CAAC,CAAC;EAE7C,MAAME,SAAS,GAAGhB,IAAI,CAACgB,SAAS;EAChC,MAAMC,WAAW,GAAGD,SAAS,GAAGD,MAAM,CAAC;EACvC,MAAMG,YAAY,GAAGD,WAAW,EAAEE,QAAQ,IAAIpB,WAAW,CAACW,QAAQ,CAAC,CAAC;EAEpE,oBACEf,KAAA,CAAAa,aAAA,CAACZ,YAAY;IACXwB,YAAY,EAAErB,WAAW,CAACW,QAAQ,CAAC,CAAE;IACrCQ,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfM,QAAQ,EAAElB,UAAU,EAAEkB,QAAS;IAC/Bd,UAAU,EAAEP,IAAI,CAACO;EAAW,CAC7B,CAAC;AAEN","ignoreList":[]}
+{"version":3,"file":"DefaultCellRenderer.js","names":["React","EditableCell","getCellId","renderDefaultCell","cellContext","meta","table","options","columnMeta","column","columnDef","editable","onCellEdit","isInEditMode","createElement","Fragment","getValue","rowId","row","id","columnId","cellId","cellEdits","editedValue","currentValue","newValue","initialValue","dataType","originalRowData","original"],"sources":["DefaultCellRenderer.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 { CellContext, RowData } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { EditableCell } from \"./EditableCell.js\";\nimport { getCellId } from \"./utils/getCellId.js\";\n\nexport function renderDefaultCell<TData extends RowData>(\n  cellContext: CellContext<TData, unknown>,\n): React.ReactNode {\n  const meta = cellContext.table.options.meta;\n  const columnMeta = cellContext.column.columnDef.meta;\n\n  if (!columnMeta?.editable || !meta?.onCellEdit || !meta?.isInEditMode) {\n    return <>{cellContext.getValue()}</>;\n  }\n\n  const rowId = cellContext.row.id;\n  const columnId = cellContext.column.id;\n  const cellId = getCellId({ rowId, columnId });\n\n  const cellEdits = meta.cellEdits;\n  const editedValue = cellEdits?.[cellId];\n  const currentValue = editedValue?.newValue ?? cellContext.getValue();\n\n  return (\n    <EditableCell<TData>\n      initialValue={cellContext.getValue()}\n      currentValue={currentValue}\n      cellId={cellId}\n      dataType={columnMeta?.dataType}\n      onCellEdit={meta.onCellEdit}\n      originalRowData={cellContext.row.original}\n      rowId={rowId}\n      columnId={columnId}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,mBAAmB;AAChD,SAASC,SAAS,QAAQ,sBAAsB;AAEhD,OAAO,SAASC,iBAAiBA,CAC/BC,WAAwC,EACvB;EACjB,MAAMC,IAAI,GAAGD,WAAW,CAACE,KAAK,CAACC,OAAO,CAACF,IAAI;EAC3C,MAAMG,UAAU,GAAGJ,WAAW,CAACK,MAAM,CAACC,SAAS,CAACL,IAAI;EAEpD,IAAI,CAACG,UAAU,EAAEG,QAAQ,IAAI,CAACN,IAAI,EAAEO,UAAU,IAAI,CAACP,IAAI,EAAEQ,YAAY,EAAE;IACrE,oBAAOb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QAAGX,WAAW,CAACY,QAAQ,CAAC,CAAI,CAAC;EACtC;EAEA,MAAMC,KAAK,GAAGb,WAAW,CAACc,GAAG,CAACC,EAAE;EAChC,MAAMC,QAAQ,GAAGhB,WAAW,CAACK,MAAM,CAACU,EAAE;EACtC,MAAME,MAAM,GAAGnB,SAAS,CAAC;IAAEe,KAAK;IAAEG;EAAS,CAAC,CAAC;EAE7C,MAAME,SAAS,GAAGjB,IAAI,CAACiB,SAAS;EAChC,MAAMC,WAAW,GAAGD,SAAS,GAAGD,MAAM,CAAC;EACvC,MAAMG,YAAY,GAAGD,WAAW,EAAEE,QAAQ,IAAIrB,WAAW,CAACY,QAAQ,CAAC,CAAC;EAEpE,oBACEhB,KAAA,CAAAc,aAAA,CAACb,YAAY;IACXyB,YAAY,EAAEtB,WAAW,CAACY,QAAQ,CAAC,CAAE;IACrCQ,YAAY,EAAEA,YAAa;IAC3BH,MAAM,EAAEA,MAAO;IACfM,QAAQ,EAAEnB,UAAU,EAAEmB,QAAS;IAC/Bf,UAAU,EAAEP,IAAI,CAACO,UAAW;IAC5BgB,eAAe,EAAExB,WAAW,CAACc,GAAG,CAACW,QAAS;IAC1CZ,KAAK,EAAEA,KAAM;IACbG,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN","ignoreList":[]}

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

@@ -15,6 +15,7 @@
  */
 
 import { Input } from "@base-ui/react/input";
+import classNames from "classnames";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import styles from "./EditableCell.module.css.js";
 const NUMBER_TYPES = ["double", "integer", "long", "float", "decimal", "byte", "short"];
@@ -41,12 +42,15 @@ function parseValueByType(value, dataType) {
   }
   return parsedNumber;
 }
-export function EditableCell({
+function EditableCellInner({
   initialValue,
   currentValue,
   cellId,
   dataType,
-  onCellEdit
+  onCellEdit,
+  originalRowData,
+  rowId,
+  columnId
 }) {
   const [inputValue, setInputValue] = useState(valueToString(currentValue));
   const isCancelled = useRef(false);
@@ -60,11 +64,14 @@ export function EditableCell({
       return;
     }
     const parsedValue = parseValueByType(inputValue, dataType);
-    onCellEdit?.(cellId, {
+    onCellEdit(cellId, {
+      rowId,
+      columnId,
       newValue: parsedValue,
-      oldValue: initialValue
+      oldValue: initialValue,
+      originalRowData
     });
-  }, [inputValue, initialValue, onCellEdit, cellId, dataType]);
+  }, [inputValue, initialValue, onCellEdit, cellId, dataType, rowId, columnId, originalRowData]);
   const handleChange = useCallback(value => {
     setInputValue(value);
   }, []);
@@ -80,7 +87,9 @@ export function EditableCell({
   }, [currentValue]);
   const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
   return /*#__PURE__*/React.createElement(Input, {
-    className: styles.osdkEditableInput,
+    className: classNames(styles.osdkEditableInput, {
+      [styles.osdkEditedInput]: currentValue !== initialValue
+    }),
     type: inputType,
     value: inputValue,
     onValueChange: handleChange,
@@ -88,4 +97,5 @@ export function EditableCell({
     onKeyDown: handleKeyDown
   });
 }
+export const EditableCell = /*#__PURE__*/React.memo(EditableCellInner);
 //# sourceMappingURL=EditableCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","names":["Input","React","useCallback","useEffect","useRef","useState","styles","NUMBER_TYPES","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","EditableCell","initialValue","currentValue","cellId","onCellEdit","inputValue","setInputValue","isCancelled","handleBlur","current","parsedValue","newValue","oldValue","handleChange","handleKeyDown","e","key","currentTarget","blur","inputType","createElement","className","osdkEditableInput","type","onValueChange","onBlur","onKeyDown"],"sources":["EditableCell.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 { Input } from \"@base-ui/react/input\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styles from \"./EditableCell.module.css\";\nimport type { CellValueState } from \"./utils/types.js\";\n\nexport interface EditableCellProps {\n  initialValue: unknown;\n  currentValue: unknown;\n  cellId: string;\n  dataType?: string;\n  onCellEdit?: (cellId: string, state: CellValueState) => void;\n}\n\nconst NUMBER_TYPES: string[] = [\n  \"double\",\n  \"integer\",\n  \"long\",\n  \"float\",\n  \"decimal\",\n  \"byte\",\n  \"short\",\n];\n\nfunction valueToString(value: unknown): string {\n  if (value == null) {\n    return \"\";\n  }\n  if (typeof value === \"object\") {\n    return JSON.stringify(value);\n  }\n  // At this point, value is a primitive (string, number, boolean, symbol, bigint)\n  return String(value as string | number | boolean | symbol | bigint);\n}\n\nfunction parseValueByType(\n  value: string,\n  dataType?: string,\n): unknown {\n  if (!dataType || !NUMBER_TYPES.includes(dataType)) {\n    return value;\n  }\n\n  if (value === \"\") {\n    return null;\n  }\n\n  const parsedNumber = Number(value);\n\n  if (isNaN(parsedNumber)) {\n    return value;\n  }\n\n  return parsedNumber;\n}\n\nexport function EditableCell({\n  initialValue,\n  currentValue,\n  cellId,\n  dataType,\n  onCellEdit,\n}: EditableCellProps): React.ReactElement {\n  const [inputValue, setInputValue] = useState<string>(\n    valueToString(currentValue),\n  );\n  const isCancelled = useRef(false);\n\n  useEffect(() => {\n    setInputValue(valueToString(currentValue));\n  }, [currentValue]);\n\n  const handleBlur = useCallback(() => {\n    // Do not commit the edit if it was cancelled with Escape key\n    if (isCancelled.current) {\n      isCancelled.current = false;\n      return;\n    }\n    const parsedValue = parseValueByType(inputValue, dataType);\n    onCellEdit?.(cellId, { newValue: parsedValue, oldValue: initialValue });\n  }, [inputValue, initialValue, onCellEdit, cellId, dataType]);\n\n  const handleChange = useCallback((value: string) => {\n    setInputValue(value);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.currentTarget.blur();\n      }\n      if (e.key === \"Escape\") {\n        isCancelled.current = true;\n        setInputValue(valueToString(currentValue));\n        e.currentTarget.blur();\n      }\n    },\n    [currentValue],\n  );\n\n  const inputType = dataType && NUMBER_TYPES.includes(dataType)\n    ? \"number\"\n    : \"text\";\n\n  return (\n    <Input\n      className={styles.osdkEditableInput}\n      type={inputType}\n      value={inputValue}\n      onValueChange={handleChange}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableCell.js","names":["Input","classNames","React","useCallback","useEffect","useRef","useState","styles","NUMBER_TYPES","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","EditableCellInner","initialValue","currentValue","cellId","onCellEdit","originalRowData","rowId","columnId","inputValue","setInputValue","isCancelled","handleBlur","current","parsedValue","newValue","oldValue","handleChange","handleKeyDown","e","key","currentTarget","blur","inputType","createElement","className","osdkEditableInput","osdkEditedInput","type","onValueChange","onBlur","onKeyDown","EditableCell","memo"],"sources":["EditableCell.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 { Input } from \"@base-ui/react/input\";\nimport type { RowData } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport styles from \"./EditableCell.module.css\";\nimport type { CellEditInfo } from \"./utils/types.js\";\n\nexport interface EditableCellProps<TData extends RowData, CellValue = unknown> {\n  initialValue: CellValue;\n  currentValue: CellValue;\n  cellId: string;\n  dataType?: string;\n  onCellEdit: (cellId: string, info: CellEditInfo<TData, CellValue>) => void;\n  originalRowData: TData;\n  rowId: string;\n  columnId: string;\n}\n\nconst NUMBER_TYPES: string[] = [\n  \"double\",\n  \"integer\",\n  \"long\",\n  \"float\",\n  \"decimal\",\n  \"byte\",\n  \"short\",\n];\n\nfunction valueToString(value: unknown): string {\n  if (value == null) {\n    return \"\";\n  }\n  if (typeof value === \"object\") {\n    return JSON.stringify(value);\n  }\n  // At this point, value is a primitive (string, number, boolean, symbol, bigint)\n  return String(value as string | number | boolean | symbol | bigint);\n}\n\nfunction parseValueByType(\n  value: string,\n  dataType?: string,\n): unknown {\n  if (!dataType || !NUMBER_TYPES.includes(dataType)) {\n    return value;\n  }\n\n  if (value === \"\") {\n    return null;\n  }\n\n  const parsedNumber = Number(value);\n\n  if (isNaN(parsedNumber)) {\n    return value;\n  }\n\n  return parsedNumber;\n}\n\nfunction EditableCellInner<TData extends RowData, CellValue = unknown>({\n  initialValue,\n  currentValue,\n  cellId,\n  dataType,\n  onCellEdit,\n  originalRowData,\n  rowId,\n  columnId,\n}: EditableCellProps<TData, CellValue>): React.ReactElement {\n  const [inputValue, setInputValue] = useState<string>(\n    valueToString(currentValue),\n  );\n  const isCancelled = useRef(false);\n\n  useEffect(() => {\n    setInputValue(valueToString(currentValue));\n  }, [currentValue]);\n\n  const handleBlur = useCallback(() => {\n    // Do not commit the edit if it was cancelled with Escape key\n    if (isCancelled.current) {\n      isCancelled.current = false;\n      return;\n    }\n    const parsedValue = parseValueByType(inputValue, dataType);\n    onCellEdit(cellId, {\n      rowId,\n      columnId,\n      newValue: parsedValue as CellValue,\n      oldValue: initialValue,\n      originalRowData,\n    });\n  }, [\n    inputValue,\n    initialValue,\n    onCellEdit,\n    cellId,\n    dataType,\n    rowId,\n    columnId,\n    originalRowData,\n  ]);\n\n  const handleChange = useCallback((value: string) => {\n    setInputValue(value);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.currentTarget.blur();\n      }\n      if (e.key === \"Escape\") {\n        isCancelled.current = true;\n        setInputValue(valueToString(currentValue));\n        e.currentTarget.blur();\n      }\n    },\n    [currentValue],\n  );\n\n  const inputType = dataType && NUMBER_TYPES.includes(dataType)\n    ? \"number\"\n    : \"text\";\n\n  const isEdited = currentValue !== initialValue;\n\n  return (\n    <Input\n      className={classNames(styles.osdkEditableInput, {\n        [styles.osdkEditedInput]: isEdited,\n      })}\n      type={inputType}\n      value={inputValue}\n      onValueChange={handleChange}\n      onBlur={handleBlur}\n      onKeyDown={handleKeyDown}\n    />\n  );\n}\n\nexport const EditableCell = React.memo(\n  EditableCellInner,\n) as typeof EditableCellInner;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,31 @@
-.osdkEditableInput:focus {
-  outline: none;
+.osdkEditableInput {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
+  width: 100%;
+  border-radius: var(--osdk-surface-border-radius);
+  border: var(--osdk-surface-border-width) solid transparent;
+  background: inherit;
+
+  tr[data-focused="true"] & {
+    border: var(--osdk-table-cell-editable-border);
+    background: var(--osdk-table-cell-editable-bg);
+
+    &.osdkEditedInput {
+      border: var(--osdk-table-cell-edited-border);
+    }
+
+    &:focus,
+    &.osdkEditedInput:focus {
+      border: var(--osdk-emphasis-focus-width) solid
+        var(--osdk-emphasis-focus-color);
+    }
+  }
+}
+
+.osdkEditedInput {
+  border: var(--osdk-table-cell-edited-border);
+  background: var(--osdk-table-cell-editable-bg);
 }

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

@@ -1,6 +1,7 @@
 // CSS Module proxy for EditableCell.module.css
 const styles = {
-  "osdkEditableInput": "EditableCell-module__osdkEditableInput___2BjN5Q4P"
+  "osdkEditableInput": "EditableCell-module__osdkEditableInput___2BjN5Q4P",
+  "osdkEditedInput": "EditableCell-module__osdkEditedInput___HxzrAqJz"
 };
 
 export default styles;

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

@@ -27,7 +27,6 @@ import { useSelectionColumn } from "./hooks/useSelectionColumn.js";
 import { useTableSorting } from "./hooks/useTableSorting.js";
 import { BaseTable } from "./Table.js";
 import { getRowId } from "./utils/getRowId.js";
-
 /**
  * ObjectTable - A headless table component for displaying OSDK object sets
  *
@@ -59,6 +58,7 @@ export function ObjectTable({
   enableColumnPinning = true,
   enableColumnResizing = true,
   enableColumnConfig = true,
+  editMode = "manual",
   ...props
 }) {
   const {
@@ -67,15 +67,6 @@ export function ObjectTable({
   } = useColumnResize({
     onColumnResize
   });
-  const {
-    cellEdits,
-    clearEdits,
-    handleCellEdit,
-    handleSubmitEdits
-  } = useEditableTable({
-    onCellValueChanged,
-    onSubmitEdits
-  });
   const {
     sorting,
     onSortingChange
@@ -134,6 +125,11 @@ export function ObjectTable({
   const allColumns = useMemo(() => {
     return selectionColumn ? [selectionColumn, ...columns] : columns;
   }, [selectionColumn, columns]);
+  const editableConfig = useEditableTable({
+    editMode,
+    onCellValueChanged,
+    onSubmitEdits
+  });
   const table = useReactTable({
     data: data ?? [],
     columns: allColumns,
@@ -162,8 +158,9 @@ export function ObjectTable({
     },
     getRowId,
     meta: {
-      onCellEdit: handleCellEdit,
-      cellEdits
+      onCellEdit: editableConfig.onCellEdit,
+      cellEdits: editableConfig.cellEdits,
+      isInEditMode: editableConfig.editMode.isActive
     }
   });
   const onRenderCellContextMenu = useCallback((row, cell) => {
@@ -175,16 +172,6 @@ export function ObjectTable({
     showResizeItem: enableColumnResizing,
     showConfigItem: enableColumnConfig
   }), [enableOrdering, enableColumnPinning, enableColumnResizing, enableColumnConfig]);
-  const editableConfig = useMemo(() => {
-    if (!onSubmitEdits) {
-      return;
-    }
-    return {
-      onSubmitEdits: handleSubmitEdits,
-      clearEdits,
-      cellEdits
-    };
-  }, [onSubmitEdits, handleSubmitEdits, clearEdits, cellEdits]);
   return /*#__PURE__*/React.createElement(BaseTable, {
     table: table,
     isLoading: isLoading || isColumnsLoading,

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useColumnDefs","useColumnPinning","useColumnResize","useColumnVisibility","useEditableTable","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","props","columnSizing","onColumnSizingChange","cellEdits","clearEdits","handleCellEdit","handleSubmitEdits","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","isAllSelected","hasSelection","onToggleAll","onToggleRow","enableRowSelection","selectionColumn","columnVisibility","onColumnVisibilityChange","columnOrder","onColumnOrderChange","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","table","state","enableSorting","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","meta","onCellEdit","onRenderCellContextMenu","row","cell","getValue","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","editableConfig","createElement","fetchNextPage","onRowClick","rowHeight","className"],"sources":["ObjectTable.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 {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { Cell } from \"@tanstack/react-table\";\nimport { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useColumnPinning } from \"./hooks/useColumnPinning.js\";\nimport { useColumnResize } from \"./hooks/useColumnResize.js\";\nimport { useColumnVisibility } from \"./hooks/useColumnVisibility.js\";\nimport { useEditableTable } from \"./hooks/useEditableTable.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  objectType,\n  objectSet,\n  columnDefinitions,\n  filter,\n  objectSetOptions,\n  orderBy,\n  defaultOrderBy,\n  onOrderByChanged,\n  onColumnsPinnedChanged,\n  onColumnResize,\n  onRowSelection,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  onColumnVisibilityChanged,\n  onCellValueChanged,\n  onSubmitEdits,\n  enableOrdering = true,\n  enableColumnPinning = true,\n  enableColumnResizing = true,\n  enableColumnConfig = true,\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const { columnSizing, onColumnSizingChange } = useColumnResize({\n    onColumnResize,\n  });\n\n  const {\n    cellEdits,\n    clearEdits,\n    handleCellEdit,\n    handleSubmitEdits,\n  } = useEditableTable({\n    onCellValueChanged,\n    onSubmitEdits,\n  });\n\n  const { sorting, onSortingChange } = useTableSorting<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    {\n      orderBy,\n      defaultOrderBy,\n      onOrderByChanged,\n    },\n  );\n\n  const { data, fetchMore, isLoading, error } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n    filter,\n    sorting,\n    objectSet,\n    objectSetOptions,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n    enableRowSelection,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    { selectionMode, isAllSelected, hasSelection, onToggleAll, onToggleRow },\n  );\n\n  const {\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n  } = useColumnVisibility({\n    allColumns: columns,\n    onColumnVisibilityChanged,\n  });\n\n  const { columnPinning, onColumnPinningChange } = useColumnPinning({\n    columnDefinitions,\n    hasSelectionColumn: enableRowSelection,\n    onColumnsPinnedChanged,\n  });\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? [],\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      columnOrder,\n      rowSelection,\n      sorting,\n      columnSizing,\n      columnPinning,\n    },\n    onSortingChange,\n    onColumnSizingChange,\n    onColumnPinningChange,\n    onColumnVisibilityChange,\n    onColumnOrderChange,\n    enableRowSelection,\n    enableSorting: enableOrdering,\n    columnResizeMode: \"onChange\",\n    columnResizeDirection: \"ltr\",\n    manualSorting: true, // Enable manual sorting to indicate server-side sorting\n    defaultColumn: {\n      minSize: 80,\n    },\n    getRowId,\n    meta: {\n      onCellEdit: handleCellEdit,\n      cellEdits,\n    },\n  });\n\n  const onRenderCellContextMenu = useCallback(\n    (\n      row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      cell: Cell<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >,\n    ) => {\n      return renderCellContextMenu?.(row, cell.getValue());\n    },\n    [renderCellContextMenu],\n  );\n\n  const isTableLoading = isLoading || isColumnsLoading;\n\n  const headerMenuFeatureFlags: HeaderMenuFeatureFlags = useMemo(() => ({\n    showSortingItems: enableOrdering,\n    showPinningItems: enableColumnPinning,\n    showResizeItem: enableColumnResizing,\n    showConfigItem: enableColumnConfig,\n  }), [\n    enableOrdering,\n    enableColumnPinning,\n    enableColumnResizing,\n    enableColumnConfig,\n  ]);\n\n  const editableConfig = useMemo(() => {\n    if (!onSubmitEdits) {\n      return;\n    }\n\n    return {\n      onSubmitEdits: handleSubmitEdits,\n      clearEdits,\n      cellEdits,\n    };\n  }, [onSubmitEdits, handleSubmitEdits, clearEdits, cellEdits]);\n\n  return (\n    <BaseTable<Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>>\n      table={table}\n      isLoading={isTableLoading}\n      fetchNextPage={fetchMore}\n      onRowClick={props.onRowClick}\n      rowHeight={props.rowHeight}\n      renderCellContextMenu={onRenderCellContextMenu}\n      className={props.className}\n      error={error}\n      headerMenuFeatureFlags={headerMenuFeatureFlags}\n      editableConfig={editableConfig}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useColumnDefs","useColumnPinning","useColumnResize","useColumnVisibility","useEditableTable","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","isAllSelected","hasSelection","onToggleAll","onToggleRow","enableRowSelection","selectionColumn","columnVisibility","onColumnVisibilityChange","columnOrder","onColumnOrderChange","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","editableConfig","table","state","enableSorting","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","meta","onCellEdit","cellEdits","isInEditMode","isActive","onRenderCellContextMenu","row","cell","getValue","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","createElement","fetchNextPage","onRowClick","rowHeight","className"],"sources":["ObjectTable.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 {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { Cell } from \"@tanstack/react-table\";\nimport { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useColumnPinning } from \"./hooks/useColumnPinning.js\";\nimport { useColumnResize } from \"./hooks/useColumnResize.js\";\nimport { useColumnVisibility } from \"./hooks/useColumnVisibility.js\";\nimport { useEditableTable } from \"./hooks/useEditableTable.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\nimport type { EditableConfig } from \"./utils/types.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  objectType,\n  objectSet,\n  columnDefinitions,\n  filter,\n  objectSetOptions,\n  orderBy,\n  defaultOrderBy,\n  onOrderByChanged,\n  onColumnsPinnedChanged,\n  onColumnResize,\n  onRowSelection,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  onColumnVisibilityChanged,\n  onCellValueChanged,\n  onSubmitEdits,\n  enableOrdering = true,\n  enableColumnPinning = true,\n  enableColumnResizing = true,\n  enableColumnConfig = true,\n  editMode = \"manual\",\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const { columnSizing, onColumnSizingChange } = useColumnResize({\n    onColumnResize,\n  });\n\n  const { sorting, onSortingChange } = useTableSorting<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    {\n      orderBy,\n      defaultOrderBy,\n      onOrderByChanged,\n    },\n  );\n\n  const { data, fetchMore, isLoading, error } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n    filter,\n    sorting,\n    objectSet,\n    objectSetOptions,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n    enableRowSelection,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    { selectionMode, isAllSelected, hasSelection, onToggleAll, onToggleRow },\n  );\n\n  const {\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n  } = useColumnVisibility({\n    allColumns: columns,\n    onColumnVisibilityChanged,\n  });\n\n  const { columnPinning, onColumnPinningChange } = useColumnPinning({\n    columnDefinitions,\n    hasSelectionColumn: enableRowSelection,\n    onColumnsPinnedChanged,\n  });\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const editableConfig: EditableConfig<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  > = useEditableTable({\n    editMode,\n    onCellValueChanged,\n    onSubmitEdits,\n  });\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? [],\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      columnOrder,\n      rowSelection,\n      sorting,\n      columnSizing,\n      columnPinning,\n    },\n    onSortingChange,\n    onColumnSizingChange,\n    onColumnPinningChange,\n    onColumnVisibilityChange,\n    onColumnOrderChange,\n    enableRowSelection,\n    enableSorting: enableOrdering,\n    columnResizeMode: \"onChange\",\n    columnResizeDirection: \"ltr\",\n    manualSorting: true, // Enable manual sorting to indicate server-side sorting\n    defaultColumn: {\n      minSize: 80,\n    },\n    getRowId,\n    meta: {\n      onCellEdit: editableConfig.onCellEdit,\n      cellEdits: editableConfig.cellEdits,\n      isInEditMode: editableConfig.editMode.isActive,\n    },\n  });\n\n  const onRenderCellContextMenu = useCallback(\n    (\n      row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      cell: Cell<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >,\n    ) => {\n      return renderCellContextMenu?.(row, cell.getValue());\n    },\n    [renderCellContextMenu],\n  );\n\n  const isTableLoading = isLoading || isColumnsLoading;\n\n  const headerMenuFeatureFlags: HeaderMenuFeatureFlags = useMemo(() => ({\n    showSortingItems: enableOrdering,\n    showPinningItems: enableColumnPinning,\n    showResizeItem: enableColumnResizing,\n    showConfigItem: enableColumnConfig,\n  }), [\n    enableOrdering,\n    enableColumnPinning,\n    enableColumnResizing,\n    enableColumnConfig,\n  ]);\n\n  return (\n    <BaseTable<Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>>\n      table={table}\n      isLoading={isTableLoading}\n      fetchNextPage={fetchMore}\n      onRowClick={props.onRowClick}\n      rowHeight={props.rowHeight}\n      renderCellContextMenu={onRenderCellContextMenu}\n      className={props.className}\n      error={error}\n      headerMenuFeatureFlags={headerMenuFeatureFlags}\n      editableConfig={editableConfig}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"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 {\n  DerivedProperty,\n  ObjectOrInterfaceDefinition,\n  ObjectSet,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type * as React from \"react\";\nimport type { CellIdentifier, CellValueState } from \"./utils/types.js\";\n\nexport type ColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> = {\n  locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>;\n\n  /**\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * @default none\n   */\n  pinned?: \"left\" | \"right\" | \"none\";\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  resizable?: boolean;\n  orderable?: boolean;\n  filterable?: boolean;\n  editable?: boolean;\n\n  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n\n  /**\n   * If provided, this will be used in the column header.\n   * If both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   * columnName will still be used in other parts where the column name is displayed.\n   *\n   * If not provided,\n   * for a property column, the property displayName will be used\n   * for other columns, the id will be used.\n   */\n  columnName?: string;\n\n  /**\n   * If provided, this will be used to render the header component.\n   * When both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   */\n  renderHeader?: () => React.ReactNode;\n};\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | {\n    type: \"property\";\n    id: PropertyKeys<Q>;\n  }\n  | {\n    type: \"function\";\n    id: keyof FunctionColumns;\n  }\n  | {\n    type: \"rdp\";\n    id: keyof RDPs;\n    creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n  }\n  | {\n    type: \"custom\";\n    id: string;\n  };\n\nexport interface ObjectTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  /**\n   * The object or interface type of the object\n   * If objectSet is not provided, objects will be fetched based on this type.\n   */\n  objectType: Q;\n\n  /**\n   * The set of objects to show in the table.\n   * If provided and the objectType is not an interface, the table will use objectSet to fetch objects instead of fetching based on objectType.\n   */\n  objectSet?: ObjectSet<Q>;\n\n  objectSetOptions?: ObjectSetOptions<Q>;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  enableFiltering?: boolean;\n\n  /**\n   * The current where clause to filter the objects in the table.\n   * If provided, the filter is controlled.\n   */\n  filter?: WhereClause<Q, RDPs>;\n\n  /**\n   * Called when the where clause is changed.\n   * Required when filter is controlled.\n   *\n   * @param newWhere The new where clause\n   */\n  onFilterChanged?: (newWhere: WhereClause<Q, RDPs>) => void;\n\n  /**\n   * Whether the table is sortable by the user.\n   *\n   * @default true\n   */\n  enableOrdering?: boolean;\n\n  /**\n   * Whether columns can be pinned by the user.\n   *\n   * @default true\n   */\n  enableColumnPinning?: boolean;\n\n  /**\n   * Whether columns can be resized by the user.\n   *\n   * @default true\n   */\n  enableColumnResizing?: boolean;\n\n  /**\n   * Whether the column configuration dialog for column visibility and ordering is available to the user.\n   *\n   * @default true\n   */\n  enableColumnConfig?: boolean;\n\n  /**\n   * The default order by clause to sort the objects in the table.\n   * If provided without orderBy prop, the sorting is uncontrolled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  defaultOrderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called after the value of a cell is edited and committed by the user.\n   *\n   * @param cell The cell that was edited, identified by its row and column IDs\n   * @param state The new and old values of the cell\n   */\n  onCellValueChanged?: (\n    cell: CellIdentifier,\n    state: CellValueState,\n  ) => void;\n\n  /**\n   * If provided, the button Submit Edits will be shown in the table\n   *\n   * @param edits a map of cellId (stringified CellIdentifier) to the new and old values of the cell\n   */\n  onSubmitEdits?: (edits: Record<string, CellValueState>) => Promise<void>;\n\n  /**\n   * Called when the column visibility or ordering changed.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The columns sorted in their display order in the table and their visibility state.\n   */\n  onColumnVisibilityChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>,\n  ) => void;\n\n  /**\n   * Called when the pinned columns change.\n   *\n   * If provided, the table will allow the user to pin/unpin columns.\n   *\n   * @param newStates The new list of column pin states\n   */\n  onColumnsPinnedChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when a column is resized.\n   *\n   * @param columnId The ID of the resized column\n   * @param newWidth The new width of the column. When newWidth = null, the column size is reset.\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number | null,\n  ) => void;\n\n  /**\n   * Called when a row is clicked.\n   *\n   * @param object The object representing the clicked row\n   */\n  onRowClick?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => void;\n\n  /**\n   * Selection mode for the table rows.\n   *\n   * If multiple, a checkbox will be shown for each row to allow selecting multiple rows\n   * as well as a top-level checkbox in the header to select all rows.\n   *\n   * @default \"none\"\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n\n  /**\n   * The currently selected rows in the table.\n   * If provided, the row selection is controlled.\n   */\n  selectedRows?: PrimaryKeyType<Q>[];\n\n  /**\n   * Called when the row selection changes.\n   * Required when row selection is controlled.\n   *\n   * @param selectedRowIds The primary keys of currently selected rows\n   */\n\n  onRowSelection?: (selectedRowIds: PrimaryKeyType<Q>[]) => void;\n\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    cellValue: unknown,\n  ) => React.ReactNode;\n\n  /**\n   * The height of each row in pixels.\n   *\n   * @default 40\n   */\n  rowHeight?: number;\n\n  className?: string;\n}\n\nexport interface ObjectSetOptions<\n  Q extends ObjectOrInterfaceDefinition,\n> {\n  /**\n   * Object sets to union with\n   */\n  union?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to intersect with\n   */\n  intersect?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to subtract from\n   */\n  subtract?: ObjectSet<Q>[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"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 {\n  DerivedProperty,\n  ObjectOrInterfaceDefinition,\n  ObjectSet,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type * as React from \"react\";\nimport type { CellEditInfo } from \"./utils/types.js\";\n\nexport type ColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> = {\n  locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>;\n\n  /**\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * @default none\n   */\n  pinned?: \"left\" | \"right\" | \"none\";\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  resizable?: boolean;\n  orderable?: boolean;\n  filterable?: boolean;\n  editable?: boolean;\n\n  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n\n  /**\n   * If provided, this will be used in the column header.\n   * If both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   * columnName will still be used in other parts where the column name is displayed.\n   *\n   * If not provided,\n   * for a property column, the property displayName will be used\n   * for other columns, the id will be used.\n   */\n  columnName?: string;\n\n  /**\n   * If provided, this will be used to render the header component.\n   * When both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   */\n  renderHeader?: () => React.ReactNode;\n};\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | {\n    type: \"property\";\n    id: PropertyKeys<Q>;\n  }\n  | {\n    type: \"function\";\n    id: keyof FunctionColumns;\n  }\n  | {\n    type: \"rdp\";\n    id: keyof RDPs;\n    creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n  }\n  | {\n    type: \"custom\";\n    id: string;\n  };\n\nexport interface ObjectTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  /**\n   * The object or interface type of the object\n   * If objectSet is not provided, objects will be fetched based on this type.\n   */\n  objectType: Q;\n\n  /**\n   * The set of objects to show in the table.\n   * If provided and the objectType is not an interface, the table will use objectSet to fetch objects instead of fetching based on objectType.\n   */\n  objectSet?: ObjectSet<Q>;\n\n  objectSetOptions?: ObjectSetOptions<Q>;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  enableFiltering?: boolean;\n\n  /**\n   * The current where clause to filter the objects in the table.\n   * If provided, the filter is controlled.\n   */\n  filter?: WhereClause<Q, RDPs>;\n\n  /**\n   * Called when the where clause is changed.\n   * Required when filter is controlled.\n   *\n   * @param newWhere The new where clause\n   */\n  onFilterChanged?: (newWhere: WhereClause<Q, RDPs>) => void;\n\n  /**\n   * Whether the table is sortable by the user.\n   *\n   * @default true\n   */\n  enableOrdering?: boolean;\n\n  /**\n   * Whether columns can be pinned by the user.\n   *\n   * @default true\n   */\n  enableColumnPinning?: boolean;\n\n  /**\n   * Whether columns can be resized by the user.\n   *\n   * @default true\n   */\n  enableColumnResizing?: boolean;\n\n  /**\n   * Whether the column configuration dialog for column visibility and ordering is available to the user.\n   *\n   * @default true\n   */\n  enableColumnConfig?: boolean;\n\n  /**\n   * Controls the edit mode behavior of the table.\n   * - \"always\": Editable cells are immediately in edit mode on row clicked.\n   * - \"manual\": User can toggle edit mode on/off via the Edit Table button.\n   *\n   * @default \"manual\"\n   */\n  editMode?: \"always\" | \"manual\";\n\n  /**\n   * The default order by clause to sort the objects in the table.\n   * If provided without orderBy prop, the sorting is uncontrolled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  defaultOrderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called after the value of a cell is edited and committed by the user.\n   *\n   * @param info An object containing details about the cell that was edited,\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   */\n  onCellValueChanged?: (\n    info: CellEditInfo<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      unknown\n    >,\n  ) => void;\n\n  /**\n   * If provided, the button Submit Edits will be shown in the table\n   *\n   * @param edits an array of edit info containing details about the edited cells\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   * @return a promise that resolves to true if the edits were successfully submitted\n   */\n  onSubmitEdits?: (edits: CellEditInfo<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  >[]) => Promise<boolean>;\n\n  /**\n   * Called when the column visibility or ordering changed.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The columns sorted in their display order in the table and their visibility state.\n   */\n  onColumnVisibilityChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>,\n  ) => void;\n\n  /**\n   * Called when the pinned columns change.\n   *\n   * If provided, the table will allow the user to pin/unpin columns.\n   *\n   * @param newStates The new list of column pin states\n   */\n  onColumnsPinnedChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when a column is resized.\n   *\n   * @param columnId The ID of the resized column\n   * @param newWidth The new width of the column. When newWidth = null, the column size is reset.\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number | null,\n  ) => void;\n\n  /**\n   * Called when a row is clicked.\n   *\n   * @param object The object representing the clicked row\n   */\n  onRowClick?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => void;\n\n  /**\n   * Selection mode for the table rows.\n   *\n   * If multiple, a checkbox will be shown for each row to allow selecting multiple rows\n   * as well as a top-level checkbox in the header to select all rows.\n   *\n   * @default \"none\"\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n\n  /**\n   * The currently selected rows in the table.\n   * If provided, the row selection is controlled.\n   */\n  selectedRows?: PrimaryKeyType<Q>[];\n\n  /**\n   * Called when the row selection changes.\n   * Required when row selection is controlled.\n   *\n   * @param selectedRowIds The primary keys of currently selected rows\n   */\n\n  onRowSelection?: (selectedRowIds: PrimaryKeyType<Q>[]) => void;\n\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    cellValue: unknown,\n  ) => React.ReactNode;\n\n  /**\n   * The height of each row in pixels.\n   *\n   * @default 40\n   */\n  rowHeight?: number;\n\n  className?: string;\n}\n\nexport interface ObjectSetOptions<\n  Q extends ObjectOrInterfaceDefinition,\n> {\n  /**\n   * Object sets to union with\n   */\n  union?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to intersect with\n   */\n  intersect?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to subtract from\n   */\n  subtract?: ObjectSet<Q>[];\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -16,11 +16,11 @@
 
 import classNames from "classnames";
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { ActionButton } from "../base-components/action-button/ActionButton.js";
 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,
@@ -36,6 +36,7 @@ export function BaseTable({
 }) {
   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);
@@ -68,16 +69,23 @@ export function BaseTable({
   const rows = table.getRowModel().rows;
   const headerGroups = table.getHeaderGroups();
   const hasData = rows.length > 0;
-  const hasEdits = Object.keys(editableConfig?.cellEdits ?? {}).length > 0;
-  const handleSubmitEdits = useCallback(async () => {
-    await editableConfig?.onSubmitEdits?.();
-    editableConfig?.clearEdits?.();
-  }, [editableConfig]);
+  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, editableConfig && styles.osdkTableContainerWithButton),
+    className: styles.osdkTableContainer,
     onScroll: handleScroll
   }, /*#__PURE__*/React.createElement("table", null, isLoading && !hasData ? /*#__PURE__*/React.createElement(LoadingStateTable, {
     table: table,
@@ -94,17 +102,17 @@ export function BaseTable({
     rowHeight: rowHeight,
     renderCellContextMenu: renderCellContextMenu,
     isLoadingMore: isLoadingMore,
-    headerGroups: headerGroups
+    headerGroups: headerGroups,
+    focusedRowId: focusedRowId,
+    setFocusedRowId: setFocusedRowId,
+    isInEditMode: editableConfig?.editMode.isActive
   }))), !hasData && error == null && /*#__PURE__*/React.createElement(NonIdealState, {
     message: "No Data"
   }), error != null && /*#__PURE__*/React.createElement(NonIdealState, {
     message: `Error Loading Data: ${error.message}`
-  })), editableConfig && /*#__PURE__*/React.createElement("div", {
-    className: styles.submitButtonContainer
-  }, /*#__PURE__*/React.createElement(ActionButton, {
-    variant: "primary",
-    onClick: handleSubmitEdits,
-    disabled: !hasEdits
-  }, "Submit Edits")));
+  })), hasEditableColumns && /*#__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","ActionButton","LoadingStateTable","NonIdealState","styles","TableBody","TableHeader","BaseTable","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","error","headerMenuFeatureFlags","editableConfig","tableContainerRef","isLoadingMore","setIsLoadingMore","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","hasEdits","Object","keys","cellEdits","handleSubmitEdits","onSubmitEdits","clearEdits","createElement","osdkTableWrapper","ref","osdkTableContainer","osdkTableContainerWithButton","onScroll","Fragment","message","submitButtonContainer","variant","onClick","disabled"],"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 { ActionButton } from \"../base-components/action-button/ActionButton.js\";\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\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport type { CellValueState } 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      state: CellValueState,\n    ) => void;\n    cellEdits?: Record<string, CellValueState>;\n  }\n}\n\ninterface EditableConfig {\n  onSubmitEdits?: () => Promise<void>;\n  clearEdits?: () => void;\n  cellEdits?: Record<string, CellValueState>;\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;\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\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  const hasEdits = Object.keys(editableConfig?.cellEdits ?? {}).length > 0;\n\n  const handleSubmitEdits = useCallback(async () => {\n    await editableConfig?.onSubmitEdits?.();\n    editableConfig?.clearEdits?.();\n  }, [editableConfig]);\n\n  return (\n    <div className={classNames(styles.osdkTableWrapper, className)}>\n      <div\n        ref={tableContainerRef}\n        className={classNames(\n          styles.osdkTableContainer,\n          editableConfig && styles.osdkTableContainerWithButton,\n        )}\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                />\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      {editableConfig && (\n        <div className={styles.submitButtonContainer}>\n          <ActionButton\n            variant=\"primary\"\n            onClick={handleSubmitEdits}\n            disabled={!hasEdits}\n          >\n            Submit Edits\n          </ActionButton>\n        </div>\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","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

@@ -35,11 +35,3 @@
   width: max-content;
   min-width: 100%;
 }
-
-.submitButtonContainer {
-  background-color: var(--osdk-surface-background-color-default-rest);
-  border-top: var(--osdk-table-border);
-  padding: var(--osdk-table-button-container-padding);
-  display: flex;
-  justify-content: flex-end;
-}

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

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

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,
+      focusedRowId: focusedRowId,
+      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","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/TableCell.module.css

@@ -59,14 +59,6 @@
   padding: 0;
 }
 
-/* Show focus state for editable cells */
-.osdkTableCell:not(:has([role="checkbox"])):has(input):focus-within {
-  border: var(--osdk-emphasis-focus-width) solid
-    var(--osdk-emphasis-focus-color);
-  border-radius: var(--osdk-surface-border-radius);
-  background-color: var(--osdk-table-cell-editable-bg);
-}
-
 .osdkTableCellContent:not(:has([role="checkbox"])) {
   overflow: hidden;
   text-overflow: ellipsis;