@osdk/react-components 0.17.0 → 0.18.0-main-19d5612e8f88bd5a513060ff9c84bfa3b5d5e36b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/build/browser/object-table/EditableCell.js +7 -2
  3. package/build/browser/object-table/EditableCell.js.map +1 -1
  4. package/build/browser/object-table/EditableCell.module.css +8 -1
  5. package/build/browser/object-table/ObjectTable.js +4 -4
  6. package/build/browser/object-table/ObjectTable.js.map +1 -1
  7. package/build/browser/object-table/ObjectTableApi.js.map +1 -1
  8. package/build/browser/object-table/hooks/useEditableTable.js +6 -2
  9. package/build/browser/object-table/hooks/useEditableTable.js.map +1 -1
  10. package/build/browser/object-table/hooks/useRowSelection.js +5 -4
  11. package/build/browser/object-table/hooks/useRowSelection.js.map +1 -1
  12. package/build/browser/object-table/utils/editableUtils.js +11 -0
  13. package/build/browser/object-table/utils/editableUtils.js.map +1 -1
  14. package/build/browser/styles.css +8 -1
  15. package/build/browser/util/UserAgent.js +1 -1
  16. package/build/browser/util/UserAgent.js.map +1 -1
  17. package/build/cjs/{chunk-JNFOPEN2.cjs → chunk-37IKXUUA.cjs} +4 -4
  18. package/build/cjs/{chunk-JNFOPEN2.cjs.map → chunk-37IKXUUA.cjs.map} +1 -1
  19. package/build/cjs/chunk-4KVCI7YY.cjs +11 -0
  20. package/build/cjs/{chunk-DVE44R2H.cjs.map → chunk-4KVCI7YY.cjs.map} +1 -1
  21. package/build/cjs/chunk-5X2ADSAK.cjs +11 -0
  22. package/build/cjs/{chunk-U2JT7LIS.cjs.map → chunk-5X2ADSAK.cjs.map} +1 -1
  23. package/build/cjs/{chunk-R4M6VGVD.cjs → chunk-7G645TD2.cjs} +3 -3
  24. package/build/cjs/chunk-7G645TD2.cjs.map +1 -0
  25. package/build/cjs/{chunk-QOKXBBSR.cjs → chunk-DSYBYUOD.cjs} +204 -236
  26. package/build/cjs/chunk-DSYBYUOD.cjs.map +1 -0
  27. package/build/cjs/{chunk-25R5WVUR.cjs → chunk-DTU2E3GB.cjs} +4 -4
  28. package/build/cjs/{chunk-25R5WVUR.cjs.map → chunk-DTU2E3GB.cjs.map} +1 -1
  29. package/build/cjs/{chunk-ZBJEZKOD.cjs → chunk-FRSIMUPL.cjs} +90 -59
  30. package/build/cjs/chunk-FRSIMUPL.cjs.map +1 -0
  31. package/build/cjs/chunk-JPHNC57S.cjs +11 -0
  32. package/build/cjs/{chunk-AL43X5RI.cjs.map → chunk-JPHNC57S.cjs.map} +1 -1
  33. package/build/cjs/{chunk-BGTMZNYD.cjs → chunk-RBBND5XT.cjs} +4 -4
  34. package/build/cjs/{chunk-BGTMZNYD.cjs.map → chunk-RBBND5XT.cjs.map} +1 -1
  35. package/build/cjs/chunk-TFEE64IM.cjs +11 -0
  36. package/build/cjs/{chunk-HHVL4RYG.cjs.map → chunk-TFEE64IM.cjs.map} +1 -1
  37. package/build/cjs/{chunk-BKLX3JZ5.cjs → chunk-TJ2NS6VN.cjs} +4 -4
  38. package/build/cjs/{chunk-BKLX3JZ5.cjs.map → chunk-TJ2NS6VN.cjs.map} +1 -1
  39. package/build/cjs/{chunk-ONBWRKWJ.cjs → chunk-VLK6VOPG.cjs} +31 -28
  40. package/build/cjs/chunk-VLK6VOPG.cjs.map +1 -0
  41. package/build/cjs/{chunk-6HVKQP7I.cjs → chunk-WREM54E2.cjs} +4 -4
  42. package/build/cjs/{chunk-6HVKQP7I.cjs.map → chunk-WREM54E2.cjs.map} +1 -1
  43. package/build/cjs/chunk-ZN2P56VK.cjs +11 -0
  44. package/build/cjs/{chunk-VICC2NSA.cjs.map → chunk-ZN2P56VK.cjs.map} +1 -1
  45. package/build/cjs/public/experimental/action-form.cjs +5 -5
  46. package/build/cjs/public/experimental/document-viewer.cjs +4 -4
  47. package/build/cjs/public/experimental/email-viewer.cjs +3 -3
  48. package/build/cjs/public/experimental/excel-viewer.cjs +3 -3
  49. package/build/cjs/public/experimental/filter-list.cjs +13 -13
  50. package/build/cjs/public/experimental/image-viewer.cjs +3 -3
  51. package/build/cjs/public/experimental/markdown-renderer.cjs +3 -3
  52. package/build/cjs/public/experimental/object-table.cjs +9 -9
  53. package/build/cjs/public/experimental/object-table.css +2 -0
  54. package/build/cjs/public/experimental/object-table.css.map +1 -1
  55. package/build/cjs/public/experimental/object-table.d.cts +11 -14
  56. package/build/cjs/public/experimental/pdf-viewer.cjs +7 -7
  57. package/build/cjs/public/experimental/tiff-renderer.cjs +3 -3
  58. package/build/cjs/public/experimental/video-viewer.cjs +3 -3
  59. package/build/cjs/public/experimental/xml-viewer.cjs +3 -3
  60. package/build/cjs/public/experimental.cjs +47 -47
  61. package/build/cjs/public/experimental.css +2 -0
  62. package/build/cjs/public/experimental.css.map +1 -1
  63. package/build/esm/object-table/EditableCell.js +7 -2
  64. package/build/esm/object-table/EditableCell.js.map +1 -1
  65. package/build/esm/object-table/EditableCell.module.css +8 -1
  66. package/build/esm/object-table/ObjectTable.js +4 -4
  67. package/build/esm/object-table/ObjectTable.js.map +1 -1
  68. package/build/esm/object-table/ObjectTableApi.js.map +1 -1
  69. package/build/esm/object-table/hooks/useEditableTable.js +6 -2
  70. package/build/esm/object-table/hooks/useEditableTable.js.map +1 -1
  71. package/build/esm/object-table/hooks/useRowSelection.js +5 -4
  72. package/build/esm/object-table/hooks/useRowSelection.js.map +1 -1
  73. package/build/esm/object-table/utils/editableUtils.js +11 -0
  74. package/build/esm/object-table/utils/editableUtils.js.map +1 -1
  75. package/build/esm/util/UserAgent.js +1 -1
  76. package/build/esm/util/UserAgent.js.map +1 -1
  77. package/build/types/object-table/EditableCell.d.ts.map +1 -1
  78. package/build/types/object-table/ObjectTable.d.ts.map +1 -1
  79. package/build/types/object-table/ObjectTableApi.d.ts +11 -14
  80. package/build/types/object-table/ObjectTableApi.d.ts.map +1 -1
  81. package/build/types/object-table/hooks/useEditableTable.d.ts.map +1 -1
  82. package/build/types/object-table/hooks/useRowSelection.d.ts +0 -1
  83. package/build/types/object-table/hooks/useRowSelection.d.ts.map +1 -1
  84. package/build/types/object-table/utils/editableUtils.d.ts +8 -0
  85. package/build/types/object-table/utils/editableUtils.d.ts.map +1 -1
  86. package/docs/ObjectTable.md +17 -17
  87. package/package.json +2 -2
  88. package/build/cjs/chunk-AL43X5RI.cjs +0 -11
  89. package/build/cjs/chunk-DVE44R2H.cjs +0 -11
  90. package/build/cjs/chunk-HHVL4RYG.cjs +0 -11
  91. package/build/cjs/chunk-ONBWRKWJ.cjs.map +0 -1
  92. package/build/cjs/chunk-QOKXBBSR.cjs.map +0 -1
  93. package/build/cjs/chunk-R4M6VGVD.cjs.map +0 -1
  94. package/build/cjs/chunk-U2JT7LIS.cjs +0 -11
  95. package/build/cjs/chunk-VICC2NSA.cjs +0 -11
  96. package/build/cjs/chunk-ZBJEZKOD.cjs.map +0 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @osdk/react-components
2
2
 
3
+ ## 0.18.0-main-19d5612e8f88bd5a513060ff9c84bfa3b5d5e36b
4
+
5
+ ### Minor Changes
6
+
7
+ - ca8ef7c: ObjectTable: drop the redundant `selectedRowIds` field from the `RowSelectionChange` payload delivered to `onRowSelectionChanged`. The primary keys are still available via `selectedRows.map(r => r.$primaryKey)`. `selectedRowIds` was redundant with `selectedRows` and was kept only as a transitional alias.
8
+
9
+ ### Patch Changes
10
+
11
+ - 19d5612: Fix two ObjectTable editable-cell visual issues:
12
+ - Dropdown cell no longer shows a phantom "edited" outline after clearing a
13
+ never-set cell. `EditableCell` and `useEditableTable` now treat `null` and
14
+ `undefined` as the same empty state when deciding whether an edit is a
15
+ revert, so clearing a cell whose value was `undefined` removes the edit
16
+ entry instead of leaving a stale "edited" indicator. `""` remains a
17
+ distinct value — clearing an empty string still registers as an edit.
18
+ - Date picker cell now shows the same focus outline as the text input cell,
19
+ and no longer renders the date picker's own box-shadow on top of the cell
20
+ border. The cell wrapper also reserves a transparent border so focusing
21
+ the picker doesn't shift layout.
22
+
3
23
  ## 0.17.0
4
24
 
5
25
  ### Minor Changes
@@ -21,6 +21,7 @@ import { DatePickerCellField } from "./components/DatePickerCellField.js";
21
21
  import { DropdownCellField } from "./components/DropdownCellField.js";
22
22
  import { TextInputCellField } from "./components/TextInputCellField.js";
23
23
  import styles from "./EditableCell.module.css.js";
24
+ import { cellValuesEqual } from "./utils/editableUtils.js";
24
25
  const NUMBER_TYPES = ["double", "integer", "long", "float", "decimal", "byte", "short"];
25
26
  const DATE_TYPES = ["datetime", "timestamp"];
26
27
  const VALIDATION_ERROR_MESSAGE = "Validation error";
@@ -74,7 +75,7 @@ function EditableCellInner({
74
75
  }
75
76
  }, []);
76
77
  const hasValidationError = validationError != null;
77
- const isEdited = (currentValue ?? null) !== (initialValue ?? null);
78
+ const isEdited = !cellValuesEqual(currentValue, initialValue);
78
79
  useEffect(() => {
79
80
  setInputValue(valueToString(currentValue));
80
81
  }, [currentValue]);
@@ -153,7 +154,11 @@ function EditableCellInner({
153
154
  }
154
155
  }, [currentValue]);
155
156
  const handleCommit = useCallback(newValue => {
156
- if ((newValue ?? null) === (currentValue ?? null)) return;
157
+ // No-op if the value hasn't actually moved from what the cell already
158
+ // displays. null and undefined are treated as the same empty state so
159
+ // a dropdown that clears a never-set cell doesn't fire; "" stays
160
+ // distinct since an empty string can be meaningful data.
161
+ if (cellValuesEqual(newValue, currentValue)) return;
157
162
  commitEdit(newValue);
158
163
  }, [commitEdit, currentValue]);
159
164
  const inputType = dataType && NUMBER_TYPES.includes(dataType) ? "number" : "text";
