npm - @osdk/react-components - Versions diffs - 0.2.0-beta.10 → 0.2.0-beta.11 - Mend

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

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 (102) hide show

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

@@ -0,0 +1,79 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React, { useCallback, useState } from "react";
+import { ActionButton } from "../base-components/action-button/ActionButton.js";
+import styles from "./TableEditContainer.module.css.js";
+export function TableEditContainer({
+  editableConfig,
+  focusedRowId
+}) {
+  const {
+    cellEdits,
+    onSubmitEdits,
+    clearEdits,
+    editMode
+  } = editableConfig ?? {};
+  const hasEdits = Object.keys(cellEdits ?? {}).length > 0;
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const isInEditMode = editMode?.isActive;
+  const canToggleEditMode = editMode?.type === "manual";
+  const handleSubmitEdits = useCallback(async () => {
+    setIsSubmitting(true);
+    try {
+      const success = await onSubmitEdits?.();
+      if (success) {
+        clearEdits?.();
+        if (editMode?.type === "manual") {
+          editMode.setActive(false);
+        }
+      }
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [editMode, onSubmitEdits, clearEdits]);
+  const handleCancelEdits = useCallback(() => {
+    clearEdits?.();
+    if (editMode?.type === "manual") {
+      editMode.setActive(false);
+    }
+  }, [clearEdits, editMode]);
+  const handleEnterEditMode = useCallback(() => {
+    if (editMode?.type === "manual") {
+      editMode.setActive(true);
+    }
+  }, [editMode]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.tableEditContainer
+  }, hasEdits ? /*#__PURE__*/React.createElement("div", {
+    className: styles.modificationCount
+  }, `${cellEdits ? Object.keys(cellEdits).length : 0} modifications`) : isInEditMode && !focusedRowId && /*#__PURE__*/React.createElement("div", {
+    className: styles.placeholder
+  }, "Select a row to edit data\u2026"), /*#__PURE__*/React.createElement("div", {
+    className: styles.editButtons
+  }, !isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleEnterEditMode
+  }, "Edit Table"), isInEditMode && canToggleEditMode && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "secondary",
+    onClick: handleCancelEdits
+  }, "Cancel"), isInEditMode && !!onSubmitEdits && /*#__PURE__*/React.createElement(ActionButton, {
+    variant: "primary",
+    onClick: handleSubmitEdits,
+    disabled: !hasEdits || isSubmitting
+  }, "Submit Edits")));
+}
+//# sourceMappingURL=TableEditContainer.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"TableEditContainer.js","names":["React","useCallback","useState","ActionButton","styles","TableEditContainer","editableConfig","focusedRowId","cellEdits","onSubmitEdits","clearEdits","editMode","hasEdits","Object","keys","length","isSubmitting","setIsSubmitting","isInEditMode","isActive","canToggleEditMode","type","handleSubmitEdits","success","setActive","handleCancelEdits","handleEnterEditMode","createElement","className","tableEditContainer","modificationCount","placeholder","editButtons","variant","onClick","disabled"],"sources":["TableEditContainer.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { RowData } from \"@tanstack/react-table\";\nimport React, { type ReactElement, useCallback, useState } from \"react\";\nimport { ActionButton } from \"../base-components/action-button/ActionButton.js\";\nimport styles from \"./TableEditContainer.module.css\";\nimport type { EditableConfig } from \"./utils/types.js\";\n\ninterface TableEditContainerProps<\n TData extends RowData,\n> {\n editableConfig?: EditableConfig<TData, unknown>;\n focusedRowId?: string | null;\n}\n\nexport function TableEditContainer<\n TData extends RowData,\n>({\n editableConfig,\n focusedRowId,\n}: TableEditContainerProps<TData>): ReactElement {\n const {\n cellEdits,\n onSubmitEdits,\n clearEdits,\n editMode,\n } = editableConfig ?? {};\n\n const hasEdits = Object.keys(cellEdits ?? {}).length > 0;\n const [isSubmitting, setIsSubmitting] = useState(false);\n\n const isInEditMode = editMode?.isActive;\n const canToggleEditMode = editMode?.type === \"manual\";\n\n const handleSubmitEdits = useCallback(async () => {\n setIsSubmitting(true);\n try {\n const success = await onSubmitEdits?.();\n if (success) {\n clearEdits?.();\n if (editMode?.type === \"manual\") {\n editMode.setActive(false);\n }\n }\n } finally {\n setIsSubmitting(false);\n }\n }, [editMode, onSubmitEdits, clearEdits]);\n\n const handleCancelEdits = useCallback(() => {\n clearEdits?.();\n if (editMode?.type === \"manual\") {\n editMode.setActive(false);\n }\n }, [clearEdits, editMode]);\n\n const handleEnterEditMode = useCallback(() => {\n if (editMode?.type === \"manual\") {\n editMode.setActive(true);\n }\n }, [editMode]);\n\n return (\n <div className={styles.tableEditContainer}>\n {hasEdits\n ? (\n <div className={styles.modificationCount}>\n {`${cellEdits ? Object.keys(cellEdits).length : 0} modifications`}\n </div>\n )\n : (isInEditMode && !focusedRowId && (\n <div className={styles.placeholder}>\n Select a row to edit data…\n </div>\n ))}\n <div className={styles.editButtons}>\n {!isInEditMode && canToggleEditMode && (\n <ActionButton\n variant=\"primary\"\n onClick={handleEnterEditMode}\n >\n Edit Table\n </ActionButton>\n )}\n {isInEditMode && canToggleEditMode && (\n <ActionButton\n variant=\"secondary\"\n onClick={handleCancelEdits}\n >\n Cancel\n </ActionButton>\n )}\n {isInEditMode && !!onSubmitEdits && (\n <ActionButton\n variant=\"primary\"\n onClick={handleSubmitEdits}\n disabled={!hasEdits || isSubmitting}\n >\n Submit Edits\n </ActionButton>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.tableEditContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--osdk-surface-background-color-default-rest);
+  border-top: var(--osdk-table-border);
+  padding: var(--osdk-table-edit-container-padding);
+  min-height: var(--osdk-table-edit-container-min-height);
+}
+.placeholder {
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+.modificationCount {
+  color: var(--osdk-intent-primary-rest);
+  font-size: var(--osdk-typography-size-body-small);
+  padding: calc(var(--osdk-surface-spacing) * 2) 0;
+}
+.editButtons {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  flex: 1;
+}

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

@@ -0,0 +1,9 @@
+// CSS Module proxy for TableEditContainer.module.css
+const styles = {
+  "tableEditContainer": "TableEditContainer-module__tableEditContainer___cIVjgtld",
+  "placeholder": "TableEditContainer-module__placeholder___ggxoxvTp",
+  "modificationCount": "TableEditContainer-module__modificationCount___sLN93v77",
+  "editButtons": "TableEditContainer-module__editButtons___xI-Z7kz1"
+};
+export default styles;

package/build/browser/object-table/TableRow.js CHANGED Viewed

@@ -17,17 +17,24 @@
 import React, { useCallback } from "react";
 import { TableCell } from "./TableCell.js";
 import styles from "./TableRow.module.css.js";
-export function TableRow({
+function TableRowInner({
   row,
   virtualRow,
   onRowClick,
-  renderCellContextMenu
+  renderCellContextMenu,
+  focusedRowId,
+  setFocusedRowId,
+  isInEditMode
 }) {
   const handleClick = useCallback(() => {
-    onRowClick?.(row.original);
-  }, [onRowClick, row.original]);
+    setFocusedRowId?.(row.id);
+    if (!isInEditMode) {
+      onRowClick?.(row.original);
+    }
+  }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);
   return /*#__PURE__*/React.createElement("tr", {
     "data-selected": row.getIsSelected(),
+    "data-focused": focusedRowId === row.id,
     className: styles.osdkTableRow,
     style: {
       height: `${virtualRow.size}px`,
@@ -40,4 +47,5 @@ export function TableRow({
     renderCellContextMenu: renderCellContextMenu
   })));
 }
+export const TableRow = /*#__PURE__*/React.memo(TableRowInner);
 //# sourceMappingURL=TableRow.js.map

package/build/browser/object-table/TableRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","styles","~~TableRow~~","row","virtualRow","onRowClick","renderCellContextMenu","handleClick","original","createElement","getIsSelected","className","osdkTableRow","style","height","size","transform","start","onClick","getVisibleCells","map","cell","key","id"],"sources":["TableRow.tsx"],"sourcesContent":["/\n Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Cell, Row, RowData } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\nimport { TableCell } from \"./TableCell.js\";\nimport styles from \"./TableRow.module.css\";\n\ninterface TableRowProps<TData extends RowData> {\n row: Row<TData>;\n virtualRow: VirtualItem;\n onRowClick?: (row: TData) => void;\n renderCellContextMenu?: (\n row: TData,\n cell: Cell<TData, unknown>,\n ) => React.ReactNode;\n}\n\~~nexport~~ ~~function TableRow~~<TData extends RowData>({\n row,\n virtualRow,\n onRowClick,\n renderCellContextMenu,\n}: TableRowProps<TData>): React.ReactElement {\n const handleClick = useCallback(() => {\n onRowClick?.(row.original);\n }, [onRowClick, row.original]);\n\n return (\n <tr\n data-selected={row.getIsSelected()}\n className={styles.osdkTableRow}\n style={{\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n onClick={handleClick}\n >\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n cell={cell}\n renderCellContextMenu={renderCellContextMenu}\n />\n ))}\n </tr>\n );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,uBAAuB;~~AAY1C~~,~~OAAO,~~SAASC,~~QAAQA~~,CAAwB;~~EAC9CC~~,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,~~GAAGR~~,WAAW,CAAC,MAAM;~~IACpCM~~,UAAU,GAAGF,GAAG,~~CAACK~~,QAAQ,CAAC;~~EAC5B~~,CAAC,EAAE,CAACH,UAAU,EAAEF,GAAG,~~CAACK~~,QAAQ,CAAC,CAAC;~~EAE9B~~,oBACEV,KAAA,~~CAAAW~~,aAAA;IACE,~~iBAAeN~~,GAAG,~~CAACO~~,aAAa,CAAC,CAAE;~~IACnCC~~,SAAS,~~EAAEV~~,MAAM,~~CAACW~~,YAAa;IAC/BC,KAAK,EAAE;MACLC,MAAM,EAAE,~~GAAGV~~,UAAU,~~CAACW~~,IAAI,IAAI;MAC9BC,SAAS,EAAE,~~cAAcZ~~,UAAU,~~CAACa~~,KAAK;IAC3C,CAAE;IACFC,OAAO,~~EAAEX~~;EAAY,~~GAEpBJ~~,GAAG,~~CAACgB~~,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,~~iBAC9BvB~~,KAAA,~~CAAAW~~,aAAA,~~CAACT~~,SAAS;~~IACRsB~~,GAAG,EAAED,IAAI,~~CAACE~~,EAAG;~~IACbF~~,IAAI,EAAEA,IAAK;~~IACXf~~,qBAAqB,EAAEA;EAAsB,CAC9C,CACF,CACC,CAAC;AAET","ignoreList":[]}
1	+ {"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","styles","TableRowInner","row","virtualRow","onRowClick","renderCellContextMenu","focusedRowId","setFocusedRowId","isInEditMode","handleClick","id","original","createElement","getIsSelected","className","osdkTableRow","style","height","size","transform","start","onClick","getVisibleCells","map","cell","key","TableRow","memo"],"sources":["TableRow.tsx"],"sourcesContent":["/\n Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n \n Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n \n http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Cell, Row, RowData } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\nimport { TableCell } from \"./TableCell.js\";\nimport styles from \"./TableRow.module.css\";\n\ninterface TableRowProps<TData extends RowData> {\n row: Row<TData>;\n virtualRow: VirtualItem;\n onRowClick?: (row: TData) => void;\n renderCellContextMenu?: (\n row: TData,\n cell: Cell<TData, unknown>,\n ) => React.ReactNode;\n focusedRowId?: string \| null;\n setFocusedRowId?: (rowId: string \| null) => void;\n isInEditMode?: boolean;\n}\n\nfunction TableRowInner<TData extends RowData>({\n row,\n virtualRow,\n onRowClick,\n renderCellContextMenu,\n focusedRowId,\n setFocusedRowId,\n isInEditMode,\n}: TableRowProps<TData>): React.ReactElement {\n const handleClick = useCallback(() => {\n setFocusedRowId?.(row.id);\n\n if (!isInEditMode) {\n onRowClick?.(row.original);\n }\n }, [isInEditMode, onRowClick, row.original, row.id, setFocusedRowId]);\n\n return (\n <tr\n data-selected={row.getIsSelected()}\n data-focused={focusedRowId === row.id}\n className={styles.osdkTableRow}\n style={{\n height: `${virtualRow.size}px`,\n transform: `translateY(${virtualRow.start}px)`,\n }}\n onClick={handleClick}\n >\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n cell={cell}\n renderCellContextMenu={renderCellContextMenu}\n />\n ))}\n </tr>\n );\n}\n\nexport const TableRow = React.memo(\n TableRowInner,\n) as typeof TableRowInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,OAAOC,MAAM,MAAM,uBAAuB;AAe1C,SAASC,aAAaA,CAAwB;EAC5CC,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC,qBAAqB;EACrBC,YAAY;EACZC,eAAe;EACfC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpCS,eAAe,GAAGL,GAAG,CAACQ,EAAE,CAAC;IAEzB,IAAI,CAACF,YAAY,EAAE;MACjBJ,UAAU,GAAGF,GAAG,CAACS,QAAQ,CAAC;IAC5B;EACF,CAAC,EAAE,CAACH,YAAY,EAAEJ,UAAU,EAAEF,GAAG,CAACS,QAAQ,EAAET,GAAG,CAACQ,EAAE,EAAEH,eAAe,CAAC,CAAC;EAErE,oBACEV,KAAA,CAAAe,aAAA;IACE,iBAAeV,GAAG,CAACW,aAAa,CAAC,CAAE;IACnC,gBAAcP,YAAY,KAAKJ,GAAG,CAACQ,EAAG;IACtCI,SAAS,EAAEd,MAAM,CAACe,YAAa;IAC/BC,KAAK,EAAE;MACLC,MAAM,EAAE,GAAGd,UAAU,CAACe,IAAI,IAAI;MAC9BC,SAAS,EAAE,cAAchB,UAAU,CAACiB,KAAK;IAC3C,CAAE;IACFC,OAAO,EAAEZ;EAAY,GAEpBP,GAAG,CAACoB,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,iBAC9B3B,KAAA,CAAAe,aAAA,CAACb,SAAS;IACR0B,GAAG,EAAED,IAAI,CAACd,EAAG;IACbc,IAAI,EAAEA,IAAK;IACXnB,qBAAqB,EAAEA;EAAsB,CAC9C,CACF,CACC,CAAC;AAET;AAEA,OAAO,MAAMqB,QAAQ,gBAAG7B,KAAK,CAAC8B,IAAI,CAChC1B,aACF,CAAyB","ignoreList":[]}

