@osdk/react-components 0.8.0 → 0.9.0-main-4aeb07b893f1bea1062cde70a9c6c7ef2cf60000

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @osdk/react-components
 
+## 0.9.0-main-4aeb07b893f1bea1062cde70a9c6c7ef2cf60000
+
+### Minor Changes
+
+- 4aeb07b: ObjectTable: add `onColumnHeaderClick(columnId)` prop that fires when a user clicks on a column header (excluding the dropdown menu trigger)
+- 7b457a5: Fix function column with derived properties
+
+### Patch Changes
+
+- Updated dependencies [aa78c78]
+- Updated dependencies [7b457a5]
+  - @osdk/react@0.16.0-main-4aeb07b893f1bea1062cde70a9c6c7ef2cf60000
+  - @osdk/client@2.13.0-main-4aeb07b893f1bea1062cde70a9c6c7ef2cf60000
+  - @osdk/api@2.13.0-main-4aeb07b893f1bea1062cde70a9c6c7ef2cf60000
+
 ## 0.8.0
 
 ### Minor Changes

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

@@ -51,6 +51,7 @@ export function ObjectTable({
   onColumnsPinnedChanged,
   onColumnResize,
   onRowSelection,
+  onColumnHeaderClick,
   renderCellContextMenu,
   selectionMode = "none",
   selectedRows,
@@ -174,6 +175,7 @@ export function ObjectTable({
   const onRenderCellContextMenu = useCallback((row, cell) => {
     return renderCellContextMenu?.(row, cell.getValue());
   }, [renderCellContextMenu]);
+  const handleColumnHeaderClick = useMemo(() => onColumnHeaderClick ? columnId => onColumnHeaderClick(columnId) : undefined, [onColumnHeaderClick]);
   const headerMenuFeatureFlags = useMemo(() => ({
     showSortingItems: enableOrdering,
     showPinningItems: enableColumnPinning,
@@ -185,6 +187,7 @@ export function ObjectTable({
     isLoading: isLoading || isColumnsLoading,
     fetchNextPage: fetchMore,
     onRowClick: props.onRowClick,
+    onColumnHeaderClick: handleColumnHeaderClick,
     rowHeight: props.rowHeight,
     renderCellContextMenu: onRenderCellContextMenu,
     className: props.className,

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useColumnDefs","useColumnPinning","useColumnResize","useColumnVisibility","useEditableTable","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","EMPTY_ARRAY","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","dedupeIntervalMs","pageSize","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","hasSelection","onToggleAll","onToggleRow","enableRowSelection","selectionColumn","columnVisibility","onColumnVisibilityChange","columnOrder","onColumnOrderChange","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","editableConfig","table","state","enableSorting","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","meta","onCellEdit","onCellValidationError","clearCellValidationError","cellEdits","isInEditMode","editModeState","isActive","validationErrors","onRenderCellContextMenu","row","cell","getValue","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","createElement","fetchNextPage","onRowClick","rowHeight","className"],"sources":["ObjectTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { Cell } from \"@tanstack/react-table\";\nimport { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useColumnPinning } from \"./hooks/useColumnPinning.js\";\nimport { useColumnResize } from \"./hooks/useColumnResize.js\";\nimport { useColumnVisibility } from \"./hooks/useColumnVisibility.js\";\nimport { useEditableTable } from \"./hooks/useEditableTable.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\nconst EMPTY_ARRAY: [] = [];\nimport type { EditableConfig } from \"./utils/types.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  objectType,\n  objectSet,\n  columnDefinitions,\n  filter,\n  objectSetOptions,\n  dedupeIntervalMs,\n  pageSize,\n  orderBy,\n  defaultOrderBy,\n  onOrderByChanged,\n  onColumnsPinnedChanged,\n  onColumnResize,\n  onRowSelection,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  isAllSelected: isAllSelectedProp,\n  onColumnVisibilityChanged,\n  onCellValueChanged,\n  onSubmitEdits,\n  enableOrdering = true,\n  enableColumnPinning = true,\n  enableColumnResizing = true,\n  enableColumnConfig = true,\n  editMode = \"manual\",\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const { columnSizing, onColumnSizingChange } = useColumnResize({\n    onColumnResize,\n  });\n\n  const { sorting, onSortingChange } = useTableSorting<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    {\n      orderBy,\n      defaultOrderBy,\n      onOrderByChanged,\n    },\n  );\n\n  const { data, fetchMore, isLoading, error } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n    filter,\n    sorting,\n    objectSet,\n    objectSetOptions,\n    dedupeIntervalMs,\n    pageSize,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n    enableRowSelection,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    isAllSelected: isAllSelectedProp,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    {\n      selectionMode,\n      isAllSelected,\n      hasSelection,\n      onToggleAll,\n      onToggleRow,\n    },\n  );\n\n  const {\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n  } = useColumnVisibility({\n    allColumns: columns,\n    onColumnVisibilityChanged,\n  });\n\n  const { columnPinning, onColumnPinningChange } = useColumnPinning({\n    columnDefinitions,\n    hasSelectionColumn: enableRowSelection,\n    onColumnsPinnedChanged,\n  });\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const editableConfig: EditableConfig<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  > = useEditableTable({\n    editMode,\n    onCellValueChanged,\n    onSubmitEdits,\n  });\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? EMPTY_ARRAY,\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      columnOrder,\n      rowSelection,\n      sorting,\n      columnSizing,\n      columnPinning,\n    },\n    onSortingChange,\n    onColumnSizingChange,\n    onColumnPinningChange,\n    onColumnVisibilityChange,\n    onColumnOrderChange,\n    enableRowSelection,\n    enableSorting: enableOrdering,\n    columnResizeMode: \"onChange\",\n    columnResizeDirection: \"ltr\",\n    manualSorting: true, // Enable manual sorting to indicate server-side sorting\n    defaultColumn: {\n      minSize: 80,\n    },\n    getRowId,\n    meta: {\n      onCellEdit: editableConfig.onCellEdit,\n      onCellValidationError: editableConfig.onCellValidationError,\n      clearCellValidationError: editableConfig.clearCellValidationError,\n      cellEdits: editableConfig.cellEdits,\n      isInEditMode: editableConfig.editModeState.isActive,\n      validationErrors: editableConfig.validationErrors,\n    },\n  });\n\n  const onRenderCellContextMenu = useCallback(\n    (\n      row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      cell: Cell<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >,\n    ) => {\n      return renderCellContextMenu?.(row, cell.getValue());\n    },\n    [renderCellContextMenu],\n  );\n\n  const isTableLoading = isLoading || isColumnsLoading;\n\n  const headerMenuFeatureFlags: HeaderMenuFeatureFlags = useMemo(() => ({\n    showSortingItems: enableOrdering,\n    showPinningItems: enableColumnPinning,\n    showResizeItem: enableColumnResizing,\n    showConfigItem: enableColumnConfig,\n  }), [\n    enableOrdering,\n    enableColumnPinning,\n    enableColumnResizing,\n    enableColumnConfig,\n  ]);\n\n  return (\n    <BaseTable<Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>>\n      table={table}\n      isLoading={isTableLoading}\n      fetchNextPage={fetchMore}\n      onRowClick={props.onRowClick}\n      rowHeight={props.rowHeight}\n      renderCellContextMenu={onRenderCellContextMenu}\n      className={props.className}\n      error={error}\n      headerMenuFeatureFlags={headerMenuFeatureFlags}\n      editableConfig={editableConfig}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useColumnDefs","useColumnPinning","useColumnResize","useColumnVisibility","useEditableTable","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","EMPTY_ARRAY","ObjectTable","objectType","objectSet","columnDefinitions","filter","objectSetOptions","dedupeIntervalMs","pageSize","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onColumnResize","onRowSelection","onColumnHeaderClick","renderCellContextMenu","selectionMode","selectedRows","isAllSelected","isAllSelectedProp","onColumnVisibilityChanged","onCellValueChanged","onSubmitEdits","enableOrdering","enableColumnPinning","enableColumnResizing","enableColumnConfig","editMode","props","columnSizing","onColumnSizingChange","sorting","onSortingChange","data","fetchMore","isLoading","error","columns","loading","isColumnsLoading","rowSelection","hasSelection","onToggleAll","onToggleRow","enableRowSelection","selectionColumn","columnVisibility","onColumnVisibilityChange","columnOrder","onColumnOrderChange","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","editableConfig","table","state","enableSorting","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","meta","onCellEdit","onCellValidationError","clearCellValidationError","cellEdits","isInEditMode","editModeState","isActive","validationErrors","onRenderCellContextMenu","row","cell","getValue","handleColumnHeaderClick","columnId","undefined","headerMenuFeatureFlags","showSortingItems","showPinningItems","showResizeItem","showConfigItem","createElement","fetchNextPage","onRowClick","rowHeight","className"],"sources":["ObjectTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  ObjectOrInterfaceDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { Cell } from \"@tanstack/react-table\";\nimport { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useColumnPinning } from \"./hooks/useColumnPinning.js\";\nimport { useColumnResize } from \"./hooks/useColumnResize.js\";\nimport { useColumnVisibility } from \"./hooks/useColumnVisibility.js\";\nimport { useEditableTable } from \"./hooks/useEditableTable.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport { useTableSorting } from \"./hooks/useTableSorting.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { BaseTable } from \"./Table.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\nconst EMPTY_ARRAY: [] = [];\nimport type { EditableConfig } from \"./utils/types.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<\n    string,\n    never\n  >,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n>({\n  objectType,\n  objectSet,\n  columnDefinitions,\n  filter,\n  objectSetOptions,\n  dedupeIntervalMs,\n  pageSize,\n  orderBy,\n  defaultOrderBy,\n  onOrderByChanged,\n  onColumnsPinnedChanged,\n  onColumnResize,\n  onRowSelection,\n  onColumnHeaderClick,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  isAllSelected: isAllSelectedProp,\n  onColumnVisibilityChanged,\n  onCellValueChanged,\n  onSubmitEdits,\n  enableOrdering = true,\n  enableColumnPinning = true,\n  enableColumnResizing = true,\n  enableColumnConfig = true,\n  editMode = \"manual\",\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const { columnSizing, onColumnSizingChange } = useColumnResize({\n    onColumnResize,\n  });\n\n  const { sorting, onSortingChange } = useTableSorting<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    {\n      orderBy,\n      defaultOrderBy,\n      onOrderByChanged,\n    },\n  );\n\n  const { data, fetchMore, isLoading, error } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n    filter,\n    sorting,\n    objectSet,\n    objectSetOptions,\n    dedupeIntervalMs,\n    pageSize,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n    enableRowSelection,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    isAllSelected: isAllSelectedProp,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    {\n      selectionMode,\n      isAllSelected,\n      hasSelection,\n      onToggleAll,\n      onToggleRow,\n    },\n  );\n\n  const {\n    columnVisibility,\n    onColumnVisibilityChange,\n    columnOrder,\n    onColumnOrderChange,\n  } = useColumnVisibility({\n    allColumns: columns,\n    onColumnVisibilityChanged,\n  });\n\n  const { columnPinning, onColumnPinningChange } = useColumnPinning({\n    columnDefinitions,\n    hasSelectionColumn: enableRowSelection,\n    onColumnsPinnedChanged,\n  });\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const editableConfig: EditableConfig<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  > = useEditableTable({\n    editMode,\n    onCellValueChanged,\n    onSubmitEdits,\n  });\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? EMPTY_ARRAY,\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      columnOrder,\n      rowSelection,\n      sorting,\n      columnSizing,\n      columnPinning,\n    },\n    onSortingChange,\n    onColumnSizingChange,\n    onColumnPinningChange,\n    onColumnVisibilityChange,\n    onColumnOrderChange,\n    enableRowSelection,\n    enableSorting: enableOrdering,\n    columnResizeMode: \"onChange\",\n    columnResizeDirection: \"ltr\",\n    manualSorting: true, // Enable manual sorting to indicate server-side sorting\n    defaultColumn: {\n      minSize: 80,\n    },\n    getRowId,\n    meta: {\n      onCellEdit: editableConfig.onCellEdit,\n      onCellValidationError: editableConfig.onCellValidationError,\n      clearCellValidationError: editableConfig.clearCellValidationError,\n      cellEdits: editableConfig.cellEdits,\n      isInEditMode: editableConfig.editModeState.isActive,\n      validationErrors: editableConfig.validationErrors,\n    },\n  });\n\n  const onRenderCellContextMenu = useCallback(\n    (\n      row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      cell: Cell<\n        Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n        unknown\n      >,\n    ) => {\n      return renderCellContextMenu?.(row, cell.getValue());\n    },\n    [renderCellContextMenu],\n  );\n\n  const handleColumnHeaderClick = useMemo(\n    () =>\n      onColumnHeaderClick\n        ? (columnId: string) =>\n          onColumnHeaderClick(\n            columnId as\n              | PropertyKeys<Q>\n              | keyof RDPs\n              | keyof FunctionColumns,\n          )\n        : undefined,\n    [onColumnHeaderClick],\n  );\n\n  const isTableLoading = isLoading || isColumnsLoading;\n\n  const headerMenuFeatureFlags: HeaderMenuFeatureFlags = useMemo(() => ({\n    showSortingItems: enableOrdering,\n    showPinningItems: enableColumnPinning,\n    showResizeItem: enableColumnResizing,\n    showConfigItem: enableColumnConfig,\n  }), [\n    enableOrdering,\n    enableColumnPinning,\n    enableColumnResizing,\n    enableColumnConfig,\n  ]);\n\n  return (\n    <BaseTable<Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>>\n      table={table}\n      isLoading={isTableLoading}\n      fetchNextPage={fetchMore}\n      onRowClick={props.onRowClick}\n      onColumnHeaderClick={handleColumnHeaderClick}\n      rowHeight={props.rowHeight}\n      renderCellContextMenu={onRenderCellContextMenu}\n      className={props.className}\n      error={error}\n      headerMenuFeatureFlags={headerMenuFeatureFlags}\n      editableConfig={editableConfig}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  DerivedProperty,\n  ObjectOrInterfaceDefinition,\n  ObjectSet,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type { QueryParameterType } from \"@osdk/client/unstable-do-not-use\";\nimport type * as React from \"react\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nexport type { EditFieldConfig } from \"./utils/types.js\";\n\nexport type ColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | EditableColumnDefinition<Q, RDPs, FunctionColumns>\n  | ReadonlyColumnDefinition<Q, RDPs, FunctionColumns>;\n\ninterface SharedColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>;\n\n  /**\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * @default none\n   */\n  pinned?: \"left\" | \"right\" | \"none\";\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  resizable?: boolean;\n  orderable?: boolean;\n  filterable?: boolean;\n\n  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n\n  /**\n   * If provided, this will be used in the column header.\n   * If both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   * columnName will still be used in other parts where the column name is displayed.\n   *\n   * If not provided,\n   * for a property column, the property displayName will be used\n   * for other columns, the id will be used.\n   */\n  columnName?: string;\n\n  /**\n   * If provided, this will be used to render the header component.\n   * When both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   */\n  renderHeader?: () => React.ReactNode;\n}\n\n/**\n * Column definition for an editable column. Setting `editable: true`\n * unlocks `editFieldConfig` and `validateEdit`.\n */\ninterface EditableColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n  editable: true;\n\n  /**\n   * Configuration for the cell editor component.\n   *\n   * When provided, the column uses the specified field component\n   * (e.g. dropdown) instead of the default auto-detected text/number input.\n   */\n  editFieldConfig?: EditFieldConfig;\n\n  /**\n   * Additional function to validate the cell value during edit.\n   *\n   * @param value the current cell value\n   * @returns a promise that resolves to an error message string if validation fails, or undefined if validation succeeds\n   */\n  validateEdit?: (\n    value: unknown,\n  ) => Promise<string | undefined>;\n}\n\n/**\n * Column definition for a read-only column (default).\n * `editFieldConfig` and `validateEdit` are not available.\n */\ninterface ReadonlyColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n  editable?: false;\n}\n\nexport type ExtractQueryParameters<\n  Q extends QueryDefinition,\n> = CompileTimeMetadata<Q>[\"parameters\"] extends Record<string, never>\n  ? undefined\n  : QueryParameterType<CompileTimeMetadata<Q>[\"parameters\"]>;\n\nexport interface PropertyColumnLocator<Q extends ObjectOrInterfaceDefinition> {\n  type: \"property\";\n  id: PropertyKeys<Q>;\n}\n\n/**\n * Concrete function column locator for a single key K.\n * Correlates the id, queryDefinition, and getFunctionParams types.\n */\ninterface FunctionColumnLocatorForKey<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>>,\n  K extends keyof FunctionColumns,\n> {\n  /**\n   * This is equivalent to workshop's function-backed columns.\n   * The function needs to meet the specifications stated in https://www.palantir.com/docs/foundry/workshop/widgets-object-table/#function-backed-columns\n   */\n  type: \"function\";\n  id: K;\n  queryDefinition: FunctionColumns[K];\n\n  /**\n   * The function will be called with the current object set to get the input parameters for the function query.\n   * @param objectSet - The current object set.\n   * @returns - The function's input parameters including the object set.\n   */\n  getFunctionParams: (\n    objectSet: ObjectSet<Q, RDPs>,\n  ) => ExtractQueryParameters<FunctionColumns[K]>;\n\n  /**\n   * Function to generate keys for looking up results in the FunctionsMap.\n   * @param object - The object instance\n   * @returns - The key to use for looking up this object's result in the FunctionsMap\n   */\n  getKey: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => string;\n\n  /**\n   * Function to extract the cell value from the raw cell data returned by the function.\n   * This is useful when functions return custom types with multiple properties.\n   * @param cellData - The raw data returned by the function for this object\n   * @returns - The value to display in the cell\n   */\n  getValue?: (cellData?: unknown) => unknown;\n\n  /**\n   * Minimum time between re-fetches of the same function with the same parameters, in milliseconds.\n   * Defaults to 5 minutes as it is expensive to fetch function columns for a large object set\n   * and they are expected to be relatively static in the context of an object table\n   *\n   * @default 300_000 (5 minutes)\n   */\n  dedupeIntervalMs?: number;\n}\n\n/**\n * Distributes over each key in FunctionColumns so that id, queryDefinition,\n * and getFunctionParams are correlated per key.\n */\nexport type FunctionColumnLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> = keyof FunctionColumns extends infer K\n  ? K extends keyof FunctionColumns\n    ? FunctionColumnLocatorForKey<Q, RDPs, FunctionColumns, K>\n  : never\n  : never;\n\nexport interface RdpColumnLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  type: \"rdp\";\n  id: keyof RDPs;\n  creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n}\n\nexport interface CustomColumnLocator {\n  type: \"custom\";\n  id: string;\n}\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | PropertyColumnLocator<Q>\n  | FunctionColumnLocator<Q, RDPs, FunctionColumns>\n  | RdpColumnLocator<Q, RDPs>\n  | CustomColumnLocator;\n\nexport interface ObjectTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  /**\n   * The object or interface type of the object\n   * If objectSet is not provided, objects will be fetched based on this type.\n   */\n  objectType: Q;\n\n  /**\n   * The set of objects to show in the table.\n   * If provided and the objectType is not an interface, the table will use objectSet to fetch objects instead of fetching based on objectType.\n   */\n  objectSet?: ObjectSet<Q>;\n\n  objectSetOptions?: ObjectSetOptions<Q>;\n\n  /**\n   * Minimum time between fetch requests in milliseconds.\n   * Increasing this value reduces redundant network calls when the same data\n   * is requested multiple times in quick succession.\n   *\n   * @default 60_000 1 minute\n   */\n  dedupeIntervalMs?: number;\n\n  /**\n   * Number of objects to fetch per page.\n   *\n   * @default 50\n   */\n  pageSize?: number;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  enableFiltering?: boolean;\n\n  /**\n   * The current where clause to filter the objects in the table.\n   * If provided, the filter is controlled.\n   */\n  filter?: WhereClause<Q, RDPs>;\n\n  /**\n   * Called when the where clause is changed.\n   * Required when filter is controlled.\n   *\n   * @param newWhere The new where clause\n   */\n  onFilterChanged?: (newWhere: WhereClause<Q, RDPs>) => void;\n\n  /**\n   * Whether the table is sortable by the user.\n   *\n   * @default true\n   */\n  enableOrdering?: boolean;\n\n  /**\n   * Whether columns can be pinned by the user.\n   *\n   * @default true\n   */\n  enableColumnPinning?: boolean;\n\n  /**\n   * Whether columns can be resized by the user.\n   *\n   * @default true\n   */\n  enableColumnResizing?: boolean;\n\n  /**\n   * Whether the column configuration dialog for column visibility and ordering is available to the user.\n   *\n   * @default true\n   */\n  enableColumnConfig?: boolean;\n\n  /**\n   * Controls the edit mode behavior of the table.\n   * - \"always\": Editable cells are immediately in edit mode on row clicked.\n   * - \"manual\": User can toggle edit mode on/off via the Edit Table button.\n   *\n   * @default \"manual\"\n   */\n  editMode?: \"always\" | \"manual\";\n\n  /**\n   * The default order by clause to sort the objects in the table.\n   * If provided without orderBy prop, the sorting is uncontrolled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  defaultOrderBy?: Array<{\n    property: PropertyKeys<Q> | keyof RDPs;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q> | keyof RDPs;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q> | keyof RDPs;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called after the value of a cell is edited and committed by the user.\n   *\n   * @param info An object containing details about the cell that was edited,\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   */\n  onCellValueChanged?: (\n    info: CellEditInfo<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      unknown\n    >,\n  ) => void;\n\n  /**\n   * If provided, the button Submit Edits will be shown in the table\n   *\n   * @param edits an array of edit info containing details about the edited cells\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   * @return a promise that resolves to true if the edits were successfully submitted\n   */\n  onSubmitEdits?: (edits: CellEditInfo<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  >[]) => Promise<boolean>;\n\n  /**\n   * Called when the column visibility or ordering changed.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The columns sorted in their display order in the table and their visibility state.\n   */\n  onColumnVisibilityChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>,\n  ) => void;\n\n  /**\n   * Called when the pinned columns change.\n   *\n   * If provided, the table will allow the user to pin/unpin columns.\n   *\n   * @param newStates The new list of column pin states\n   */\n  onColumnsPinnedChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when a column is resized.\n   *\n   * @param columnId The ID of the resized column\n   * @param newWidth The new width of the column. When newWidth = null, the column size is reset.\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number | null,\n  ) => void;\n\n  /**\n   * Called when a row is clicked.\n   *\n   * @param object The object representing the clicked row\n   */\n  onRowClick?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => void;\n\n  /**\n   * Selection mode for the table rows.\n   *\n   * If multiple, a checkbox will be shown for each row to allow selecting multiple rows\n   * as well as a top-level checkbox in the header to select all rows.\n   *\n   * @default \"none\"\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n\n  /**\n   * The currently selected rows in the table.\n   * If provided, the row selection is controlled.\n   */\n  selectedRows?: PrimaryKeyType<Q>[];\n\n  /**\n   * Indicates whether all rows are selected in controlled mode.\n   * When true, the table will show all rows as selected regardless of the selectedRows array.\n   */\n  isAllSelected?: boolean;\n\n  /**\n   * Called when the row selection changes.\n   * Required when row selection is controlled.\n   *\n   * @param selectedRowIds The primary keys of currently selected rows\n   * @param isSelectAll Whether the change was triggered by a \"select all\" action. Defaults to false\n   */\n  onRowSelection?: (\n    selectedRowIds: PrimaryKeyType<Q>[],\n    isSelectAll?: boolean,\n  ) => void;\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    cellValue: unknown,\n  ) => React.ReactNode;\n\n  /**\n   * The height of each row in pixels.\n   *\n   * @default 40\n   */\n  rowHeight?: number;\n\n  className?: string;\n}\n\nexport interface ObjectSetOptions<\n  Q extends ObjectOrInterfaceDefinition,\n> {\n  /**\n   * Object sets to union with\n   */\n  union?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to intersect with\n   */\n  intersect?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to subtract from\n   */\n  subtract?: ObjectSet<Q>[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  DerivedProperty,\n  ObjectOrInterfaceDefinition,\n  ObjectSet,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type { QueryParameterType } from \"@osdk/client/unstable-do-not-use\";\nimport type * as React from \"react\";\nimport type { CellEditInfo, EditFieldConfig } from \"./utils/types.js\";\n\nexport type { EditFieldConfig } from \"./utils/types.js\";\n\nexport type ColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | EditableColumnDefinition<Q, RDPs, FunctionColumns>\n  | ReadonlyColumnDefinition<Q, RDPs, FunctionColumns>;\n\ninterface SharedColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>;\n\n  /**\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * @default none\n   */\n  pinned?: \"left\" | \"right\" | \"none\";\n  width?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  resizable?: boolean;\n  orderable?: boolean;\n  filterable?: boolean;\n\n  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n\n  /**\n   * If provided, this will be used in the column header.\n   * If both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   * columnName will still be used in other parts where the column name is displayed.\n   *\n   * If not provided,\n   * for a property column, the property displayName will be used\n   * for other columns, the id will be used.\n   */\n  columnName?: string;\n\n  /**\n   * If provided, this will be used to render the header component.\n   * When both columnName and renderHeader are provided, renderHeader will take precedence in the table header.\n   */\n  renderHeader?: () => React.ReactNode;\n}\n\n/**\n * Column definition for an editable column. Setting `editable: true`\n * unlocks `editFieldConfig` and `validateEdit`.\n */\ninterface EditableColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n  editable: true;\n\n  /**\n   * Configuration for the cell editor component.\n   *\n   * When provided, the column uses the specified field component\n   * (e.g. dropdown) instead of the default auto-detected text/number input.\n   */\n  editFieldConfig?: EditFieldConfig;\n\n  /**\n   * Additional function to validate the cell value during edit.\n   *\n   * @param value the current cell value\n   * @returns a promise that resolves to an error message string if validation fails, or undefined if validation succeeds\n   */\n  validateEdit?: (\n    value: unknown,\n  ) => Promise<string | undefined>;\n}\n\n/**\n * Column definition for a read-only column (default).\n * `editFieldConfig` and `validateEdit` are not available.\n */\ninterface ReadonlyColumnDefinition<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> extends SharedColumnDefinition<Q, RDPs, FunctionColumns> {\n  editable?: false;\n}\n\nexport type ExtractQueryParameters<\n  Q extends QueryDefinition,\n> = CompileTimeMetadata<Q>[\"parameters\"] extends Record<string, never>\n  ? undefined\n  : QueryParameterType<CompileTimeMetadata<Q>[\"parameters\"]>;\n\nexport interface PropertyColumnLocator<Q extends ObjectOrInterfaceDefinition> {\n  type: \"property\";\n  id: PropertyKeys<Q>;\n}\n\n/**\n * Concrete function column locator for a single key K.\n * Correlates the id, queryDefinition, and getFunctionParams types.\n */\ninterface FunctionColumnLocatorForKey<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>>,\n  K extends keyof FunctionColumns,\n> {\n  /**\n   * This is equivalent to workshop's function-backed columns.\n   * The function needs to meet the specifications stated in https://www.palantir.com/docs/foundry/workshop/widgets-object-table/#function-backed-columns\n   */\n  type: \"function\";\n  id: K;\n  queryDefinition: FunctionColumns[K];\n\n  /**\n   * The function will be called with the current object set to get the input parameters for the function query.\n   * @param objectSet - The current object set.\n   * @returns - The function's input parameters including the object set.\n   */\n  getFunctionParams: (\n    objectSet: ObjectSet<Q, RDPs>,\n  ) => ExtractQueryParameters<FunctionColumns[K]>;\n\n  /**\n   * Function to generate keys for looking up results in the FunctionsMap.\n   * @param object - The object instance\n   * @returns - The key to use for looking up this object's result in the FunctionsMap\n   */\n  getKey: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => string;\n\n  /**\n   * Function to extract the cell value from the raw cell data returned by the function.\n   * This is useful when functions return custom types with multiple properties.\n   * @param cellData - The raw data returned by the function for this object\n   * @returns - The value to display in the cell\n   */\n  getValue?: (cellData?: unknown) => unknown;\n\n  /**\n   * Minimum time between re-fetches of the same function with the same parameters, in milliseconds.\n   * Defaults to 5 minutes as it is expensive to fetch function columns for a large object set\n   * and they are expected to be relatively static in the context of an object table\n   *\n   * @default 300_000 (5 minutes)\n   */\n  dedupeIntervalMs?: number;\n}\n\n/**\n * Distributes over each key in FunctionColumns so that id, queryDefinition,\n * and getFunctionParams are correlated per key.\n */\nexport type FunctionColumnLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> = keyof FunctionColumns extends infer K\n  ? K extends keyof FunctionColumns\n    ? FunctionColumnLocatorForKey<Q, RDPs, FunctionColumns, K>\n  : never\n  : never;\n\nexport interface RdpColumnLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n> {\n  type: \"rdp\";\n  id: keyof RDPs;\n  creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n}\n\nexport interface CustomColumnLocator {\n  type: \"custom\";\n  id: string;\n}\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> =\n  | PropertyColumnLocator<Q>\n  | FunctionColumnLocator<Q, RDPs, FunctionColumns>\n  | RdpColumnLocator<Q, RDPs>\n  | CustomColumnLocator;\n\nexport interface ObjectTableProps<\n  Q extends ObjectOrInterfaceDefinition,\n  RDPs extends Record<string, SimplePropertyDef> = Record<string, never>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = Record<\n    string,\n    never\n  >,\n> {\n  /**\n   * The object or interface type of the object\n   * If objectSet is not provided, objects will be fetched based on this type.\n   */\n  objectType: Q;\n\n  /**\n   * The set of objects to show in the table.\n   * If provided and the objectType is not an interface, the table will use objectSet to fetch objects instead of fetching based on objectType.\n   */\n  objectSet?: ObjectSet<Q>;\n\n  objectSetOptions?: ObjectSetOptions<Q>;\n\n  /**\n   * Minimum time between fetch requests in milliseconds.\n   * Increasing this value reduces redundant network calls when the same data\n   * is requested multiple times in quick succession.\n   *\n   * @default 60_000 1 minute\n   */\n  dedupeIntervalMs?: number;\n\n  /**\n   * Number of objects to fetch per page.\n   *\n   * @default 50\n   */\n  pageSize?: number;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  enableFiltering?: boolean;\n\n  /**\n   * The current where clause to filter the objects in the table.\n   * If provided, the filter is controlled.\n   */\n  filter?: WhereClause<Q, RDPs>;\n\n  /**\n   * Called when the where clause is changed.\n   * Required when filter is controlled.\n   *\n   * @param newWhere The new where clause\n   */\n  onFilterChanged?: (newWhere: WhereClause<Q, RDPs>) => void;\n\n  /**\n   * Whether the table is sortable by the user.\n   *\n   * @default true\n   */\n  enableOrdering?: boolean;\n\n  /**\n   * Whether columns can be pinned by the user.\n   *\n   * @default true\n   */\n  enableColumnPinning?: boolean;\n\n  /**\n   * Whether columns can be resized by the user.\n   *\n   * @default true\n   */\n  enableColumnResizing?: boolean;\n\n  /**\n   * Whether the column configuration dialog for column visibility and ordering is available to the user.\n   *\n   * @default true\n   */\n  enableColumnConfig?: boolean;\n\n  /**\n   * Controls the edit mode behavior of the table.\n   * - \"always\": Editable cells are immediately in edit mode on row clicked.\n   * - \"manual\": User can toggle edit mode on/off via the Edit Table button.\n   *\n   * @default \"manual\"\n   */\n  editMode?: \"always\" | \"manual\";\n\n  /**\n   * The default order by clause to sort the objects in the table.\n   * If provided without orderBy prop, the sorting is uncontrolled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  defaultOrderBy?: Array<{\n    property: PropertyKeys<Q> | keyof RDPs;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q> | keyof RDPs;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q> | keyof RDPs;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called after the value of a cell is edited and committed by the user.\n   *\n   * @param info An object containing details about the cell that was edited,\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   */\n  onCellValueChanged?: (\n    info: CellEditInfo<\n      Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n      unknown\n    >,\n  ) => void;\n\n  /**\n   * If provided, the button Submit Edits will be shown in the table\n   *\n   * @param edits an array of edit info containing details about the edited cells\n   * including the rowId, columnId, new and old values, and the row data before the edit\n   * @return a promise that resolves to true if the edits were successfully submitted\n   */\n  onSubmitEdits?: (edits: CellEditInfo<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    unknown\n  >[]) => Promise<boolean>;\n\n  /**\n   * Called when the column visibility or ordering changed.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The columns sorted in their display order in the table and their visibility state.\n   */\n  onColumnVisibilityChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      isVisible: boolean;\n    }>,\n  ) => void;\n\n  /**\n   * Called when the pinned columns change.\n   *\n   * If provided, the table will allow the user to pin/unpin columns.\n   *\n   * @param newStates The new list of column pin states\n   */\n  onColumnsPinnedChanged?: (\n    newStates: Array<{\n      columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns;\n      pinned: \"left\" | \"right\" | \"none\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when a column is resized.\n   *\n   * @param columnId The ID of the resized column\n   * @param newWidth The new width of the column. When newWidth = null, the column size is reset.\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number | null,\n  ) => void;\n\n  /**\n   * Called when a row is clicked.\n   *\n   * @param object The object representing the clicked row\n   */\n  onRowClick?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n  ) => void;\n\n  /**\n   * Called when a column header is clicked.\n   *\n   * The columnId matches the `locator.id` configured on the column definition.\n   * The dropdown menu trigger is excluded — clicking the chevron opens the\n   * header menu instead of firing this callback.\n   *\n   * @param columnId The id of the clicked column\n   */\n  onColumnHeaderClick?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n  ) => void;\n\n  /**\n   * Selection mode for the table rows.\n   *\n   * If multiple, a checkbox will be shown for each row to allow selecting multiple rows\n   * as well as a top-level checkbox in the header to select all rows.\n   *\n   * @default \"none\"\n   */\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n\n  /**\n   * The currently selected rows in the table.\n   * If provided, the row selection is controlled.\n   */\n  selectedRows?: PrimaryKeyType<Q>[];\n\n  /**\n   * Indicates whether all rows are selected in controlled mode.\n   * When true, the table will show all rows as selected regardless of the selectedRows array.\n   */\n  isAllSelected?: boolean;\n\n  /**\n   * Called when the row selection changes.\n   * Required when row selection is controlled.\n   *\n   * @param selectedRowIds The primary keys of currently selected rows\n   * @param isSelectAll Whether the change was triggered by a \"select all\" action. Defaults to false\n   */\n  onRowSelection?: (\n    selectedRowIds: PrimaryKeyType<Q>[],\n    isSelectAll?: boolean,\n  ) => void;\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    row: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    cellValue: unknown,\n  ) => React.ReactNode;\n\n  /**\n   * The height of each row in pixels.\n   *\n   * @default 40\n   */\n  rowHeight?: number;\n\n  className?: string;\n}\n\nexport interface ObjectSetOptions<\n  Q extends ObjectOrInterfaceDefinition,\n> {\n  /**\n   * Object sets to union with\n   */\n  union?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to intersect with\n   */\n  intersect?: ObjectSet<Q>[];\n\n  /**\n   * Object sets to subtract from\n   */\n  subtract?: ObjectSet<Q>[];\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -32,6 +32,7 @@ function BaseTableInner({
   isLoading,
   fetchNextPage,
   onRowClick,
+  onColumnHeaderClick,
   rowHeight,
   renderCellContextMenu,
   className,
@@ -118,7 +119,8 @@ function BaseTableInner({
     tableContainerRef: tableContainerRef
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TableHeader, {
     table: table,
-    headerMenuFeatureFlags: headerMenuFeatureFlags
+    headerMenuFeatureFlags: headerMenuFeatureFlags,
+    onColumnHeaderClick: onColumnHeaderClick
   }), /*#__PURE__*/React.createElement(TableBody, {
     rows: rows,
     tableContainerRef: tableContainerRef,

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useEffect","useRef","useState","LoadingStateTable","NonIdealState","styles","TableBody","TableEditContainer","TableHeader","SCROLL_FETCH_THRESHOLD","PortalTrackerProvider","usePortalTracker","BaseTable","props","createElement","BaseTableInner","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","error","headerMenuFeatureFlags","editableConfig","tableContainerRef","isLoadingMore","setIsLoadingMore","focusedRowId","setFocusedRowId","portalTracker","options","meta","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","hasEditableColumns","getAllColumns","some","column","columnDef","editable","handleClickOutside","event","target","contains","containsElement","document","addEventListener","removeEventListener","osdkTableWrapper","ref","osdkTableContainer","onScroll","Fragment","isInEditMode","editModeState","isActive","message"],"sources":["Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Cell, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, {\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { LoadingStateTable } from \"./LoadingStateTable.js\";\nimport { NonIdealState } from \"./NonIdealState.js\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableEditContainer } from \"./TableEditContainer.js\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { SCROLL_FETCH_THRESHOLD } from \"./utils/constants.js\";\nimport {\n  PortalTrackerProvider,\n  usePortalTracker,\n} from \"./utils/PortalTracker.js\";\nimport type {\n  CellEditInfo,\n  EditableConfig,\n  EditFieldConfig,\n} from \"./utils/types.js\";\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData extends RowData = unknown, TValue = unknown> {\n    columnName?: string;\n    isAsyncColumn?: boolean;\n    isVisible?: boolean;\n    editable?: boolean;\n    dataType?: string;\n    editFieldConfig?: EditFieldConfig;\n    validateEdit?: (value: unknown) => Promise<string | undefined>;\n  }\n  interface TableMeta<TData extends RowData = unknown> {\n    onCellEdit?: (\n      cellId: string,\n      info: CellEditInfo<TData, unknown>,\n    ) => void;\n    onCellValidationError?: (\n      cellId: string,\n      error: string,\n    ) => void;\n    clearCellValidationError?: (cellId: string) => void;\n    cellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n    isInEditMode?: boolean;\n    validationErrors?: Map<string, string>;\n    focusedRowId?: string | null;\n  }\n}\n\nexport interface BaseTableProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  isLoading?: boolean;\n  fetchNextPage?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  className?: string;\n  error?: Error;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n  editableConfig?: EditableConfig<TData, unknown>;\n}\n\nexport function BaseTable<\n  TData extends RowData,\n>(props: BaseTableProps<TData>): ReactElement {\n  return (\n    <PortalTrackerProvider>\n      <BaseTableInner {...props} />\n    </PortalTrackerProvider>\n  );\n}\n\nfunction BaseTableInner<\n  TData extends RowData,\n>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n    error,\n    headerMenuFeatureFlags,\n    editableConfig,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [focusedRowId, setFocusedRowId] = useState<string | null>(null);\n  const portalTracker = usePortalTracker();\n\n  // Sync focusedRowId into table meta so cell renderers (which only\n  // receive `table`) can read it without extra prop drilling.\n  // Assigned synchronously so children see the current value in the\n  // same render pass. This is safe because meta is a mutable bag that\n  // TanStack Table never snapshots or shallow-compares.\n  if (table.options.meta) {\n    table.options.meta.focusedRowId = focusedRowId;\n  }\n\n  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!isLoading || fetchNextPage == null) {\n      setIsLoadingMore(false);\n    }\n  }, [isLoading, fetchNextPage]);\n\n  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current && !isLoadingMore) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < SCROLL_FETCH_THRESHOLD\n          && !isLoading && fetchNextPage != null\n        ) {\n          fetchingRef.current = true;\n          setIsLoadingMore(true);\n          try {\n            await fetchNextPage();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading, isLoadingMore],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  const rows = table.getRowModel().rows;\n  const headerGroups = table.getHeaderGroups();\n  const hasData = rows.length > 0;\n\n  const hasEditableColumns = table\n    .getAllColumns()\n    .some(column => column.columnDef.meta?.editable === true);\n\n  // Use pointerdown instead of click to detect outside interactions.\n  // base-ui's Select renders a full-screen backdrop that intercepts\n  // pointerdown to close the popup. By the time the click event fires,\n  // the backdrop is unmounted and event.target falls through to <body>,\n  // which would incorrectly trigger the outside-click handler.\n  // At pointerdown time the backdrop is still in the DOM, so\n  // portalTracker.containsElement correctly identifies it.\n  useEffect(() => {\n    const handleClickOutside = (event: PointerEvent) => {\n      const target = event.target as Node;\n      if (\n        tableContainerRef.current\n        && !tableContainerRef.current.contains(target)\n        && !portalTracker?.containsElement(target)\n      ) {\n        setFocusedRowId(null);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handleClickOutside);\n    };\n  }, [portalTracker]);\n\n  return (\n    <div className={classNames(styles.osdkTableWrapper, className)}>\n      <div\n        ref={tableContainerRef}\n        className={styles.osdkTableContainer}\n        onScroll={handleScroll}\n      >\n        <table>\n          {isLoading && !hasData\n            ? (\n              <LoadingStateTable\n                table={table}\n                headerGroups={headerGroups}\n                rowHeight={rowHeight}\n                tableContainerRef={tableContainerRef}\n              />\n            )\n            : (\n              <>\n                <TableHeader\n                  table={table}\n                  headerMenuFeatureFlags={headerMenuFeatureFlags}\n                />\n                <TableBody\n                  rows={rows}\n                  tableContainerRef={tableContainerRef}\n                  onRowClick={onRowClick}\n                  rowHeight={rowHeight}\n                  renderCellContextMenu={renderCellContextMenu}\n                  isLoadingMore={isLoadingMore}\n                  headerGroups={headerGroups}\n                  focusedRowId={focusedRowId}\n                  setFocusedRowId={setFocusedRowId}\n                  isInEditMode={editableConfig?.editModeState.isActive}\n                />\n              </>\n            )}\n        </table>\n        {!hasData && error == null && <NonIdealState message={\"No Data\"} />}\n        {error != null && (\n          <NonIdealState message={`Error Loading Data: ${error.message}`} />\n        )}\n      </div>\n      {hasEditableColumns && editableConfig && (\n        <TableEditContainer\n          editableConfig={editableConfig}\n          focusedRowId={focusedRowId}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useEffect","useRef","useState","LoadingStateTable","NonIdealState","styles","TableBody","TableEditContainer","TableHeader","SCROLL_FETCH_THRESHOLD","PortalTrackerProvider","usePortalTracker","BaseTable","props","createElement","BaseTableInner","table","isLoading","fetchNextPage","onRowClick","onColumnHeaderClick","rowHeight","renderCellContextMenu","className","error","headerMenuFeatureFlags","editableConfig","tableContainerRef","isLoadingMore","setIsLoadingMore","focusedRowId","setFocusedRowId","portalTracker","options","meta","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","rows","getRowModel","headerGroups","getHeaderGroups","hasData","length","hasEditableColumns","getAllColumns","some","column","columnDef","editable","handleClickOutside","event","target","contains","containsElement","document","addEventListener","removeEventListener","osdkTableWrapper","ref","osdkTableContainer","onScroll","Fragment","isInEditMode","editModeState","isActive","message"],"sources":["Table.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Cell, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, {\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { LoadingStateTable } from \"./LoadingStateTable.js\";\nimport { NonIdealState } from \"./NonIdealState.js\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableEditContainer } from \"./TableEditContainer.js\";\nimport { TableHeader } from \"./TableHeader.js\";\nimport type { HeaderMenuFeatureFlags } from \"./TableHeaderWithPopover.js\";\nimport { SCROLL_FETCH_THRESHOLD } from \"./utils/constants.js\";\nimport {\n  PortalTrackerProvider,\n  usePortalTracker,\n} from \"./utils/PortalTracker.js\";\nimport type {\n  CellEditInfo,\n  EditableConfig,\n  EditFieldConfig,\n} from \"./utils/types.js\";\n\ndeclare module \"@tanstack/react-table\" {\n  interface ColumnMeta<TData extends RowData = unknown, TValue = unknown> {\n    columnName?: string;\n    isAsyncColumn?: boolean;\n    isVisible?: boolean;\n    editable?: boolean;\n    dataType?: string;\n    editFieldConfig?: EditFieldConfig;\n    validateEdit?: (value: unknown) => Promise<string | undefined>;\n  }\n  interface TableMeta<TData extends RowData = unknown> {\n    onCellEdit?: (\n      cellId: string,\n      info: CellEditInfo<TData, unknown>,\n    ) => void;\n    onCellValidationError?: (\n      cellId: string,\n      error: string,\n    ) => void;\n    clearCellValidationError?: (cellId: string) => void;\n    cellEdits?: Record<string, CellEditInfo<TData, unknown>>;\n    isInEditMode?: boolean;\n    validationErrors?: Map<string, string>;\n    focusedRowId?: string | null;\n  }\n}\n\nexport interface BaseTableProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  isLoading?: boolean;\n  fetchNextPage?: () => Promise<void>;\n  onRowClick?: (row: TData) => void;\n  onColumnHeaderClick?: (columnId: string) => void;\n  rowHeight?: number;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n  className?: string;\n  error?: Error;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n  editableConfig?: EditableConfig<TData, unknown>;\n}\n\nexport function BaseTable<\n  TData extends RowData,\n>(props: BaseTableProps<TData>): ReactElement {\n  return (\n    <PortalTrackerProvider>\n      <BaseTableInner {...props} />\n    </PortalTrackerProvider>\n  );\n}\n\nfunction BaseTableInner<\n  TData extends RowData,\n>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    onColumnHeaderClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n    error,\n    headerMenuFeatureFlags,\n    editableConfig,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n  const [focusedRowId, setFocusedRowId] = useState<string | null>(null);\n  const portalTracker = usePortalTracker();\n\n  // Sync focusedRowId into table meta so cell renderers (which only\n  // receive `table`) can read it without extra prop drilling.\n  // Assigned synchronously so children see the current value in the\n  // same render pass. This is safe because meta is a mutable bag that\n  // TanStack Table never snapshots or shallow-compares.\n  if (table.options.meta) {\n    table.options.meta.focusedRowId = focusedRowId;\n  }\n\n  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight\n  const fetchingRef = useRef(false);\n\n  useEffect(() => {\n    if (!isLoading || fetchNextPage == null) {\n      setIsLoadingMore(false);\n    }\n  }, [isLoading, fetchNextPage]);\n\n  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current && !isLoadingMore) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < SCROLL_FETCH_THRESHOLD\n          && !isLoading && fetchNextPage != null\n        ) {\n          fetchingRef.current = true;\n          setIsLoadingMore(true);\n          try {\n            await fetchNextPage();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading, isLoadingMore],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  const rows = table.getRowModel().rows;\n  const headerGroups = table.getHeaderGroups();\n  const hasData = rows.length > 0;\n\n  const hasEditableColumns = table\n    .getAllColumns()\n    .some(column => column.columnDef.meta?.editable === true);\n\n  // Use pointerdown instead of click to detect outside interactions.\n  // base-ui's Select renders a full-screen backdrop that intercepts\n  // pointerdown to close the popup. By the time the click event fires,\n  // the backdrop is unmounted and event.target falls through to <body>,\n  // which would incorrectly trigger the outside-click handler.\n  // At pointerdown time the backdrop is still in the DOM, so\n  // portalTracker.containsElement correctly identifies it.\n  useEffect(() => {\n    const handleClickOutside = (event: PointerEvent) => {\n      const target = event.target as Node;\n      if (\n        tableContainerRef.current\n        && !tableContainerRef.current.contains(target)\n        && !portalTracker?.containsElement(target)\n      ) {\n        setFocusedRowId(null);\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"pointerdown\", handleClickOutside);\n    };\n  }, [portalTracker]);\n\n  return (\n    <div className={classNames(styles.osdkTableWrapper, className)}>\n      <div\n        ref={tableContainerRef}\n        className={styles.osdkTableContainer}\n        onScroll={handleScroll}\n      >\n        <table>\n          {isLoading && !hasData\n            ? (\n              <LoadingStateTable\n                table={table}\n                headerGroups={headerGroups}\n                rowHeight={rowHeight}\n                tableContainerRef={tableContainerRef}\n              />\n            )\n            : (\n              <>\n                <TableHeader\n                  table={table}\n                  headerMenuFeatureFlags={headerMenuFeatureFlags}\n                  onColumnHeaderClick={onColumnHeaderClick}\n                />\n                <TableBody\n                  rows={rows}\n                  tableContainerRef={tableContainerRef}\n                  onRowClick={onRowClick}\n                  rowHeight={rowHeight}\n                  renderCellContextMenu={renderCellContextMenu}\n                  isLoadingMore={isLoadingMore}\n                  headerGroups={headerGroups}\n                  focusedRowId={focusedRowId}\n                  setFocusedRowId={setFocusedRowId}\n                  isInEditMode={editableConfig?.editModeState.isActive}\n                />\n              </>\n            )}\n        </table>\n        {!hasData && error == null && <NonIdealState message={\"No Data\"} />}\n        {error != null && (\n          <NonIdealState message={`Error Loading Data: ${error.message}`} />\n        )}\n      </div>\n      {hasEditableColumns && editableConfig && (\n        <TableEditContainer\n          editableConfig={editableConfig}\n          focusedRowId={focusedRowId}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAEVC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,aAAa,QAAQ,oBAAoB;AAClD,OAAOC,MAAM,MAAM,oBAAoB;AACvC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,WAAW,QAAQ,kBAAkB;AAE9C,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SACEC,qBAAqB,EACrBC,gBAAgB,QACX,0BAA0B;AAqDjC,OAAO,SAASC,SAASA,CAEvBC,KAA4B,EAAgB;EAC5C,oBACEf,KAAA,CAAAgB,aAAA,CAACJ,qBAAqB,qBACpBZ,KAAA,CAAAgB,aAAA,CAACC,cAAc,EAAKF,KAAQ,CACP,CAAC;AAE5B;AAEA,SAASE,cAAcA,CAGrB;EACEC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,UAAU;EACVC,mBAAmB;EACnBC,SAAS;EACTC,qBAAqB;EACrBC,SAAS;EACTC,KAAK;EACLC,sBAAsB;EACtBC;AACqB,CAAC,EACV;EACd,MAAMC,iBAAiB,GAAG1B,MAAM,CAAiB,IAAI,CAAC;EACtD,MAAM,CAAC2B,aAAa,EAAEC,gBAAgB,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAM,CAAC4B,YAAY,EAAEC,eAAe,CAAC,GAAG7B,QAAQ,CAAgB,IAAI,CAAC;EACrE,MAAM8B,aAAa,GAAGrB,gBAAgB,CAAC,CAAC;;EAExC;EACA;EACA;EACA;EACA;EACA,IAAIK,KAAK,CAACiB,OAAO,CAACC,IAAI,EAAE;IACtBlB,KAAK,CAACiB,OAAO,CAACC,IAAI,CAACJ,YAAY,GAAGA,YAAY;EAChD;;EAEA;EACA,MAAMK,WAAW,GAAGlC,MAAM,CAAC,KAAK,CAAC;EAEjCD,SAAS,CAAC,MAAM;IACd,IAAI,CAACiB,SAAS,IAAIC,aAAa,IAAI,IAAI,EAAE;MACvCW,gBAAgB,CAAC,KAAK,CAAC;IACzB;EACF,CAAC,EAAE,CAACZ,SAAS,EAAEC,aAAa,CAAC,CAAC;EAE9B,MAAMkB,qBAAqB,GAAGrC,WAAW,CACvC,MAAOsC,mBAA2C,IAAK;IACrD,IAAIA,mBAAmB,IAAI,CAACF,WAAW,CAACG,OAAO,IAAI,CAACV,aAAa,EAAE;MACjE,MAAM;QAAEW,YAAY;QAAEC,SAAS;QAAEC;MAAa,CAAC,GAAGJ,mBAAmB;MACrE,IACEE,YAAY,GAAGC,SAAS,GAAGC,YAAY,GAAGhC,sBAAsB,IAC7D,CAACQ,SAAS,IAAIC,aAAa,IAAI,IAAI,EACtC;QACAiB,WAAW,CAACG,OAAO,GAAG,IAAI;QAC1BT,gBAAgB,CAAC,IAAI,CAAC;QACtB,IAAI;UACF,MAAMX,aAAa,CAAC,CAAC;QACvB,CAAC,SAAS;UACRiB,WAAW,CAACG,OAAO,GAAG,KAAK;QAC7B;MACF;IACF;EACF,CAAC,EACD,CAACpB,aAAa,EAAED,SAAS,EAAEW,aAAa,CAC1C,CAAC;EAED,MAAMc,YAAY,GAAG3C,WAAW,CAC9B,MAAO4C,CAAgC,IAAK;IAC1C,MAAMP,qBAAqB,CAACO,CAAC,CAACC,aAAa,CAAC;EAC9C,CAAC,EACD,CAACR,qBAAqB,CACxB,CAAC;EAED,MAAMS,IAAI,GAAG7B,KAAK,CAAC8B,WAAW,CAAC,CAAC,CAACD,IAAI;EACrC,MAAME,YAAY,GAAG/B,KAAK,CAACgC,eAAe,CAAC,CAAC;EAC5C,MAAMC,OAAO,GAAGJ,IAAI,CAACK,MAAM,GAAG,CAAC;EAE/B,MAAMC,kBAAkB,GAAGnC,KAAK,CAC7BoC,aAAa,CAAC,CAAC,CACfC,IAAI,CAACC,MAAM,IAAIA,MAAM,CAACC,SAAS,CAACrB,IAAI,EAAEsB,QAAQ,KAAK,IAAI,CAAC;;EAE3D;EACA;EACA;EACA;EACA;EACA;EACA;EACAxD,SAAS,CAAC,MAAM;IACd,MAAMyD,kBAAkB,GAAIC,KAAmB,IAAK;MAClD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAAc;MACnC,IACEhC,iBAAiB,CAACW,OAAO,IACtB,CAACX,iBAAiB,CAACW,OAAO,CAACsB,QAAQ,CAACD,MAAM,CAAC,IAC3C,CAAC3B,aAAa,EAAE6B,eAAe,CAACF,MAAM,CAAC,EAC1C;QACA5B,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC;IAED+B,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEN,kBAAkB,CAAC;IAC5D,OAAO,MAAM;MACXK,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEP,kBAAkB,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACzB,aAAa,CAAC,CAAC;EAEnB,oBACElC,KAAA,CAAAgB,aAAA;IAAKS,SAAS,EAAE1B,UAAU,CAACQ,MAAM,CAAC4D,gBAAgB,EAAE1C,SAAS;EAAE,gBAC7DzB,KAAA,CAAAgB,aAAA;IACEoD,GAAG,EAAEvC,iBAAkB;IACvBJ,SAAS,EAAElB,MAAM,CAAC8D,kBAAmB;IACrCC,QAAQ,EAAE1B;EAAa,gBAEvB5C,KAAA,CAAAgB,aAAA,gBACGG,SAAS,IAAI,CAACgC,OAAO,gBAElBnD,KAAA,CAAAgB,aAAA,CAACX,iBAAiB;IAChBa,KAAK,EAAEA,KAAM;IACb+B,YAAY,EAAEA,YAAa;IAC3B1B,SAAS,EAAEA,SAAU;IACrBM,iBAAiB,EAAEA;EAAkB,CACtC,CAAC,gBAGF7B,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAuE,QAAA,qBACEvE,KAAA,CAAAgB,aAAA,CAACN,WAAW;IACVQ,KAAK,EAAEA,KAAM;IACbS,sBAAsB,EAAEA,sBAAuB;IAC/CL,mBAAmB,EAAEA;EAAoB,CAC1C,CAAC,eACFtB,KAAA,CAAAgB,aAAA,CAACR,SAAS;IACRuC,IAAI,EAAEA,IAAK;IACXlB,iBAAiB,EAAEA,iBAAkB;IACrCR,UAAU,EAAEA,UAAW;IACvBE,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA,qBAAsB;IAC7CM,aAAa,EAAEA,aAAc;IAC7BmB,YAAY,EAAEA,YAAa;IAC3BjB,YAAY,EAAEA,YAAa;IAC3BC,eAAe,EAAEA,eAAgB;IACjCuC,YAAY,EAAE5C,cAAc,EAAE6C,aAAa,CAACC;EAAS,CACtD,CACD,CAED,CAAC,EACP,CAACvB,OAAO,IAAIzB,KAAK,IAAI,IAAI,iBAAI1B,KAAA,CAAAgB,aAAA,CAACV,aAAa;IAACqE,OAAO,EAAE;EAAU,CAAE,CAAC,EAClEjD,KAAK,IAAI,IAAI,iBACZ1B,KAAA,CAAAgB,aAAA,CAACV,aAAa;IAACqE,OAAO,EAAE,uBAAuBjD,KAAK,CAACiD,OAAO;EAAG,CAAE,CAEhE,CAAC,EACLtB,kBAAkB,IAAIzB,cAAc,iBACnC5B,KAAA,CAAAgB,aAAA,CAACP,kBAAkB;IACjBmB,cAAc,EAAEA,cAAe;IAC/BI,YAAY,EAAEA;EAAa,CAC5B,CAEA,CAAC;AAEV","ignoreList":[]}

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

@@ -48,7 +48,8 @@ const getHeaderName = (column, allHeaders) => {
 };
 export function TableHeader({
   table,
-  headerMenuFeatureFlags
+  headerMenuFeatureFlags,
+  onColumnHeaderClick
 }) {
   // TODO: If value is number type, right align header
 
@@ -125,7 +126,8 @@ export function TableHeader({
       columnOptions: columnOptions,
       featureFlags: headerMenuFeatureFlags,
       onOpenColumnConfig: handleOpenColumnConfig,
-      onOpenMultiSort: handleOpenMultiSort
+      onOpenMultiSort: handleOpenMultiSort,
+      onColumnHeaderClick: onColumnHeaderClick
     }), header.column.getCanResize() && headerMenuFeatureFlags?.showResizeItem !== false && /*#__PURE__*/React.createElement("div", {
       className: styles.osdkTableHeaderResizer,
       onDoubleClick: () => header.column.resetSize(),

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["classNames","React","useCallback","useMemo","useState","ColumnConfigDialog","MultiColumnSortDialog","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","getHeaderName","column","allHeaders","id","columnDef","header","find","headerDef","displayedHeader","getContext","meta","columnName","TableHeader","table","headerMenuFeatureFlags","setColumnOrder","setColumnVisibility","setSorting","currentSorting","getState","sorting","currentVisibility","columnVisibility","currentColumnOrder","columnOrder","isResizing","columnSizingInfo","isResizingColumn","configDialogOpen","setConfigDialogOpen","multiSortDialogOpen","setMultiSortDialogOpen","handleOpenColumnConfig","handleCloseColumnConfig","handleOpenMultiSort","handleCloseMultiSort","handleApplyMultiSort","sortColumns","handleApplyColumnConfig","updates","newVisibilityState","update","columnId","isVisible","map","col","columnOptions","getHeaderGroups","flatMap","headerGroup","headers","getAllColumns","filter","name","canSort","getCanSort","createElement","Fragment","className","osdkTableHeader","key","osdkTableHeaderRow","columnStyles","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","osdkTableSelectionHeaderCell","style","isPlaceholder","featureFlags","onOpenColumnConfig","onOpenMultiSort","getCanResize","showResizeItem","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","length","isOpen","onClose","onApply","some"],"sources":["TableHeader.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  Column,\n  Header,\n  RowData,\n  SortingState,\n  Table,\n  VisibilityState,\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { type ColumnConfig, ColumnConfigDialog } from \"./ColumnConfigDialog.js\";\nimport { MultiColumnSortDialog } from \"./MultiColumnSortDialog.js\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport {\n  type HeaderMenuFeatureFlags,\n  TableHeaderWithPopover,\n} from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface TableHeaderProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n}\n\nconst getHeaderName = <TData,>(\n  column: Column<TData, unknown>,\n  allHeaders: Header<TData, unknown>[],\n) => {\n  const { id, columnDef } = column;\n  const header = allHeaders.find(header => header.id === id);\n  const headerDef = columnDef.header;\n\n  if (headerDef) {\n    if (typeof headerDef === \"string\") {\n      return headerDef;\n    }\n    // Try to get header name from the renderHeader function\n    if (header) {\n      const displayedHeader = headerDef(header.getContext());\n      if (typeof displayedHeader === \"string\") return displayedHeader;\n    }\n  }\n  // Fallback to use the columnName provided by user or id\n  const { meta } = columnDef;\n  return meta?.columnName ?? id;\n};\n\nexport function TableHeader<\n  TData extends RowData,\n>({\n  table,\n  headerMenuFeatureFlags,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const {\n    setColumnOrder,\n    setColumnVisibility,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n  const currentVisibility = table.getState().columnVisibility;\n  const currentColumnOrder = table.getState().columnOrder;\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  const [configDialogOpen, setConfigDialogOpen] = useState(false);\n  const [multiSortDialogOpen, setMultiSortDialogOpen] = useState(false);\n\n  const handleOpenColumnConfig = useCallback(() => {\n    setConfigDialogOpen(true);\n  }, []);\n\n  const handleCloseColumnConfig = useCallback(() => {\n    setConfigDialogOpen(false);\n  }, []);\n\n  const handleOpenMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(true);\n  }, []);\n\n  const handleCloseMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(false);\n  }, []);\n\n  const handleApplyMultiSort = useCallback(\n    (sortColumns: SortingState) => {\n      setMultiSortDialogOpen(false);\n      setSorting?.(sortColumns);\n    },\n    [setSorting],\n  );\n\n  const handleApplyColumnConfig = useCallback(\n    (updates: ColumnConfig[]) => {\n      const newVisibilityState: VisibilityState = {};\n      for (const update of updates) {\n        newVisibilityState[update.columnId] = update.isVisible;\n      }\n\n      setColumnOrder(updates.map(col => col.columnId));\n      setColumnVisibility(newVisibilityState);\n    },\n    [setColumnOrder, setColumnVisibility],\n  );\n\n  const columnOptions: ColumnOption[] = useMemo(() => {\n    const allHeaders = table.getHeaderGroups().flatMap(headerGroup =>\n      headerGroup.headers\n    );\n\n    return table\n      .getAllColumns()\n      .filter((column) => column.id !== SELECTION_COLUMN_ID)\n      .map((column) => {\n        return {\n          id: column.id,\n          name: getHeaderName(column, allHeaders),\n          canSort: column.getCanSort(),\n        };\n      });\n  }, [table]);\n\n  return (\n    <>\n      <thead className={styles.osdkTableHeader} data-resizing={isResizing}>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr\n            key={headerGroup.id}\n            className={styles.osdkTableHeaderRow}\n          >\n            {headerGroup.headers.map((header) => {\n              const { columnStyles } = getColumnPinningStyles(header.column);\n              const isColumnPinned = header.column.getIsPinned();\n              const isSelectColumn = header.id === SELECTION_COLUMN_ID;\n              return (\n                <th\n                  key={header.id}\n                  data-pinned={header.column.getIsPinned()}\n                  className={classNames(styles.osdkTableHeaderCell, {\n                    [styles.osdkTableSelectionHeaderCell]: isSelectColumn,\n                  })}\n                  style={columnStyles}\n                >\n                  {header.isPlaceholder\n                    ? null\n                    : isSelectColumn\n                    ? <TableHeaderContent header={header} />\n                    : (\n                      <TableHeaderWithPopover\n                        table={table}\n                        header={header}\n                        isColumnPinned={isColumnPinned}\n                        columnOptions={columnOptions}\n                        featureFlags={headerMenuFeatureFlags}\n                        onOpenColumnConfig={handleOpenColumnConfig}\n                        onOpenMultiSort={handleOpenMultiSort}\n                      />\n                    )}\n                  {header.column.getCanResize()\n                    && headerMenuFeatureFlags?.showResizeItem !== false && (\n                    <div\n                      className={styles.osdkTableHeaderResizer}\n                      onDoubleClick={() => header.column.resetSize()}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      {!!columnOptions?.length && (\n        <ColumnConfigDialog\n          isOpen={configDialogOpen}\n          onClose={handleCloseColumnConfig}\n          columnOptions={columnOptions}\n          currentVisibility={currentVisibility}\n          currentColumnOrder={currentColumnOrder}\n          onApply={handleApplyColumnConfig}\n        />\n      )}\n      {columnOptions?.some(col => col.canSort) && (\n        <MultiColumnSortDialog\n          isOpen={multiSortDialogOpen}\n          onClose={handleCloseMultiSort}\n          columnOptions={columnOptions}\n          currentSorting={currentSorting}\n          onApply={handleApplyMultiSort}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableHeader.js","names":["classNames","React","useCallback","useMemo","useState","ColumnConfigDialog","MultiColumnSortDialog","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","getHeaderName","column","allHeaders","id","columnDef","header","find","headerDef","displayedHeader","getContext","meta","columnName","TableHeader","table","headerMenuFeatureFlags","onColumnHeaderClick","setColumnOrder","setColumnVisibility","setSorting","currentSorting","getState","sorting","currentVisibility","columnVisibility","currentColumnOrder","columnOrder","isResizing","columnSizingInfo","isResizingColumn","configDialogOpen","setConfigDialogOpen","multiSortDialogOpen","setMultiSortDialogOpen","handleOpenColumnConfig","handleCloseColumnConfig","handleOpenMultiSort","handleCloseMultiSort","handleApplyMultiSort","sortColumns","handleApplyColumnConfig","updates","newVisibilityState","update","columnId","isVisible","map","col","columnOptions","getHeaderGroups","flatMap","headerGroup","headers","getAllColumns","filter","name","canSort","getCanSort","createElement","Fragment","className","osdkTableHeader","key","osdkTableHeaderRow","columnStyles","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","osdkTableSelectionHeaderCell","style","isPlaceholder","featureFlags","onOpenColumnConfig","onOpenMultiSort","getCanResize","showResizeItem","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","length","isOpen","onClose","onApply","some"],"sources":["TableHeader.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  Column,\n  Header,\n  RowData,\n  SortingState,\n  Table,\n  VisibilityState,\n} from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { type ColumnConfig, ColumnConfigDialog } from \"./ColumnConfigDialog.js\";\nimport { MultiColumnSortDialog } from \"./MultiColumnSortDialog.js\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport {\n  type HeaderMenuFeatureFlags,\n  TableHeaderWithPopover,\n} from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface TableHeaderProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  headerMenuFeatureFlags?: HeaderMenuFeatureFlags;\n  onColumnHeaderClick?: (columnId: string) => void;\n}\n\nconst getHeaderName = <TData,>(\n  column: Column<TData, unknown>,\n  allHeaders: Header<TData, unknown>[],\n) => {\n  const { id, columnDef } = column;\n  const header = allHeaders.find(header => header.id === id);\n  const headerDef = columnDef.header;\n\n  if (headerDef) {\n    if (typeof headerDef === \"string\") {\n      return headerDef;\n    }\n    // Try to get header name from the renderHeader function\n    if (header) {\n      const displayedHeader = headerDef(header.getContext());\n      if (typeof displayedHeader === \"string\") return displayedHeader;\n    }\n  }\n  // Fallback to use the columnName provided by user or id\n  const { meta } = columnDef;\n  return meta?.columnName ?? id;\n};\n\nexport function TableHeader<\n  TData extends RowData,\n>({\n  table,\n  headerMenuFeatureFlags,\n  onColumnHeaderClick,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const {\n    setColumnOrder,\n    setColumnVisibility,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n  const currentVisibility = table.getState().columnVisibility;\n  const currentColumnOrder = table.getState().columnOrder;\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  const [configDialogOpen, setConfigDialogOpen] = useState(false);\n  const [multiSortDialogOpen, setMultiSortDialogOpen] = useState(false);\n\n  const handleOpenColumnConfig = useCallback(() => {\n    setConfigDialogOpen(true);\n  }, []);\n\n  const handleCloseColumnConfig = useCallback(() => {\n    setConfigDialogOpen(false);\n  }, []);\n\n  const handleOpenMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(true);\n  }, []);\n\n  const handleCloseMultiSort = useCallback(() => {\n    setMultiSortDialogOpen(false);\n  }, []);\n\n  const handleApplyMultiSort = useCallback(\n    (sortColumns: SortingState) => {\n      setMultiSortDialogOpen(false);\n      setSorting?.(sortColumns);\n    },\n    [setSorting],\n  );\n\n  const handleApplyColumnConfig = useCallback(\n    (updates: ColumnConfig[]) => {\n      const newVisibilityState: VisibilityState = {};\n      for (const update of updates) {\n        newVisibilityState[update.columnId] = update.isVisible;\n      }\n\n      setColumnOrder(updates.map(col => col.columnId));\n      setColumnVisibility(newVisibilityState);\n    },\n    [setColumnOrder, setColumnVisibility],\n  );\n\n  const columnOptions: ColumnOption[] = useMemo(() => {\n    const allHeaders = table.getHeaderGroups().flatMap(headerGroup =>\n      headerGroup.headers\n    );\n\n    return table\n      .getAllColumns()\n      .filter((column) => column.id !== SELECTION_COLUMN_ID)\n      .map((column) => {\n        return {\n          id: column.id,\n          name: getHeaderName(column, allHeaders),\n          canSort: column.getCanSort(),\n        };\n      });\n  }, [table]);\n\n  return (\n    <>\n      <thead className={styles.osdkTableHeader} data-resizing={isResizing}>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr\n            key={headerGroup.id}\n            className={styles.osdkTableHeaderRow}\n          >\n            {headerGroup.headers.map((header) => {\n              const { columnStyles } = getColumnPinningStyles(header.column);\n              const isColumnPinned = header.column.getIsPinned();\n              const isSelectColumn = header.id === SELECTION_COLUMN_ID;\n              return (\n                <th\n                  key={header.id}\n                  data-pinned={header.column.getIsPinned()}\n                  className={classNames(styles.osdkTableHeaderCell, {\n                    [styles.osdkTableSelectionHeaderCell]: isSelectColumn,\n                  })}\n                  style={columnStyles}\n                >\n                  {header.isPlaceholder\n                    ? null\n                    : isSelectColumn\n                    ? <TableHeaderContent header={header} />\n                    : (\n                      <TableHeaderWithPopover\n                        table={table}\n                        header={header}\n                        isColumnPinned={isColumnPinned}\n                        columnOptions={columnOptions}\n                        featureFlags={headerMenuFeatureFlags}\n                        onOpenColumnConfig={handleOpenColumnConfig}\n                        onOpenMultiSort={handleOpenMultiSort}\n                        onColumnHeaderClick={onColumnHeaderClick}\n                      />\n                    )}\n                  {header.column.getCanResize()\n                    && headerMenuFeatureFlags?.showResizeItem !== false && (\n                    <div\n                      className={styles.osdkTableHeaderResizer}\n                      onDoubleClick={() => header.column.resetSize()}\n                      onMouseDown={header.getResizeHandler()}\n                      onTouchStart={header.getResizeHandler()}\n                    />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      {!!columnOptions?.length && (\n        <ColumnConfigDialog\n          isOpen={configDialogOpen}\n          onClose={handleCloseColumnConfig}\n          columnOptions={columnOptions}\n          currentVisibility={currentVisibility}\n          currentColumnOrder={currentColumnOrder}\n          onApply={handleApplyColumnConfig}\n        />\n      )}\n      {columnOptions?.some(col => col.canSort) && (\n        <MultiColumnSortDialog\n          isOpen={multiSortDialogOpen}\n          onClose={handleCloseMultiSort}\n          columnOptions={columnOptions}\n          currentSorting={currentSorting}\n          onApply={handleApplyMultiSort}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -42,7 +42,8 @@ export function TableHeaderWithPopover({
   columnOptions,
   featureFlags,
   onOpenColumnConfig,
-  onOpenMultiSort
+  onOpenMultiSort,
+  onColumnHeaderClick
 }) {
   const {
     showSortingItems = false,
@@ -100,6 +101,9 @@ export function TableHeaderWithPopover({
     e.preventDefault();
     setIsOpen(prev => !prev);
   }, []);
+  const handleHeaderClick = useCallback(() => {
+    onColumnHeaderClick?.(header.column.id);
+  }, [header.column.id, onColumnHeaderClick]);
   const handleOpenColumnConfig = useCallback(() => {
     onOpenColumnConfig?.();
     setIsOpen(false);
@@ -118,7 +122,8 @@ export function TableHeaderWithPopover({
     className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContainer),
     onContextMenu: handleInteraction
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft)
+    className: classNames(styles.osdkCenterContainer, styles.osdkContentGap, styles.osdkHeaderContentLeft, onColumnHeaderClick && styles.osdkHeaderContentLeftClickable),
+    onClick: onColumnHeaderClick ? handleHeaderClick : undefined
   }, isColumnPinned && /*#__PURE__*/React.createElement(Pin, {
     className: styles.osdkHeaderIcon
   }), /*#__PURE__*/React.createElement(TableHeaderContent, {

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","Settings","Sort","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","TableHeaderWithPopover","header","table","isColumnPinned","onResetSize","columnOptions","featureFlags","onOpenColumnConfig","onOpenMultiSort","showSortingItems","showPinningItems","showResizeItem","showConfigItem","setColumnPinning","setSorting","currentSorting","getState","sorting","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","handleOpenColumnConfig","handleOpenMultiSort","isSorted","getIsSorted","isSortable","getCanSort","sortIndex","findIndex","s","Fragment","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentRight","length","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","some","col","canSort"],"sources":["TableHeaderWithPopover.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 { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  Settings,\n  Sort,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type { Header, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick={true}\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\nexport interface HeaderMenuFeatureFlags {\n  /**\n   * Whether sorting menu items should be shown.\n   * When false, hides \"Sort ascending\", \"Sort descending\", \"Sort on multiple columns\", and \"Clear all sorts\".\n   */\n  showSortingItems?: boolean;\n  /**\n   * Whether pinning menu items should be shown.\n   * When false, hides \"Pin column\" and \"Unpin Column\".\n   */\n  showPinningItems?: boolean;\n  /**\n   * Whether resize menu item should be shown.\n   * When false, hides \"Reset Column Size\".\n   */\n  showResizeItem?: boolean;\n  /**\n   * Whether column config menu item should be shown.\n   * When false, hides \"Configure Columns\".\n   */\n  showConfigItem?: boolean;\n}\n\ninterface TableHeaderWithPopoverProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  onResetSize?: () => void;\n  columnOptions?: ColumnOption[];\n  featureFlags?: HeaderMenuFeatureFlags;\n  onOpenColumnConfig?: () => void;\n  onOpenMultiSort?: () => void;\n}\n\nexport function TableHeaderWithPopover<\n  TData extends RowData,\n>({\n  header,\n  table,\n  isColumnPinned,\n  onResetSize,\n  columnOptions,\n  featureFlags,\n  onOpenColumnConfig,\n  onOpenMultiSort,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const {\n    showSortingItems = false,\n    showPinningItems = false,\n    showResizeItem = false,\n    showConfigItem = false,\n  } = featureFlags ?? {};\n\n  const {\n    setColumnPinning,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    setSorting?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, setSorting]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    setSorting?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, setSorting]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    setSorting?.([]);\n  }, [header.column, setSorting]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const handleOpenColumnConfig = useCallback(() => {\n    onOpenColumnConfig?.();\n    setIsOpen(false);\n  }, [onOpenColumnConfig]);\n\n  const handleOpenMultiSort = useCallback(() => {\n    onOpenMultiSort?.();\n    setIsOpen(false);\n  }, [onOpenMultiSort]);\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n  const sortIndex = currentSorting?.findIndex(s => s.id === header.column.id)\n    ?? -1;\n\n  const hasAnyMenuItems = showPinningItems\n    || (showSortingItems && isSortable)\n    || showResizeItem\n    || showConfigItem;\n\n  return (\n    <>\n      <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContainer,\n          )}\n          onContextMenu={handleInteraction}\n        >\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentLeft,\n            )}\n          >\n            {isColumnPinned && (\n              <Pin\n                className={styles.osdkHeaderIcon}\n              />\n            )}\n            <TableHeaderContent header={header} />\n          </div>\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentRight,\n            )}\n          >\n            {isSorted && (\n              <div className={styles.osdkCenterContainer}>\n                {isSorted === \"asc\"\n                  ? (\n                    <SortAlphabetical\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )\n                  : (\n                    <SortAlphabeticalDesc\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )}\n                {currentSorting.length > 1 && sortIndex >= 0\n                  && <span className={styles.sortIndex}>{sortIndex + 1}</span>}\n              </div>\n            )}\n            {hasAnyMenuItems && (\n              <Menu.Trigger\n                aria-label={`Open header menu for column with id=${header.column.id}`}\n                className={classNames(\n                  styles.osdkCenterContainer,\n                  styles.osdkHeaderPopoverTrigger,\n                )}\n              >\n                <ChevronDown\n                  className={styles.osdkHeaderIcon}\n                />\n              </Menu.Trigger>\n            )}\n          </div>\n          <Menu.Portal container={document.body}>\n            <Menu.Positioner sideOffset={4}>\n              <Menu.Popup\n                className={styles.osdkHeaderPopup}\n              >\n                {showPinningItems && !isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handlePinLeft}\n                    icon={Pin}\n                    label=\"Pin column\"\n                  />\n                )}\n\n                {showPinningItems && isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handleUnpin}\n                    icon={Unpin}\n                    label=\"Unpin Column\"\n                    active={true}\n                  />\n                )}\n                {showSortingItems && isSortable && (\n                  <>\n                    <HeaderMenuItem\n                      onClick={handleSortAscending}\n                      icon={SortAlphabetical}\n                      label=\"Sort ascending\"\n                      active={isSorted === \"asc\"}\n                    />\n                    <HeaderMenuItem\n                      onClick={handleSortDescending}\n                      icon={SortAlphabeticalDesc}\n                      label=\"Sort descending\"\n                      active={isSorted === \"desc\"}\n                    />\n                    {columnOptions?.some(col => col.canSort) && (\n                      <HeaderMenuItem\n                        onClick={handleOpenMultiSort}\n                        icon={Sort}\n                        label=\"Sort on multiple columns\"\n                      />\n                    )}\n                  </>\n                )}\n                {showSortingItems && !!currentSorting?.length\n                  && (\n                    <HeaderMenuItem\n                      onClick={handleClearAllSorts}\n                      icon={Remove}\n                      label=\"Clear all sorts\"\n                    />\n                  )}\n                {showResizeItem && (\n                  <HeaderMenuItem\n                    onClick={handleResetSize}\n                    icon={VerticalDistribution}\n                    label=\"Reset Column Size\"\n                  />\n                )}\n                {showConfigItem && (\n                  <HeaderMenuItem\n                    onClick={handleOpenColumnConfig}\n                    icon={Settings}\n                    label=\"Configure Columns\"\n                  />\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </div>\n      </Menu.Root>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableHeaderWithPopover.js","names":["Menu","ChevronDown","Pin","Remove","Settings","Sort","SortAlphabetical","SortAlphabeticalDesc","Unpin","VerticalDistribution","classNames","React","useCallback","useState","TableHeaderContent","styles","HeaderMenuItem","onClick","icon","Icon","label","active","createElement","Item","closeOnClick","className","osdkCenterContainer","osdkContentGap","osdkHeaderMenuItem","osdkHeaderActiveMenuItem","osdkHeaderIcon","TableHeaderWithPopover","header","table","isColumnPinned","onResetSize","columnOptions","featureFlags","onOpenColumnConfig","onOpenMultiSort","onColumnHeaderClick","showSortingItems","showPinningItems","showResizeItem","showConfigItem","setColumnPinning","setSorting","currentSorting","getState","sorting","isOpen","setIsOpen","handlePinLeft","prev","left","column","id","right","filter","handleUnpin","handleSortAscending","toggleSorting","desc","handleSortDescending","handleClearAllSorts","clearSorting","handleResetSize","resetSize","handleInteraction","e","preventDefault","handleHeaderClick","handleOpenColumnConfig","handleOpenMultiSort","isSorted","getIsSorted","isSortable","getCanSort","sortIndex","findIndex","s","Fragment","Root","open","onOpenChange","osdkHeaderContainer","onContextMenu","osdkHeaderContentLeft","osdkHeaderContentLeftClickable","undefined","osdkHeaderContentRight","length","Trigger","osdkHeaderPopoverTrigger","Portal","container","document","body","Positioner","sideOffset","Popup","osdkHeaderPopup","some","col","canSort"],"sources":["TableHeaderWithPopover.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 { Menu } from \"@base-ui/react/menu\";\nimport {\n  ChevronDown,\n  Pin,\n  Remove,\n  Settings,\n  Sort,\n  SortAlphabetical,\n  SortAlphabeticalDesc,\n  Unpin,\n  VerticalDistribution,\n} from \"@blueprintjs/icons\";\nimport type { Header, RowData, Table } from \"@tanstack/react-table\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useState } from \"react\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport styles from \"./TableHeaderWithPopover.module.css\";\nimport type { ColumnOption } from \"./utils/types.js\";\n\ninterface HeaderMenuItemProps {\n  onClick: () => void;\n  icon: React.ComponentType<{ className?: string; color?: string }>;\n  label: string;\n  active?: boolean;\n}\n\nfunction HeaderMenuItem({\n  onClick,\n  icon: Icon,\n  label,\n  active = false,\n}: HeaderMenuItemProps): React.ReactElement {\n  return (\n    <Menu.Item\n      closeOnClick={true}\n      className={classNames(\n        styles.osdkCenterContainer,\n        styles.osdkContentGap,\n        styles.osdkHeaderMenuItem,\n        active && styles.osdkHeaderActiveMenuItem,\n      )}\n      onClick={onClick}\n    >\n      <Icon className={styles.osdkHeaderIcon} />\n      <span>{label}</span>\n    </Menu.Item>\n  );\n}\n\nexport interface HeaderMenuFeatureFlags {\n  /**\n   * Whether sorting menu items should be shown.\n   * When false, hides \"Sort ascending\", \"Sort descending\", \"Sort on multiple columns\", and \"Clear all sorts\".\n   */\n  showSortingItems?: boolean;\n  /**\n   * Whether pinning menu items should be shown.\n   * When false, hides \"Pin column\" and \"Unpin Column\".\n   */\n  showPinningItems?: boolean;\n  /**\n   * Whether resize menu item should be shown.\n   * When false, hides \"Reset Column Size\".\n   */\n  showResizeItem?: boolean;\n  /**\n   * Whether column config menu item should be shown.\n   * When false, hides \"Configure Columns\".\n   */\n  showConfigItem?: boolean;\n}\n\ninterface TableHeaderWithPopoverProps<\n  TData extends RowData,\n> {\n  table: Table<TData>;\n  header: Header<TData, unknown>;\n  isColumnPinned: false | \"left\" | \"right\";\n  onResetSize?: () => void;\n  columnOptions?: ColumnOption[];\n  featureFlags?: HeaderMenuFeatureFlags;\n  onOpenColumnConfig?: () => void;\n  onOpenMultiSort?: () => void;\n  onColumnHeaderClick?: (columnId: string) => void;\n}\n\nexport function TableHeaderWithPopover<\n  TData extends RowData,\n>({\n  header,\n  table,\n  isColumnPinned,\n  onResetSize,\n  columnOptions,\n  featureFlags,\n  onOpenColumnConfig,\n  onOpenMultiSort,\n  onColumnHeaderClick,\n}: TableHeaderWithPopoverProps<TData>): React.ReactElement {\n  const {\n    showSortingItems = false,\n    showPinningItems = false,\n    showResizeItem = false,\n    showConfigItem = false,\n  } = featureFlags ?? {};\n\n  const {\n    setColumnPinning,\n    setSorting,\n  } = table;\n\n  const currentSorting = table.getState().sorting;\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handlePinLeft = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: [...(prev.left || []), header.column.id],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleUnpin = useCallback(() => {\n    setColumnPinning((prev) => {\n      return {\n        left: prev.left?.filter((id) => id !== header.column.id) || [],\n        right: prev.right?.filter((id) => id !== header.column.id) || [],\n      };\n    });\n  }, [header.column.id, setColumnPinning]);\n\n  const handleSortAscending = useCallback(() => {\n    header.column.toggleSorting(false);\n    setSorting?.([{ id: header.column.id, desc: false }]);\n  }, [header.column, setSorting]);\n\n  const handleSortDescending = useCallback(() => {\n    header.column.toggleSorting(true);\n    setSorting?.([{ id: header.column.id, desc: true }]);\n  }, [header.column, setSorting]);\n\n  const handleClearAllSorts = useCallback(() => {\n    header.column.clearSorting();\n    setSorting?.([]);\n  }, [header.column, setSorting]);\n\n  const handleResetSize = useCallback(() => {\n    header.column.resetSize();\n    if (onResetSize) {\n      onResetSize();\n    }\n  }, [header.column, onResetSize]);\n\n  const handleInteraction = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      setIsOpen((prev) => !prev);\n    },\n    [],\n  );\n\n  const handleHeaderClick = useCallback(() => {\n    onColumnHeaderClick?.(header.column.id);\n  }, [header.column.id, onColumnHeaderClick]);\n\n  const handleOpenColumnConfig = useCallback(() => {\n    onOpenColumnConfig?.();\n    setIsOpen(false);\n  }, [onOpenColumnConfig]);\n\n  const handleOpenMultiSort = useCallback(() => {\n    onOpenMultiSort?.();\n    setIsOpen(false);\n  }, [onOpenMultiSort]);\n\n  const isSorted = header.column.getIsSorted();\n  const isSortable = header.column.getCanSort();\n  const sortIndex = currentSorting?.findIndex(s => s.id === header.column.id)\n    ?? -1;\n\n  const hasAnyMenuItems = showPinningItems\n    || (showSortingItems && isSortable)\n    || showResizeItem\n    || showConfigItem;\n\n  return (\n    <>\n      <Menu.Root open={isOpen} onOpenChange={setIsOpen}>\n        <div\n          className={classNames(\n            styles.osdkCenterContainer,\n            styles.osdkContentGap,\n            styles.osdkHeaderContainer,\n          )}\n          onContextMenu={handleInteraction}\n        >\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentLeft,\n              onColumnHeaderClick && styles.osdkHeaderContentLeftClickable,\n            )}\n            onClick={onColumnHeaderClick ? handleHeaderClick : undefined}\n          >\n            {isColumnPinned && (\n              <Pin\n                className={styles.osdkHeaderIcon}\n              />\n            )}\n            <TableHeaderContent header={header} />\n          </div>\n          <div\n            className={classNames(\n              styles.osdkCenterContainer,\n              styles.osdkContentGap,\n              styles.osdkHeaderContentRight,\n            )}\n          >\n            {isSorted && (\n              <div className={styles.osdkCenterContainer}>\n                {isSorted === \"asc\"\n                  ? (\n                    <SortAlphabetical\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )\n                  : (\n                    <SortAlphabeticalDesc\n                      className={styles.osdkHeaderIcon}\n                    />\n                  )}\n                {currentSorting.length > 1 && sortIndex >= 0\n                  && <span className={styles.sortIndex}>{sortIndex + 1}</span>}\n              </div>\n            )}\n            {hasAnyMenuItems && (\n              <Menu.Trigger\n                aria-label={`Open header menu for column with id=${header.column.id}`}\n                className={classNames(\n                  styles.osdkCenterContainer,\n                  styles.osdkHeaderPopoverTrigger,\n                )}\n              >\n                <ChevronDown\n                  className={styles.osdkHeaderIcon}\n                />\n              </Menu.Trigger>\n            )}\n          </div>\n          <Menu.Portal container={document.body}>\n            <Menu.Positioner sideOffset={4}>\n              <Menu.Popup\n                className={styles.osdkHeaderPopup}\n              >\n                {showPinningItems && !isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handlePinLeft}\n                    icon={Pin}\n                    label=\"Pin column\"\n                  />\n                )}\n\n                {showPinningItems && isColumnPinned && (\n                  <HeaderMenuItem\n                    onClick={handleUnpin}\n                    icon={Unpin}\n                    label=\"Unpin Column\"\n                    active={true}\n                  />\n                )}\n                {showSortingItems && isSortable && (\n                  <>\n                    <HeaderMenuItem\n                      onClick={handleSortAscending}\n                      icon={SortAlphabetical}\n                      label=\"Sort ascending\"\n                      active={isSorted === \"asc\"}\n                    />\n                    <HeaderMenuItem\n                      onClick={handleSortDescending}\n                      icon={SortAlphabeticalDesc}\n                      label=\"Sort descending\"\n                      active={isSorted === \"desc\"}\n                    />\n                    {columnOptions?.some(col => col.canSort) && (\n                      <HeaderMenuItem\n                        onClick={handleOpenMultiSort}\n                        icon={Sort}\n                        label=\"Sort on multiple columns\"\n                      />\n                    )}\n                  </>\n                )}\n                {showSortingItems && !!currentSorting?.length\n                  && (\n                    <HeaderMenuItem\n                      onClick={handleClearAllSorts}\n                      icon={Remove}\n                      label=\"Clear all sorts\"\n                    />\n                  )}\n                {showResizeItem && (\n                  <HeaderMenuItem\n                    onClick={handleResetSize}\n                    icon={VerticalDistribution}\n                    label=\"Reset Column Size\"\n                  />\n                )}\n                {showConfigItem && (\n                  <HeaderMenuItem\n                    onClick={handleOpenColumnConfig}\n                    icon={Settings}\n                    label=\"Configure Columns\"\n                  />\n                )}\n              </Menu.Popup>\n            </Menu.Positioner>\n          </Menu.Portal>\n        </div>\n      </Menu.Root>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -37,6 +37,10 @@
   flex-shrink: 1;
 }
 
+.osdkHeaderContentLeftClickable {
+  cursor: pointer;
+}
+
 .osdkHeaderContentRight {
   flex-shrink: 0;
 }

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

@@ -4,6 +4,7 @@ const styles = {
   "osdkContentGap": "TableHeaderWithPopover-module__osdkContentGap___ydRnh6Gk",
   "osdkHeaderContainer": "TableHeaderWithPopover-module__osdkHeaderContainer___Yp1FKb-z",
   "osdkHeaderContentLeft": "TableHeaderWithPopover-module__osdkHeaderContentLeft___PpdFKG5D",
+  "osdkHeaderContentLeftClickable": "TableHeaderWithPopover-module__osdkHeaderContentLeftClickable___umRQDDxz",
   "osdkHeaderContentRight": "TableHeaderWithPopover-module__osdkHeaderContentRight___-cSZMBVb",
   "osdkHeaderText": "TableHeaderWithPopover-module__osdkHeaderText___VnBa1IL3",
   "osdkHeaderPopoverTrigger": "TableHeaderWithPopover-module__osdkHeaderPopoverTrigger___Y5Q22NIE",

package/build/browser/object-table/hooks/useFunctionColumnsData.js

@@ -14,32 +14,40 @@
  * limitations under the License.
  */
 
-import { useOsdkFunctions, useStableObjectSet } from "@osdk/react/experimental";
+import { useOsdkClient2, useOsdkFunctions } from "@osdk/react/experimental";
 import { chunk } from "lodash-es";
 import { useMemo, useRef } from "react";
-import { addFilterClauseToObjectSet } from "../utils/addFilterClauseToObjectSet.js";
 import { createAsyncCellData } from "../utils/AsyncCellData.js";
 import { DEFAULT_FUNCTION_COLUMN_DEDUPE_INTERVAL_MS, DEFAULT_MAX_CONCURRENT_REQUESTS, DEFAULT_PAGE_SIZE } from "../utils/constants.js";
-import { stripDerivedPropertiesFromParams } from "../utils/stripDerivedPropertiesFromParams.js";
+const isObjectType = objectOrInterfaceType => {
+  return objectOrInterfaceType.type === "object";
+};
 export function useFunctionColumnsData({
-  objectSet,
+  objectOrInterfaceType,
   objects,
   columnDefinitions,
   primaryKeyApiName,
   pageSize = DEFAULT_PAGE_SIZE
 }) {
+  const client = useOsdkClient2();
   const prevDataRef = useRef({});
+  const isObjectTypeDefinition = objectOrInterfaceType && isObjectType(objectOrInterfaceType);
   const stableObjects = useStableObjects(objects);
-  const stableObjectSet = useStableObjectSet(objectSet);
+  const baseObjectSet = useMemo(() => {
+    return isObjectTypeDefinition ? client(objectOrInterfaceType) : undefined;
+  }, [client, isObjectTypeDefinition, objectOrInterfaceType]);
   const functionColDefs = useMemo(() => extractFunctionLocators(columnDefinitions), [columnDefinitions]);
-  const disabled = !stableObjectSet || !stableObjects?.length || functionColDefs.length === 0;
+  const disabled = !baseObjectSet || !stableObjects?.length || functionColDefs.length === 0;
 
+  // Construct object sets using the base object set (constructed with object type only)
+  // + filter with primary keys of each page's objects
+  //
   // When a new page loads, only that page's queries fire — old pages
   // hit the dedupeIntervalMs cache since their params are unchanged.
   const pagedObjectSets = useMemo(() => {
-    if (!stableObjectSet || !stableObjects?.length) return [];
-    return buildPagedObjectSets(stableObjectSet, stableObjects, primaryKeyApiName, pageSize);
-  }, [stableObjectSet, stableObjects, primaryKeyApiName, pageSize]);
+    if (!baseObjectSet || !stableObjects?.length) return [];
+    return buildPagedObjectSets(baseObjectSet, stableObjects, primaryKeyApiName, pageSize);
+  }, [baseObjectSet, stableObjects, primaryKeyApiName, pageSize]);
   const queryGrid = useMemo(() => {
     if (pagedObjectSets.length === 0 || functionColDefs.length === 0) {
       return EMPTY_QUERY_GRID;
@@ -80,7 +88,7 @@ function extractFunctionLocators(columnDefinitions) {
 /** Chunks objects into pages and creates a filtered ObjectSet per page. */
 function buildPagedObjectSets(objectSet, objects, primaryKeyApiName, pageSize) {
   if (!primaryKeyApiName) {
-    return [stripDerivedPropertiesFromParams(objectSet)];
+    return [objectSet];
   }
   return chunk(objects, pageSize).map(page => {
     const whereClause = {
@@ -88,7 +96,7 @@ function buildPagedObjectSets(objectSet, objects, primaryKeyApiName, pageSize) {
         $in: page.map(obj => obj.$primaryKey)
       }
     };
-    return stripDerivedPropertiesFromParams(addFilterClauseToObjectSet(objectSet, whereClause));
+    return objectSet.where(whereClause);
   });
 }