@@ -1 +1 @@
1
- {"version":3,"file":"EditableCell.js","names":["Error","React","useCallback","useEffect","useMemo","useRef","useState","Tooltip","DatePickerCellField","DropdownCellField","TextInputCellField","styles","NUMBER_TYPES","DATE_TYPES","VALIDATION_ERROR_MESSAGE","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","EditableCellInner","initialValue","currentValue","cellId","onCellEdit","onCellValidationError","clearCellValidationError","originalRowData","rowId","columnId","validateEdit","validationError","editFieldConfig","rowCellEdits","isRowFocused","inputValue","setInputValue","isCancelled","validationAbortControllerRef","abortValidation","current","abort","hasValidationError","isEdited","runValidation","parsedValue","controller","AbortController","validationPromise","Promise","race","_","reject","signal","addEventListener","DOMException","then","errorMessage","aborted","error","name","commitEdit","newValue","oldValue","handleBlur","handleInputChange","handleKeyDown","e","key","currentTarget","blur","handleCommit","inputType","dropdownFieldProps","fieldComponent","getFieldComponentProps","undefined","datePickerFieldProps","createElement","Provider","Root","disabled","Trigger","className","osdkEditableCellTrigger","render","osdkTooltipTriggerWrapper","fieldComponentProps","onChange","onValueChange","onBlur","onKeyDown","Portal","Positioner","sideOffset","side","Popup","errorIcon","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 { Error } from \"@blueprintjs/icons\";\nimport type { RowData } from \"@tanstack/react-table\";\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { Tooltip } from \"../base-components/tooltip/Tooltip.js\";\nimport { DatePickerCellField } from \"./components/DatePickerCellField.js\";\nimport { DropdownCellField } from \"./components/DropdownCellField.js\";\nimport { TextInputCellField } from \"./components/TextInputCellField.js\";\nimport styles from \"./EditableCell.module.css\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nconst NUMBER_TYPES: readonly string[] = [\n \"double\",\n \"integer\",\n \"long\",\n \"float\",\n \"decimal\",\n \"byte\",\n \"short\",\n];\n\nconst DATE_TYPES: readonly string[] = [\n \"datetime\",\n \"timestamp\",\n];\n\nconst VALIDATION_ERROR_MESSAGE = \"Validation error\";\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 editFieldConfig?: EditFieldConfig<TData>;\n /**\n * Pending edits for this row, keyed by `columnId`. Forwarded to\n * `EditFieldConfig#getFieldComponentProps`. Filtering happens in\n * `DefaultCellRenderer` so unedited rows receive a stable `undefined`\n * reference and `React.memo` can skip them.\n */\n rowCellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n isRowFocused?: boolean;\n}\n\nfunction valueToString(value: unknown): string {\n if (value == null) {\n return \"\";\n }\n if (typeof value === \"object\") {\n return JSON.stringify(value);\n }\n // At this point, value is a primitive (string, number, boolean, symbol, bigint)\n return String(value as string | number | boolean | symbol | bigint);\n}\n\nfunction parseValueByType(\n value: string,\n dataType?: string,\n): unknown {\n if (!dataType || !NUMBER_TYPES.includes(dataType)) {\n return value;\n }\n\n if (value === \"\") {\n return null;\n }\n\n const parsedNumber = Number(value);\n\n if (isNaN(parsedNumber)) {\n return value;\n }\n\n return parsedNumber;\n}\n\nfunction EditableCellInner<TData extends RowData, CellValue = unknown>({\n initialValue,\n currentValue,\n cellId,\n dataType,\n onCellEdit,\n onCellValidationError,\n clearCellValidationError,\n originalRowData,\n rowId,\n columnId,\n validateEdit,\n validationError,\n editFieldConfig,\n rowCellEdits,\n isRowFocused = false,\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 abortValidation = 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 ?? null) !== (initialValue ?? null);\n\n useEffect(() => {\n setInputValue(valueToString(currentValue));\n }, [currentValue]);\n\n useEffect(() => {\n return () => {\n abortValidation();\n };\n }, [abortValidation]);\n\n const runValidation = useCallback(\n (parsedValue: unknown) => {\n if (!validateEdit) {\n return;\n }\n\n const controller = new AbortController();\n validationAbortControllerRef.current = controller;\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 controller.signal.addEventListener(\"abort\", () => {\n reject(new DOMException(\"Aborted\", \"AbortError\"));\n });\n }),\n ]).then(\n (errorMessage) => {\n if (controller.signal.aborted) {\n return;\n }\n if (errorMessage) {\n onCellValidationError?.(cellId, errorMessage);\n } else {\n clearCellValidationError?.(cellId);\n }\n },\n (error) => {\n if (\n !controller.signal.aborted\n && error.name !== \"AbortError\"\n ) {\n onCellValidationError?.(cellId, VALIDATION_ERROR_MESSAGE);\n }\n },\n );\n },\n [validateEdit, onCellValidationError, clearCellValidationError, cellId],\n );\n\n const commitEdit = useCallback(\n (newValue: CellValue) => {\n abortValidation();\n\n onCellEdit(cellId, {\n rowId,\n columnId,\n newValue,\n oldValue: initialValue,\n originalRowData,\n });\n\n runValidation(newValue);\n },\n [\n abortValidation,\n onCellEdit,\n cellId,\n rowId,\n columnId,\n initialValue,\n originalRowData,\n runValidation,\n ],\n );\n\n // Text/number input: commit on blur\n const handleBlur = useCallback(() => {\n if (isCancelled.current) {\n isCancelled.current = false;\n return;\n }\n\n // No-op when the input wasn't actually changed by the user\n if (inputValue === valueToString(currentValue)) {\n return;\n }\n\n const parsedValue = parseValueByType(inputValue, dataType) as CellValue;\n commitEdit(parsedValue);\n }, [inputValue, currentValue, dataType, commitEdit]);\n\n const handleInputChange = useCallback((value: string) => {\n // Cancel any in-flight validation\n abortValidation();\n setInputValue(value);\n }, [abortValidation]);\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 handleCommit = useCallback(\n (newValue: unknown) => {\n if ((newValue ?? null) === (currentValue ?? null)) return;\n commitEdit(newValue as CellValue);\n },\n [commitEdit, currentValue],\n );\n\n const inputType = dataType && NUMBER_TYPES.includes(dataType)\n ? \"number\"\n : \"text\";\n\n // Compute field-component props once per (editFieldConfig, originalRowData, rowCellEdits).\n // The narrowed return type is preserved in each useMemo\n const dropdownFieldProps = useMemo(\n () =>\n editFieldConfig?.fieldComponent === \"DROPDOWN\"\n ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits)\n : undefined,\n [editFieldConfig, originalRowData, rowCellEdits],\n );\n\n const datePickerFieldProps = useMemo(\n () =>\n editFieldConfig?.fieldComponent === \"DATE_PICKER\"\n ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits)\n : undefined,\n [editFieldConfig, originalRowData, rowCellEdits],\n );\n\n const renderFieldInput = () => {\n switch (editFieldConfig?.fieldComponent) {\n case \"DROPDOWN\":\n return (\n <DropdownCellField\n fieldComponentProps={dropdownFieldProps!}\n isRowFocused={isRowFocused}\n inputValue={inputValue}\n value={currentValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n />\n );\n case \"DATE_PICKER\":\n return (\n <DatePickerCellField\n fieldComponentProps={datePickerFieldProps}\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n />\n );\n default:\n if (dataType != null && DATE_TYPES.includes(dataType)) {\n return (\n <DatePickerCellField\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n dataType={dataType}\n />\n );\n }\n return (\n <TextInputCellField\n inputType={inputType}\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onValueChange={handleInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n />\n );\n }\n };\n\n return (\n <Tooltip.Provider>\n <Tooltip.Root disabled={!hasValidationError}>\n <Tooltip.Trigger\n className={styles.osdkEditableCellTrigger}\n render={<span className={styles.osdkTooltipTriggerWrapper} />}\n >\n {renderFieldInput()}\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\"\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"EditableCell.js","names":["Error","React","useCallback","useEffect","useMemo","useRef","useState","Tooltip","DatePickerCellField","DropdownCellField","TextInputCellField","styles","cellValuesEqual","NUMBER_TYPES","DATE_TYPES","VALIDATION_ERROR_MESSAGE","valueToString","value","JSON","stringify","String","parseValueByType","dataType","includes","parsedNumber","Number","isNaN","EditableCellInner","initialValue","currentValue","cellId","onCellEdit","onCellValidationError","clearCellValidationError","originalRowData","rowId","columnId","validateEdit","validationError","editFieldConfig","rowCellEdits","isRowFocused","inputValue","setInputValue","isCancelled","validationAbortControllerRef","abortValidation","current","abort","hasValidationError","isEdited","runValidation","parsedValue","controller","AbortController","validationPromise","Promise","race","_","reject","signal","addEventListener","DOMException","then","errorMessage","aborted","error","name","commitEdit","newValue","oldValue","handleBlur","handleInputChange","handleKeyDown","e","key","currentTarget","blur","handleCommit","inputType","dropdownFieldProps","fieldComponent","getFieldComponentProps","undefined","datePickerFieldProps","createElement","Provider","Root","disabled","Trigger","className","osdkEditableCellTrigger","render","osdkTooltipTriggerWrapper","fieldComponentProps","onChange","onValueChange","onBlur","onKeyDown","Portal","Positioner","sideOffset","side","Popup","errorIcon","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 { Error } from \"@blueprintjs/icons\";\nimport type { RowData } from \"@tanstack/react-table\";\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { Tooltip } from \"../base-components/tooltip/Tooltip.js\";\nimport { DatePickerCellField } from \"./components/DatePickerCellField.js\";\nimport { DropdownCellField } from \"./components/DropdownCellField.js\";\nimport { TextInputCellField } from \"./components/TextInputCellField.js\";\nimport styles from \"./EditableCell.module.css\";\nimport { cellValuesEqual } from \"./utils/editableUtils.js\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nconst NUMBER_TYPES: readonly string[] = [\n \"double\",\n \"integer\",\n \"long\",\n \"float\",\n \"decimal\",\n \"byte\",\n \"short\",\n];\n\nconst DATE_TYPES: readonly string[] = [\n \"datetime\",\n \"timestamp\",\n];\n\nconst VALIDATION_ERROR_MESSAGE = \"Validation error\";\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 editFieldConfig?: EditFieldConfig<TData>;\n /**\n * Pending edits for this row, keyed by `columnId`. Forwarded to\n * `EditFieldConfig#getFieldComponentProps`. Filtering happens in\n * `DefaultCellRenderer` so unedited rows receive a stable `undefined`\n * reference and `React.memo` can skip them.\n */\n rowCellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n isRowFocused?: boolean;\n}\n\nfunction valueToString(value: unknown): string {\n if (value == null) {\n return \"\";\n }\n if (typeof value === \"object\") {\n return JSON.stringify(value);\n }\n // At this point, value is a primitive (string, number, boolean, symbol, bigint)\n return String(value as string | number | boolean | symbol | bigint);\n}\n\nfunction parseValueByType(\n value: string,\n dataType?: string,\n): unknown {\n if (!dataType || !NUMBER_TYPES.includes(dataType)) {\n return value;\n }\n\n if (value === \"\") {\n return null;\n }\n\n const parsedNumber = Number(value);\n\n if (isNaN(parsedNumber)) {\n return value;\n }\n\n return parsedNumber;\n}\n\nfunction EditableCellInner<TData extends RowData, CellValue = unknown>({\n initialValue,\n currentValue,\n cellId,\n dataType,\n onCellEdit,\n onCellValidationError,\n clearCellValidationError,\n originalRowData,\n rowId,\n columnId,\n validateEdit,\n validationError,\n editFieldConfig,\n rowCellEdits,\n isRowFocused = false,\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 abortValidation = useCallback(() => {\n if (validationAbortControllerRef.current) {\n validationAbortControllerRef.current.abort();\n validationAbortControllerRef.current = null;\n }\n }, []);\n\n const hasValidationError = validationError != null;\n const isEdited = !cellValuesEqual(currentValue, initialValue);\n\n useEffect(() => {\n setInputValue(valueToString(currentValue));\n }, [currentValue]);\n\n useEffect(() => {\n return () => {\n abortValidation();\n };\n }, [abortValidation]);\n\n const runValidation = useCallback(\n (parsedValue: unknown) => {\n if (!validateEdit) {\n return;\n }\n\n const controller = new AbortController();\n validationAbortControllerRef.current = controller;\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 controller.signal.addEventListener(\"abort\", () => {\n reject(new DOMException(\"Aborted\", \"AbortError\"));\n });\n }),\n ]).then(\n (errorMessage) => {\n if (controller.signal.aborted) {\n return;\n }\n if (errorMessage) {\n onCellValidationError?.(cellId, errorMessage);\n } else {\n clearCellValidationError?.(cellId);\n }\n },\n (error) => {\n if (\n !controller.signal.aborted\n && error.name !== \"AbortError\"\n ) {\n onCellValidationError?.(cellId, VALIDATION_ERROR_MESSAGE);\n }\n },\n );\n },\n [validateEdit, onCellValidationError, clearCellValidationError, cellId],\n );\n\n const commitEdit = useCallback(\n (newValue: CellValue) => {\n abortValidation();\n\n onCellEdit(cellId, {\n rowId,\n columnId,\n newValue,\n oldValue: initialValue,\n originalRowData,\n });\n\n runValidation(newValue);\n },\n [\n abortValidation,\n onCellEdit,\n cellId,\n rowId,\n columnId,\n initialValue,\n originalRowData,\n runValidation,\n ],\n );\n\n // Text/number input: commit on blur\n const handleBlur = useCallback(() => {\n if (isCancelled.current) {\n isCancelled.current = false;\n return;\n }\n\n // No-op when the input wasn't actually changed by the user\n if (inputValue === valueToString(currentValue)) {\n return;\n }\n\n const parsedValue = parseValueByType(inputValue, dataType) as CellValue;\n commitEdit(parsedValue);\n }, [inputValue, currentValue, dataType, commitEdit]);\n\n const handleInputChange = useCallback((value: string) => {\n // Cancel any in-flight validation\n abortValidation();\n setInputValue(value);\n }, [abortValidation]);\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 handleCommit = useCallback(\n (newValue: unknown) => {\n // No-op if the value hasn't actually moved from what the cell already\n // displays. null and undefined are treated as the same empty state so\n // a dropdown that clears a never-set cell doesn't fire; \"\" stays\n // distinct since an empty string can be meaningful data.\n if (cellValuesEqual(newValue, currentValue)) return;\n commitEdit(newValue as CellValue);\n },\n [commitEdit, currentValue],\n );\n\n const inputType = dataType && NUMBER_TYPES.includes(dataType)\n ? \"number\"\n : \"text\";\n\n // Compute field-component props once per (editFieldConfig, originalRowData, rowCellEdits).\n // The narrowed return type is preserved in each useMemo\n const dropdownFieldProps = useMemo(\n () =>\n editFieldConfig?.fieldComponent === \"DROPDOWN\"\n ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits)\n : undefined,\n [editFieldConfig, originalRowData, rowCellEdits],\n );\n\n const datePickerFieldProps = useMemo(\n () =>\n editFieldConfig?.fieldComponent === \"DATE_PICKER\"\n ? editFieldConfig.getFieldComponentProps(originalRowData, rowCellEdits)\n : undefined,\n [editFieldConfig, originalRowData, rowCellEdits],\n );\n\n const renderFieldInput = () => {\n switch (editFieldConfig?.fieldComponent) {\n case \"DROPDOWN\":\n return (\n <DropdownCellField\n fieldComponentProps={dropdownFieldProps!}\n isRowFocused={isRowFocused}\n inputValue={inputValue}\n value={currentValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n />\n );\n case \"DATE_PICKER\":\n return (\n <DatePickerCellField\n fieldComponentProps={datePickerFieldProps}\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n />\n );\n default:\n if (dataType != null && DATE_TYPES.includes(dataType)) {\n return (\n <DatePickerCellField\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onChange={handleCommit}\n dataType={dataType}\n />\n );\n }\n return (\n <TextInputCellField\n inputType={inputType}\n inputValue={inputValue}\n hasValidationError={hasValidationError}\n isEdited={isEdited}\n onValueChange={handleInputChange}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n />\n );\n }\n };\n\n return (\n <Tooltip.Provider>\n <Tooltip.Root disabled={!hasValidationError}>\n <Tooltip.Trigger\n className={styles.osdkEditableCellTrigger}\n render={<span className={styles.osdkTooltipTriggerWrapper} />}\n >\n {renderFieldInput()}\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\"\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,oBAAoB;AAE1C,OAAOC,KAAK,IACVC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,OAAO,QAAQ,uCAAuC;AAC/D,SAASC,mBAAmB,QAAQ,qCAAqC;AACzE,SAASC,iBAAiB,QAAQ,mCAAmC;AACrE,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,SAASC,eAAe,QAAQ,0BAA0B;AAG1D,MAAMC,YAA+B,GAAG,CACtC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,MAAM,EACN,OAAO,CACR;AAED,MAAMC,UAA6B,GAAG,CACpC,UAAU,EACV,WAAW,CACZ;AAED,MAAMC,wBAAwB,GAAG,kBAAkB;AA6BnD,SAASC,aAAaA,CAACC,KAAc,EAAU;EAC7C,IAAIA,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,EAAE;EACX;EACA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC;EAC9B;EACA;EACA,OAAOG,MAAM,CAACH,KAAoD,CAAC;AACrE;AAEA,SAASI,gBAAgBA,CACvBJ,KAAa,EACbK,QAAiB,EACR;EACT,IAAI,CAACA,QAAQ,IAAI,CAACT,YAAY,CAACU,QAAQ,CAACD,QAAQ,CAAC,EAAE;IACjD,OAAOL,KAAK;EACd;EAEA,IAAIA,KAAK,KAAK,EAAE,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,MAAMO,YAAY,GAAGC,MAAM,CAACR,KAAK,CAAC;EAElC,IAAIS,KAAK,CAACF,YAAY,CAAC,EAAE;IACvB,OAAOP,KAAK;EACd;EAEA,OAAOO,YAAY;AACrB;AAEA,SAASG,iBAAiBA,CAA6C;EACrEC,YAAY;EACZC,YAAY;EACZC,MAAM;EACNR,QAAQ;EACRS,UAAU;EACVC,qBAAqB;EACrBC,wBAAwB;EACxBC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,eAAe;EACfC,eAAe;EACfC,YAAY;EACZC,YAAY,GAAG;AACoB,CAAC,EAAsB;EAC1D,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGrC,QAAQ,CAC1CU,aAAa,CAACa,YAAY,CAC5B,CAAC;EACD,MAAMe,WAAW,GAAGvC,MAAM,CAAC,KAAK,CAAC;EACjC,MAAMwC,4BAA4B,GAAGxC,MAAM,CAAyB,IAAI,CAAC;EAEzE,MAAMyC,eAAe,GAAG5C,WAAW,CAAC,MAAM;IACxC,IAAI2C,4BAA4B,CAACE,OAAO,EAAE;MACxCF,4BAA4B,CAACE,OAAO,CAACC,KAAK,CAAC,CAAC;MAC5CH,4BAA4B,CAACE,OAAO,GAAG,IAAI;IAC7C;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,kBAAkB,GAAGX,eAAe,IAAI,IAAI;EAClD,MAAMY,QAAQ,GAAG,CAACtC,eAAe,CAACiB,YAAY,EAAED,YAAY,CAAC;EAE7DzB,SAAS,CAAC,MAAM;IACdwC,aAAa,CAAC3B,aAAa,CAACa,YAAY,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB1B,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX2C,eAAe,CAAC,CAAC;IACnB,CAAC;EACH,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,MAAMK,aAAa,GAAGjD,WAAW,CAC9BkD,WAAoB,IAAK;IACxB,IAAI,CAACf,YAAY,EAAE;MACjB;IACF;IAEA,MAAMgB,UAAU,GAAG,IAAIC,eAAe,CAAC,CAAC;IACxCT,4BAA4B,CAACE,OAAO,GAAGM,UAAU;IAEjD,MAAME,iBAAiB,GAAGlB,YAAY,CAACe,WAAW,CAAC;;IAEnD;IACAI,OAAO,CAACC,IAAI,CAAC,CACXF,iBAAiB,EACjB,IAAIC,OAAO,CAAqB,CAACE,CAAC,EAAEC,MAAM,KAAK;MAC7CN,UAAU,CAACO,MAAM,CAACC,gBAAgB,CAAC,OAAO,EAAE,MAAM;QAChDF,MAAM,CAAC,IAAIG,YAAY,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;MACnD,CAAC,CAAC;IACJ,CAAC,CAAC,CACH,CAAC,CAACC,IAAI,CACJC,YAAY,IAAK;MAChB,IAAIX,UAAU,CAACO,MAAM,CAACK,OAAO,EAAE;QAC7B;MACF;MACA,IAAID,YAAY,EAAE;QAChBhC,qBAAqB,GAAGF,MAAM,EAAEkC,YAAY,CAAC;MAC/C,CAAC,MAAM;QACL/B,wBAAwB,GAAGH,MAAM,CAAC;MACpC;IACF,CAAC,EACAoC,KAAK,IAAK;MACT,IACE,CAACb,UAAU,CAACO,MAAM,CAACK,OAAO,IACvBC,KAAK,CAACC,IAAI,KAAK,YAAY,EAC9B;QACAnC,qBAAqB,GAAGF,MAAM,EAAEf,wBAAwB,CAAC;MAC3D;IACF,CACF,CAAC;EACH,CAAC,EACD,CAACsB,YAAY,EAAEL,qBAAqB,EAAEC,wBAAwB,EAAEH,MAAM,CACxE,CAAC;EAED,MAAMsC,UAAU,GAAGlE,WAAW,CAC3BmE,QAAmB,IAAK;IACvBvB,eAAe,CAAC,CAAC;IAEjBf,UAAU,CAACD,MAAM,EAAE;MACjBK,KAAK;MACLC,QAAQ;MACRiC,QAAQ;MACRC,QAAQ,EAAE1C,YAAY;MACtBM;IACF,CAAC,CAAC;IAEFiB,aAAa,CAACkB,QAAQ,CAAC;EACzB,CAAC,EACD,CACEvB,eAAe,EACff,UAAU,EACVD,MAAM,EACNK,KAAK,EACLC,QAAQ,EACRR,YAAY,EACZM,eAAe,EACfiB,aAAa,CAEjB,CAAC;;EAED;EACA,MAAMoB,UAAU,GAAGrE,WAAW,CAAC,MAAM;IACnC,IAAI0C,WAAW,CAACG,OAAO,EAAE;MACvBH,WAAW,CAACG,OAAO,GAAG,KAAK;MAC3B;IACF;;IAEA;IACA,IAAIL,UAAU,KAAK1B,aAAa,CAACa,YAAY,CAAC,EAAE;MAC9C;IACF;IAEA,MAAMuB,WAAW,GAAG/B,gBAAgB,CAACqB,UAAU,EAAEpB,QAAQ,CAAc;IACvE8C,UAAU,CAAChB,WAAW,CAAC;EACzB,CAAC,EAAE,CAACV,UAAU,EAAEb,YAAY,EAAEP,QAAQ,EAAE8C,UAAU,CAAC,CAAC;EAEpD,MAAMI,iBAAiB,GAAGtE,WAAW,CAAEe,KAAa,IAAK;IACvD;IACA6B,eAAe,CAAC,CAAC;IACjBH,aAAa,CAAC1B,KAAK,CAAC;EACtB,CAAC,EAAE,CAAC6B,eAAe,CAAC,CAAC;EAErB,MAAM2B,aAAa,GAAGvE,WAAW,CAC9BwE,CAAwC,IAAK;IAC5C,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBD,CAAC,CAACE,aAAa,CAACC,IAAI,CAAC,CAAC;IACxB;IACA,IAAIH,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MACtB/B,WAAW,CAACG,OAAO,GAAG,IAAI;MAC1BJ,aAAa,CAAC3B,aAAa,CAACa,YAAY,CAAC,CAAC;MAC1C6C,CAAC,CAACE,aAAa,CAACC,IAAI,CAAC,CAAC;IACxB;EACF,CAAC,EACD,CAAChD,YAAY,CACf,CAAC;EAED,MAAMiD,YAAY,GAAG5E,WAAW,CAC7BmE,QAAiB,IAAK;IACrB;IACA;IACA;IACA;IACA,IAAIzD,eAAe,CAACyD,QAAQ,EAAExC,YAAY,CAAC,EAAE;IAC7CuC,UAAU,CAACC,QAAqB,CAAC;EACnC,CAAC,EACD,CAACD,UAAU,EAAEvC,YAAY,CAC3B,CAAC;EAED,MAAMkD,SAAS,GAAGzD,QAAQ,IAAIT,YAAY,CAACU,QAAQ,CAACD,QAAQ,CAAC,GACzD,QAAQ,GACR,MAAM;;EAEV;EACA;EACA,MAAM0D,kBAAkB,GAAG5E,OAAO,CAChC,MACEmC,eAAe,EAAE0C,cAAc,KAAK,UAAU,GAC1C1C,eAAe,CAAC2C,sBAAsB,CAAChD,eAAe,EAAEM,YAAY,CAAC,GACrE2C,SAAS,EACf,CAAC5C,eAAe,EAAEL,eAAe,EAAEM,YAAY,CACjD,CAAC;EAED,MAAM4C,oBAAoB,GAAGhF,OAAO,CAClC,MACEmC,eAAe,EAAE0C,cAAc,KAAK,aAAa,GAC7C1C,eAAe,CAAC2C,sBAAsB,CAAChD,eAAe,EAAEM,YAAY,CAAC,GACrE2C,SAAS,EACf,CAAC5C,eAAe,EAAEL,eAAe,EAAEM,YAAY,CACjD,CAAC;EAoDD,oBACEvC,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAAC+E,QAAQ,qBACfrF,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAACgF,IAAI;IAACC,QAAQ,EAAE,CAACvC;EAAmB,gBAC1ChD,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAACkF,OAAO;IACdC,SAAS,EAAE/E,MAAM,CAACgF,uBAAwB;IAC1CC,MAAM,eAAE3F,KAAA,CAAAoF,aAAA;MAAMK,SAAS,EAAE/E,MAAM,CAACkF;IAA0B,CAAE;EAAE,GAE7D,CAzDgB,MAAM;IAC7B,QAAQtD,eAAe,EAAE0C,cAAc;MACrC,KAAK,UAAU;QACb,oBACEhF,KAAA,CAAAoF,aAAA,CAAC5E,iBAAiB;UAChBqF,mBAAmB,EAAEd,kBAAoB;UACzCvC,YAAY,EAAEA,YAAa;UAC3BC,UAAU,EAAEA,UAAW;UACvBzB,KAAK,EAAEY,YAAa;UACpBoB,kBAAkB,EAAEA,kBAAmB;UACvCC,QAAQ,EAAEA,QAAS;UACnB6C,QAAQ,EAAEjB;QAAa,CACxB,CAAC;MAEN,KAAK,aAAa;QAChB,oBACE7E,KAAA,CAAAoF,aAAA,CAAC7E,mBAAmB;UAClBsF,mBAAmB,EAAEV,oBAAqB;UAC1C1C,UAAU,EAAEA,UAAW;UACvBO,kBAAkB,EAAEA,kBAAmB;UACvCC,QAAQ,EAAEA,QAAS;UACnB6C,QAAQ,EAAEjB;QAAa,CACxB,CAAC;MAEN;QACE,IAAIxD,QAAQ,IAAI,IAAI,IAAIR,UAAU,CAACS,QAAQ,CAACD,QAAQ,CAAC,EAAE;UACrD,oBACErB,KAAA,CAAAoF,aAAA,CAAC7E,mBAAmB;YAClBkC,UAAU,EAAEA,UAAW;YACvBO,kBAAkB,EAAEA,kBAAmB;YACvCC,QAAQ,EAAEA,QAAS;YACnB6C,QAAQ,EAAEjB,YAAa;YACvBxD,QAAQ,EAAEA;UAAS,CACpB,CAAC;QAEN;QACA,oBACErB,KAAA,CAAAoF,aAAA,CAAC3E,kBAAkB;UACjBqE,SAAS,EAAEA,SAAU;UACrBrC,UAAU,EAAEA,UAAW;UACvBO,kBAAkB,EAAEA,kBAAmB;UACvCC,QAAQ,EAAEA,QAAS;UACnB8C,aAAa,EAAExB,iBAAkB;UACjCyB,MAAM,EAAE1B,UAAW;UACnB2B,SAAS,EAAEzB;QAAc,CAC1B,CAAC;IAER;EACF,CAAC,EASyB,CACH,CAAC,eAClBxE,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAAC4F,MAAM,qBACblG,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAAC6F,UAAU;IAACC,UAAU,EAAE,CAAE;IAACC,IAAI,EAAE;EAAS,gBAChDrG,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAACgG,KAAK,qBACZtG,KAAA,CAAAoF,aAAA;IAAKK,SAAS,EAAE/E,MAAM,CAAC2B;EAAgB,gBACrCrC,KAAA,CAAAoF,aAAA,CAACrF,KAAK;IAAC0F,SAAS,EAAE/E,MAAM,CAAC6F;EAAU,CAAE,CAAC,EACrClE,eACE,CAAC,eACNrC,KAAA,CAAAoF,aAAA,CAAC9E,OAAO,CAACkG,KAAK,MAAE,CACH,CACG,CACN,CACJ,CACE,CAAC;AAEvB;AAEA,OAAO,MAAMC,YAAY,gBAAGzG,KAAK,CAAC0G,IAAI,CACpChF,iBACF,CAA6B","ignoreList":[]}
@@ -89,13 +89,17 @@
89
89
  }
