@osdk/react-components 0.2.0-beta.16 → 0.2.0-beta.17

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

@@ -15,8 +15,10 @@
  */
 
 import { Input } from "@base-ui/react/input";
+import { Error } from "@blueprintjs/icons";
 import classNames from "classnames";
 import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Tooltip } from "../base-components/tooltip/Tooltip.js";
 import styles from "./EditableCell.module.css.js";
 const NUMBER_TYPES = ["double", "integer", "long", "float", "decimal", "byte", "short"];
 function valueToString(value) {
@@ -42,27 +44,49 @@ function parseValueByType(value, dataType) {
   }
   return parsedNumber;
 }
-export function EditableCell({
+const VALIDATION_ERROR_MESSAGE = "Validation error";
+function EditableCellInner({
   initialValue,
   currentValue,
   cellId,
   dataType,
   onCellEdit,
+  onCellValidationError,
+  clearCellValidationError,
   originalRowData,
   rowId,
-  columnId
+  columnId,
+  validateEdit,
+  validationError
 }) {
   const [inputValue, setInputValue] = useState(valueToString(currentValue));
   const isCancelled = useRef(false);
+  const validationAbortControllerRef = useRef(null);
+  const abortController = useCallback(() => {
+    if (validationAbortControllerRef.current) {
+      validationAbortControllerRef.current.abort();
+      validationAbortControllerRef.current = null;
+    }
+  }, []);
+  const hasValidationError = validationError != null;
   useEffect(() => {
     setInputValue(valueToString(currentValue));
   }, [currentValue]);
+  useEffect(() => {
+    // Cleanup abort controller on unmount
+    return () => {
+      abortController();
+    };
+  }, [abortController]);
   const handleBlur = useCallback(() => {
     // Do not commit the edit if it was cancelled with Escape key
     if (isCancelled.current) {
       isCancelled.current = false;
       return;
     }
+
+    // Cancel any in-flight validation
+    abortController();
     const parsedValue = parseValueByType(inputValue, dataType);
     onCellEdit(cellId, {
       rowId,
@@ -71,10 +95,37 @@ export function EditableCell({
       oldValue: initialValue,
       originalRowData
     });
-  }, [inputValue, initialValue, onCellEdit, cellId, dataType, rowId, columnId, originalRowData]);
+    if (validateEdit) {
+      // Create new AbortController for this validation
+      const abortController = new AbortController();
+      validationAbortControllerRef.current = abortController;
+      const validationPromise = validateEdit(parsedValue);
+
+      // Race between validation and abort
+      Promise.race([validationPromise, new Promise((_, reject) => {
+        abortController.signal.addEventListener("abort", () => {
+          reject(new DOMException("Aborted", "AbortError"));
+        });
+      })]).then(errorMessage => {
+        if (!abortController.signal.aborted) {
+          if (errorMessage) {
+            onCellValidationError?.(cellId, errorMessage);
+          } else {
+            clearCellValidationError?.(cellId);
+          }
+        }
+      }, error => {
+        if (!abortController.signal.aborted && error.name !== "AbortError") {
+          onCellValidationError?.(cellId, VALIDATION_ERROR_MESSAGE);
+        }
+      });
+    }
+  }, [abortController, inputValue, dataType, onCellEdit, cellId, rowId, columnId, initialValue, originalRowData, validateEdit, onCellValidationError, clearCellValidationError]);
   const handleChange = useCallback(value => {
+    // Cancel any in-flight validation
+    abortController();
     setInputValue(value);
-  }, []);
+  }, [abortController]);
   const handleKeyDown = useCallback(e => {
     if (e.key === "Enter") {
       e.currentTarget.blur();
@@ -86,15 +137,31 @@ export function EditableCell({
     }
   }, [currentValue]);
   const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
-  return /*#__PURE__*/React.createElement(Input, {
-    className: classNames(styles.osdkEditableInput, {
+  return /*#__PURE__*/React.createElement(Tooltip.Provider, null, /*#__PURE__*/React.createElement(Tooltip.Root, {
+    disabled: !hasValidationError
+  }, /*#__PURE__*/React.createElement(Tooltip.Trigger, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkEditableCell, {
+      [styles.error]: hasValidationError,
       [styles.osdkEditedInput]: currentValue !== initialValue
-    }),
+    })
+  }, /*#__PURE__*/React.createElement(Input, {
     type: inputType,
     value: inputValue,
+    className: styles.osdkEditableInput,
     onValueChange: handleChange,
     onBlur: handleBlur,
-    onKeyDown: handleKeyDown
-  });
+    onKeyDown: handleKeyDown,
+    "aria-invalid": hasValidationError
+  }), hasValidationError && /*#__PURE__*/React.createElement(Error, {
+    className: styles.errorIcon
+  }))), /*#__PURE__*/React.createElement(Tooltip.Portal, null, /*#__PURE__*/React.createElement(Tooltip.Positioner, {
+    sideOffset: 4,
+    side: "bottom"
+  }, /*#__PURE__*/React.createElement(Tooltip.Popup, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.validationError
+  }, /*#__PURE__*/React.createElement(Error, {
+    className: styles.errorIcon
+  }), validationError), /*#__PURE__*/React.createElement(Tooltip.Arrow, null))))));
 }
