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

package/build/esm/object-table/TableHeaderWithPopover.module.css

@@ -22,7 +22,7 @@
 
 .osdkContentGap {
   display: flex;
-  gap: var(--osdk-surface-spacing);
+  gap: calc(var(--osdk-surface-spacing) * 2);
 }
 
 .osdkHeaderContainer {
@@ -41,27 +41,38 @@
   flex-shrink: 0;
 }
 
+.osdkHeaderText {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex-grow: 1;
+}
+
 .osdkHeaderPopoverTrigger {
-  padding: 0;
+  padding: var(--osdk-table-header-menu-padding);
   flex-shrink: 0;
   flex-grow: 0;
-  border: var(--osdk-surface-border-width) solid
-    var(--osdk-surface-border-color-default);
+  background-color: var(--osdk-table-header-menu-bg);
+  border: var(--osdk-table-header-menu-border);
   border-radius: var(--osdk-surface-border-radius);
-  color: var(--osdk-intent-default-foreground);
+  color: var(--osdk-table-header-menu-color);
+  cursor: pointer;
   user-select: none;
-  outline: none;
 
   &:hover {
-    background-color: var(--osdk-intent-default-hover);
+    background-color: var(--osdk-table-header-menu-bg-hover);
   }
 
   &[data-popup-open] {
-    background-color: var(--osdk-intent-primary-rest);
+    background-color: var(--osdk-table-header-menu-bg-active);
+    color: var(--osdk-table-header-menu-color-active);
   }
 
   &:focus-visible {
-    outline: var(--osdk-focus-visible-outline);
+    outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);
   }
 }
@@ -75,36 +86,44 @@
   box-sizing: border-box;
   padding: var(--osdk-surface-spacing);
   border-radius: var(--osdk-surface-border-radius);
-  border: var(--osdk-surface-border-width) solid
-    var(--osdk-surface-border-color-default);
-  background-color: var(--osdk-surface-background-color-default);
+  border: var(--osdk-surface-border);
+  background-color: var(--osdk-surface-background-color-default-rest);
   color: var(--osdk-typography-color-default-rest);
   box-shadow: var(--osdk-surface-shadow-2);
   font-size: var(--osdk-typography-size-body-medium);
-  outline: none;
 }
 
 .osdkHeaderMenuItem {
   justify-content: flex-start;
-  padding: var(--osdk-surface-spacing);
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 2);
   cursor: pointer;
-}
 