90
90
 
91
91
  .osdkEditableCellDatePicker {
92
- /* Override the default borders in date picker */
92
+ /* Override the default borders/shadow in date picker so the cell wrapper
93
+ is the only thing painting a border on focus. Without these overrides
94
+ the date picker's own input-wrapper draws a box-shadow on top of the
95
+ cell border, masking the cell's :focus-within outline. */
93
96
  --osdk-datetime-input-border-width: 0px;
94
97
  --osdk-datetime-input-border-color: transparent;
95
98
  --osdk-datetime-input-border-color-focus: transparent;
96
99
  --osdk-datetime-input-focus-width: 0px;
97
100
  --osdk-datetime-input-bg: transparent;
98
101
  --osdk-datetime-input-bg-hover: transparent;
102
+ --osdk-input-shadow: none;
99
103
 
100
104
  --osdk-datetime-input-padding: var(--osdk-surface-spacing)
101
105
  calc(var(--osdk-surface-spacing) * 3);
@@ -104,6 +108,9 @@
104
108
  align-items: center;
105
109
  justify-content: space-between;
106
110
  border-radius: var(--osdk-surface-border-radius);
111
+ /* Reserve space for the focus border so layout doesn't shift on focus,
112
+ matching .osdkEditableCell. */
113
+ border: var(--osdk-surface-border-width) solid transparent;
107
114
 
108
115
  tr[data-focused="true"] & {
109
116
  border: var(--osdk-table-cell-editable-border);
@@ -50,6 +50,7 @@ export function ObjectTable({
50
50
  onOrderByChanged,
51
51
  onColumnsPinnedChanged,
52
52
  onColumnResize,
53
+ // eslint-disable-next-line @typescript-eslint/no-deprecated -- intentional pass-through to fire alongside onRowSelectionChanged for backwards compatibility
53
54
  onRowSelection,
54
55
  onRowSelectionChanged,
55
56
  onColumnHeaderClick,
@@ -98,17 +99,16 @@ export function ObjectTable({
98
99
  let derivedObjectSet;
99
100
  if (resultingObjectSet) {
100
101
  if (primaryKeyApiName) {
101
- derivedObjectSet = change.isSelectAll && change.selectedRowIds.length > 0 ? resultingObjectSet : resultingObjectSet.where({
102
+ derivedObjectSet = change.isSelectAll && change.selectedRows.length > 0 ? resultingObjectSet : resultingObjectSet.where({
102
103
  [primaryKeyApiName]: {
103
- $in: change.selectedRowIds
104
+ $in: change.selectedRows.map(r => r.$primaryKey)
104
105
  }
105
106
  });
106
- } else if (change.isSelectAll && change.selectedRowIds.length > 0) {
107
+ } else if (change.isSelectAll && change.selectedRows.length > 0) {
107
108
  derivedObjectSet = resultingObjectSet;
108
109
  }
109
110
  }
110
111
  onRowSelectionChanged({
111
- selectedRowIds: change.selectedRowIds,
112
112
  selectedRows: change.selectedRows,
113
113
  isSelectAll: change.isSelectAll,
114
114
  objectSet: derivedObjectSet
@@ -1 +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","dedupeIntervalMs","pageSize","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","onRowSelectionChanged","onColumnHeaderClick","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","resultingObjectSet","columns","loading","isColumnsLoading","primaryKeyApiName","type","undefined","handleRowSelectionChanged","change","derivedObjectSet","isSelectAll","selectedRowIds","length","where","$in","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","handleColumnHeaderClick","columnId","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","createElement","fetchNextPage","onRowClick","rowHeight","renderEmptyState","className","getRowAttributes","showEditFooter"],"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 ObjectSet,\n Osdk,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n WhereClause,\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 type { UseRowSelectionChange } from \"./hooks/useRowSelection.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\nconst EMPTY_ARRAY: [] = [];\nimport type { EditableConfig } from \"./utils/types.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<\n string,\n never\n >,\n FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n string,\n never\n >,\n>({\n objectType,\n objectSet,\n columnDefinitions,\n filter,\n objectSetOptions,\n dedupeIntervalMs,\n pageSize,\n orderBy,\n defaultOrderBy,\n onOrderByChanged,\n onColumnsPinnedChanged,\n onColumnResize,\n onRowSelection,\n onRowSelectionChanged,\n onColumnHeaderClick,\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, objectSet: resultingObjectSet } =\n useObjectTableData<\n Q,\n RDPs,\n FunctionColumns\n >(\n objectType,\n columnDefinitions,\n filter,\n sorting,\n objectSet,\n objectSetOptions,\n dedupeIntervalMs,\n pageSize,\n );\n\n const { columns, loading: isColumnsLoading } = useColumnDefs<\n Q,\n RDPs,\n FunctionColumns\n >(\n objectType,\n columnDefinitions,\n );\n\n const primaryKeyApiName = objectType.type === \"object\"\n ? objectType.primaryKeyApiName\n : undefined;\n\n const handleRowSelectionChanged = useCallback(\n (change: UseRowSelectionChange<Q, RDPs>) => {\n if (!onRowSelectionChanged) return;\n\n let derivedObjectSet: ObjectSet<Q, RDPs> | undefined;\n if (resultingObjectSet) {\n if (primaryKeyApiName) {\n derivedObjectSet =\n change.isSelectAll && change.selectedRowIds.length > 0\n ? resultingObjectSet\n : resultingObjectSet.where({\n [primaryKeyApiName]: { $in: change.selectedRowIds },\n } as WhereClause<Q, RDPs>);\n } else if (change.isSelectAll && change.selectedRowIds.length > 0) {\n derivedObjectSet = resultingObjectSet;\n }\n }\n\n onRowSelectionChanged({\n selectedRowIds: change.selectedRowIds,\n selectedRows: change.selectedRows,\n isSelectAll: change.isSelectAll,\n objectSet: derivedObjectSet,\n });\n },\n [\n onRowSelectionChanged,\n resultingObjectSet,\n primaryKeyApiName,\n ],\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 onRowSelectionChanged: handleRowSelectionChanged,\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 handleColumnHeaderClick = useMemo(\n () =>\n onColumnHeaderClick\n ? (columnId: string) =>\n onColumnHeaderClick(\n columnId as\n | PropertyKeys<Q>\n | keyof RDPs\n | keyof FunctionColumns,\n )\n : undefined,\n [onColumnHeaderClick],\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 onColumnHeaderClick={handleColumnHeaderClick}\n rowHeight={props.rowHeight}\n renderCellContextMenu={onRenderCellContextMenu}\n renderEmptyState={props.renderEmptyState}\n className={props.className}\n error={error}\n headerMenuFeatureFlags={headerMenuFeatureFlags}\n editableConfig={editableConfig}\n getRowAttributes={props.getRowAttributes}\n showEditFooter={props.showEditFooter}\n />\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA,SAASA,eAAe,EAAEC,aAAa,QAAQ,uBAAuB;AACtE,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,mBAAmB,QAAQ,gCAAgC;AACpE,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,SAAS,QAAQ,YAAY;AAEtC,SAASC,QAAQ,QAAQ,qBAAqB;AAE9C,MAAMC,WAAe,GAAG,EAAE;AAG1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAASC,WAAWA,CAUzB;EACAC,UAAU;EACVC,SAAS;EACTC,iBAAiB;EACjBC,MAAM;EACNC,gBAAgB;EAChBC,gBAAgB;EAChBC,QAAQ;EACRC,OAAO;EACPC,cAAc;EACdC,gBAAgB;EAChBC,sBAAsB;EACtBC,cAAc;EACdC,cAAc;EACdC,qBAAqB;EACrBC,mBAAmB;EACnBC,qBAAqB;EACrBC,aAAa,GAAG,MAAM;EACtBC,YAAY;EACZC,aAAa,EAAEC,iBAAiB;EAChCC,yBAAyB;EACzBC,kBAAkB;EAClBC,aAAa;EACbC,cAAc,GAAG,IAAI;EACrBC,mBAAmB,GAAG,IAAI;EAC1BC,oBAAoB,GAAG,IAAI;EAC3BC,kBAAkB,GAAG,IAAI;EACzBC,QAAQ,GAAG,QAAQ;EACnB,GAAGC;AACuC,CAAC,EAAsB;EACjE,MAAM;IAAEC,YAAY;IAAEC;EAAqB,CAAC,GAAGzC,eAAe,CAAC;IAC7DsB;EACF,CAAC,CAAC;EAEF,MAAM;IAAEoB,OAAO;IAAEC;EAAgB,CAAC,GAAGrC,eAAe,CAKlD;IACEY,OAAO;IACPC,cAAc;IACdC;EACF,CACF,CAAC;EAED,MAAM;IAAEwB,IAAI;IAAEC,SAAS;IAAEC,SAAS;IAAEC,KAAK;IAAEnC,SAAS,EAAEoC;EAAmB,CAAC,GACxE7C,kBAAkB,CAKhBQ,UAAU,EACVE,iBAAiB,EACjBC,MAAM,EACN4B,OAAO,EACP9B,SAAS,EACTG,gBAAgB,EAChBC,gBAAgB,EAChBC,QACF,CAAC;EAEH,MAAM;IAAEgC,OAAO;IAAEC,OAAO,EAAEC;EAAiB,CAAC,GAAGrD,aAAa,CAK1Da,UAAU,EACVE,iBACF,CAAC;EAED,MAAMuC,iBAAiB,GAAGzC,UAAU,CAAC0C,IAAI,KAAK,QAAQ,GAClD1C,UAAU,CAACyC,iBAAiB,GAC5BE,SAAS;EAEb,MAAMC,yBAAyB,GAAG3D,WAAW,CAC1C4D,MAAsC,IAAK;IAC1C,IAAI,CAAChC,qBAAqB,EAAE;IAE5B,IAAIiC,gBAAgD;IACpD,IAAIT,kBAAkB,EAAE;MACtB,IAAII,iBAAiB,EAAE;QACrBK,gBAAgB,GACdD,MAAM,CAACE,WAAW,IAAIF,MAAM,CAACG,cAAc,CAACC,MAAM,GAAG,CAAC,GAClDZ,kBAAkB,GAClBA,kBAAkB,CAACa,KAAK,CAAC;UACzB,CAACT,iBAAiB,GAAG;YAAEU,GAAG,EAAEN,MAAM,CAACG;UAAe;QACpD,CAAyB,CAAC;MAChC,CAAC,MAAM,IAAIH,MAAM,CAACE,WAAW,IAAIF,MAAM,CAACG,cAAc,CAACC,MAAM,GAAG,CAAC,EAAE;QACjEH,gBAAgB,GAAGT,kBAAkB;MACvC;IACF;IAEAxB,qBAAqB,CAAC;MACpBmC,cAAc,EAAEH,MAAM,CAACG,cAAc;MACrC/B,YAAY,EAAE4B,MAAM,CAAC5B,YAAY;MACjC8B,WAAW,EAAEF,MAAM,CAACE,WAAW;MAC/B9C,SAAS,EAAE6C;IACb,CAAC,CAAC;EACJ,CAAC,EACD,CACEjC,qBAAqB,EACrBwB,kBAAkB,EAClBI,iBAAiB,CAErB,CAAC;EAED,MAAM;IACJW,YAAY;IACZlC,aAAa;IACbmC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC;EACF,CAAC,GAAG/D,eAAe,CAAU;IAC3BuB,aAAa;IACbC,YAAY;IACZC,aAAa,EAAEC,iBAAiB;IAChCP,cAAc;IACdC,qBAAqB,EAAE+B,yBAAyB;IAChDX;EACF,CAAC,CAAC;EAEF,MAAMwB,eAAe,GAAG/D,kBAAkB,CACxC;IACEsB,aAAa;IACbE,aAAa;IACbmC,YAAY;IACZC,WAAW;IACXC;EACF,CACF,CAAC;EAED,MAAM;IACJG,gBAAgB;IAChBC,wBAAwB;IACxBC,WAAW;IACXC;EACF,CAAC,GAAGvE,mBAAmB,CAAC;IACtBwE,UAAU,EAAExB,OAAO;IACnBlB;EACF,CAAC,CAAC;EAEF,MAAM;IAAE2C,aAAa;IAAEC;EAAsB,CAAC,GAAG5E,gBAAgB,CAAC;IAChEc,iBAAiB;IACjB+D,kBAAkB,EAAET,kBAAkB;IACtC9C;EACF,CAAC,CAAC;EAEF,MAAMoD,UAAU,GAAG5E,OAAO,CAAC,MAAM;IAC/B,OAAOuE,eAAe,GAAG,CAACA,eAAe,EAAE,GAAGnB,OAAO,CAAC,GAAGA,OAAO;EAClE,CAAC,EAAE,CAACmB,eAAe,EAAEnB,OAAO,CAAC,CAAC;EAE9B,MAAM4B,cAGL,GAAG3E,gBAAgB,CAAC;IACnBoC,QAAQ;IACRN,kBAAkB;IAClBC;EACF,CAAC,CAAC;EAEF,MAAM6C,KAAK,GAAGpF,aAAa,CAEzB;IACAkD,IAAI,EAAEA,IAAI,IAAInC,WAAW;IACzBwC,OAAO,EAAEwB,UAAU;IACnBhF,eAAe,EAAEA,eAAe,CAAC,CAAC;IAClCsF,KAAK,EAAE;MACLV,gBAAgB;MAChBE,WAAW;MACXR,YAAY;MACZrB,OAAO;MACPF,YAAY;MACZkC;IACF,CAAC;IACD/B,eAAe;IACfF,oBAAoB;IACpBkC,qBAAqB;IACrBL,wBAAwB;IACxBE,mBAAmB;IACnBL,kBAAkB;IAClBa,aAAa,EAAE9C,cAAc;IAC7B+C,gBAAgB,EAAE,UAAU;IAC5BC,qBAAqB,EAAE,KAAK;IAC5BC,aAAa,EAAE,IAAI;IAAE;IACrBC,aAAa,EAAE;MACbC,OAAO,EAAE;IACX,CAAC;IACD7E,QAAQ;IACR8E,IAAI,EAAE;MACJC,UAAU,EAAEV,cAAc,CAACU,UAAU;MACrCC,qBAAqB,EAAEX,cAAc,CAACW,qBAAqB;MAC3DC,wBAAwB,EAAEZ,cAAc,CAACY,wBAAwB;MACjEC,SAAS,EAAEb,cAAc,CAACa,SAAS;MACnCC,YAAY,EAAEd,cAAc,CAACe,aAAa,CAACC,QAAQ;MACnDC,gBAAgB,EAAEjB,cAAc,CAACiB;IACnC;EACF,CAAC,CAAC;EAEF,MAAMC,uBAAuB,GAAGnG,WAAW,CACzC,CACEoG,GAAkE,EAClEC,IAGC,KACE;IACH,OAAOvE,qBAAqB,GAAGsE,GAAG,EAAEC,IAAI,CAACC,QAAQ,CAAC,CAAC,CAAC;EACtD,CAAC,EACD,CAACxE,qBAAqB,CACxB,CAAC;EAED,MAAMyE,uBAAuB,GAAGtG,OAAO,CACrC,MACE4B,mBAAmB,GACd2E,QAAgB,IACjB3E,mBAAmB,CACjB2E,QAIF,CAAC,GACD9C,SAAS,EACf,CAAC7B,mBAAmB,CACtB,CAAC;EAID,MAAM4E,sBAA8C,GAAGxG,OAAO,CAAC,OAAO;IACpEyG,gBAAgB,EAAEpE,cAAc;IAChCqE,gBAAgB,EAAEpE,mBAAmB;IACrCqE,cAAc,EAAEpE,oBAAoB;IACpCqE,cAAc,EAAEpE;EAClB,CAAC,CAAC,EAAE,CACFH,cAAc,EACdC,mBAAmB,EACnBC,oBAAoB,EACpBC,kBAAkB,CACnB,CAAC;EAEF,oBACE1C,KAAA,CAAA+G,aAAA,CAACnG,SAAS;IACRuE,KAAK,EAAEA,KAAM;IACbhC,SAAS,EAjBUA,SAAS,IAAIK,gBAiBN;IAC1BwD,aAAa,EAAE9D,SAAU;IACzB+D,UAAU,EAAErE,KAAK,CAACqE,UAAW;IAC7BnF,mBAAmB,EAAE0E,uBAAwB;IAC7CU,SAAS,EAAEtE,KAAK,CAACsE,SAAU;IAC3BnF,qBAAqB,EAAEqE,uBAAwB;IAC/Ce,gBAAgB,EAAEvE,KAAK,CAACuE,gBAAiB;IACzCC,SAAS,EAAExE,KAAK,CAACwE,SAAU;IAC3BhE,KAAK,EAAEA,KAAM;IACbsD,sBAAsB,EAAEA,sBAAuB;IAC/CxB,cAAc,EAAEA,cAAe;IAC/BmC,gBAAgB,EAAEzE,KAAK,CAACyE,gBAAiB;IACzCC,cAAc,EAAE1E,KAAK,CAAC0E;EAAe,CACtC,CAAC;AAEN","ignoreList":[]}
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","dedupeIntervalMs","pageSize","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","onRowSelectionChanged","onColumnHeaderClick","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","resultingObjectSet","columns","loading","isColumnsLoading","primaryKeyApiName","type","undefined","handleRowSelectionChanged","change","derivedObjectSet","isSelectAll","length","where","$in","map","r","$primaryKey","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","handleColumnHeaderClick","columnId","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","createElement","fetchNextPage","onRowClick","rowHeight","renderEmptyState","className","getRowAttributes","showEditFooter"],"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 ObjectSet,\n Osdk,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n WhereClause,\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 type { UseRowSelectionChange } from \"./hooks/useRowSelection.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\nconst EMPTY_ARRAY: [] = [];\nimport type { EditableConfig } from \"./utils/types.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<\n string,\n never\n >,\n FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n string,\n never\n >,\n>({\n objectType,\n objectSet,\n columnDefinitions,\n filter,\n objectSetOptions,\n dedupeIntervalMs,\n pageSize,\n orderBy,\n defaultOrderBy,\n onOrderByChanged,\n onColumnsPinnedChanged,\n onColumnResize,\n // eslint-disable-next-line @typescript-eslint/no-deprecated -- intentional pass-through to fire alongside onRowSelectionChanged for backwards compatibility\n onRowSelection,\n onRowSelectionChanged,\n onColumnHeaderClick,\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, objectSet: resultingObjectSet } =\n useObjectTableData<\n Q,\n RDPs,\n FunctionColumns\n >(\n objectType,\n columnDefinitions,\n filter,\n sorting,\n objectSet,\n objectSetOptions,\n dedupeIntervalMs,\n pageSize,\n );\n\n const { columns, loading: isColumnsLoading } = useColumnDefs<\n Q,\n RDPs,\n FunctionColumns\n >(\n objectType,\n columnDefinitions,\n );\n\n const primaryKeyApiName = objectType.type === \"object\"\n ? objectType.primaryKeyApiName\n : undefined;\n\n const handleRowSelectionChanged = useCallback(\n (change: UseRowSelectionChange<Q, RDPs>) => {\n if (!onRowSelectionChanged) return;\n\n let derivedObjectSet: ObjectSet<Q, RDPs> | undefined;\n if (resultingObjectSet) {\n if (primaryKeyApiName) {\n derivedObjectSet =\n change.isSelectAll && change.selectedRows.length > 0\n ? resultingObjectSet\n : resultingObjectSet.where({\n [primaryKeyApiName]: {\n $in: change.selectedRows.map(r => r.$primaryKey),\n },\n } as WhereClause<Q, RDPs>);\n } else if (change.isSelectAll && change.selectedRows.length > 0) {\n derivedObjectSet = resultingObjectSet;\n }\n }\n\n onRowSelectionChanged({\n selectedRows: change.selectedRows,\n isSelectAll: change.isSelectAll,\n objectSet: derivedObjectSet,\n });\n },\n [\n onRowSelectionChanged,\n resultingObjectSet,\n primaryKeyApiName,\n ],\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 onRowSelectionChanged: handleRowSelectionChanged,\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 handleColumnHeaderClick = useMemo(\n () =>\n onColumnHeaderClick\n ? (columnId: string) =>\n onColumnHeaderClick(\n columnId as\n | PropertyKeys<Q>\n | keyof RDPs\n | keyof FunctionColumns,\n )\n : undefined,\n [onColumnHeaderClick],\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 onColumnHeaderClick={handleColumnHeaderClick}\n rowHeight={props.rowHeight}\n renderCellContextMenu={onRenderCellContextMenu}\n renderEmptyState={props.renderEmptyState}\n className={props.className}\n error={error}\n headerMenuFeatureFlags={headerMenuFeatureFlags}\n editableConfig={editableConfig}\n getRowAttributes={props.getRowAttributes}\n showEditFooter={props.showEditFooter}\n />\n );\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1 +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 CompileTimeMetadata,\n DerivedProperty,\n ObjectOrInterfaceDefinition,\n ObjectSet,\n Osdk,\n PrimaryKeyType,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n WhereClause,\n} from \"@osdk/api\";\nimport type { QueryParameterType } from \"@osdk/client/observable\";\nimport type * as React from \"react\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nexport type { EditFieldConfig } 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 | EditableColumnDefinition<Q, RDPs, FunctionColumns>\n | ReadonlyColumnDefinition<Q, RDPs, FunctionColumns>;\n\ninterface SharedColumnDefinition<\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\n /**\n * Custom renderer for the cell value.\n *\n * Interaction with `editable` columns:\n * - When `editMode: \"manual\"` (default), `renderCell` is used while the\n * table is read-only (Edit Table button visible) and the editable cell\n * takes over once the user enters edit mode.\n * - When `editMode: \"always\"`, the editable cell always wins on editable\n * columns and `renderCell` is ignored — `editMode: \"always\"` opts the\n * column into a permanently-editable surface, leaving no read-only\n * state for `renderCell` to render. Use `editMode: \"manual\"` if you\n * need a custom display alongside editing.\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\ninterface EditableColumnDefinition<\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> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n /**\n * `editable` can be a boolean or a predicate that receives the row's object\n * and returns whether the cell is editable\n */\n editable:\n | true\n | ((\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => boolean);\n\n /**\n * Configuration for the cell editor component.\n *\n * When provided, the column uses the specified field component\n * (e.g. dropdown) instead of the default auto-detected text/number input.\n *\n * `getFieldComponentProps` receives the row's object and a map of any\n * pending edits for that row (keyed by column id), and returns the props to\n * pass to the field component. Editor configuration can depend on the\n * current row or on other in-progress edits within the row.\n */\n editFieldConfig?: EditFieldConfig<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n >;\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\n/**\n * Column definition for a read-only column (default).\n * `editFieldConfig` and `validateEdit` are not available.\n */\ninterface ReadonlyColumnDefinition<\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> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n editable?: false;\n}\n\nexport type ExtractQueryParameters<\n Q extends QueryDefinition,\n> = CompileTimeMetadata<Q>[\"parameters\"] extends Record<string, never>\n ? undefined\n : QueryParameterType<CompileTimeMetadata<Q>[\"parameters\"]>;\n\nexport interface PropertyColumnLocator<Q extends ObjectOrInterfaceDefinition> {\n type: \"property\";\n id: PropertyKeys<Q>;\n}\n\n/**\n * Concrete function column locator for a single key K.\n * Correlates the id, queryDefinition, and getFunctionParams types.\n */\ninterface FunctionColumnLocatorForKey<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef>,\n FunctionColumns extends Record<string, QueryDefinition<{}>>,\n K extends keyof FunctionColumns,\n> {\n /**\n * This is equivalent to workshop's function-backed columns.\n * The function needs to meet the specifications stated in https://www.palantir.com/docs/foundry/workshop/widgets-object-table/#function-backed-columns\n */\n type: \"function\";\n id: K;\n queryDefinition: FunctionColumns[K];\n\n /**\n * The function will be called with the current object set to get the input parameters for the function query.\n * @param objectSet - The current object set.\n * @returns - The function's input parameters including the object set.\n */\n getFunctionParams: (\n objectSet: ObjectSet<Q, RDPs>,\n ) => ExtractQueryParameters<FunctionColumns[K]>;\n\n /**\n * Function to generate keys for looking up results in the FunctionsMap.\n * @param object - The object instance\n * @returns - The key to use for looking up this object's result in the FunctionsMap\n */\n getKey: (\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => string;\n\n /**\n * Function to extract the cell value from the raw cell data returned by the function.\n * This is useful when functions return custom types with multiple properties.\n * @param cellData - The raw data returned by the function for this object\n * @returns - The value to display in the cell\n */\n getValue?: (cellData?: unknown) => unknown;\n\n /**\n * Minimum time between re-fetches of the same function with the same parameters, in milliseconds.\n * Defaults to 5 minutes as it is expensive to fetch function columns for a large object set\n * and they are expected to be relatively static in the context of an object table\n *\n * @default 300_000 (5 minutes)\n */\n dedupeIntervalMs?: number;\n\n /**\n * Object type apiNames the function reads but doesn't take as a parameter (e.g.\n * linked object types the function traverses internally). The column auto-revalidates\n * when an action edits an object of any of these types. Param-derived types are\n * tracked automatically and don't need to be listed here.\n */\n dependsOn?: string[];\n}\n\n/**\n * Distributes over each key in FunctionColumns so that id, queryDefinition,\n * and getFunctionParams are correlated per key.\n */\nexport type FunctionColumnLocator<\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> = keyof FunctionColumns extends infer K\n ? K extends keyof FunctionColumns\n ? FunctionColumnLocatorForKey<Q, RDPs, FunctionColumns, K>\n : never\n : never;\n\nexport interface RdpColumnLocator<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n type: \"rdp\";\n id: keyof RDPs;\n creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n}\n\nexport interface CustomColumnLocator {\n type: \"custom\";\n id: string;\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 | PropertyColumnLocator<Q>\n | FunctionColumnLocator<Q, RDPs, FunctionColumns>\n | RdpColumnLocator<Q, RDPs>\n | CustomColumnLocator;\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 * Minimum time between fetch requests in milliseconds.\n * Increasing this value reduces redundant network calls when the same data\n * is requested multiple times in quick succession.\n *\n * @default 60_000 1 minute\n */\n dedupeIntervalMs?: number;\n\n /**\n * Number of objects to fetch per page.\n *\n * @default 50\n */\n pageSize?: number;\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 * Whether to render the bottom edit footer that hosts the\n * \"Edit Table\" / \"Cancel\" / \"Submit Edits\" buttons and the edit-state\n * indicators (modification count, validation errors).\n *\n * @default true whenever the table has at least one column declared\n * editable (i.e. any column with `editable: true` or `editable: (object) => boolean`).\n * When `false`, the \"Edit Table\" and \"Submit Edits\" buttons will not be shown.\n */\n showEditFooter?: boolean;\n\n /**\n * The default order by clause to sort the objects in the table.\n * If provided without orderBy prop, the sorting is uncontrolled.\n * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n */\n defaultOrderBy?: Array<{\n property: PropertyKeys<Q> | keyof RDPs;\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> | keyof RDPs;\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> | keyof RDPs;\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 \"Submit Edits\" button will be shown in the edit footer.\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 * Called when a column header is clicked.\n *\n * The columnId matches the `locator.id` configured on the column definition.\n * The dropdown menu trigger is excluded — clicking the chevron opens the\n * header menu instead of firing this callback.\n *\n * @param columnId The id of the clicked column\n */\n onColumnHeaderClick?: (\n columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\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 *\n * @deprecated Use {@link onRowSelectionChanged} instead. The new callback\n * delivers a {@link RowSelectionChange} object with `selectedRowIds`,\n * `selectedRows`, `isSelectAll`, and a derived `objectSet`. This legacy\n * callback continues to fire alongside the new one for backwards\n * compatibility.\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 /**\n * Called when the row selection changes, with a {@link RowSelectionChange}\n * payload describing the new state.\n *\n * @param change The new selection state. See {@link RowSelectionChange}.\n */\n onRowSelectionChanged?: (\n change: RowSelectionChange<Q, RDPs>,\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 * Render override for the empty state. Called when the table has no\n * rows and no error. When omitted, a default \"No Data\" indicator is\n * rendered.\n */\n renderEmptyState?: () => React.ReactNode;\n\n /**\n * The height of each row in pixels.\n *\n * @default 40\n */\n rowHeight?: number;\n\n /**\n * Returns extra HTML attributes (typically `data-*`) to apply to each\n * row element. Use this to drive conditional row styling\n */\n getRowAttributes?: (\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => Record<string, string | undefined>;\n\n className?: string;\n}\n\n/**\n * Payload for {@link ObjectTableProps.onRowSelectionChanged}. Consolidates\n * the primary-key list, loaded row instances, the `isSelectAll` semantic\n * intent, and an `ObjectSet` covering the selection.\n */\nexport interface RowSelectionChange<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n /** Primary keys of currently selected rows. */\n selectedRowIds: PrimaryKeyType<Q>[];\n\n /**\n * Loaded row instances corresponding to `selectedRowIds`. When\n * `isSelectAll` is true, this reflects only the rows currently in the\n * table — pages not yet fetched are absent. Use `objectSet` for the\n * cross-page view.\n */\n selectedRows: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>[];\n\n /**\n * True when the user invoked \"select all\" (header checkbox) or when\n * controlled mode supplies `isAllSelected={true}`. Distinct from \"every\n * loaded row happens to be selected\" — that condition is reflected by\n * `selectedRowIds.length` matching the visible row count but does not set\n * this flag.\n */\n isSelectAll: boolean;\n\n /**\n * An `ObjectSet` representing the selection.\n *\n * - \"Select all\" → the underlying `ObjectSet` (`objectSet` prop if\n * provided, otherwise derived from `objectType` via `client(...)`).\n * This includes rows not yet loaded into the table.\n * - Partial selection → the underlying `ObjectSet` narrowed to\n * `{ [primaryKeyApiName]: { $in: selectedRowIds } }`.\n * - \"Deselect all\" → an empty `ObjectSet` (`$in: []`).\n *\n * `undefined` for interface types without a resolvable\n * `primaryKeyApiName` when the selection is partial or empty (a\n * `$primaryKey`-style filter can't be expressed). For \"select all\" on\n * those types the underlying `ObjectSet` is still emitted.\n */\n objectSet: ObjectSet<Q, RDPs> | undefined;\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":[]}
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 CompileTimeMetadata,\n DerivedProperty,\n ObjectOrInterfaceDefinition,\n ObjectSet,\n Osdk,\n PrimaryKeyType,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n WhereClause,\n} from \"@osdk/api\";\nimport type { QueryParameterType } from \"@osdk/client/observable\";\nimport type * as React from \"react\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nexport type { EditFieldConfig } 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 | EditableColumnDefinition<Q, RDPs, FunctionColumns>\n | ReadonlyColumnDefinition<Q, RDPs, FunctionColumns>;\n\ninterface SharedColumnDefinition<\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\n /**\n * Custom renderer for the cell value.\n *\n * Interaction with `editable` columns:\n * - When `editMode: \"manual\"` (default), `renderCell` is used while the\n * table is read-only (Edit Table button visible) and the editable cell\n * takes over once the user enters edit mode.\n * - When `editMode: \"always\"`, the editable cell always wins on editable\n * columns and `renderCell` is ignored — `editMode: \"always\"` opts the\n * column into a permanently-editable surface, leaving no read-only\n * state for `renderCell` to render. Use `editMode: \"manual\"` if you\n * need a custom display alongside editing.\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\ninterface EditableColumnDefinition<\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> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n /**\n * `editable` can be a boolean or a predicate that receives the row's object\n * and returns whether the cell is editable\n */\n editable:\n | true\n | ((\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => boolean);\n\n /**\n * Configuration for the cell editor component.\n *\n * When provided, the column uses the specified field component\n * (e.g. dropdown) instead of the default auto-detected text/number input.\n *\n * `getFieldComponentProps` receives the row's object and a map of any\n * pending edits for that row (keyed by column id), and returns the props to\n * pass to the field component. Editor configuration can depend on the\n * current row or on other in-progress edits within the row.\n */\n editFieldConfig?: EditFieldConfig<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n >;\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\n/**\n * Column definition for a read-only column (default).\n * `editFieldConfig` and `validateEdit` are not available.\n */\ninterface ReadonlyColumnDefinition<\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> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n editable?: false;\n}\n\nexport type ExtractQueryParameters<\n Q extends QueryDefinition,\n> = CompileTimeMetadata<Q>[\"parameters\"] extends Record<string, never>\n ? undefined\n : QueryParameterType<CompileTimeMetadata<Q>[\"parameters\"]>;\n\nexport interface PropertyColumnLocator<Q extends ObjectOrInterfaceDefinition> {\n type: \"property\";\n id: PropertyKeys<Q>;\n}\n\n/**\n * Concrete function column locator for a single key K.\n * Correlates the id, queryDefinition, and getFunctionParams types.\n */\ninterface FunctionColumnLocatorForKey<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef>,\n FunctionColumns extends Record<string, QueryDefinition<{}>>,\n K extends keyof FunctionColumns,\n> {\n /**\n * This is equivalent to workshop's function-backed columns.\n * The function needs to meet the specifications stated in https://www.palantir.com/docs/foundry/workshop/widgets-object-table/#function-backed-columns\n */\n type: \"function\";\n id: K;\n queryDefinition: FunctionColumns[K];\n\n /**\n * The function will be called with the current object set to get the input parameters for the function query.\n * @param objectSet - The current object set.\n * @returns - The function's input parameters including the object set.\n */\n getFunctionParams: (\n objectSet: ObjectSet<Q, RDPs>,\n ) => ExtractQueryParameters<FunctionColumns[K]>;\n\n /**\n * Function to generate keys for looking up results in the FunctionsMap.\n * @param object - The object instance\n * @returns - The key to use for looking up this object's result in the FunctionsMap\n */\n getKey: (\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => string;\n\n /**\n * Function to extract the cell value from the raw cell data returned by the function.\n * This is useful when functions return custom types with multiple properties.\n * @param cellData - The raw data returned by the function for this object\n * @returns - The value to display in the cell\n */\n getValue?: (cellData?: unknown) => unknown;\n\n /**\n * Minimum time between re-fetches of the same function with the same parameters, in milliseconds.\n * Defaults to 5 minutes as it is expensive to fetch function columns for a large object set\n * and they are expected to be relatively static in the context of an object table\n *\n * @default 300_000 (5 minutes)\n */\n dedupeIntervalMs?: number;\n\n /**\n * Object type apiNames the function reads but doesn't take as a parameter (e.g.\n * linked object types the function traverses internally). The column auto-revalidates\n * when an action edits an object of any of these types. Param-derived types are\n * tracked automatically and don't need to be listed here.\n */\n dependsOn?: string[];\n}\n\n/**\n * Distributes over each key in FunctionColumns so that id, queryDefinition,\n * and getFunctionParams are correlated per key.\n */\nexport type FunctionColumnLocator<\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> = keyof FunctionColumns extends infer K\n ? K extends keyof FunctionColumns\n ? FunctionColumnLocatorForKey<Q, RDPs, FunctionColumns, K>\n : never\n : never;\n\nexport interface RdpColumnLocator<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n type: \"rdp\";\n id: keyof RDPs;\n creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n}\n\nexport interface CustomColumnLocator {\n type: \"custom\";\n id: string;\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 | PropertyColumnLocator<Q>\n | FunctionColumnLocator<Q, RDPs, FunctionColumns>\n | RdpColumnLocator<Q, RDPs>\n | CustomColumnLocator;\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 * Minimum time between fetch requests in milliseconds.\n * Increasing this value reduces redundant network calls when the same data\n * is requested multiple times in quick succession.\n *\n * @default 60_000 1 minute\n */\n dedupeIntervalMs?: number;\n\n /**\n * Number of objects to fetch per page.\n *\n * @default 50\n */\n pageSize?: number;\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 * Whether to render the bottom edit footer that hosts the\n * \"Edit Table\" / \"Cancel\" / \"Submit Edits\" buttons and the edit-state\n * indicators (modification count, validation errors).\n *\n * @default true whenever the table has at least one column declared\n * editable (i.e. any column with `editable: true` or `editable: (object) => boolean`).\n * When `false`, the \"Edit Table\" and \"Submit Edits\" buttons will not be shown.\n */\n showEditFooter?: boolean;\n\n /**\n * The default order by clause to sort the objects in the table.\n * If provided without orderBy prop, the sorting is uncontrolled.\n * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n */\n defaultOrderBy?: Array<{\n property: PropertyKeys<Q> | keyof RDPs;\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> | keyof RDPs;\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> | keyof RDPs;\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 \"Submit Edits\" button will be shown in the edit footer.\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 * Called when a column header is clicked.\n *\n * The columnId matches the `locator.id` configured on the column definition.\n * The dropdown menu trigger is excluded — clicking the chevron opens the\n * header menu instead of firing this callback.\n *\n * @param columnId The id of the clicked column\n */\n onColumnHeaderClick?: (\n columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\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 *\n * @deprecated Use {@link onRowSelectionChanged} instead. The new callback\n * delivers a {@link RowSelectionChange} object with `selectedRows`,\n * `isSelectAll`, and a derived `objectSet`. This legacy callback\n * continues to fire alongside the new one for backwards compatibility.\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 /**\n * Called when the row selection changes, with a {@link RowSelectionChange}\n * payload describing the new state.\n *\n * @param change The new selection state. See {@link RowSelectionChange}.\n */\n onRowSelectionChanged?: (\n change: RowSelectionChange<Q, RDPs>,\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 * Render override for the empty state. Called when the table has no\n * rows and no error. When omitted, a default \"No Data\" indicator is\n * rendered.\n */\n renderEmptyState?: () => React.ReactNode;\n\n /**\n * The height of each row in pixels.\n *\n * @default 40\n */\n rowHeight?: number;\n\n /**\n * Returns extra HTML attributes (typically `data-*`) to apply to each\n * row element. Use this to drive conditional row styling\n */\n getRowAttributes?: (\n object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n ) => Record<string, string | undefined>;\n\n className?: string;\n}\n\n/**\n * Payload for {@link ObjectTableProps.onRowSelectionChanged}. Consolidates\n * the loaded row instances, the `isSelectAll` semantic intent, and an\n * `ObjectSet` covering the selection.\n */\nexport interface RowSelectionChange<\n Q extends ObjectOrInterfaceDefinition,\n RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n /**\n * Loaded row instances currently selected. When `isSelectAll` is true,\n * this reflects only the rows currently in the table — pages not yet\n * fetched are absent. Use `objectSet` for the cross-page view, and\n * `selectedRows.map(r => r.$primaryKey)` if you need the primary keys.\n */\n selectedRows: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>[];\n\n /**\n * True when the user invoked \"select all\" (header checkbox) or when\n * controlled mode supplies `isAllSelected={true}`. Distinct from \"every\n * loaded row happens to be selected\" — that condition is reflected by\n * `selectedRows.length` matching the visible row count but does not set\n * this flag.\n */\n isSelectAll: boolean;\n\n /**\n * An `ObjectSet` representing the selection.\n *\n * - \"Select all\" → the underlying `ObjectSet` (`objectSet` prop if\n * provided, otherwise derived from `objectType` via `client(...)`).\n * This includes rows not yet loaded into the table.\n * - Partial selection → the underlying `ObjectSet` narrowed to\n * `{ [primaryKeyApiName]: { $in: selectedRows.map(r => r.$primaryKey) } }`.\n * - \"Deselect all\" → an empty `ObjectSet` (`$in: []`).\n *\n * `undefined` for interface types without a resolvable\n * `primaryKeyApiName` when the selection is partial or empty (a\n * `$primaryKey`-style filter can't be expressed). For \"select all\" on\n * those types the underlying `ObjectSet` is still emitted.\n */\n objectSet: ObjectSet<Q, RDPs> | undefined;\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":[]}
@@ -15,6 +15,7 @@
15
15
  */
16
16
 
17
17
  import { useCallback, useState } from "react";
18
+ import { cellValuesEqual } from "../utils/editableUtils.js";
18
19
  export function useEditableTable({
19
20
  editMode = "manual",
20
21
  onCellValueChanged,
@@ -31,8 +32,11 @@ export function useEditableTable({
31
32
  });
32
33
  }, []);
33
34
  const handleCellEdit = useCallback((cellId, info) => {
34
- // If value is changed back to original, remove it from edits
35
- if (info.newValue === info.oldValue) {
35
+ // If value is changed back to original, remove it from edits. null
36
+ // and undefined are treated as the same empty state so clearing a
37
+ // never-set cell doesn't leave a phantom "edited" indicator. "" stays
38
+ // a distinct value.
39
+ if (cellValuesEqual(info.newValue, info.oldValue)) {
36
40
  setCellEdits(prev => {
37
41
  const {
38
42
  [cellId]: _,
@@ -1 +1 @@
1
- {"version":3,"file":"useEditableTable.js","names":["useCallback","useState","useEditableTable","editMode","onCellValueChanged","onSubmitEdits","isActive","setActive","cellEdits","setCellEdits","validationErrors","setValidationErrors","Map","clearCellValidationError","cellId","prev","newErrors","delete","handleCellEdit","info","newValue","oldValue","_","rest","clearEdits","handleSubmitEdits","edits","Object","values","onCellValidationError","error","set","editModeState","type","onCellEdit","undefined"],"sources":["useEditableTable.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 ObjectOrInterfaceDefinition,\n Osdk,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useCallback, useState } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\nimport type {\n CellEditInfo,\n EditableConfig,\n EditModeState,\n} from \"../utils/types.js\";\n\nexport interface UseEditableTableProps<\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 editMode?: \"always\" | \"manual\";\n\n onCellValueChanged?: ObjectTableProps<\n Q,\n RDPs,\n FunctionColumns\n >[\"onCellValueChanged\"];\n\n onSubmitEdits?: ObjectTableProps<\n Q,\n RDPs,\n FunctionColumns\n >[\"onSubmitEdits\"];\n}\n\nexport function useEditableTable<\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 editMode = \"manual\",\n onCellValueChanged,\n onSubmitEdits,\n}: UseEditableTableProps<Q, RDPs, FunctionColumns>): EditableConfig<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n> {\n const [isActive, setActive] = useState<boolean>(\n editMode === \"always\",\n );\n const [cellEdits, setCellEdits] = useState<\n Record<\n string,\n CellEditInfo<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n >\n >\n >(\n {},\n );\n const [validationErrors, setValidationErrors] = useState<\n Map<string, string>\n >(\n new Map(),\n );\n\n const clearCellValidationError = useCallback((cellId: string) => {\n setValidationErrors(prev => {\n const newErrors = new Map(prev);\n newErrors.delete(cellId);\n return newErrors;\n });\n }, []);\n\n const handleCellEdit = useCallback(\n (\n cellId: string,\n info: CellEditInfo<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n >,\n ) => {\n // If value is changed back to original, remove it from edits\n if (info.newValue === info.oldValue) {\n setCellEdits(prev => {\n const { [cellId]: _, ...rest } = prev;\n return rest;\n });\n } else {\n setCellEdits(prev => ({\n ...prev,\n [cellId]: info,\n }));\n }\n\n onCellValueChanged?.(info);\n },\n [onCellValueChanged],\n );\n\n const clearEdits = useCallback(() => {\n setCellEdits({});\n setValidationErrors(new Map());\n }, []);\n\n const handleSubmitEdits = useCallback(async () => {\n const edits = Object.values(cellEdits);\n return onSubmitEdits ? onSubmitEdits(edits) : false;\n }, [cellEdits, onSubmitEdits]);\n\n const onCellValidationError = useCallback(\n (cellId: string, error: string) => {\n setValidationErrors(prev => {\n const newErrors = new Map(prev);\n newErrors.set(cellId, error);\n return newErrors;\n });\n },\n [],\n );\n\n const editModeState: EditModeState = editMode === \"always\"\n ? { type: \"always\", isActive: true }\n : { type: \"manual\", isActive, setActive };\n\n return {\n cellEdits,\n onCellEdit: handleCellEdit,\n onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,\n clearEdits,\n editModeState,\n onCellValidationError,\n validationErrors,\n clearCellValidationError,\n };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAkC7C,OAAO,SAASC,gBAAgBA,CAU9B;EACAC,QAAQ,GAAG,QAAQ;EACnBC,kBAAkB;EAClBC;AAC+C,CAAC,EAGhD;EACA,MAAM,CAACC,QAAQ,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CACpCE,QAAQ,KAAK,QACf,CAAC;EACD,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CASxC,CAAC,CACH,CAAC;EACD,MAAM,CAACS,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGV,QAAQ,CAGtD,IAAIW,GAAG,CAAC,CACV,CAAC;EAED,MAAMC,wBAAwB,GAAGb,WAAW,CAAEc,MAAc,IAAK;IAC/DH,mBAAmB,CAACI,IAAI,IAAI;MAC1B,MAAMC,SAAS,GAAG,IAAIJ,GAAG,CAACG,IAAI,CAAC;MAC/BC,SAAS,CAACC,MAAM,CAACH,MAAM,CAAC;MACxB,OAAOE,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,cAAc,GAAGlB,WAAW,CAChC,CACEc,MAAc,EACdK,IAGC,KACE;IACH;IACA,IAAIA,IAAI,CAACC,QAAQ,KAAKD,IAAI,CAACE,QAAQ,EAAE;MACnCZ,YAAY,CAACM,IAAI,IAAI;QACnB,MAAM;UAAE,CAACD,MAAM,GAAGQ,CAAC;UAAE,GAAGC;QAAK,CAAC,GAAGR,IAAI;QACrC,OAAOQ,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;MACLd,YAAY,CAACM,IAAI,KAAK;QACpB,GAAGA,IAAI;QACP,CAACD,MAAM,GAAGK;MACZ,CAAC,CAAC,CAAC;IACL;IAEAf,kBAAkB,GAAGe,IAAI,CAAC;EAC5B,CAAC,EACD,CAACf,kBAAkB,CACrB,CAAC;EAED,MAAMoB,UAAU,GAAGxB,WAAW,CAAC,MAAM;IACnCS,YAAY,CAAC,CAAC,CAAC,CAAC;IAChBE,mBAAmB,CAAC,IAAIC,GAAG,CAAC,CAAC,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMa,iBAAiB,GAAGzB,WAAW,CAAC,YAAY;IAChD,MAAM0B,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACpB,SAAS,CAAC;IACtC,OAAOH,aAAa,GAAGA,aAAa,CAACqB,KAAK,CAAC,GAAG,KAAK;EACrD,CAAC,EAAE,CAAClB,SAAS,EAAEH,aAAa,CAAC,CAAC;EAE9B,MAAMwB,qBAAqB,GAAG7B,WAAW,CACvC,CAACc,MAAc,EAAEgB,KAAa,KAAK;IACjCnB,mBAAmB,CAACI,IAAI,IAAI;MAC1B,MAAMC,SAAS,GAAG,IAAIJ,GAAG,CAACG,IAAI,CAAC;MAC/BC,SAAS,CAACe,GAAG,CAACjB,MAAM,EAAEgB,KAAK,CAAC;MAC5B,OAAOd,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,MAAMgB,aAA4B,GAAG7B,QAAQ,KAAK,QAAQ,GACtD;IAAE8B,IAAI,EAAE,QAAQ;IAAE3B,QAAQ,EAAE;EAAK,CAAC,GAClC;IAAE2B,IAAI,EAAE,QAAQ;IAAE3B,QAAQ;IAAEC;EAAU,CAAC;EAE3C,OAAO;IACLC,SAAS;IACT0B,UAAU,EAAEhB,cAAc;IAC1Bb,aAAa,EAAEA,aAAa,GAAGoB,iBAAiB,GAAGU,SAAS;IAC5DX,UAAU;IACVQ,aAAa;IACbH,qBAAqB;IACrBnB,gBAAgB;IAChBG;EACF,CAAC;AACH","ignoreList":[]}
1
+ {"version":3,"file":"useEditableTable.js","names":["useCallback","useState","cellValuesEqual","useEditableTable","editMode","onCellValueChanged","onSubmitEdits","isActive","setActive","cellEdits","setCellEdits","validationErrors","setValidationErrors","Map","clearCellValidationError","cellId","prev","newErrors","delete","handleCellEdit","info","newValue","oldValue","_","rest","clearEdits","handleSubmitEdits","edits","Object","values","onCellValidationError","error","set","editModeState","type","onCellEdit","undefined"],"sources":["useEditableTable.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 ObjectOrInterfaceDefinition,\n Osdk,\n PropertyKeys,\n QueryDefinition,\n SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useCallback, useState } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\nimport { cellValuesEqual } from \"../utils/editableUtils.js\";\nimport type {\n CellEditInfo,\n EditableConfig,\n EditModeState,\n} from \"../utils/types.js\";\n\nexport interface UseEditableTableProps<\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 editMode?: \"always\" | \"manual\";\n\n onCellValueChanged?: ObjectTableProps<\n Q,\n RDPs,\n FunctionColumns\n >[\"onCellValueChanged\"];\n\n onSubmitEdits?: ObjectTableProps<\n Q,\n RDPs,\n FunctionColumns\n >[\"onSubmitEdits\"];\n}\n\nexport function useEditableTable<\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 editMode = \"manual\",\n onCellValueChanged,\n onSubmitEdits,\n}: UseEditableTableProps<Q, RDPs, FunctionColumns>): EditableConfig<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n> {\n const [isActive, setActive] = useState<boolean>(\n editMode === \"always\",\n );\n const [cellEdits, setCellEdits] = useState<\n Record<\n string,\n CellEditInfo<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n >\n >\n >(\n {},\n );\n const [validationErrors, setValidationErrors] = useState<\n Map<string, string>\n >(\n new Map(),\n );\n\n const clearCellValidationError = useCallback((cellId: string) => {\n setValidationErrors(prev => {\n const newErrors = new Map(prev);\n newErrors.delete(cellId);\n return newErrors;\n });\n }, []);\n\n const handleCellEdit = useCallback(\n (\n cellId: string,\n info: CellEditInfo<\n Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n unknown\n >,\n ) => {\n // If value is changed back to original, remove it from edits. null\n // and undefined are treated as the same empty state so clearing a\n // never-set cell doesn't leave a phantom \"edited\" indicator. \"\" stays\n // a distinct value.\n if (cellValuesEqual(info.newValue, info.oldValue)) {\n setCellEdits(prev => {\n const { [cellId]: _, ...rest } = prev;\n return rest;\n });\n } else {\n setCellEdits(prev => ({\n ...prev,\n [cellId]: info,\n }));\n }\n\n onCellValueChanged?.(info);\n },\n [onCellValueChanged],\n );\n\n const clearEdits = useCallback(() => {\n setCellEdits({});\n setValidationErrors(new Map());\n }, []);\n\n const handleSubmitEdits = useCallback(async () => {\n const edits = Object.values(cellEdits);\n return onSubmitEdits ? onSubmitEdits(edits) : false;\n }, [cellEdits, onSubmitEdits]);\n\n const onCellValidationError = useCallback(\n (cellId: string, error: string) => {\n setValidationErrors(prev => {\n const newErrors = new Map(prev);\n newErrors.set(cellId, error);\n return newErrors;\n });\n },\n [],\n );\n\n const editModeState: EditModeState = editMode === \"always\"\n ? { type: \"always\", isActive: true }\n : { type: \"manual\", isActive, setActive };\n\n return {\n cellEdits,\n onCellEdit: handleCellEdit,\n onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,\n clearEdits,\n editModeState,\n onCellValidationError,\n validationErrors,\n clearCellValidationError,\n };\n}\n"],"mappings":"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","ignoreList":[]}
@@ -15,6 +15,7 @@
15
15
  */
16
16
 
17
17
  import { useCallback, useEffect, useMemo, useRef, useState } from "react";
18
+ import { useEventCallback } from "../../shared/hooks/useEventCallback.js";
18
19
  import { getRowId, getRowIdFromPrimaryKey } from "../utils/getRowId.js";
19
20
 
20
21
  /**
@@ -27,6 +28,7 @@ export function useRowSelection({
27
28
  selectionMode = "none",
28
29
  selectedRows,
29
30
  isAllSelected: isAllSelectedProp,
31
+ // eslint-disable-next-line @typescript-eslint/no-deprecated -- intentional pass-through to fire alongside onRowSelectionChanged for backwards compatibility
30
32
  onRowSelection,
31
33
  onRowSelectionChanged,
32
34
  data
@@ -54,18 +56,17 @@ export function useRowSelection({
54
56
  const isAllSelected = deriveIsAllSelected(isControlled, isAllSelectedProp, internalIsAllSelected, selectedCount, totalCount);
55
57
  // Dedupes refires when "select all" is active and data grows.
56
58
  const lastFiredAllSelectedIdsRef = useRef(null);
57
- const fireSelectionCallbacks = useCallback((ids, isSelectAll) => {
59
+ const fireSelectionCallbacks = useEventCallback((ids, isSelectAll) => {
58
60
  onRowSelection?.(ids, isSelectAll);
59
61
  if (onRowSelectionChanged) {
60
62
  const selectedKeySet = new Set(ids.map(id => String(id)));
61
63
  const instances = (data ?? []).filter(item => selectedKeySet.has(String(item.$primaryKey)));
62
64
  onRowSelectionChanged({
63
- selectedRowIds: ids,
64
65
  selectedRows: instances,
65
66
  isSelectAll
66
67
  });
67
68
  }
68
- }, [onRowSelection, onRowSelectionChanged, data]);
69
+ });
69
70
  const onToggleAll = useCallback(() => {
70
71
  if (!enableRowSelection || !data) return;
71
72
  const newIsAllSelected = !isAllSelected;
@@ -122,7 +123,7 @@ export function useRowSelection({
122
123
  }, [enableRowSelection, data, selectionMode, isControlled, fireSelectionCallbacks, rowSelectionState, lastSelectedRowIndex]);
123
124
 
124
125
  // Refire callbacks when uncontrolled "select all" is active and new rows arrive.
125
- useEffect(() => {
126
+ useEffect(function () {
126
127
  if (isControlled || !internalIsAllSelected || !data) {
127
128
  if (!internalIsAllSelected) {
128
129
  lastFiredAllSelectedIdsRef.current = null;