+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","classNames","React","useCallback","useEffect","useRef","useState","styles","NUMBER_TYPES","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","EditableCell","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"],"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\nexport function EditableCell<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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditableCell.js","names":["Input","Error","classNames","React","useCallback","useEffect","useRef","useState","Tooltip","styles","NUMBER_TYPES","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","VALIDATION_ERROR_MESSAGE","EditableCellInner","initialValue","currentValue","cellId","onCellEdit","onCellValidationError","clearCellValidationError","originalRowData","rowId","columnId","validateEdit","validationError","inputValue","setInputValue","isCancelled","validationAbortControllerRef","abortController","current","abort","hasValidationError","handleBlur","parsedValue","newValue","oldValue","AbortController","validationPromise","Promise","race","_","reject","signal","addEventListener","DOMException","then","errorMessage","aborted","error","name","handleChange","handleKeyDown","e","key","currentTarget","blur","inputType","createElement","Provider","Root","disabled","Trigger","className","osdkEditableCell","osdkEditedInput","type","osdkEditableInput","onValueChange","onBlur","onKeyDown","errorIcon","Portal","Positioner","sideOffset","side","Popup","Arrow","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 { Error } from \"@blueprintjs/icons\";\nimport type { RowData } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Tooltip } from \"../base-components/tooltip/Tooltip.js\";\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  onCellValidationError?: (\n    cellId: string,\n    error: string,\n  ) => void;\n  clearCellValidationError?: (cellId: string) => void;\n  validationError?: string;\n  originalRowData: TData;\n  rowId: string;\n  columnId: string;\n  validateEdit?: (value: unknown) => Promise<string | undefined>;\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<CellValue = unknown>(\n  value: string,\n  dataType?: string,\n): CellValue | null {\n  if (!dataType || !NUMBER_TYPES.includes(dataType)) {\n    return value as unknown as CellValue;\n  }\n\n  if (value === \"\") {\n    return null;\n  }\n\n  const parsedNumber = Number(value);\n\n  if (isNaN(parsedNumber)) {\n    return value as unknown as CellValue;\n  }\n\n  return parsedNumber as unknown as CellValue;\n}\n\nconst VALIDATION_ERROR_MESSAGE = \"Validation error\";\n\nfunction EditableCellInner<TData extends RowData, CellValue = unknown>({\n  initialValue,\n  currentValue,\n  cellId,\n  dataType,\n  onCellEdit,\n  onCellValidationError,\n  clearCellValidationError,\n  originalRowData,\n  rowId,\n  columnId,\n  validateEdit,\n  validationError,\n}: EditableCellProps<TData, CellValue>): React.ReactElement {\n  const [inputValue, setInputValue] = useState<string>(\n    valueToString(currentValue),\n  );\n  const isCancelled = useRef(false);\n  const validationAbortControllerRef = useRef<AbortController | null>(null);\n\n  const abortController = useCallback(() => {\n    if (validationAbortControllerRef.current) {\n      validationAbortControllerRef.current.abort();\n      validationAbortControllerRef.current = null;\n    }\n  }, []);\n\n  const hasValidationError = validationError != null;\n  const isEdited = currentValue !== initialValue;\n\n  useEffect(() => {\n    setInputValue(valueToString(currentValue));\n  }, [currentValue]);\n\n  useEffect(() => {\n    // Cleanup abort controller on unmount\n    return () => {\n      abortController();\n    };\n  }, [abortController]);\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\n    // Cancel any in-flight validation\n    abortController();\n\n    const parsedValue = parseValueByType<CellValue>(inputValue, dataType);\n\n    onCellEdit(cellId, {\n      rowId,\n      columnId,\n      newValue: parsedValue,\n      oldValue: initialValue,\n      originalRowData,\n    });\n\n    if (validateEdit) {\n      // Create new AbortController for this validation\n      const abortController = new AbortController();\n      validationAbortControllerRef.current = abortController;\n\n      const validationPromise = validateEdit(parsedValue);\n\n      // Race between validation and abort\n      Promise.race([\n        validationPromise,\n        new Promise<string | undefined>((_, reject) => {\n          abortController.signal.addEventListener(\"abort\", () => {\n            reject(new DOMException(\"Aborted\", \"AbortError\"));\n          });\n        }),\n      ]).then(\n        (errorMessage) => {\n          if (!abortController.signal.aborted) {\n            if (errorMessage) {\n              onCellValidationError?.(cellId, errorMessage);\n            } else {\n              clearCellValidationError?.(cellId);\n            }\n          }\n        },\n        (error) => {\n          if (!abortController.signal.aborted && error.name !== \"AbortError\") {\n            onCellValidationError?.(cellId, VALIDATION_ERROR_MESSAGE);\n          }\n        },\n      );\n    }\n  }, [\n    abortController,\n    inputValue,\n    dataType,\n    onCellEdit,\n    cellId,\n    rowId,\n    columnId,\n    initialValue,\n    originalRowData,\n    validateEdit,\n    onCellValidationError,\n    clearCellValidationError,\n  ]);\n\n  const handleChange = useCallback((value: string) => {\n    // Cancel any in-flight validation\n    abortController();\n    setInputValue(value);\n  }, [abortController]);\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    <Tooltip.Provider>\n      <Tooltip.Root disabled={!hasValidationError}>\n        <Tooltip.Trigger>\n          <div\n            className={classNames(styles.osdkEditableCell, {\n              [styles.error]: hasValidationError,\n              [styles.osdkEditedInput]: isEdited,\n            })}\n          >\n            <Input\n              type={inputType}\n              value={inputValue}\n              className={styles.osdkEditableInput}\n              onValueChange={handleChange}\n              onBlur={handleBlur}\n              onKeyDown={handleKeyDown}\n              aria-invalid={hasValidationError}\n            />\n            {hasValidationError && <Error className={styles.errorIcon} />}\n          </div>\n        </Tooltip.Trigger>\n        <Tooltip.Portal>\n          <Tooltip.Positioner sideOffset={4} side={\"bottom\"}>\n            <Tooltip.Popup>\n              <div className={styles.validationError}>\n                <Error className={styles.errorIcon} />\n                {validationError}\n              </div>\n              <Tooltip.Arrow />\n            </Tooltip.Popup>\n          </Tooltip.Positioner>\n        </Tooltip.Portal>\n      </Tooltip.Root>\n    </Tooltip.Provider>\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,10 +1,11 @@
-.osdkEditableInput {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: left;
-  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
+.osdkEditableCell {
   width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
   border-radius: var(--osdk-surface-border-radius);
   border: var(--osdk-surface-border-width) solid transparent;
   background: inherit;
@@ -17,11 +18,39 @@
       border: var(--osdk-table-cell-edited-border);
     }
 
-    &:focus,
-    &.osdkEditedInput:focus {
+    &:focus-within,
+    &.osdkEditedInput:focus-within {
       border: var(--osdk-emphasis-focus-width) solid
         var(--osdk-emphasis-focus-color);
     }
+
+    &.error {
+      border: var(--osdk-table-cell-edited-border-error);
+
+      &:focus-within {
+        border: var(--osdk-emphasis-focus-width) solid
+          var(--osdk-intent-danger-rest);
+      }
+    }
+  }
+
+  &.error {
+    background: var(--osdk-table-cell-editable-bg);
+    border: var(--osdk-table-cell-edited-border-error);
+  }
+}
+
+.osdkEditableInput {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  background: inherit;
+  border: none;
+
+  &:focus {
+    outline: none;
   }
 }
 