-.osdkHeaderMenuItem:hover {
-  outline: none;
-  background-color: var(--osdk-surface-background-color-default-hover);
-  border-radius: var(--osdk-surface-border-radius);
+  &:hover {
+    background-color: var(--osdk-surface-background-color-default-hover);
+    border-radius: var(--osdk-surface-border-radius);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
 }
 
-.osdkHeaderActiveMenuItem {
+.osdkHeaderMenuItem .osdkHeaderActiveMenuItem {
   background-color: var(--osdk-intent-primary-rest);
   color: var(--osdk-intent-primary-foreground);
-}
 
-.osdkHeaderActiveMenuItem:hover {
-  background-color: var(--osdk-intent-primary-hover);
+  &:hover {
+    background-color: var(--osdk-intent-primary-hover);
+  }
+
+  &:active {
+    background-color: var(--osdk-intent-primary-active);
+  }
 }
 
-.osdkHeaderActiveMenuItem:active {
-  background-color: var(--osdk-intent-primary-active);
+.sortIndex {
+  font-size: var(--osdk-typography-size-body-x-small);
+  margin-left: var(--osdk-surface-spacing);
+  color: var(--osdk-typography-color-muted);
 }

package/build/esm/object-table/TableRow.js

@@ -21,13 +21,20 @@ export function TableRow({
   row,
   virtualRow,
   onRowClick,
-  renderCellContextMenu
+  renderCellContextMenu,
+  isFocused,
+  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": isFocused,
     className: styles.osdkTableRow,
     style: {
       height: `${virtualRow.size}px`,

package/build/esm/object-table/TableRow.js.map

@@ -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":[]}
+{"version":3,"file":"TableRow.js","names":["React","useCallback","TableCell","styles","TableRow","row","virtualRow","onRowClick","renderCellContextMenu","isFocused","setFocusedRowId","isInEditMode","handleClick","id","original","createElement","getIsSelected","className","osdkTableRow","style","height","size","transform","start","onClick","getVisibleCells","map","cell","key"],"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  isFocused: boolean;\n  setFocusedRowId?: (rowId: string | null) => void;\n  isInEditMode?: boolean;\n}\n\nexport function TableRow<TData extends RowData>({\n  row,\n  virtualRow,\n  onRowClick,\n  renderCellContextMenu,\n  isFocused,\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={isFocused}\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;AAe1C,OAAO,SAASC,QAAQA,CAAwB;EAC9CC,GAAG;EACHC,UAAU;EACVC,UAAU;EACVC,qBAAqB;EACrBC,SAAS;EACTC,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,SAAU;IACxBQ,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","ignoreList":[]}

package/build/esm/object-table/TableRow.module.css

@@ -17,6 +17,8 @@
 .osdkTableRow {
   position: absolute;
   display: flex;
+  width: max-content;
+  min-width: 100%;
   background-color: var(--osdk-table-row-bg-default);
   border-top: var(--osdk-table-row-divider);
   border-bottom: var(--osdk-table-border-width) solid transparent;
@@ -43,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/esm/object-table/components/AsyncValueCell.js

@@ -0,0 +1,35 @@
+/*
+ * 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 from "react";
+import { LoadingCellContent } from "../LoadingCell.js";
+export function AsyncValueCell({
+  data,
+  isLoading,
+  error
+}) {
+  if (error != null) {
+    return "Error";
+  }
+  if (data != null) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, data);
+  }
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(LoadingCellContent, null);
+  }
+  return "No value";
+}
+//# sourceMappingURL=AsyncValueCell.js.map

package/build/esm/object-table/components/AsyncValueCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncValueCell.js","names":["React","LoadingCellContent","AsyncValueCell","data","isLoading","error","createElement","Fragment"],"sources":["AsyncValueCell.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 React from \"react\";\nimport { LoadingCellContent } from \"../LoadingCell.js\";\nimport type { AsyncCellData } from \"../utils/AsyncCellData.js\";\n\ninterface AsyncValueCellProps extends AsyncCellData {}\n\nexport function AsyncValueCell({\n  data,\n  isLoading,\n  error,\n}: AsyncValueCellProps): React.ReactNode {\n  if (error != null) {\n    return \"Error\";\n  }\n  if (data != null) {\n    return <>{data}</>;\n  }\n  if (isLoading) {\n    return <LoadingCellContent />;\n  }\n  return \"No value\";\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,mBAAmB;AAKtD,OAAO,SAASC,cAAcA,CAAC;EAC7BC,IAAI;EACJC,SAAS;EACTC;AACmB,CAAC,EAAmB;EACvC,IAAIA,KAAK,IAAI,IAAI,EAAE;IACjB,OAAO,OAAO;EAChB;EACA,IAAIF,IAAI,IAAI,IAAI,EAAE;IAChB,oBAAOH,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,IAAO,CAAC;EACpB;EACA,IAAIC,SAAS,EAAE;IACb,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,kBAAkB,MAAE,CAAC;EAC/B;EACA,OAAO,UAAU;AACnB","ignoreList":[]}

package/build/esm/object-table/hooks/useColumnDefs.js

@@ -16,6 +16,7 @@
 
 import { useOsdkMetadata } from "@osdk/react";
 import { useMemo } from "react";
+import { renderDefaultCell } from "../DefaultCellRenderer.js";
 /**
  * Hook which builds column definitions for tanstack-table given the objectSet
  */
@@ -51,15 +52,26 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
       resizable,
       orderable,
       filterable,
+      editable,
       renderCell,
-      renderHeader
+      renderHeader,
+      columnName
     } = col;
     const propertyMetadata = locator.type === "property" ? objectProperties?.[locator.id] : undefined;
     const colKey = locator.id;
+    const dataType = propertyMetadata?.type && typeof propertyMetadata.type === "string" ? propertyMetadata.type : undefined;
     const colDef = {
       id: colKey,
       accessorKey: colKey,
-      header: renderHeader ?? propertyMetadata?.displayName,
+      header: renderHeader ?? (columnName || propertyMetadata?.displayName),
+      meta: {
+        columnName: columnName || propertyMetadata?.displayName,
+        isAsyncColumn: locator.type === "function",
+        isVisible: col.isVisible !== false,
+        editable,
+        dataType,
+        validateEdit: col.validateEdit
+      },
       size: width,
       ...(minWidth ? {
         minSize: minWidth
@@ -68,11 +80,15 @@ function getColumnsFromColumnDefinitions(columnDefinitions, objectProperties) {
         maxSize: maxWidth
       } : {}),
       enableResizing: resizable,
-      enableSorting: orderable,
+      // Function-backed columns must be sorted on the frontend, so disable sorting for now
+      enableSorting: locator.type === "function" ? false : orderable,
       enableColumnFilter: filterable,
       cell: cellContext => {
         const object = cellContext.row.original;
-        return renderCell ? renderCell(object, locator) : cellContext.getValue();
+        if (renderCell) {
+          return renderCell(object, locator);
+        }
+        return renderDefaultCell(cellContext);
       }
     };
     return colDef;

package/build/esm/object-table/hooks/useColumnDefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDefs.js","names":["useOsdkMetadata","useMemo","useColumnDefs","objectType","columnDefinitions","metadata","loading","error","columns","objectProperties","properties","getColumnsFromColumnDefinitions","getDefaultColumns","map","col","locator","width","minWidth","maxWidth","resizable","orderable","filterable","renderCell","renderHeader","propertyMetadata","type","id","undefined","colKey","colDef","accessorKey","header","displayName","size","minSize","maxSize","enableResizing","enableSorting","enableColumnFilter","cell","cellContext","object","row","original","getValue","Object","entries","key","property"],"sources":["useColumnDefs.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  ObjectMetadata,\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useOsdkMetadata } from \"@osdk/react\";\nimport type { AccessorColumnDef } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\nimport type { ColumnDefinition } from \"../ObjectTableApi.js\";\n\ninterface UseColumnDefsResult<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[];\n\n  loading: boolean;\n\n  error: string | undefined;\n}\n\n/**\n * Hook which builds column definitions for tanstack-table given the objectSet\n */\nexport function useColumnDefs<\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: Q,\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n): UseColumnDefsResult<Q, RDPs> {\n  const { metadata, loading, error } = useOsdkMetadata(objectType);\n\n  const columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[] = useMemo(() => {\n    const objectProperties = metadata?.properties;\n    // If columnDefinitions is provided, construct colDefs with it\n    if (columnDefinitions) {\n      return getColumnsFromColumnDefinitions<Q, RDPs, FunctionColumns>(\n        columnDefinitions,\n        objectProperties,\n      );\n    }\n\n    // If not, return the default columns from the object properties\n    return getDefaultColumns<Q, RDPs>(objectProperties);\n  }, [columnDefinitions, metadata?.properties]);\n\n  return { columns, loading, error };\n}\n\nfunction getColumnsFromColumnDefinitions<\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  columnDefinitions: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  return columnDefinitions.map((col) => {\n    const {\n      locator,\n      width,\n      minWidth,\n      maxWidth,\n      resizable,\n      orderable,\n      filterable,\n      renderCell,\n      renderHeader,\n    } = col;\n\n    const propertyMetadata = locator.type === \"property\"\n      ? objectProperties?.[locator.id]\n      : undefined;\n\n    const colKey = locator.id as string;\n\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: colKey,\n      accessorKey: colKey,\n      header: renderHeader ?? propertyMetadata?.displayName,\n      size: width,\n      ...(minWidth ? { minSize: minWidth } : {}),\n      ...(maxWidth ? { maxSize: maxWidth } : {}),\n      enableResizing: resizable,\n      enableSorting: orderable,\n      enableColumnFilter: filterable,\n      cell: (cellContext) => {\n        const object: Osdk.Instance<\n          Q,\n          \"$allBaseProperties\",\n          PropertyKeys<Q>,\n          RDPs\n        > = cellContext.row.original;\n\n        return renderCell\n          ? renderCell(object, locator)\n          : cellContext.getValue();\n      },\n    };\n\n    return colDef;\n  });\n}\n\nfunction getDefaultColumns<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>(\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  if (!objectProperties) return [];\n\n  return Object.entries(objectProperties).map(([key, property]) => {\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      accessorKey: key,\n      header: property.displayName ?? key,\n    };\n    return colDef;\n  });\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,SAASA,eAAe,QAAQ,aAAa;AAE7C,SAASC,OAAO,QAAQ,OAAO;AAgB/B;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAW3BC,UAAa,EACbC,iBAAqE,EACvC;EAC9B,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGP,eAAe,CAACG,UAAU,CAAC;EAEhE,MAAMK,OAEH,GAAGP,OAAO,CAAC,MAAM;IAClB,MAAMQ,gBAAgB,GAAGJ,QAAQ,EAAEK,UAAU;IAC7C;IACA,IAAIN,iBAAiB,EAAE;MACrB,OAAOO,+BAA+B,CACpCP,iBAAiB,EACjBK,gBACF,CAAC;IACH;;IAEA;IACA,OAAOG,iBAAiB,CAAUH,gBAAgB,CAAC;EACrD,CAAC,EAAE,CAACL,iBAAiB,EAAEC,QAAQ,EAAEK,UAAU,CAAC,CAAC;EAE7C,OAAO;IAAEF,OAAO;IAAEF,OAAO;IAAEC;EAAM,CAAC;AACpC;AAEA,SAASI,+BAA+BA,CAWtCP,iBAAoE,EACpEK,gBAAuD,EAKvD;EACA,OAAOL,iBAAiB,CAACS,GAAG,CAAEC,GAAG,IAAK;IACpC,MAAM;MACJC,OAAO;MACPC,KAAK;MACLC,QAAQ;MACRC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,UAAU;MACVC,UAAU;MACVC;IACF,CAAC,GAAGT,GAAG;IAEP,MAAMU,gBAAgB,GAAGT,OAAO,CAACU,IAAI,KAAK,UAAU,GAChDhB,gBAAgB,GAAGM,OAAO,CAACW,EAAE,CAAC,GAC9BC,SAAS;IAEb,MAAMC,MAAM,GAAGb,OAAO,CAACW,EAAY;IAEnC,MAAMG,MAEL,GAAG;MACFH,EAAE,EAAEE,MAAM;MACVE,WAAW,EAAEF,MAAM;MACnBG,MAAM,EAAER,YAAY,IAAIC,gBAAgB,EAAEQ,WAAW;MACrDC,IAAI,EAAEjB,KAAK;MACX,IAAIC,QAAQ,GAAG;QAAEiB,OAAO,EAAEjB;MAAS,CAAC,GAAG,CAAC,CAAC,CAAC;MAC1C,IAAIC,QAAQ,GAAG;QAAEiB,OAAO,EAAEjB;MAAS,CAAC,GAAG,CAAC,CAAC,CAAC;MAC1CkB,cAAc,EAAEjB,SAAS;MACzBkB,aAAa,EAAEjB,SAAS;MACxBkB,kBAAkB,EAAEjB,UAAU;MAC9BkB,IAAI,EAAGC,WAAW,IAAK;QACrB,MAAMC,MAKL,GAAGD,WAAW,CAACE,GAAG,CAACC,QAAQ;QAE5B,OAAOrB,UAAU,GACbA,UAAU,CAACmB,MAAM,EAAE1B,OAAO,CAAC,GAC3ByB,WAAW,CAACI,QAAQ,CAAC,CAAC;MAC5B;IACF,CAAC;IAED,OAAOf,MAAM;EACf,CAAC,CAAC;AACJ;AAEA,SAASjB,iBAAiBA,CAOxBH,gBAAuD,EAKvD;EACA,IAAI,CAACA,gBAAgB,EAAE,OAAO,EAAE;EAEhC,OAAOoC,MAAM,CAACC,OAAO,CAACrC,gBAAgB,CAAC,CAACI,GAAG,CAAC,CAAC,CAACkC,GAAG,EAAEC,QAAQ,CAAC,KAAK;IAC/D,MAAMnB,MAEL,GAAG;MACFC,WAAW,EAAEiB,GAAG;MAChBhB,MAAM,EAAEiB,QAAQ,CAAChB,WAAW,IAAIe;IAClC,CAAC;IACD,OAAOlB,MAAM;EACf,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"file":"useColumnDefs.js","names":["useOsdkMetadata","useMemo","renderDefaultCell","useColumnDefs","objectType","columnDefinitions","metadata","loading","error","columns","objectProperties","properties","getColumnsFromColumnDefinitions","getDefaultColumns","map","col","locator","width","minWidth","maxWidth","resizable","orderable","filterable","editable","renderCell","renderHeader","columnName","propertyMetadata","type","id","undefined","colKey","dataType","colDef","accessorKey","header","displayName","meta","isAsyncColumn","isVisible","validateEdit","size","minSize","maxSize","enableResizing","enableSorting","enableColumnFilter","cell","cellContext","object","row","original","Object","entries","key","property"],"sources":["useColumnDefs.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  ObjectMetadata,\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport { useOsdkMetadata } from \"@osdk/react\";\nimport type { AccessorColumnDef } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\nimport { renderDefaultCell } from \"../DefaultCellRenderer.js\";\nimport type { ColumnDefinition } from \"../ObjectTableApi.js\";\n\ninterface UseColumnDefsResult<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[];\n\n  loading: boolean;\n\n  error: string | undefined;\n}\n\n/**\n * Hook which builds column definitions for tanstack-table given the objectSet\n */\nexport function useColumnDefs<\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: Q,\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n): UseColumnDefsResult<Q, RDPs> {\n  const { metadata, loading, error } = useOsdkMetadata(objectType);\n\n  const columns: AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >[] = useMemo(() => {\n    const objectProperties = metadata?.properties;\n    // If columnDefinitions is provided, construct colDefs with it\n    if (columnDefinitions) {\n      return getColumnsFromColumnDefinitions<Q, RDPs, FunctionColumns>(\n        columnDefinitions,\n        objectProperties,\n      );\n    }\n\n    // If not, return the default columns from the object properties\n    return getDefaultColumns<Q, RDPs>(objectProperties);\n  }, [columnDefinitions, metadata?.properties]);\n\n  return { columns, loading, error };\n}\n\nfunction getColumnsFromColumnDefinitions<\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  columnDefinitions: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>,\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  return columnDefinitions.map((col) => {\n    const {\n      locator,\n      width,\n      minWidth,\n      maxWidth,\n      resizable,\n      orderable,\n      filterable,\n      editable,\n      renderCell,\n      renderHeader,\n      columnName,\n    } = col;\n\n    const propertyMetadata = locator.type === \"property\"\n      ? objectProperties?.[locator.id]\n      : undefined;\n\n    const colKey = locator.id as string;\n\n    const dataType =\n      propertyMetadata?.type && typeof propertyMetadata.type === \"string\"\n        ? propertyMetadata.type\n        : undefined;\n\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      id: colKey,\n      accessorKey: colKey,\n      header: renderHeader ?? (columnName || propertyMetadata?.displayName),\n      meta: {\n        columnName: columnName || propertyMetadata?.displayName,\n        isAsyncColumn: locator.type === \"function\",\n        isVisible: col.isVisible !== false,\n        editable,\n        dataType,\n        validateEdit: col.validateEdit,\n      },\n      size: width,\n      ...(minWidth ? { minSize: minWidth } : {}),\n      ...(maxWidth ? { maxSize: maxWidth } : {}),\n      enableResizing: resizable,\n      // Function-backed columns must be sorted on the frontend, so disable sorting for now\n      enableSorting: locator.type === \"function\" ? false : orderable,\n      enableColumnFilter: filterable,\n      cell: (cellContext) => {\n        const object: Osdk.Instance<\n          Q,\n          \"$allBaseProperties\",\n          PropertyKeys<Q>,\n          RDPs\n        > = cellContext.row.original;\n\n        if (renderCell) {\n          return renderCell(object, locator);\n        }\n\n        return renderDefaultCell(cellContext);\n      },\n    };\n\n    return colDef;\n  });\n}\n\nfunction getDefaultColumns<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n>(\n  objectProperties?: Record<any, ObjectMetadata.Property>,\n): Array<\n  AccessorColumnDef<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >\n> {\n  if (!objectProperties) return [];\n\n  return Object.entries(objectProperties).map(([key, property]) => {\n    const colDef: AccessorColumnDef<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n    > = {\n      accessorKey: key,\n      header: property.displayName ?? key,\n    };\n    return colDef;\n  });\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,SAASA,eAAe,QAAQ,aAAa;AAE7C,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,iBAAiB,QAAQ,2BAA2B;AAgB7D;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAW3BC,UAAa,EACbC,iBAAqE,EACvC;EAC9B,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGR,eAAe,CAACI,UAAU,CAAC;EAEhE,MAAMK,OAEH,GAAGR,OAAO,CAAC,MAAM;IAClB,MAAMS,gBAAgB,GAAGJ,QAAQ,EAAEK,UAAU;IAC7C;IACA,IAAIN,iBAAiB,EAAE;MACrB,OAAOO,+BAA+B,CACpCP,iBAAiB,EACjBK,gBACF,CAAC;IACH;;IAEA;IACA,OAAOG,iBAAiB,CAAUH,gBAAgB,CAAC;EACrD,CAAC,EAAE,CAACL,iBAAiB,EAAEC,QAAQ,EAAEK,UAAU,CAAC,CAAC;EAE7C,OAAO;IAAEF,OAAO;IAAEF,OAAO;IAAEC;EAAM,CAAC;AACpC;AAEA,SAASI,+BAA+BA,CAWtCP,iBAAoE,EACpEK,gBAAuD,EAKvD;EACA,OAAOL,iBAAiB,CAACS,GAAG,CAAEC,GAAG,IAAK;IACpC,MAAM;MACJC,OAAO;MACPC,KAAK;MACLC,QAAQ;MACRC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,UAAU;MACVC,QAAQ;MACRC,UAAU;MACVC,YAAY;MACZC;IACF,CAAC,GAAGX,GAAG;IAEP,MAAMY,gBAAgB,GAAGX,OAAO,CAACY,IAAI,KAAK,UAAU,GAChDlB,gBAAgB,GAAGM,OAAO,CAACa,EAAE,CAAC,GAC9BC,SAAS;IAEb,MAAMC,MAAM,GAAGf,OAAO,CAACa,EAAY;IAEnC,MAAMG,QAAQ,GACZL,gBAAgB,EAAEC,IAAI,IAAI,OAAOD,gBAAgB,CAACC,IAAI,KAAK,QAAQ,GAC/DD,gBAAgB,CAACC,IAAI,GACrBE,SAAS;IAEf,MAAMG,MAEL,GAAG;MACFJ,EAAE,EAAEE,MAAM;MACVG,WAAW,EAAEH,MAAM;MACnBI,MAAM,EAAEV,YAAY,KAAKC,UAAU,IAAIC,gBAAgB,EAAES,WAAW,CAAC;MACrEC,IAAI,EAAE;QACJX,UAAU,EAAEA,UAAU,IAAIC,gBAAgB,EAAES,WAAW;QACvDE,aAAa,EAAEtB,OAAO,CAACY,IAAI,KAAK,UAAU;QAC1CW,SAAS,EAAExB,GAAG,CAACwB,SAAS,KAAK,KAAK;QAClChB,QAAQ;QACRS,QAAQ;QACRQ,YAAY,EAAEzB,GAAG,CAACyB;MACpB,CAAC;MACDC,IAAI,EAAExB,KAAK;MACX,IAAIC,QAAQ,GAAG;QAAEwB,OAAO,EAAExB;MAAS,CAAC,GAAG,CAAC,CAAC,CAAC;MAC1C,IAAIC,QAAQ,GAAG;QAAEwB,OAAO,EAAExB;MAAS,CAAC,GAAG,CAAC,CAAC,CAAC;MAC1CyB,cAAc,EAAExB,SAAS;MACzB;MACAyB,aAAa,EAAE7B,OAAO,CAACY,IAAI,KAAK,UAAU,GAAG,KAAK,GAAGP,SAAS;MAC9DyB,kBAAkB,EAAExB,UAAU;MAC9ByB,IAAI,EAAGC,WAAW,IAAK;QACrB,MAAMC,MAKL,GAAGD,WAAW,CAACE,GAAG,CAACC,QAAQ;QAE5B,IAAI3B,UAAU,EAAE;UACd,OAAOA,UAAU,CAACyB,MAAM,EAAEjC,OAAO,CAAC;QACpC;QAEA,OAAOd,iBAAiB,CAAC8C,WAAW,CAAC;MACvC;IACF,CAAC;IAED,OAAOf,MAAM;EACf,CAAC,CAAC;AACJ;AAEA,SAASpB,iBAAiBA,CAOxBH,gBAAuD,EAKvD;EACA,IAAI,CAACA,gBAAgB,EAAE,OAAO,EAAE;EAEhC,OAAO0C,MAAM,CAACC,OAAO,CAAC3C,gBAAgB,CAAC,CAACI,GAAG,CAAC,CAAC,CAACwC,GAAG,EAAEC,QAAQ,CAAC,KAAK;IAC/D,MAAMtB,MAEL,GAAG;MACFC,WAAW,EAAEoB,GAAG;MAChBnB,MAAM,EAAEoB,QAAQ,CAACnB,WAAW,IAAIkB;IAClC,CAAC;IACD,OAAOrB,MAAM;EACf,CAAC,CAAC;AACJ","ignoreList":[]}

package/build/esm/object-table/hooks/useColumnResize.js

@@ -0,0 +1,45 @@
+/*
+ * 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 { useCallback, useState } from "react";
+export const useColumnResize = ({
+  onColumnResize
+}) => {
+  const [columnSizing, setColumnSizing] = useState({});
+  const onColumnSizingChange = useCallback(updater => {
+    setColumnSizing(prev => {
+      const newState = typeof updater === "function" ? updater(prev) : updater;
+      if (onColumnResize) {
+        for (const columnId of Object.keys(newState)) {
+          if (newState[columnId] !== prev[columnId]) {
+            onColumnResize(columnId, newState[columnId]);
+          }
+        }
+        for (const columnId of Object.keys(prev)) {
+          if (!(columnId in newState)) {
+            onColumnResize(columnId, null);
+          }
+        }
+      }
+      return newState;
+    });
+  }, [onColumnResize]);
+  return {
+    columnSizing,
+    onColumnSizingChange
+  };
+};
+//# sourceMappingURL=useColumnResize.js.map

package/build/esm/object-table/hooks/useColumnResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnResize.js","names":["useCallback","useState","useColumnResize","onColumnResize","columnSizing","setColumnSizing","onColumnSizingChange","updater","prev","newState","columnId","Object","keys"],"sources":["useColumnResize.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 { ColumnSizingState, OnChangeFn } from \"@tanstack/react-table\";\nimport { useCallback, useState } from \"react\";\n\ninterface UseColumnResizeProps {\n  onColumnResize?: (columnId: string, newWidth: number | null) => void;\n}\n\ninterface UseColumnResizeResults {\n  columnSizing: ColumnSizingState;\n  onColumnSizingChange: OnChangeFn<ColumnSizingState>;\n}\n\nexport const useColumnResize = ({\n  onColumnResize,\n}: UseColumnResizeProps): UseColumnResizeResults => {\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});\n\n  const onColumnSizingChange: OnChangeFn<ColumnSizingState> = useCallback(\n    (updater) => {\n      setColumnSizing((prev) => {\n        const newState = typeof updater === \"function\"\n          ? updater(prev)\n          : updater;\n\n        if (onColumnResize) {\n          for (const columnId of Object.keys(newState)) {\n            if (newState[columnId] !== prev[columnId]) {\n              onColumnResize(columnId, newState[columnId]);\n            }\n          }\n          for (const columnId of Object.keys(prev)) {\n            if (!(columnId in newState)) {\n              onColumnResize(columnId, null);\n            }\n          }\n        }\n\n        return newState;\n      });\n    },\n    [onColumnResize],\n  );\n\n  return { columnSizing, onColumnSizingChange };\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAW7C,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC;AACoB,CAAC,KAA6B;EAClD,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAAoB,CAAC,CAAC,CAAC;EAEvE,MAAMK,oBAAmD,GAAGN,WAAW,CACpEO,OAAO,IAAK;IACXF,eAAe,CAAEG,IAAI,IAAK;MACxB,MAAMC,QAAQ,GAAG,OAAOF,OAAO,KAAK,UAAU,GAC1CA,OAAO,CAACC,IAAI,CAAC,GACbD,OAAO;MAEX,IAAIJ,cAAc,EAAE;QAClB,KAAK,MAAMO,QAAQ,IAAIC,MAAM,CAACC,IAAI,CAACH,QAAQ,CAAC,EAAE;UAC5C,IAAIA,QAAQ,CAACC,QAAQ,CAAC,KAAKF,IAAI,CAACE,QAAQ,CAAC,EAAE;YACzCP,cAAc,CAACO,QAAQ,EAAED,QAAQ,CAACC,QAAQ,CAAC,CAAC;UAC9C;QACF;QACA,KAAK,MAAMA,QAAQ,IAAIC,MAAM,CAACC,IAAI,CAACJ,IAAI,CAAC,EAAE;UACxC,IAAI,EAAEE,QAAQ,IAAID,QAAQ,CAAC,EAAE;YAC3BN,cAAc,CAACO,QAAQ,EAAE,IAAI,CAAC;UAChC;QACF;MACF;MAEA,OAAOD,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,CAACN,cAAc,CACjB,CAAC;EAED,OAAO;IAAEC,YAAY;IAAEE;EAAqB,CAAC;AAC/C,CAAC","ignoreList":[]}

package/build/esm/object-table/hooks/useColumnVisibility.js

@@ -14,28 +14,60 @@
  * limitations under the License.
  */
 
-import { useMemo } from "react";
+import { useCallback, useEffect, useState } from "react";
 export const useColumnVisibility = ({
-  columnDefinitions
+  allColumns,
+  onColumnVisibilityChanged
 }) => {
-  const columnVisibility = useMemo(() => {
-    if (columnDefinitions) {
-      const colVisibility = columnDefinitions.reduce((acc, colDef) => {
-        if (colDef.isVisible !== undefined) {
-          const {
-            locator
-          } = colDef;
-          const colKey = locator.id;
-          return {
-            ...acc,
-            [colKey]: colDef.isVisible
-          };
-        }
-        return acc;
-      }, {});
-      return colVisibility;
+  const [columnVisibility, setColumnVisibility] = useState(() => getColumnVisibilityState(allColumns));
+  const [columnOrder, setColumnOrder] = useState(() => getColumnOrder(allColumns));
+
+  // TODO: Explore other ways to respond to props changes for controlled mode
+  useEffect(() => {
+    setColumnVisibility(getColumnVisibilityState(allColumns));
+  }, [allColumns]);
+  useEffect(() => {
+    setColumnOrder(getColumnOrder(allColumns));
+  }, [allColumns]);
+  const onColumnVisibilityChange = useCallback(updaterOrValue => {
+    setColumnVisibility(prev => {
+      const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
+      if (onColumnVisibilityChanged) {
+        const changes = Object.entries(newState).map(([columnId, isVisible]) => ({
+          columnId,
+          isVisible
+        }));
+        onColumnVisibilityChanged(changes);
+      }
+      return newState;
+    });
+  }, [onColumnVisibilityChanged]);
+  const onColumnOrderChange = useCallback(updaterOrValue => {
+    setColumnOrder(prev => {
+      const newState = typeof updaterOrValue === "function" ? updaterOrValue(prev) : updaterOrValue;
+      return newState;
+    });
+  }, []);
+  return {
+    columnVisibility,
+    onColumnVisibilityChange,
+    columnOrder,
+    onColumnOrderChange
+  };
+};
+const getColumnVisibilityState = allColumns => {
+  return allColumns.reduce((acc, col) => {
+    const colId = col.id ?? col.accessorKey;
+    if (colId) {
+      return {
+        ...acc,
+        [colId]: col.meta?.isVisible !== false
+      };
     }
-  }, [columnDefinitions]);
-  return columnVisibility;
+    return acc;
+  }, {});
+};
+const getColumnOrder = allColumns => {
+  return allColumns.map(col => col.id ?? col.accessorKey).filter(id => id != null);
 };
 //# sourceMappingURL=useColumnVisibility.js.map

package/build/esm/object-table/hooks/useColumnVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnVisibility.js","names":["useMemo","useColumnVisibility","columnDefinitions","columnVisibility","colVisibility","reduce","acc","colDef","isVisible","undefined","locator","colKey","id"],"sources":["useColumnVisibility.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 type { VisibilityState } from \"@tanstack/react-table\";\nimport { useMemo } from \"react\";\nimport type { ObjectTableProps } from \"../ObjectTableApi.js\";\n\ninterface UseColumnVisibilityProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = {},\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  columnDefinitions: ObjectTableProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >[\"columnDefinitions\"];\n}\n\nexport const useColumnVisibility = <\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = {},\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>(\n  { columnDefinitions }: UseColumnVisibilityProps<\n    Q,\n    RDPs,\n    FunctionColumns\n  >,\n): VisibilityState | undefined => {\n  const columnVisibility = useMemo(() => {\n    if (columnDefinitions) {\n      const colVisibility: VisibilityState = columnDefinitions.reduce(\n        (acc, colDef) => {\n          if (colDef.isVisible !== undefined) {\n            const { locator } = colDef;\n            const colKey = locator.id;\n\n            return {\n              ...acc,\n              [colKey]: colDef.isVisible,\n            };\n          }\n          return acc;\n        },\n        {},\n      );\n\n      return colVisibility;\n    }\n  }, [columnDefinitions]);\n\n  return columnVisibility;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA,SAASA,OAAO,QAAQ,OAAO;AAkB/B,OAAO,MAAMC,mBAAmB,GAAGA,CAQjC;EAAEC;AAIF,CAAC,KAC+B;EAChC,MAAMC,gBAAgB,GAAGH,OAAO,CAAC,MAAM;IACrC,IAAIE,iBAAiB,EAAE;MACrB,MAAME,aAA8B,GAAGF,iBAAiB,CAACG,MAAM,CAC7D,CAACC,GAAG,EAAEC,MAAM,KAAK;QACf,IAAIA,MAAM,CAACC,SAAS,KAAKC,SAAS,EAAE;UAClC,MAAM;YAAEC;UAAQ,CAAC,GAAGH,MAAM;UAC1B,MAAMI,MAAM,GAAGD,OAAO,CAACE,EAAE;UAEzB,OAAO;YACL,GAAGN,GAAG;YACN,CAACK,MAAM,GAAGJ,MAAM,CAACC;UACnB,CAAC;QACH;QACA,OAAOF,GAAG;MACZ,CAAC,EACD,CAAC,CACH,CAAC;MAED,OAAOF,aAAa;IACtB;EACF,CAAC,EAAE,CAACF,iBAAiB,CAAC,CAAC;EAEvB,OAAOC,gBAAgB;AACzB,CAAC","ignoreList":[]}
+{"version":3,"file":"useColumnVisibility.js","names":["useCallback","useEffect","useState","useColumnVisibility","allColumns","onColumnVisibilityChanged","columnVisibility","setColumnVisibility","getColumnVisibilityState","columnOrder","setColumnOrder","getColumnOrder","onColumnVisibilityChange","updaterOrValue","prev","newState","changes","Object","entries","map","columnId","isVisible","onColumnOrderChange","reduce","acc","col","colId","id","accessorKey","meta","filter"],"sources":["useColumnVisibility.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  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type {\n  ColumnDef,\n  ColumnOrderState,\n  OnChangeFn,\n  VisibilityState,\n} from \"@tanstack/react-table\";\nimport { useCallback, useEffect, useState } from \"react\";\n\ninterface UseColumnVisibilityProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = {},\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n  TData = unknown,\n> {\n  allColumns: ColumnDef<TData>[];\n  onColumnVisibilityChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>,\n  ) => void;\n}\n\ninterface UseColumnVisibilityResult {\n  columnVisibility: VisibilityState;\n  onColumnVisibilityChange: OnChangeFn<VisibilityState>;\n  columnOrder: ColumnOrderState;\n  onColumnOrderChange: OnChangeFn<ColumnOrderState>;\n}\n\nexport const useColumnVisibility = <\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = {},\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n  TData = unknown,\n>(\n  {\n    allColumns,\n    onColumnVisibilityChanged,\n  }: UseColumnVisibilityProps<Q, RDPs, FunctionColumns, TData>,\n): UseColumnVisibilityResult => {\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>(\n    () => getColumnVisibilityState<TData>(allColumns),\n  );\n\n  const [columnOrder, setColumnOrder] = useState<ColumnOrderState>(\n    () => getColumnOrder(allColumns),\n  );\n\n  // TODO: Explore other ways to respond to props changes for controlled mode\n  useEffect(() => {\n    setColumnVisibility(getColumnVisibilityState<TData>(allColumns));\n  }, [allColumns]);\n\n  useEffect(() => {\n    setColumnOrder(getColumnOrder(allColumns));\n  }, [allColumns]);\n\n  const onColumnVisibilityChange: OnChangeFn<VisibilityState> = useCallback(\n    (updaterOrValue) => {\n      setColumnVisibility((prev) => {\n        const newState = typeof updaterOrValue === \"function\"\n          ? updaterOrValue(prev)\n          : updaterOrValue;\n\n        if (onColumnVisibilityChanged) {\n          const changes = Object.entries(newState).map(\n            ([columnId, isVisible]) => ({\n              columnId,\n              isVisible,\n            }),\n          );\n          onColumnVisibilityChanged(changes);\n        }\n\n        return newState;\n      });\n    },\n    [onColumnVisibilityChanged],\n  );\n\n  const onColumnOrderChange: OnChangeFn<ColumnOrderState> = useCallback(\n    (updaterOrValue) => {\n      setColumnOrder((prev) => {\n        const newState = typeof updaterOrValue === \"function\"\n          ? updaterOrValue(prev)\n          : updaterOrValue;\n        return newState;\n      });\n    },\n    [],\n  );\n\n  return {\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n  };\n};\n\nconst getColumnVisibilityState = <TData>(\n  allColumns: ColumnDef<TData>[],\n): VisibilityState => {\n  return allColumns.reduce(\n    (acc, col) => {\n      const colId = col.id ?? (col as { accessorKey?: string }).accessorKey;\n      if (colId) {\n        return {\n          ...acc,\n          [colId]: col.meta?.isVisible !== false,\n        };\n      }\n      return acc;\n    },\n    {},\n  );\n};\n\nconst getColumnOrder = <TData>(\n  allColumns: ColumnDef<TData>[],\n): ColumnOrderState => {\n  return allColumns\n    .map(col => col.id ?? (col as { accessorKey?: string }).accessorKey)\n    .filter((id): id is string => id != null);\n};\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AA2BxD,OAAO,MAAMC,mBAAmB,GAAGA,CASjC;EACEC,UAAU;EACVC;AACyD,CAAC,KAC9B;EAC9B,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,QAAQ,CACtD,MAAMM,wBAAwB,CAAQJ,UAAU,CAClD,CAAC;EAED,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGR,QAAQ,CAC5C,MAAMS,cAAc,CAACP,UAAU,CACjC,CAAC;;EAED;EACAH,SAAS,CAAC,MAAM;IACdM,mBAAmB,CAACC,wBAAwB,CAAQJ,UAAU,CAAC,CAAC;EAClE,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBH,SAAS,CAAC,MAAM;IACdS,cAAc,CAACC,cAAc,CAACP,UAAU,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMQ,wBAAqD,GAAGZ,WAAW,CACtEa,cAAc,IAAK;IAClBN,mBAAmB,CAAEO,IAAI,IAAK;MAC5B,MAAMC,QAAQ,GAAG,OAAOF,cAAc,KAAK,UAAU,GACjDA,cAAc,CAACC,IAAI,CAAC,GACpBD,cAAc;MAElB,IAAIR,yBAAyB,EAAE;QAC7B,MAAMW,OAAO,GAAGC,MAAM,CAACC,OAAO,CAACH,QAAQ,CAAC,CAACI,GAAG,CAC1C,CAAC,CAACC,QAAQ,EAAEC,SAAS,CAAC,MAAM;UAC1BD,QAAQ;UACRC;QACF,CAAC,CACH,CAAC;QACDhB,yBAAyB,CAACW,OAAO,CAAC;MACpC;MAEA,OAAOD,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,CAACV,yBAAyB,CAC5B,CAAC;EAED,MAAMiB,mBAAiD,GAAGtB,WAAW,CAClEa,cAAc,IAAK;IAClBH,cAAc,CAAEI,IAAI,IAAK;MACvB,MAAMC,QAAQ,GAAG,OAAOF,cAAc,KAAK,UAAU,GACjDA,cAAc,CAACC,IAAI,CAAC,GACpBD,cAAc;MAClB,OAAOE,QAAQ;IACjB,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,OAAO;IACLT,gBAAgB;IAChBM,wBAAwB;IACxBH,WAAW;IACXa;EACF,CAAC;AACH,CAAC;AAED,MAAMd,wBAAwB,GAC5BJ,UAA8B,IACV;EACpB,OAAOA,UAAU,CAACmB,MAAM,CACtB,CAACC,GAAG,EAAEC,GAAG,KAAK;IACZ,MAAMC,KAAK,GAAGD,GAAG,CAACE,EAAE,IAAKF,GAAG,CAA8BG,WAAW;IACrE,IAAIF,KAAK,EAAE;MACT,OAAO;QACL,GAAGF,GAAG;QACN,CAACE,KAAK,GAAGD,GAAG,CAACI,IAAI,EAAER,SAAS,KAAK;MACnC,CAAC;IACH;IACA,OAAOG,GAAG;EACZ,CAAC,EACD,CAAC,CACH,CAAC;AACH,CAAC;AAED,MAAMb,cAAc,GAClBP,UAA8B,IACT;EACrB,OAAOA,UAAU,CACde,GAAG,CAACM,GAAG,IAAIA,GAAG,CAACE,EAAE,IAAKF,GAAG,CAA8BG,WAAW,CAAC,CACnEE,MAAM,CAAEH,EAAE,IAAmBA,EAAE,IAAI,IAAI,CAAC;AAC7C,CAAC","ignoreList":[]}

package/build/esm/object-table/hooks/useEditableTable.js

@@ -0,0 +1,85 @@
+/*
+ * 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 { useCallback, useState } from "react";
+export function useEditableTable({
+  editMode = "manual",
+  onCellValueChanged,
+  onSubmitEdits
+}) {
+  const [isActive, setActive] = useState(editMode === "always");
+  const [cellEdits, setCellEdits] = useState({});
+  const [validationErrors, setValidationErrors] = useState(new Map());
+  const clearCellValidationError = useCallback(cellId => {
+    setValidationErrors(prev => {
+      const newErrors = new Map(prev);
+      newErrors.delete(cellId);
+      return newErrors;
+    });
+  }, []);
+  const handleCellEdit = useCallback((cellId, info) => {
+    // If value is changed back to original, remove it from edits
+    if (info.newValue === info.oldValue) {
+      setCellEdits(prev => {
+        const {
+          [cellId]: _,
+          ...rest
+        } = prev;
+        return rest;
+      });
+    } else {
+      setCellEdits(prev => ({
+        ...prev,
+        [cellId]: info
+      }));
+    }
+    onCellValueChanged?.(info);
+  }, [onCellValueChanged]);
+  const clearEdits = useCallback(() => {
+    setCellEdits({});
+    setValidationErrors(new Map());
+  }, []);
+  const handleSubmitEdits = useCallback(async () => {
+    const edits = Object.values(cellEdits);
+    return onSubmitEdits ? onSubmitEdits(edits) : false;
+  }, [cellEdits, onSubmitEdits]);
+  const onCellValidationError = useCallback((cellId, error) => {
+    setValidationErrors(prev => {
+      const newErrors = new Map(prev);
+      newErrors.set(cellId, error);
+      return newErrors;
+    });
+  }, []);
+  const editModeState = editMode === "always" ? {
+    type: "always",
+    isActive: true
+  } : {
+    type: "manual",
+    isActive,
+    setActive
+  };
+  return {
+    cellEdits,
+    onCellEdit: handleCellEdit,
+    onSubmitEdits: onSubmitEdits ? handleSubmitEdits : undefined,
+    clearEdits,
+    editModeState,
+    onCellValidationError,
+    validationErrors,
+    clearCellValidationError
+  };
+}
+//# sourceMappingURL=useEditableTable.js.map

package/build/esm/object-table/hooks/useEditableTable.js.map

@@ -0,0 +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":[]}