package/build/browser/object-table/TableRow.module.css CHANGED Viewed

@@ -45,7 +45,8 @@
     border-bottom-color: var(--osdk-table-row-border-color-hover);
   }
-  &[data-selected="true"] {
+  &[data-selected="true"],
+  &[data-focused="true"] {
     z-index: 2;
     background-color: var(--osdk-table-row-bg-active);
     border-top-color: var(--osdk-table-row-border-color-active);

package/build/browser/object-table/hooks/__tests__/useEditableTable.test.js ADDED Viewed

@@ -0,0 +1,292 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { act, renderHook } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { getCellId } from "../../utils/getCellId.js";
+import { useEditableTable } from "../useEditableTable.js";
+function createMockObjectInstance(id, additionalProps = {}) {
+  return {
+    $apiName: "mock-object",
+    $primaryKey: id,
+    id,
+    ...additionalProps
+  };
+}
+describe("useEditableTable", () => {
+  it("adds cell to cellEdits when edited", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onCellValueChanged
+    }));
+    const cellId = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const mockRowData = createMockObjectInstance("row-1", {
+      name: "Test"
+    });
+    const editEvent = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new value",
+      oldValue: "old value",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, editEvent);
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: editEvent
+    });
+    expect(onCellValueChanged).toHaveBeenCalledWith(editEvent);
+  });
+  it("removes cell from cellEdits when edited back to original value", () => {
+    const onCellValueChanged = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onCellValueChanged
+    }));
+    const cellId = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const mockRowData = createMockObjectInstance("row-1", {
+      name: "Test"
+    });
+    // First edit
+    const firstEdit = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new value",
+      oldValue: "original",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, firstEdit);
+    });
+    expect(result.current.cellEdits).toEqual({
+      [cellId]: firstEdit
+    });
+    // Edit back to original
+    const revertEdit = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "original",
+      oldValue: "original",
+      originalRowData: mockRowData
+    };
+    act(() => {
+      result.current.onCellEdit(cellId, revertEdit);
+    });
+    // Should remove the cell from cellEdits
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles multiple cell edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const cellId3 = getCellId({
+      rowId: "row-3",
+      columnId: "col-3"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    const edit3 = {
+      rowId: "row-3",
+      columnId: "col-3",
+      newValue: "new3",
+      oldValue: "old3",
+      originalRowData: createMockObjectInstance("row-3")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+      result.current.onCellEdit(cellId3, edit3);
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(3);
+    // Edit one back to original
+    const revertEdit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "old2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId2, revertEdit2);
+    });
+    expect(Object.keys(result.current.cellEdits).length).toBe(2);
+    expect(result.current.cellEdits[cellId2]).toBeUndefined();
+  });
+  it("clears all edits", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+    });
+    act(() => {
+      result.current.clearEdits();
+    });
+    expect(result.current.cellEdits).toEqual({});
+  });
+  it("handles submit edits", async () => {
+    const onSubmitEdits = vi.fn();
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onSubmitEdits
+    }));
+    const cellId1 = getCellId({
+      rowId: "row-1",
+      columnId: "col-1"
+    });
+    const cellId2 = getCellId({
+      rowId: "row-2",
+      columnId: "col-2"
+    });
+    const edit1 = {
+      rowId: "row-1",
+      columnId: "col-1",
+      newValue: "new1",
+      oldValue: "old1",
+      originalRowData: createMockObjectInstance("row-1")
+    };
+    const edit2 = {
+      rowId: "row-2",
+      columnId: "col-2",
+      newValue: "new2",
+      oldValue: "old2",
+      originalRowData: createMockObjectInstance("row-2")
+    };
+    act(() => {
+      result.current.onCellEdit(cellId1, edit1);
+      result.current.onCellEdit(cellId2, edit2);
+    });
+    await act(async () => {
+      await result.current.onSubmitEdits?.();
+    });
+    expect(onSubmitEdits).toHaveBeenCalledWith([edit1, edit2]);
+  });
+  it("when submit edits is undefined, onSubmitEdits is undefined", async () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always",
+      onSubmitEdits: undefined
+    }));
+    expect(result.current.onSubmitEdits).toBeUndefined();
+  });
+  it("when editMode is manual, isActive is false initially", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "manual"
+    }));
+    expect(result.current.editMode.type).toBe("manual");
+    if (result.current.editMode.type === "manual") {
+      expect(result.current.editMode.isActive).toBe(false);
+      expect(result.current.editMode.setActive).toBeDefined();
+      act(() => {
+        result.current.editMode.type === "manual" && result.current.editMode.setActive(true);
+      });
+      expect(result.current.editMode.type === "manual" && result.current.editMode.isActive).toBe(true);
+      act(() => {
+        result.current.editMode.type === "manual" && result.current.editMode.setActive(false);
+      });
+      expect(result.current.editMode.type === "manual" && result.current.editMode.isActive).toBe(false);
+    }
+  });
+  it("when editMode is always, the type is always and isActive is true", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "always"
+    }));
+    expect(result.current.editMode.type).toBe("always");
+    expect(result.current.editMode.isActive).toBe(true);
+  });
+  it("when editMode is manual with default settings, it starts as inactive", () => {
+    const {
+      result
+    } = renderHook(() => useEditableTable({
+      editMode: "manual"
+    }));
+    expect(result.current.editMode.type).toBe("manual");
+    if (result.current.editMode.type === "manual") {
+      expect(result.current.editMode.isActive).toBe(false);
+    }
+  });
+});
+//# sourceMappingURL=useEditableTable.test.js.map