@@ -29,3 +58,13 @@
   border: var(--osdk-table-cell-edited-border);
   background: var(--osdk-table-cell-editable-bg);
 }
+
+.validationError {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+
+.errorIcon {
+  color: var(--osdk-intent-danger-rest);
+}

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

@@ -1,7 +1,11 @@
 // CSS Module proxy for EditableCell.module.css
 const styles = {
+  "osdkEditableCell": "EditableCell-module__osdkEditableCell___P-nxlrRu",
+  "osdkEditedInput": "EditableCell-module__osdkEditedInput___HxzrAqJz",
+  "error": "EditableCell-module__error___yNbrj69Y",
   "osdkEditableInput": "EditableCell-module__osdkEditableInput___2BjN5Q4P",
-  "osdkEditedInput": "EditableCell-module__osdkEditedInput___HxzrAqJz"
+  "validationError": "EditableCell-module__validationError___42e5gigN",
+  "errorIcon": "EditableCell-module__errorIcon___bBnWLGrm"
 };
 
 export default styles;

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

@@ -118,6 +118,9 @@ export function MultiColumnSortDialog({
     variant: "primary",
     onClick: handleApply
   }, "Apply")), [handleApply, onClose]);
+  const handleKeyDown = useCallback(event => {
+    event.stopPropagation();
+  }, []);
   return /*#__PURE__*/React.createElement(Dialog, {
     isOpen: isOpen,
     onOpenChange: onClose,
@@ -153,7 +156,7 @@ export function MultiColumnSortDialog({
     placeholder: "Search columns",
     "aria-label": "Search columns to sort",
     className: styles.menuSearchContainer,
-    onKeyDown: e => e.stopPropagation()
+    onKeyDown: handleKeyDown
   }), filteredAvailableColumns.map(column => /*#__PURE__*/React.createElement(AvailableColumnMenuItem, {
     key: column.id,
     column: column,

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

@@ -1 +1 @@
-{"version":3,"file":"MultiColumnSortDialog.js","names":["Button","Menu","Add","CaretDown","Cog","SortAlphabetical","SortAlphabeticalDesc","arrayMove","classNames","React","useCallback","useEffect","useMemo","useState","ActionButton","Dialog","SearchBar","styles","SortableItemsList","MultiColumnSortDialog","isOpen","onClose","onApply","currentSorting","columnOptions","selectedSortColumns","setSelectedSortColumns","menuSearchQuery","setMenuSearchQuery","selectedColumns","sort","column","find","col","id","push","direction","desc","handleAddColumn","prev","handleRemoveSortColumn","filter","item","handleReorderSortColumns","fromIndex","toIndex","items","handleToggleSortDirection","map","handleApply","sortingState","availableColumns","canSort","some","selected","filteredAvailableColumns","query","toLowerCase","trim","name","includes","handleMenuSearchChange","event","target","value","handleMenuOpenChange","open","sortableItems","label","content","createElement","className","sortColumnItem","sortColumnName","truncate","sortDirectionButton","onClick","sortIcon","footer","Fragment","variant","onOpenChange","title","DialogTitle","sortColumnsList","onReorder","onRemove","sortableList","Root","Trigger","addColumnButton","disabled","length","addIcon","addColumnText","color","Portal","Positioner","menuPositioner","sideOffset","Popup","dropdownMenu","onChange","placeholder","menuSearchContainer","onKeyDown","e","stopPropagation","AvailableColumnMenuItem","key","onAddColumn","menuEmptyState","Item","dropdownItem"],"sources":["MultiColumnSortDialog.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 { Button } from \"@base-ui/react/button\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  Add,\n  CaretDown,\n  Cog,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n} from \"@blueprintjs/icons\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport type { SortingState } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport { Dialog } from \"../base-components/dialog/Dialog.js\";\nimport { SearchBar } from \"../base-components/search-bar/SearchBar.js\";\nimport styles from \"./MultiColumnSortDialog.module.css\";\nimport { type SortableItem, SortableItemsList } from \"./SortableItemsList.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\nexport interface SortColumnItem extends ColumnOption {\n  direction: \"asc\" | \"desc\";\n}\n\ninterface MultiColumnSortDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (sortColumns: SortingState) => void;\n  currentSorting: SortingState;\n  columnOptions: ColumnOption[];\n}\n\nexport function MultiColumnSortDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentSorting,\n  columnOptions,\n}: MultiColumnSortDialogProps): React.ReactElement {\n  const [selectedSortColumns, setSelectedSortColumns] = useState<\n    SortColumnItem[]\n  >([]);\n  const [menuSearchQuery, setMenuSearchQuery] = useState(\"\");\n\n  // Initialize selected sort columns from current sorting\n  useEffect(() => {\n    if (isOpen) {\n      const selectedColumns: SortColumnItem[] = [];\n      for (const sort of currentSorting) {\n        const column = columnOptions.find((col) => col.id === sort.id);\n        if (column) {\n          selectedColumns.push({\n            ...column,\n            direction: sort.desc ? \"desc\" : \"asc\",\n          });\n        }\n      }\n      setSelectedSortColumns(selectedColumns);\n    }\n  }, [isOpen, currentSorting, columnOptions]);\n\n  const handleAddColumn = useCallback((column: ColumnOption) => {\n    setSelectedSortColumns((prev) => [\n      ...prev,\n      { ...column, direction: \"asc\" },\n    ]);\n  }, []);\n\n  const handleRemoveSortColumn = useCallback((id: string) => {\n    setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));\n  }, []);\n\n  const handleReorderSortColumns = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setSelectedSortColumns((items) => arrayMove(items, fromIndex, toIndex));\n    },\n    [],\n  );\n\n  const handleToggleSortDirection = useCallback((id: string) => {\n    setSelectedSortColumns((prev) =>\n      prev.map((item) =>\n        item.id === id\n          ? { ...item, direction: item.direction === \"asc\" ? \"desc\" : \"asc\" }\n          : item\n      )\n    );\n  }, []);\n\n  const handleApply = useCallback(() => {\n    const sortingState: SortingState = selectedSortColumns.map((col) => ({\n      id: col.id,\n      desc: col.direction === \"desc\",\n    }));\n    onApply(sortingState);\n    onClose();\n  }, [selectedSortColumns, onApply, onClose]);\n\n  const availableColumns = useMemo(\n    () =>\n      columnOptions.filter(\n        (col) =>\n          col.canSort\n          && !selectedSortColumns.some((selected) => selected.id === col.id),\n      ),\n    [columnOptions, selectedSortColumns],\n  );\n\n  const filteredAvailableColumns = useMemo(() => {\n    const query = menuSearchQuery.toLowerCase().trim();\n    if (!query) {\n      return availableColumns;\n    }\n    return availableColumns.filter((col) =>\n      col.name.toLowerCase().includes(query)\n    );\n  }, [availableColumns, menuSearchQuery]);\n\n  const handleMenuSearchChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setMenuSearchQuery(event.target.value);\n    },\n    [],\n  );\n\n  const handleMenuOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setMenuSearchQuery(\"\");\n    }\n  }, []);\n\n  const sortableItems: SortableItem[] = useMemo(() => {\n    return selectedSortColumns.map((item) => ({\n      id: item.id,\n      label: item.name,\n      content: (\n        <div className={styles.sortColumnItem}>\n          <span className={classNames(styles.sortColumnName, styles.truncate)}>\n            {item.name}\n          </span>\n          <Button\n            className={styles.sortDirectionButton}\n            onClick={() => handleToggleSortDirection(item.id)}\n            aria-label={`Toggle sort direction for ${item.name}`}\n          >\n            {item.direction === \"asc\"\n              ? <SortAlphabetical className={styles.sortIcon} />\n              : <SortAlphabeticalDesc className={styles.sortIcon} />}\n          </Button>\n        </div>\n      ),\n    }));\n  }, [selectedSortColumns, handleToggleSortDirection]);\n\n  const footer = useMemo(() => (\n    <>\n      <ActionButton onClick={onClose}>Cancel</ActionButton>\n      <ActionButton variant=\"primary\" onClick={handleApply}>\n        Apply\n      </ActionButton>\n    </>\n  ), [handleApply, onClose]);\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onOpenChange={onClose}\n      title={DialogTitle}\n      footer={footer}\n    >\n      <div className={styles.sortColumnsList}>\n        <SortableItemsList\n          items={sortableItems}\n          onReorder={handleReorderSortColumns}\n          onRemove={handleRemoveSortColumn}\n          className={styles.sortableList}\n        />\n        <Menu.Root onOpenChange={handleMenuOpenChange}>\n          <Menu.Trigger\n            className={styles.addColumnButton}\n            disabled={availableColumns.length === 0}\n            aria-label=\"Add column to sort\"\n          >\n            <Add className={styles.addIcon} />\n            <span className={styles.addColumnText}>\n              Add Column to Sort\n            </span>\n            <CaretDown color={\"currentColor\"} />\n          </Menu.Trigger>\n          <Menu.Portal>\n            <Menu.Positioner className={styles.menuPositioner} sideOffset={4}>\n              <Menu.Popup className={styles.dropdownMenu}>\n                <SearchBar\n                  value={menuSearchQuery}\n                  onChange={handleMenuSearchChange}\n                  placeholder=\"Search columns\"\n                  aria-label=\"Search columns to sort\"\n                  className={styles.menuSearchContainer}\n                  onKeyDown={(e) => e.stopPropagation()}\n                />\n                {filteredAvailableColumns.map((column) => (\n                  <AvailableColumnMenuItem\n                    key={column.id}\n                    column={column}\n                    onAddColumn={handleAddColumn}\n                  />\n                ))}\n                {filteredAvailableColumns.length === 0 && (\n                  <div className={styles.menuEmptyState}>\n                    No matching columns\n                  </div>\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </Menu.Root>\n      </div>\n    </Dialog>\n  );\n}\n\nconst DialogTitle = (\n  <div className={styles.title}>\n    <Cog />Sort on Multiple Columns\n  </div>\n);\nfunction AvailableColumnMenuItem(\n  { column, onAddColumn }: {\n    column: ColumnOption;\n    onAddColumn: (column: ColumnOption) => void;\n  },\n) {\n  const onClick = useCallback(() => onAddColumn(column), [onAddColumn, column]);\n\n  return (\n    <Menu.Item\n      className={classNames(styles.dropdownItem, styles.truncate)}\n      onClick={onClick}\n    >\n      {column.name}\n    </Menu.Item>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MultiColumnSortDialog.js","names":["Button","Menu","Add","CaretDown","Cog","SortAlphabetical","SortAlphabeticalDesc","arrayMove","classNames","React","useCallback","useEffect","useMemo","useState","ActionButton","Dialog","SearchBar","styles","SortableItemsList","MultiColumnSortDialog","isOpen","onClose","onApply","currentSorting","columnOptions","selectedSortColumns","setSelectedSortColumns","menuSearchQuery","setMenuSearchQuery","selectedColumns","sort","column","find","col","id","push","direction","desc","handleAddColumn","prev","handleRemoveSortColumn","filter","item","handleReorderSortColumns","fromIndex","toIndex","items","handleToggleSortDirection","map","handleApply","sortingState","availableColumns","canSort","some","selected","filteredAvailableColumns","query","toLowerCase","trim","name","includes","handleMenuSearchChange","event","target","value","handleMenuOpenChange","open","sortableItems","label","content","createElement","className","sortColumnItem","sortColumnName","truncate","sortDirectionButton","onClick","sortIcon","footer","Fragment","variant","handleKeyDown","stopPropagation","onOpenChange","title","DialogTitle","sortColumnsList","onReorder","onRemove","sortableList","Root","Trigger","addColumnButton","disabled","length","addIcon","addColumnText","color","Portal","Positioner","menuPositioner","sideOffset","Popup","dropdownMenu","onChange","placeholder","menuSearchContainer","onKeyDown","AvailableColumnMenuItem","key","onAddColumn","menuEmptyState","Item","dropdownItem"],"sources":["MultiColumnSortDialog.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 { Button } from \"@base-ui/react/button\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport {\n  Add,\n  CaretDown,\n  Cog,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n} from \"@blueprintjs/icons\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\nimport type { SortingState } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport { Dialog } from \"../base-components/dialog/Dialog.js\";\nimport { SearchBar } from \"../base-components/search-bar/SearchBar.js\";\nimport styles from \"./MultiColumnSortDialog.module.css\";\nimport { type SortableItem, SortableItemsList } from \"./SortableItemsList.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\nexport interface SortColumnItem extends ColumnOption {\n  direction: \"asc\" | \"desc\";\n}\n\ninterface MultiColumnSortDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (sortColumns: SortingState) => void;\n  currentSorting: SortingState;\n  columnOptions: ColumnOption[];\n}\n\nexport function MultiColumnSortDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentSorting,\n  columnOptions,\n}: MultiColumnSortDialogProps): React.ReactElement {\n  const [selectedSortColumns, setSelectedSortColumns] = useState<\n    SortColumnItem[]\n  >([]);\n  const [menuSearchQuery, setMenuSearchQuery] = useState(\"\");\n\n  // Initialize selected sort columns from current sorting\n  useEffect(() => {\n    if (isOpen) {\n      const selectedColumns: SortColumnItem[] = [];\n      for (const sort of currentSorting) {\n        const column = columnOptions.find((col) => col.id === sort.id);\n        if (column) {\n          selectedColumns.push({\n            ...column,\n            direction: sort.desc ? \"desc\" : \"asc\",\n          });\n        }\n      }\n      setSelectedSortColumns(selectedColumns);\n    }\n  }, [isOpen, currentSorting, columnOptions]);\n\n  const handleAddColumn = useCallback((column: ColumnOption) => {\n    setSelectedSortColumns((prev) => [\n      ...prev,\n      { ...column, direction: \"asc\" },\n    ]);\n  }, []);\n\n  const handleRemoveSortColumn = useCallback((id: string) => {\n    setSelectedSortColumns((prev) => prev.filter((item) => item.id !== id));\n  }, []);\n\n  const handleReorderSortColumns = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      setSelectedSortColumns((items) => arrayMove(items, fromIndex, toIndex));\n    },\n    [],\n  );\n\n  const handleToggleSortDirection = useCallback((id: string) => {\n    setSelectedSortColumns((prev) =>\n      prev.map((item) =>\n        item.id === id\n          ? { ...item, direction: item.direction === \"asc\" ? \"desc\" : \"asc\" }\n          : item\n      )\n    );\n  }, []);\n\n  const handleApply = useCallback(() => {\n    const sortingState: SortingState = selectedSortColumns.map((col) => ({\n      id: col.id,\n      desc: col.direction === \"desc\",\n    }));\n    onApply(sortingState);\n    onClose();\n  }, [selectedSortColumns, onApply, onClose]);\n\n  const availableColumns = useMemo(\n    () =>\n      columnOptions.filter(\n        (col) =>\n          col.canSort\n          && !selectedSortColumns.some((selected) => selected.id === col.id),\n      ),\n    [columnOptions, selectedSortColumns],\n  );\n\n  const filteredAvailableColumns = useMemo(() => {\n    const query = menuSearchQuery.toLowerCase().trim();\n    if (!query) {\n      return availableColumns;\n    }\n    return availableColumns.filter((col) =>\n      col.name.toLowerCase().includes(query)\n    );\n  }, [availableColumns, menuSearchQuery]);\n\n  const handleMenuSearchChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setMenuSearchQuery(event.target.value);\n    },\n    [],\n  );\n\n  const handleMenuOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setMenuSearchQuery(\"\");\n    }\n  }, []);\n\n  const sortableItems: SortableItem[] = useMemo(() => {\n    return selectedSortColumns.map((item) => ({\n      id: item.id,\n      label: item.name,\n      content: (\n        <div className={styles.sortColumnItem}>\n          <span className={classNames(styles.sortColumnName, styles.truncate)}>\n            {item.name}\n          </span>\n          <Button\n            className={styles.sortDirectionButton}\n            onClick={() => handleToggleSortDirection(item.id)}\n            aria-label={`Toggle sort direction for ${item.name}`}\n          >\n            {item.direction === \"asc\"\n              ? <SortAlphabetical className={styles.sortIcon} />\n              : <SortAlphabeticalDesc className={styles.sortIcon} />}\n          </Button>\n        </div>\n      ),\n    }));\n  }, [selectedSortColumns, handleToggleSortDirection]);\n\n  const footer = useMemo(() => (\n    <>\n      <ActionButton onClick={onClose}>Cancel</ActionButton>\n      <ActionButton variant=\"primary\" onClick={handleApply}>\n        Apply\n      </ActionButton>\n    </>\n  ), [handleApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Dialog\n      isOpen={isOpen}\n      onOpenChange={onClose}\n      title={DialogTitle}\n      footer={footer}\n    >\n      <div className={styles.sortColumnsList}>\n        <SortableItemsList\n          items={sortableItems}\n          onReorder={handleReorderSortColumns}\n          onRemove={handleRemoveSortColumn}\n          className={styles.sortableList}\n        />\n        <Menu.Root onOpenChange={handleMenuOpenChange}>\n          <Menu.Trigger\n            className={styles.addColumnButton}\n            disabled={availableColumns.length === 0}\n            aria-label=\"Add column to sort\"\n          >\n            <Add className={styles.addIcon} />\n            <span className={styles.addColumnText}>\n              Add Column to Sort\n            </span>\n            <CaretDown color={\"currentColor\"} />\n          </Menu.Trigger>\n          <Menu.Portal>\n            <Menu.Positioner className={styles.menuPositioner} sideOffset={4}>\n              <Menu.Popup className={styles.dropdownMenu}>\n                <SearchBar\n                  value={menuSearchQuery}\n                  onChange={handleMenuSearchChange}\n                  placeholder=\"Search columns\"\n                  aria-label=\"Search columns to sort\"\n                  className={styles.menuSearchContainer}\n                  onKeyDown={handleKeyDown}\n                />\n                {filteredAvailableColumns.map((column) => (\n                  <AvailableColumnMenuItem\n                    key={column.id}\n                    column={column}\n                    onAddColumn={handleAddColumn}\n                  />\n                ))}\n                {filteredAvailableColumns.length === 0 && (\n                  <div className={styles.menuEmptyState}>\n                    No matching columns\n                  </div>\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </Menu.Root>\n      </div>\n    </Dialog>\n  );\n}\n\nconst DialogTitle = (\n  <div className={styles.title}>\n    <Cog />Sort on Multiple Columns\n  </div>\n);\nfunction AvailableColumnMenuItem(\n  { column, onAddColumn }: {\n    column: ColumnOption;\n    onAddColumn: (column: ColumnOption) => void;\n  },\n) {\n  const onClick = useCallback(() => onAddColumn(column), [onAddColumn, column]);\n\n  return (\n    <Menu.Item\n      className={classNames(styles.dropdownItem, styles.truncate)}\n      onClick={onClick}\n    >\n      {column.name}\n    </Menu.Item>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -162,8 +162,11 @@ export function ObjectTable({
     getRowId,
     meta: {
       onCellEdit: editableConfig.onCellEdit,
+      onCellValidationError: editableConfig.onCellValidationError,
+      clearCellValidationError: editableConfig.clearCellValidationError,
       cellEdits: editableConfig.cellEdits,
-      isInEditMode: editableConfig.editMode.isActive
+      isInEditMode: editableConfig.editModeState.isActive,
+      validationErrors: editableConfig.validationErrors
     }
   });
   const onRenderCellContextMenu = useCallback((row, cell) => {

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","EMPTY_ARRAY","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","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\nconst EMPTY_ARRAY: [] = [];\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  isAllSelected: isAllSelectedProp,\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    isAllSelected: isAllSelectedProp,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    {\n      selectionMode,\n      isAllSelected,\n      hasSelection,\n      onToggleAll,\n      onToggleRow,\n    },\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 ?? EMPTY_ARRAY,\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":[]}
+{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useColumnDefs","useColumnPinning","useColumnResize","useColumnVisibility","useEditableTable","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","EMPTY_ARRAY","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","hasSelection","onToggleAll","onToggleRow","enableRowSelection","selectionColumn","columnVisibility","onColumnVisibilityChange","columnOrder","onColumnOrderChange","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","editableConfig","table","state","enableSorting","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","meta","onCellEdit","onCellValidationError","clearCellValidationError","cellEdits","isInEditMode","editModeState","isActive","validationErrors","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\nconst EMPTY_ARRAY: [] = [];\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  isAllSelected: isAllSelectedProp,\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    isAllSelected: isAllSelectedProp,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    {\n      selectionMode,\n      isAllSelected,\n      hasSelection,\n      onToggleAll,\n      onToggleRow,\n    },\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 ?? EMPTY_ARRAY,\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      onCellValidationError: editableConfig.onCellValidationError,\n      clearCellValidationError: editableConfig.clearCellValidationError,\n      cellEdits: editableConfig.cellEdits,\n      isInEditMode: editableConfig.editModeState.isActive,\n      validationErrors: editableConfig.validationErrors,\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 { 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   * Indicates whether all rows are selected in controlled mode.\n   * When true, the table will show all rows as selected regardless of the selectedRows array.\n   */\n  isAllSelected?: boolean;\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   * @param isSelectAll Whether the change was triggered by a \"select all\" action. Defaults to false\n   */\n  onRowSelection?: (\n    selectedRowIds: PrimaryKeyType<Q>[],\n    isSelectAll?: boolean,\n  ) => void;\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  /**\n   * Additional function to validate the cell value during edit\n   *\n   * @param value the current cell value\n   * @returns a promise that resolves to an error message string if validation fails, or undefined if validation succeeds\n   */\n  validateEdit?: (\n    value: unknown,\n  ) => Promise<string | undefined>;\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   * Indicates whether all rows are selected in controlled mode.\n   * When true, the table will show all rows as selected regardless of the selectedRows array.\n   */\n  isAllSelected?: boolean;\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   * @param isSelectAll Whether the change was triggered by a \"select all\" action. Defaults to false\n   */\n  onRowSelection?: (\n    selectedRowIds: PrimaryKeyType<Q>[],\n    isSelectAll?: boolean,\n  ) => void;\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/SelectionCells.js

@@ -33,6 +33,7 @@ export function SelectionCell({
   onToggleRow
 }) {
   const handleClick = useCallback(event => {
+    // TODO: Create ActionBoundary component
     event.stopPropagation();
     const isShiftClick = event.shiftKey;
     onToggleRow(row.id, row.index, isShiftClick);

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

@@ -1 +1 @@
-{"version":3,"file":"SelectionCells.js","names":["React","useCallback","Checkbox","SelectionHeaderCell","isAllSelected","hasSelection","onToggleAll","createElement","indeterminate","checked","onCheckedChange","SelectionCell","row","onToggleRow","handleClick","event","stopPropagation","isShiftClick","shiftKey","id","index","handleKeyDown","key","onClick","onKeyDown","getIsSelected"],"sources":["SelectionCells.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 { Row, RowData } from \"@tanstack/react-table\";\nimport React, { useCallback } from \"react\";\nimport { Checkbox } from \"../base-components/checkbox/Checkbox.js\";\n\ninterface SelectionHeaderCellProps {\n  isAllSelected: boolean;\n  hasSelection: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SelectionHeaderCell({\n  isAllSelected,\n  hasSelection,\n  onToggleAll,\n}: SelectionHeaderCellProps): React.ReactElement {\n  return (\n    <Checkbox\n      indeterminate={hasSelection && !isAllSelected}\n      checked={isAllSelected}\n      onCheckedChange={onToggleAll}\n      aria-label={\"Select all rows\"}\n    />\n  );\n}\n\ninterface SelectionCellProps<TData extends RowData> {\n  row: Row<TData>;\n  onToggleRow: (rowId: string, rowIndex: number, isShiftClick: boolean) => void;\n}\n\nexport function SelectionCell<TData extends RowData>({\n  row,\n  onToggleRow,\n}: SelectionCellProps<TData>): React.ReactElement {\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      event.stopPropagation();\n      const isShiftClick = event.shiftKey;\n      onToggleRow(row.id, row.index, isShiftClick);\n    },\n    [onToggleRow, row.id, row.index],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // TODO: support shift + space\n      // It looks like when we handle shift key here, the checkbox gets toggled twice\n      if (event.key === \"Enter\") {\n        const isShiftClick = event.shiftKey;\n        onToggleRow(row.id, row.index, isShiftClick);\n      }\n    },\n    [onToggleRow, row.id, row.index],\n  );\n\n  return (\n    <div onClick={handleClick} onKeyDown={handleKeyDown}>\n      <Checkbox\n        checked={row.getIsSelected()}\n        aria-label={`Select row ${row.index + 1}`}\n      />\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,yCAAyC;AAQlE,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,aAAa;EACbC,YAAY;EACZC;AACwB,CAAC,EAAsB;EAC/C,oBACEN,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACPM,aAAa,EAAEH,YAAY,IAAI,CAACD,aAAc;IAC9CK,OAAO,EAAEL,aAAc;IACvBM,eAAe,EAAEJ,WAAY;IAC7B,cAAY;EAAkB,CAC/B,CAAC;AAEN;AAOA,OAAO,SAASK,aAAaA,CAAwB;EACnDC,GAAG;EACHC;AACyB,CAAC,EAAsB;EAChD,MAAMC,WAAW,GAAGb,WAAW,CAC5Bc,KAAmD,IAAK;IACvDA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvB,MAAMC,YAAY,GAAGF,KAAK,CAACG,QAAQ;IACnCL,WAAW,CAACD,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,EAAEH,YAAY,CAAC;EAC9C,CAAC,EACD,CAACJ,WAAW,EAAED,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,CACjC,CAAC;EAED,MAAMC,aAAa,GAAGpB,WAAW,CAC9Bc,KAA0C,IAAK;IAC9C;IACA;IACA,IAAIA,KAAK,CAACO,GAAG,KAAK,OAAO,EAAE;MACzB,MAAML,YAAY,GAAGF,KAAK,CAACG,QAAQ;MACnCL,WAAW,CAACD,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,EAAEH,YAAY,CAAC;IAC9C;EACF,CAAC,EACD,CAACJ,WAAW,EAAED,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,CACjC,CAAC;EAED,oBACEpB,KAAA,CAAAO,aAAA;IAAKgB,OAAO,EAAET,WAAY;IAACU,SAAS,EAAEH;EAAc,gBAClDrB,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACPO,OAAO,EAAEG,GAAG,CAACa,aAAa,CAAC,CAAE;IAC7B,cAAY,cAAcb,GAAG,CAACQ,KAAK,GAAG,CAAC;EAAG,CAC3C,CACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"SelectionCells.js","names":["React","useCallback","Checkbox","SelectionHeaderCell","isAllSelected","hasSelection","onToggleAll","createElement","indeterminate","checked","onCheckedChange","SelectionCell","row","onToggleRow","handleClick","event","stopPropagation","isShiftClick","shiftKey","id","index","handleKeyDown","key","onClick","onKeyDown","getIsSelected"],"sources":["SelectionCells.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 { Row, RowData } from \"@tanstack/react-table\";\nimport React, { useCallback } from \"react\";\nimport { Checkbox } from \"../base-components/checkbox/Checkbox.js\";\n\ninterface SelectionHeaderCellProps {\n  isAllSelected: boolean;\n  hasSelection: boolean;\n  onToggleAll: () => void;\n}\n\nexport function SelectionHeaderCell({\n  isAllSelected,\n  hasSelection,\n  onToggleAll,\n}: SelectionHeaderCellProps): React.ReactElement {\n  return (\n    <Checkbox\n      indeterminate={hasSelection && !isAllSelected}\n      checked={isAllSelected}\n      onCheckedChange={onToggleAll}\n      aria-label={\"Select all rows\"}\n    />\n  );\n}\n\ninterface SelectionCellProps<TData extends RowData> {\n  row: Row<TData>;\n  onToggleRow: (rowId: string, rowIndex: number, isShiftClick: boolean) => void;\n}\n\nexport function SelectionCell<TData extends RowData>({\n  row,\n  onToggleRow,\n}: SelectionCellProps<TData>): React.ReactElement {\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      // TODO: Create ActionBoundary component\n      event.stopPropagation();\n      const isShiftClick = event.shiftKey;\n      onToggleRow(row.id, row.index, isShiftClick);\n    },\n    [onToggleRow, row.id, row.index],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // TODO: support shift + space\n      // It looks like when we handle shift key here, the checkbox gets toggled twice\n      if (event.key === \"Enter\") {\n        const isShiftClick = event.shiftKey;\n        onToggleRow(row.id, row.index, isShiftClick);\n      }\n    },\n    [onToggleRow, row.id, row.index],\n  );\n\n  return (\n    <div onClick={handleClick} onKeyDown={handleKeyDown}>\n      <Checkbox\n        checked={row.getIsSelected()}\n        aria-label={`Select row ${row.index + 1}`}\n      />\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,QAAQ,QAAQ,yCAAyC;AAQlE,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,aAAa;EACbC,YAAY;EACZC;AACwB,CAAC,EAAsB;EAC/C,oBACEN,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACPM,aAAa,EAAEH,YAAY,IAAI,CAACD,aAAc;IAC9CK,OAAO,EAAEL,aAAc;IACvBM,eAAe,EAAEJ,WAAY;IAC7B,cAAY;EAAkB,CAC/B,CAAC;AAEN;AAOA,OAAO,SAASK,aAAaA,CAAwB;EACnDC,GAAG;EACHC;AACyB,CAAC,EAAsB;EAChD,MAAMC,WAAW,GAAGb,WAAW,CAC5Bc,KAAmD,IAAK;IACvD;IACAA,KAAK,CAACC,eAAe,CAAC,CAAC;IACvB,MAAMC,YAAY,GAAGF,KAAK,CAACG,QAAQ;IACnCL,WAAW,CAACD,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,EAAEH,YAAY,CAAC;EAC9C,CAAC,EACD,CAACJ,WAAW,EAAED,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,CACjC,CAAC;EAED,MAAMC,aAAa,GAAGpB,WAAW,CAC9Bc,KAA0C,IAAK;IAC9C;IACA;IACA,IAAIA,KAAK,CAACO,GAAG,KAAK,OAAO,EAAE;MACzB,MAAML,YAAY,GAAGF,KAAK,CAACG,QAAQ;MACnCL,WAAW,CAACD,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,EAAEH,YAAY,CAAC;IAC9C;EACF,CAAC,EACD,CAACJ,WAAW,EAAED,GAAG,CAACO,EAAE,EAAEP,GAAG,CAACQ,KAAK,CACjC,CAAC;EAED,oBACEpB,KAAA,CAAAO,aAAA;IAAKgB,OAAO,EAAET,WAAY;IAACU,SAAS,EAAEH;EAAc,gBAClDrB,KAAA,CAAAO,aAAA,CAACL,QAAQ;IACPO,OAAO,EAAEG,GAAG,CAACa,aAAa,CAAC,CAAE;IAC7B,cAAY,cAAcb,GAAG,CAACQ,KAAK,GAAG,CAAC;EAAG,CAC3C,CACE,CAAC;AAEV","ignoreList":[]}

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

@@ -105,12 +105,12 @@ export function BaseTable({
     headerGroups: headerGroups,
     focusedRowId: focusedRowId,
     setFocusedRowId: setFocusedRowId,
-    isInEditMode: editableConfig?.editMode.isActive
+    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 && /*#__PURE__*/React.createElement(TableEditContainer, {
+  })), hasEditableColumns && editableConfig && /*#__PURE__*/React.createElement(TableEditContainer, {
     editableConfig: editableConfig,
     focusedRowId: focusedRowId
   }));