package/build/browser/object-table/hooks/__tests__/useEditableTable.test.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useEditableTable.test.js","names":["act","renderHook","describe","expect","it","vi","getCellId","useEditableTable","createMockObjectInstance","id","additionalProps","$apiName","$primaryKey","onCellValueChanged","fn","result","editMode","cellId","rowId","columnId","mockRowData","name","editEvent","newValue","oldValue","originalRowData","current","onCellEdit","cellEdits","toEqual","toHaveBeenCalledWith","firstEdit","revertEdit","cellId1","cellId2","cellId3","edit1","edit2","edit3","Object","keys","length","toBe","revertEdit2","toBeUndefined","clearEdits","onSubmitEdits","undefined","type","isActive","setActive","toBeDefined"],"sources":["useEditableTable.test.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 { ObjectOrInterfaceDefinition, Osdk } from \"@osdk/api\";\nimport { act, renderHook } from \"@testing-library/react\";\nimport { describe, expect, it, vi } from \"vitest\";\nimport { getCellId } from \"../../utils/getCellId.js\";\nimport { useEditableTable } from \"../useEditableTable.js\";\n\ntype MockObjectDef = ObjectOrInterfaceDefinition;\ntype MockInstance = Osdk.Instance<MockObjectDef, \"$allBaseProperties\", string>;\n\nfunction createMockObjectInstance(\n id: string,\n additionalProps = {},\n): MockInstance {\n return {\n $apiName: \"mock-object\" as const,\n $primaryKey: id,\n id,\n ...additionalProps,\n } as unknown as MockInstance;\n}\n\ndescribe(\"useEditableTable\", () => {\n it(\"adds cell to cellEdits when edited\", () => {\n const onCellValueChanged = vi.fn();\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\", onCellValueChanged })\n );\n const cellIdentifier = { rowId: \"row-1\", columnId: \"col-1\" };\n const cellId = getCellId(cellIdentifier);\n const mockRowData = createMockObjectInstance(\"row-1\", { name: \"Test\" });\n\n const editEvent = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"new value\",\n oldValue: \"old value\",\n originalRowData: mockRowData,\n };\n\n act(() => {\n result.current.onCellEdit(cellId, editEvent);\n });\n\n expect(result.current.cellEdits).toEqual({\n [cellId]: editEvent,\n });\n expect(onCellValueChanged).toHaveBeenCalledWith(editEvent);\n });\n\n it(\"removes cell from cellEdits when edited back to original value\", () => {\n const onCellValueChanged = vi.fn();\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\", onCellValueChanged })\n );\n const cellIdentifier = { rowId: \"row-1\", columnId: \"col-1\" };\n const cellId = getCellId(cellIdentifier);\n const mockRowData = createMockObjectInstance(\"row-1\", { name: \"Test\" });\n\n // First edit\n const firstEdit = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"new value\",\n oldValue: \"original\",\n originalRowData: mockRowData,\n };\n\n act(() => {\n result.current.onCellEdit(cellId, firstEdit);\n });\n\n expect(result.current.cellEdits).toEqual({\n [cellId]: firstEdit,\n });\n\n // Edit back to original\n const revertEdit = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"original\",\n oldValue: \"original\",\n originalRowData: mockRowData,\n };\n\n act(() => {\n result.current.onCellEdit(cellId, revertEdit);\n });\n\n // Should remove the cell from cellEdits\n expect(result.current.cellEdits).toEqual({});\n });\n\n it(\"handles multiple cell edits\", () => {\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\" })\n );\n const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n const cellId3 = getCellId({ rowId: \"row-3\", columnId: \"col-3\" });\n\n const edit1 = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"new1\",\n oldValue: \"old1\",\n originalRowData: createMockObjectInstance(\"row-1\"),\n };\n\n const edit2 = {\n rowId: \"row-2\",\n columnId: \"col-2\",\n newValue: \"new2\",\n oldValue: \"old2\",\n originalRowData: createMockObjectInstance(\"row-2\"),\n };\n\n const edit3 = {\n rowId: \"row-3\",\n columnId: \"col-3\",\n newValue: \"new3\",\n oldValue: \"old3\",\n originalRowData: createMockObjectInstance(\"row-3\"),\n };\n\n act(() => {\n result.current.onCellEdit(cellId1, edit1);\n result.current.onCellEdit(cellId2, edit2);\n result.current.onCellEdit(cellId3, edit3);\n });\n\n expect(Object.keys(result.current.cellEdits).length).toBe(3);\n\n // Edit one back to original\n const revertEdit2 = {\n rowId: \"row-2\",\n columnId: \"col-2\",\n newValue: \"old2\",\n oldValue: \"old2\",\n originalRowData: createMockObjectInstance(\"row-2\"),\n };\n\n act(() => {\n result.current.onCellEdit(cellId2, revertEdit2);\n });\n\n expect(Object.keys(result.current.cellEdits).length).toBe(2);\n expect(result.current.cellEdits[cellId2]).toBeUndefined();\n });\n\n it(\"clears all edits\", () => {\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\" })\n );\n const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n\n const edit1 = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"new1\",\n oldValue: \"old1\",\n originalRowData: createMockObjectInstance(\"row-1\"),\n };\n\n const edit2 = {\n rowId: \"row-2\",\n columnId: \"col-2\",\n newValue: \"new2\",\n oldValue: \"old2\",\n originalRowData: createMockObjectInstance(\"row-2\"),\n };\n\n act(() => {\n result.current.onCellEdit(cellId1, edit1);\n result.current.onCellEdit(cellId2, edit2);\n });\n\n act(() => {\n result.current.clearEdits();\n });\n\n expect(result.current.cellEdits).toEqual({});\n });\n\n it(\"handles submit edits\", async () => {\n const onSubmitEdits = vi.fn();\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\", onSubmitEdits })\n );\n const cellId1 = getCellId({ rowId: \"row-1\", columnId: \"col-1\" });\n const cellId2 = getCellId({ rowId: \"row-2\", columnId: \"col-2\" });\n\n const edit1 = {\n rowId: \"row-1\",\n columnId: \"col-1\",\n newValue: \"new1\",\n oldValue: \"old1\",\n originalRowData: createMockObjectInstance(\"row-1\"),\n };\n\n const edit2 = {\n rowId: \"row-2\",\n columnId: \"col-2\",\n newValue: \"new2\",\n oldValue: \"old2\",\n originalRowData: createMockObjectInstance(\"row-2\"),\n };\n\n act(() => {\n result.current.onCellEdit(cellId1, edit1);\n result.current.onCellEdit(cellId2, edit2);\n });\n\n await act(async () => {\n await result.current.onSubmitEdits?.();\n });\n\n expect(onSubmitEdits).toHaveBeenCalledWith([edit1, edit2]);\n });\n\n it(\"when submit edits is undefined, onSubmitEdits is undefined\", async () => {\n const { result } = renderHook(() =>\n useEditableTable({\n editMode: \"always\",\n onSubmitEdits: undefined,\n })\n );\n\n expect(result.current.onSubmitEdits).toBeUndefined();\n });\n\n it(\"when editMode is manual, isActive is false initially\", () => {\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"manual\" })\n );\n\n expect(result.current.editMode.type).toBe(\"manual\");\n if (result.current.editMode.type === \"manual\") {\n expect(result.current.editMode.isActive).toBe(false);\n expect(result.current.editMode.setActive).toBeDefined();\n\n act(() => {\n result.current.editMode.type === \"manual\"\n && result.current.editMode.setActive(true);\n });\n\n expect(\n result.current.editMode.type === \"manual\"\n && result.current.editMode.isActive,\n ).toBe(true);\n\n act(() => {\n result.current.editMode.type === \"manual\"\n && result.current.editMode.setActive(false);\n });\n\n expect(\n result.current.editMode.type === \"manual\"\n && result.current.editMode.isActive,\n ).toBe(false);\n }\n });\n\n it(\"when editMode is always, the type is always and isActive is true\", () => {\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"always\" })\n );\n\n expect(result.current.editMode.type).toBe(\"always\");\n expect(result.current.editMode.isActive).toBe(true);\n });\n\n it(\"when editMode is manual with default settings, it starts as inactive\", () => {\n const { result } = renderHook(() =>\n useEditableTable({ editMode: \"manual\" })\n );\n\n expect(result.current.editMode.type).toBe(\"manual\");\n if (result.current.editMode.type === \"manual\") {\n expect(result.current.editMode.isActive).toBe(false);\n }\n });\n});\n"],"mappings":"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","ignoreList":[]}

package/build/browser/object-table/hooks/useEditableTable.js CHANGED Viewed

@@ -15,17 +15,16 @@
  */
 import { useCallback, useState } from "react";
-import { getCellIdentifier } from "../utils/getCellId.js";
 export function useEditableTable({
+  editMode = "manual",
   onCellValueChanged,
   onSubmitEdits
 }) {
+  const [isActive, setActive] = useState(editMode === "always");
   const [cellEdits, setCellEdits] = useState({});
-  const handleCellEdit = useCallback((cellId, state) => {
-    const cellIdentifier = getCellIdentifier(cellId);
+  const handleCellEdit = useCallback((cellId, info) => {
     // If value is changed back to original, remove it from edits
-    if (state.newValue === state.oldValue) {
+    if (info.newValue === info.oldValue) {
       setCellEdits(prev => {
         const {
           [cellId]: _,
@@ -36,22 +35,32 @@ export function useEditableTable({
     } else {
       setCellEdits(prev => ({
         ...prev,
-        [cellId]: state
+        [cellId]: info
       }));
     }
-    onCellValueChanged?.(cellIdentifier, state);
+    onCellValueChanged?.(info);
   }, [onCellValueChanged]);
   const clearEdits = useCallback(() => {
     setCellEdits({});
   }, []);
   const handleSubmitEdits = useCallback(async () => {
-    await onSubmitEdits?.(cellEdits);
+    const edits = Object.values(cellEdits);
+    return onSubmitEdits ? onSubmitEdits(edits) : false;
   }, [cellEdits, onSubmitEdits]);
+  const editModeConfig = editMode === "always" ? {
+    type: "always",
+    isActive: true
+  } : {
+    type: "manual",
+    isActive,
+    setActive
+  };
   return {
     cellEdits,
-    handleCellEdit,
-    handleSubmitEdits,
-    clearEdits
+    onCellEdit: handleCellEdit,
+    onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,
+    clearEdits,
+    editMode: editModeConfig
   };
 }
 //# sourceMappingURL=useEditableTable.js.map

package/build/browser/object-table/hooks/useEditableTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEditableTable.js","names":["useCallback","useState","~~getCellIdentifier~~","~~useEditableTable~~","onCellValueChanged","onSubmitEdits","cellEdits","setCellEdits","handleCellEdit","cellId","~~state~~","~~cellIdentifier","~~newValue","oldValue","prev","_","rest","clearEdits","handleSubmitEdits"],"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 QueryDefinition,\n SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useCallback, useState } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\nimport { ~~getCellIdentifier~~ } ~~from~~ ~~\"../utils/getCellId.js\";\nimport type { CellValueState~~ } 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 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 interface UseEditableTableResult {\n cellEdits: Record<string, CellValueState>;\n handleCellEdit: (\n cellId: string,\n state: CellValueState,\n ) => void;\n handleSubmitEdits: () => Promise<void>;\n clearEdits: () => void;\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 onCellValueChanged,\n onSubmitEdits,\n}: UseEditableTableProps<Q, RDPs, FunctionColumns>): ~~UseEditableTableResult~~ {\n const [cellEdits, setCellEdits] = useState<Record<~~string~~, ~~CellValueState>>~~(\n {},\n );\n\n const handleCellEdit = useCallback(\n (cellId: string, ~~state:~~ ~~CellValueState)~~ ~~=> {~~\n ~~const~~ ~~cellIdentifier~~ ~~= getCellIdentifier(cellId);\n~~\n // If value is changed back to original, remove it from edits\n if (~~state~~.newValue === ~~state~~.oldValue) {\n setCellEdits(prev => {\n const { [cellId]: _, ...rest } = prev;\n return rest;\n });\n } else {\n setCellEdits(prev => ({\n ...prev,\n [cellId]: ~~state~~,\n }));\n }\n\n onCellValueChanged?.(~~cellIdentifier, state~~);\n },\n [onCellValueChanged],\n );\n\n const clearEdits = useCallback(() => {\n setCellEdits({});\n }, []);\n\n const handleSubmitEdits = useCallback(async () => {\n ~~await~~ ~~onSubmitEdits?.~~(cellEdits);\n }, [cellEdits, onSubmitEdits]);\n\n return {\n cellEdits,\n handleCellEdit,\n handleSubmitEdits,\n clearEdits,\n };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;~~AAOA~~,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;~~AAE7C~~,~~SAASC,iBAAiB,QAAQ,uBAAuB;AAqCzD,~~OAAO,SAASC,gBAAgBA,CAU9B;EACAC,kBAAkB;EAClBC;AAC+C,CAAC,~~EAA0B~~;~~EAC1E~~,MAAM,CAACC,~~SAAS~~,EAAEC,~~YAAY~~,CAAC,GAAGN,QAAQ,~~CACxC~~,~~CAAC~~,~~CACH~~,CAAC;~~EAED~~,~~MAAMO~~,~~cAAc~~,~~GAAGR~~,~~WAAW~~,~~CAChC~~,~~CAACS~~,~~MAAc~~,~~EAAEC~~,~~KAAqB~~,~~KAAK~~;~~IACzC~~,~~MAAMC~~,cAAc,~~GAAGT~~,~~iBAAiB~~,~~CAACO~~,~~MAAM~~,~~CAAC;;IAEhD~~;IACA,~~IAAIC~~,~~KAAK~~,~~CAACE~~,QAAQ,~~KAAKF~~,~~KAAK~~,~~CAACG~~,QAAQ,EAAE;~~MACrCN~~,YAAY,~~CAACO~~,IAAI,IAAI;QACnB,MAAM;UAAE,~~CAACL~~,MAAM,~~GAAGM~~,CAAC;UAAE,GAAGC;QAAK,CAAC,GAAGF,IAAI;QACrC,OAAOE,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;~~MACLT~~,YAAY,~~CAACO~~,IAAI,KAAK;QACpB,GAAGA,IAAI;QACP,~~CAACL~~,MAAM,GAAGC;MACZ,CAAC,CAAC,CAAC;IACL;~~IAEAN~~,kBAAkB,~~GAAGO~~,~~cAAc~~,~~EAAED,KAAK,~~CAAC;~~EAC7C~~,CAAC,EACD,~~CAACN~~,kBAAkB,CACrB,CAAC;EAED,~~MAAMa~~,UAAU,~~GAAGjB~~,WAAW,CAAC,MAAM;~~IACnCO~~,YAAY,CAAC,CAAC,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,~~MAAMW~~,iBAAiB,~~GAAGlB~~,WAAW,CAAC,YAAY;IAChD,~~MAAMK~~,~~aAAa~~,GAAGC,SAAS,CAAC;~~EAClC~~,CAAC,EAAE,~~CAACA~~,SAAS,~~EAAED~~,aAAa,CAAC,CAAC;EAE9B,OAAO;IACLC,SAAS;~~IACTE~~,cAAc;~~IACdU~~,iBAAiB;~~IACjBD~~;~~EACF~~,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"file":"useEditableTable.js","names":["useCallback","useState","useEditableTable","editMode","onCellValueChanged","onSubmitEdits","isActive","setActive","cellEdits","setCellEdits","handleCellEdit","cellId","info","newValue","oldValue","prev","_","rest","clearEdits","handleSubmitEdits","edits","Object","values","editModeConfig","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 { CellEditInfo, EditableConfig, EditMode } 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(editMode === \"always\");\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\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 }, []);\n\n const handleSubmitEdits = useCallback(async () => {\n const edits = Object.values(cellEdits);\n return onSubmitEdits ? onSubmitEdits(edits) : false;\n }, [cellEdits, onSubmitEdits]);\n\n const editModeConfig: EditMode = 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 editMode: editModeConfig,\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;AA8B7C,OAAO,SAASC,gBAAgBA,CAU9B;EACAC,QAAQ,GAAG,QAAQ;EACnBC,kBAAkB;EAClBC;AAC+C,CAAC,EAGhD;EACA,MAAM,CAACC,QAAQ,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CAACE,QAAQ,KAAK,QAAQ,CAAC;EAC7D,MAAM,CAACK,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CASxC,CAAC,CACH,CAAC;EAED,MAAMS,cAAc,GAAGV,WAAW,CAChC,CACEW,MAAc,EACdC,IAGC,KACE;IACH;IACA,IAAIA,IAAI,CAACC,QAAQ,KAAKD,IAAI,CAACE,QAAQ,EAAE;MACnCL,YAAY,CAACM,IAAI,IAAI;QACnB,MAAM;UAAE,CAACJ,MAAM,GAAGK,CAAC;UAAE,GAAGC;QAAK,CAAC,GAAGF,IAAI;QACrC,OAAOE,IAAI;MACb,CAAC,CAAC;IACJ,CAAC,MAAM;MACLR,YAAY,CAACM,IAAI,KAAK;QACpB,GAAGA,IAAI;QACP,CAACJ,MAAM,GAAGC;MACZ,CAAC,CAAC,CAAC;IACL;IAEAR,kBAAkB,GAAGQ,IAAI,CAAC;EAC5B,CAAC,EACD,CAACR,kBAAkB,CACrB,CAAC;EAED,MAAMc,UAAU,GAAGlB,WAAW,CAAC,MAAM;IACnCS,YAAY,CAAC,CAAC,CAAC,CAAC;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,iBAAiB,GAAGnB,WAAW,CAAC,YAAY;IAChD,MAAMoB,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACd,SAAS,CAAC;IACtC,OAAOH,aAAa,GAAGA,aAAa,CAACe,KAAK,CAAC,GAAG,KAAK;EACrD,CAAC,EAAE,CAACZ,SAAS,EAAEH,aAAa,CAAC,CAAC;EAE9B,MAAMkB,cAAwB,GAAGpB,QAAQ,KAAK,QAAQ,GAClD;IAAEqB,IAAI,EAAE,QAAQ;IAAElB,QAAQ,EAAE;EAAK,CAAC,GAClC;IAAEkB,IAAI,EAAE,QAAQ;IAAElB,QAAQ;IAAEC;EAAU,CAAC;EAE3C,OAAO;IACLC,SAAS;IACTiB,UAAU,EAAEf,cAAc;IAC1BL,aAAa,EAAEA,aAAa,GAAGc,iBAAiB,GAAGO,SAAS;IAC5DR,UAAU;IACVf,QAAQ,EAAEoB;EACZ,CAAC;AACH","ignoreList":[]}