@osdk/react-components 0.1.0-beta.4 → 0.1.0-beta.6

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @osdk/react-components
 
+## 0.1.0-beta.6
+
+### Minor Changes
+
+- cac3e9a: Add ActionFormApi
+
+### Patch Changes
+
+- Updated dependencies [db28747]
+  - @osdk/react@0.9.0-beta.10
+
+## 0.1.0-beta.5
+
+### Minor Changes
+
+- 30617fa: Support sorting and column pinning. Export BaseTable
+
+### Patch Changes
+
+- Updated dependencies [43d342e]
+- Updated dependencies [24730c7]
+- Updated dependencies [ecd18e2]
+  - @osdk/react@0.9.0-beta.9
+  - @osdk/client@2.7.0-beta.14
+  - @osdk/api@2.7.0-beta.14
+
 ## 0.1.0-beta.4
 
 ### Minor Changes

package/build/browser/action-form/ActionFormApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ActionFormApi.js.map

package/build/browser/action-form/ActionFormApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormApi.js","names":[],"sources":["ActionFormApi.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  ActionDefinition,\n  ActionEditResponse,\n  ActionReturnTypeForOptions,\n  ActionValidationResponse,\n} from \"@osdk/api\";\nimport type { ActionValidationError, ApplyActionOptions } from \"@osdk/client\";\nimport type {\n  ActionParameters,\n  FieldKey,\n  FieldValueType,\n  FormFieldDefinition,\n} from \"./FormFieldApi.js\";\n\n/**\n * Props for the ActionForm component\n */\nexport interface ActionFormProps<Q extends ActionDefinition<unknown>> {\n  actionDefinition: Q;\n\n  /**\n   * If not supplied, defaults to actionDef.displayName\n   */\n  formTitle?: string;\n\n  /**\n   * If not supplied, this will be constructed from ActionParameters\n   */\n  formFieldDefinition?: Array<FormFieldDefinition<Q>>;\n\n  /**\n   * Called when a field value changed.\n   * Required when a field is in controlled mode, i.e. value is provided via formFieldDefinition.\n   *\n   * @param fieldKey The key of the changed field\n   * @param value the updated value of the field\n   */\n  onFieldValueChanged?: <K extends FieldKey<Q>>(\n    fieldKey: K,\n    value: FieldValueType<Q, K>,\n  ) => void;\n\n  /**\n   * Override to disable submit button\n   * If not provided, button is disabled when form is submitting or has validation errors\n   *\n   * @default false\n   */\n  isSubmitDisabled?: boolean;\n\n  /**\n   * If supplied, this will override the default submit action\n   * By default, the action's applyAction will be called with $validateOnly: false\n   *\n   * @param formState all field values when onSubmit is called\n   * @param applyAction the function to execute the action. Call it with $validateOnly: true options to run validation mode onSubmit.\n   * @returns a promise of the submission response\n   */\n  onSubmit?: <OP extends ApplyActionOptions>(\n    formState: FormState<Q>,\n    applyAction: (\n      args: ActionParameters<Q>,\n      options?: OP,\n    ) => Promise<ActionReturnTypeForOptions<OP>>,\n  ) => Promise<ActionReturnTypeForOptions<OP>> | void;\n\n  /**\n   * Called when the validation response is returned from a validateOnly submission\n   *\n   * @param results the validation response\n   */\n  onValidationResponse?: (results: ActionValidationResponse) => void;\n\n  /**\n   * Called when the action is successfully executed from a non-validateOnly submission\n   *\n   * @param results the submission response\n   */\n  onSuccess?: (results: ActionEditResponse) => void;\n\n  /**\n   * Called when there is an error in form submission\n   *\n   * @param error the error that occurred\n   */\n  onError?: (error: FormError) => void;\n}\n\n/**\n * Form values mapping parameter names to their values\n */\nexport type FormState<Q extends ActionDefinition<unknown>> = {\n  [K in FieldKey<Q>]: FieldValueType<Q, K>;\n};\n\n/**\n * Form error discriminated union\n */\nexport type FormError =\n  | { type: \"validation\"; error: ActionValidationError }\n  | { type: \"submission\"; error: Error }\n  | { type: \"unknown\"; error: unknown };\n"],"mappings":"","ignoreList":[]}

package/build/browser/action-form/FormFieldApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FormFieldApi.js.map

package/build/browser/action-form/FormFieldApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldApi.js","names":[],"sources":["FormFieldApi.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  ActionDefinition,\n  CompileTimeMetadata,\n  ObjectSet,\n  ObjectTypeDefinition,\n} from \"@osdk/api\";\nimport type React from \"react\";\n\n/**\n * A form field definition specifies configuration for a single field\n */\nexport interface FormFieldDefinition<\n  Q extends ActionDefinition<unknown>,\n  K extends FieldKey<Q> = FieldKey<Q>,\n  V extends FieldValueType<Q, K> = FieldValueType<Q, K>,\n  C extends ValidFormFieldForPropertyType<V> = ValidFormFieldForPropertyType<V>,\n> {\n  /**\n   * The field's unique key\n   */\n  fieldKey: K;\n\n  /**\n   * Display label for the field\n   * If not provided, the form field will not show any label.\n   */\n  label?: string;\n\n  /**\n   * Current value of the field\n   * If provided, the field operates in controlled mode\n   */\n  value?: V;\n\n  /**\n   * Default value of the field\n   */\n  defaultValue?: V;\n\n  /**\n   * The form field component type to render\n   */\n  fieldComponent: C;\n\n  /**\n   * Whether the field is required\n   */\n  isRequired?: boolean;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Additional information to display on this field\n   * The placement of helper text depends on the value of helperTextPlacement prop\n   */\n  helperText?: string;\n\n  /**\n   * The placement of the helper text either below the field or in a tooltip\n   *\n   * @default \"tooltip\"\n   */\n  helperTextPlacement?: \"bottom\" | \"tooltip\";\n\n  /**\n   * Whether the field is disabled\n   */\n  isDisabled?: boolean;\n\n  /**\n   * A callback to return a custom error message if validation failed\n   *\n   * @param validationRule the validation rule that failed with the error message\n   * @returns the error message to display\n   */\n  onValidationError?: (error: ValidationError) => string;\n\n  /**\n   * Additional function to validate the field\n   *\n   * @param value the current field value\n   * @returns a boolean promise indicating whether the value is valid\n   */\n  validate?: (value: V) => Promise<boolean>;\n\n  /**\n   * The component props for the form field\n   * Excludes runtime props (key, onChange) which are managed by ActionForm\n   */\n  fieldComponentProps?: Omit<FormFieldPropsByType[C], \"key\" | \"onChange\">;\n}\n\ntype ValidationError = { type: ValidationRule; error: string };\n\ntype ValidationRule =\n  | \"required\"\n  | \"min\"\n  | \"max\"\n  | \"minLength\"\n  | \"maxLength\"\n  | \"pattern\"\n  | \"validate\";\n\n/**\n * Maps field types to their corresponding props\n */\nexport interface FormFieldPropsByType {\n  DATETIME_PICKER: DatetimePickerFieldProps;\n  DROPDOWN: DropdownFieldProps<unknown>;\n  FILE_PICKER: FilePickerProps;\n  NUMBER_INPUT: NumberInputFieldProps;\n  OBJECT_SET: ObjectSetFieldProps<ObjectTypeDefinition>;\n  RADIO_BUTTONS: RadioButtonsFieldProps<unknown>;\n  TEXT_AREA: TextAreaFieldProps;\n  TEXT_INPUT: TextInputFieldProps;\n  CUSTOM: CustomFieldProps<unknown>;\n}\n\n/**\n * Datetime picker field props\n */\nexport interface DatetimePickerFieldProps extends BaseFormFieldProps<Date> {\n  fieldComponent: \"DATETIME_PICKER\";\n\n  /**\n   * The earliest date the user can select\n   * If provided, this will be added to the field validation\n   */\n  min?: Date;\n\n  /**\n   * The latest date the user can select\n   * If provided, this will be added to the field validation\n   */\n  max?: Date;\n\n  /**\n   * Whether to show time picker\n   */\n  showTime?: boolean;\n\n  /**\n   * Function to format the date string\n   */\n  formatDate?: (date: Date) => string;\n}\n\n/**\n * Dropdown field props with selectable options\n */\nexport interface DropdownFieldProps<V, IsMulti extends boolean = false>\n  extends BaseFormFieldProps<IsMulti extends true ? V[] : V>\n{\n  fieldComponent: \"DROPDOWN\";\n\n  /**\n   * Available options for the dropdown\n   */\n  options: Option<V>[];\n\n  /**\n   * Whether the dropdown allows searching/filtering\n   */\n  isSearchable?: boolean;\n\n  /**\n   * Whether multiple values can be selected\n   */\n  isMulti?: boolean;\n}\n\nexport interface FilePickerProps extends BaseFormFieldProps<File | File[]> {\n  fieldComponent: \"FILE_PICKER\";\n\n  /**\n   * Whether multiple files can be selected\n   */\n  isMulti?: boolean;\n\n  /**\n   * Accepted file types (e.g., \"image/*\", \".pdf\")\n   */\n  accept?: string | string[];\n\n  /**\n   * Maximum file size in bytes\n   */\n  maxSize?: number;\n}\n\n/**\n * Text area field props\n */\nexport interface TextAreaFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    | \"rows\"\n    | \"wrap\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  fieldComponent: \"TEXT_AREA\";\n}\n\nexport interface TextInputFieldProps extends\n  BaseFormFieldProps<string>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"minLength\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"maxLength\"\n  >\n{\n  fieldComponent: \"TEXT_INPUT\";\n}\n\n/**\n * Number input field props\n */\nexport interface NumberInputFieldProps extends\n  BaseFormFieldProps<number>,\n  Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"min\"\n    /**\n     * If provided, this will be added to the field validation\n     */\n    | \"max\"\n    | \"step\"\n  >\n{\n  fieldComponent: \"NUMBER_INPUT\";\n}\n\n/**\n * Radio buttons field props\n */\nexport interface RadioButtonsFieldProps<V> extends BaseFormFieldProps<V> {\n  fieldComponent: \"RADIO_BUTTONS\";\n\n  /**\n   * Available options for radio buttons\n   */\n  options: Option<V>[];\n}\n\n/**\n * Option interface for dropdown and radio options\n */\nexport interface Option<V> {\n  label: string;\n  value: V;\n}\n\n/**\n * Object set field displays the summary of the count of the given object set\n */\nexport interface ObjectSetFieldProps<T extends ObjectTypeDefinition>\n  extends BaseFormFieldProps<ObjectSet<T>>\n{\n  fieldComponent: \"OBJECT_SET\";\n}\n\n/**\n * Custom field props for user-defined renderers\n */\nexport interface CustomFieldProps<V> extends BaseFormFieldProps<V> {\n  fieldComponent: \"CUSTOM\";\n\n  /**\n   * Custom renderer function\n   */\n  customRenderer: (props: BaseFormFieldProps<V>) => React.ReactNode;\n}\n\nexport interface BaseFormFieldProps<V> {\n  fieldComponent: FieldComponent;\n\n  /**\n   * Called when the field value changed.\n   *\n   * ActionForm internally wraps this to pass the key to onFieldValueChanged:\n   * ```\n   * <DropdownField\n   *   {...fieldDef}\n   *   onChange={(value) => onFieldValueChanged(fieldDef.key, value)}\n   * />\n   * ```\n   *\n   * @param value The new value of the form field\n   */\n  onChange?: (value?: V) => void;\n}\n\nexport type FieldKey<Q extends ActionDefinition<unknown>> =\n  keyof ActionParameters<Q>;\n\n/**\n * Extracts parameters from an ActionDefinition\n */\nexport type ActionParameters<Q extends ActionDefinition<unknown>> =\n  CompileTimeMetadata<Q>[\"parameters\"];\n\n/**\n * Extracts the value type for a specific parameter\n */\nexport type FieldValueType<\n  Q extends ActionDefinition<unknown> = ActionDefinition<unknown>,\n  K extends keyof ActionParameters<Q> = keyof ActionParameters<Q>,\n> = ActionParameters<Q>[K][\"type\"];\n\n/**\n * Available form field component types\n */\nexport type FieldComponent =\n  | \"DATETIME_PICKER\"\n  | \"DROPDOWN\"\n  | \"FILE_PICKER\"\n  | \"NUMBER_INPUT\"\n  | \"RADIO_BUTTONS\"\n  | \"OBJECT_SET\"\n  | \"TEXT_AREA\"\n  | \"TEXT_INPUT\"\n  | \"CUSTOM\";\n\n/**\n * Gets valid form field types for a given property type\n */\nexport type ValidFormFieldForPropertyType<P extends FieldValueType> = P extends\n  \"objectSet\" ? \"OBJECT_SET\"\n  : P extends \"object\" ? \"DROPDOWN\"\n  : P extends \"mediaReference\" | \"attachment\" ? \"FILE_PICKER\"\n  : P extends \"boolean\" ? \"RADIO_BUTTONS\" | \"DROPDOWN\"\n  : P extends \"string\" ? \"TEXT_INPUT\" | \"TEXT_AREA\"\n  : P extends \"datetime\" | \"timestamp\" ? \"DATETIME_PICKER\"\n  : P extends\n    | \"double\"\n    | \"integer\"\n    | \"long\"\n    | \"float\"\n    | \"short\"\n    | \"byte\"\n    | \"decimal\" ? \"NUMBER_INPUT\"\n  : never;\n"],"mappings":"","ignoreList":[]}

package/build/browser/base-components/checkbox/Checkbox.module.css

@@ -66,8 +66,7 @@
   width: var(--osdk-checkbox-icon-size);
   height: var(--osdk-checkbox-icon-size);
 
-
   &[data-unchecked] {
     display: none;
   }
-}
+}

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

@@ -17,11 +17,13 @@
 import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import React, { useCallback, useMemo, useState } from "react";
 import { useColumnDefs } from "./hooks/useColumnDefs.js";
-import { useDefaultTableStates } from "./hooks/useDefaultTableStates.js";
+import { useColumnPinning } from "./hooks/useColumnPinning.js";
+import { useColumnVisibility } from "./hooks/useColumnVisibility.js";
 import { useObjectTableData } from "./hooks/useObjectTableData.js";
 import { useRowSelection } from "./hooks/useRowSelection.js";
 import { useSelectionColumn } from "./hooks/useSelectionColumn.js";
-import { Table } from "./Table.js";
+import { useTableSorting } from "./hooks/useTableSorting.js";
+import { BaseTable } from "./Table.js";
 import { getRowId } from "./utils/getRowId.js";
 
 /**
@@ -38,27 +40,37 @@ export function ObjectTable({
   objectType,
   columnDefinitions,
   filter,
+  orderBy,
+  defaultOrderBy,
+  onOrderByChanged,
+  onColumnsPinnedChanged,
   onRowSelection,
   renderCellContextMenu,
   selectionMode = "none",
   selectedRows,
   ...props
 }) {
+  const [columnSizing, setColumnSizing] = useState({});
+  const {
+    sorting,
+    onSortingChange
+  } = useTableSorting({
+    orderBy,
+    defaultOrderBy,
+    onOrderByChanged
+  });
   const {
     data,
     fetchMore,
     isLoading
-  } = useObjectTableData(objectSet, columnDefinitions, filter);
+  } = useObjectTableData(objectSet, columnDefinitions, filter, sorting);
   const {
     columns,
     loading: isColumnsLoading
   } = useColumnDefs(objectType, columnDefinitions);
-  const {
-    columnVisibility
-  } = useDefaultTableStates({
+  const columnVisibility = useColumnVisibility({
     columnDefinitions
   });
-  const [columnSizing, setColumnSizing] = useState({});
   const {
     rowSelection,
     isAllSelected,
@@ -81,6 +93,14 @@ export function ObjectTable({
   const allColumns = useMemo(() => {
     return selectionColumn ? [selectionColumn, ...columns] : columns;
   }, [selectionColumn, columns]);
+  const {
+    columnPinning,
+    onColumnPinningChange
+  } = useColumnPinning({
+    columnDefinitions,
+    hasSelectionColumn: selectionColumn != null,
+    onColumnsPinnedChanged
+  });
   const table = useReactTable({
     data: data ?? [],
     columns: allColumns,
@@ -88,12 +108,18 @@ export function ObjectTable({
     state: {
       columnVisibility,
       rowSelection,
-      columnSizing
+      sorting,
+      columnSizing,
+      columnPinning
     },
+    onSortingChange,
     onColumnSizingChange: setColumnSizing,
+    onColumnPinningChange,
     enableRowSelection: selectionMode !== "none",
     columnResizeMode: "onChange",
     columnResizeDirection: "ltr",
+    manualSorting: true,
+    // Enable manual sorting to indicate server-side sorting
     defaultColumn: {
       minSize: 80
     },
@@ -102,7 +128,7 @@ export function ObjectTable({
   const onRenderCellContextMenu = useCallback((row, cell) => {
     return renderCellContextMenu?.(row, cell.getValue());
   }, [renderCellContextMenu]);
-  return /*#__PURE__*/React.createElement(Table, {
+  return /*#__PURE__*/React.createElement(BaseTable, {
     table: table,
     isLoading: isLoading || isColumnsLoading,
     fetchNextPage: fetchMore,

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useState","useColumnDefs","useDefaultTableStates","useObjectTableData","useRowSelection","useSelectionColumn","Table","getRowId","ObjectTable","objectSet","objectType","columnDefinitions","filter","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","props","data","fetchMore","isLoading","columns","loading","isColumnsLoading","columnVisibility","columnSizing","setColumnSizing","rowSelection","isAllSelected","hasSelection","onToggleAll","onToggleRow","selectionColumn","allColumns","table","state","onColumnSizingChange","enableRowSelection","columnResizeMode","columnResizeDirection","defaultColumn","minSize","onRenderCellContextMenu","row","cell","getValue","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  ObjectTypeDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport {\n  type Cell,\n  type ColumnSizingState,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useDefaultTableStates } from \"./hooks/useDefaultTableStates.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport { useRowSelection } from \"./hooks/useRowSelection.js\";\nimport { useSelectionColumn } from \"./hooks/useSelectionColumn.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { Table } from \"./Table.js\";\nimport { getRowId } from \"./utils/getRowId.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectSet={myObjectSet} objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectTypeDefinition,\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  objectSet,\n  objectType,\n  columnDefinitions,\n  filter,\n  onRowSelection,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const { data, fetchMore, isLoading } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectSet,\n    columnDefinitions,\n    filter,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const { columnVisibility } = useDefaultTableStates({ columnDefinitions });\n\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    { selectionMode, isAllSelected, hasSelection, onToggleAll, onToggleRow },\n  );\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? [],\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      rowSelection,\n      columnSizing,\n    },\n    onColumnSizingChange: setColumnSizing,\n    enableRowSelection: selectionMode !== \"none\",\n    columnResizeMode: \"onChange\",\n    columnResizeDirection: \"ltr\",\n    defaultColumn: {\n      minSize: 80,\n    },\n    getRowId,\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  return (\n    <Table\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    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useCallback","useMemo","useState","useColumnDefs","useColumnPinning","useColumnVisibility","useObjectTableData","useRowSelection","useSelectionColumn","useTableSorting","BaseTable","getRowId","ObjectTable","objectSet","objectType","columnDefinitions","filter","orderBy","defaultOrderBy","onOrderByChanged","onColumnsPinnedChanged","onRowSelection","renderCellContextMenu","selectionMode","selectedRows","props","columnSizing","setColumnSizing","sorting","onSortingChange","data","fetchMore","isLoading","columns","loading","isColumnsLoading","columnVisibility","rowSelection","isAllSelected","hasSelection","onToggleAll","onToggleRow","selectionColumn","allColumns","columnPinning","onColumnPinningChange","hasSelectionColumn","table","state","onColumnSizingChange","enableRowSelection","columnResizeMode","columnResizeDirection","manualSorting","defaultColumn","minSize","onRenderCellContextMenu","row","cell","getValue","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  ObjectTypeDefinition,\n  Osdk,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n} from \"@osdk/api\";\nimport type { Cell, ColumnSizingState } from \"@tanstack/react-table\";\nimport { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useColumnPinning } from \"./hooks/useColumnPinning.js\";\nimport { useColumnVisibility } from \"./hooks/useColumnVisibility.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 { getRowId } from \"./utils/getRowId.js\";\n\n/**\n * ObjectTable - A headless table component for displaying OSDK object sets\n *\n * @example\n * ```tsx\n * <ObjectTable objectSet={myObjectSet} objectType={MyObjectType} />\n * ```\n */\n\nexport function ObjectTable<\n  Q extends ObjectTypeDefinition,\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  objectSet,\n  objectType,\n  columnDefinitions,\n  filter,\n  orderBy,\n  defaultOrderBy,\n  onOrderByChanged,\n  onColumnsPinnedChanged,\n  onRowSelection,\n  renderCellContextMenu,\n  selectionMode = \"none\",\n  selectedRows,\n  ...props\n}: ObjectTableProps<Q, RDPs, FunctionColumns>): React.ReactElement {\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>({});\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 } = useObjectTableData<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectSet,\n    columnDefinitions,\n    filter,\n    sorting,\n  );\n\n  const { columns, loading: isColumnsLoading } = useColumnDefs<\n    Q,\n    RDPs,\n    FunctionColumns\n  >(\n    objectType,\n    columnDefinitions,\n  );\n\n  const columnVisibility = useColumnVisibility({ columnDefinitions });\n\n  const {\n    rowSelection,\n    isAllSelected,\n    hasSelection,\n    onToggleAll,\n    onToggleRow,\n  } = useRowSelection<Q, RDPs>({\n    selectionMode,\n    selectedRows,\n    onRowSelection,\n    data,\n  });\n\n  const selectionColumn = useSelectionColumn<Q, RDPs>(\n    { selectionMode, isAllSelected, hasSelection, onToggleAll, onToggleRow },\n  );\n\n  const allColumns = useMemo(() => {\n    return selectionColumn ? [selectionColumn, ...columns] : columns;\n  }, [selectionColumn, columns]);\n\n  const { columnPinning, onColumnPinningChange } = useColumnPinning({\n    columnDefinitions,\n    hasSelectionColumn: selectionColumn != null,\n    onColumnsPinnedChanged,\n  });\n\n  const table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? [],\n    columns: allColumns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n      rowSelection,\n      sorting,\n      columnSizing,\n      columnPinning,\n    },\n    onSortingChange,\n    onColumnSizingChange: setColumnSizing,\n    onColumnPinningChange,\n    enableRowSelection: selectionMode !== \"none\",\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  });\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  return (\n    <BaseTable\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    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  DerivedProperty,\n  ObjectSet,\n  ObjectTypeDefinition,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type * as React from \"react\";\n\nexport type ColumnDefinition<\n  Q extends ObjectTypeDefinition,\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  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  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n  renderHeader?: () => React.ReactNode;\n};\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectTypeDefinition,\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  | {\n    type: \"property\";\n    id: PropertyKeys<Q>;\n  }\n  | {\n    type: \"function\";\n    id: keyof FunctionColumns;\n  }\n  | {\n    type: \"rdp\";\n    id: keyof RDPs;\n    creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n  };\n\nexport interface ObjectTableProps<\n  Q extends ObjectTypeDefinition,\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  /**\n   * The set of objects to show in the table\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * The object type of the object\n   */\n  objectType: Q;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  filterable?: 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  orderable?: boolean;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when the visible columns change.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The new list of column visibility states\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\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number,\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   * 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   */\n\n  onRowSelection?: (selectedRowIds: PrimaryKeyType<Q>[]) => void;\n\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"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ObjectTableApi.js","names":[],"sources":["ObjectTableApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  DerivedProperty,\n  ObjectSet,\n  ObjectTypeDefinition,\n  Osdk,\n  PrimaryKeyType,\n  PropertyKeys,\n  QueryDefinition,\n  SimplePropertyDef,\n  WhereClause,\n} from \"@osdk/api\";\nimport type * as React from \"react\";\n\nexport type ColumnDefinition<\n  Q extends ObjectTypeDefinition,\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  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  renderCell?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n  renderHeader?: () => React.ReactNode;\n};\n\nexport type ColumnDefinitionLocator<\n  Q extends ObjectTypeDefinition,\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  | {\n    type: \"property\";\n    id: PropertyKeys<Q>;\n  }\n  | {\n    type: \"function\";\n    id: keyof FunctionColumns;\n  }\n  | {\n    type: \"rdp\";\n    id: keyof RDPs;\n    creator: DerivedProperty.Creator<Q, RDPs[keyof RDPs]>;\n  };\n\nexport interface ObjectTableProps<\n  Q extends ObjectTypeDefinition,\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  /**\n   * The set of objects to show in the table\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * The object type of the object\n   */\n  objectType: Q;\n\n  /**\n   * Ordered list of column definitions to show in the table\n   *\n   * If not provided, all of the properties of the object type will be shown in default order.\n   */\n  columnDefinitions?: Array<ColumnDefinition<Q, RDPs, FunctionColumns>>;\n\n  /**\n   * Whether the table is filterable by the user.\n   *\n   * @default true\n   */\n  filterable?: 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  orderable?: boolean;\n\n  /**\n   * The default order by clause to sort the objects in the table.\n   * If provided without orderBy prop, the sorting is uncontrolled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  defaultOrderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * The current order by clause to sort the objects in the table.\n   * If provided, the sorting is controlled.\n   * If both orderBy and defaultOrderBy are provided, orderBy takes precedence.\n   */\n  orderBy?: Array<{\n    property: PropertyKeys<Q>;\n    direction: \"asc\" | \"desc\";\n  }>;\n\n  /**\n   * Called when the order by clause is changed.\n   * Required when sorting is controlled.\n   *\n   * @param newOrderBy The new order by clause\n   */\n  onOrderByChanged?: (\n    newOrderBy: Array<{\n      property: PropertyKeys<Q>;\n      direction: \"asc\" | \"desc\";\n    }>,\n  ) => void;\n\n  /**\n   * Called when the visible columns change.\n   *\n   * If provided, the table will allow the user to show/hide columns.\n   *\n   * @param newStates The new list of column visibility states\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\n   */\n  onColumnResize?: (\n    columnId: PropertyKeys<Q> | keyof RDPs | keyof FunctionColumns,\n    newWidth: number,\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   * 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   */\n\n  onRowSelection?: (selectedRowIds: PrimaryKeyType<Q>[]) => void;\n\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"],"mappings":"","ignoreList":[]}

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

@@ -19,7 +19,7 @@ import React, { useCallback, useRef } from "react";
 import styles from "./Table.module.css";
 import { TableBody } from "./TableBody.js";
 import { TableHeader } from "./TableHeader.js";
-export function Table({
+export function BaseTable({
   table,
   isLoading,
   fetchNextPage,

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useRef","styles","TableBody","TableHeader","Table","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","tableContainerRef","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","createElement","ref","osdkTableContainer","onScroll","rows","getRowModel"],"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, { type ReactElement, useCallback, useRef } from \"react\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableHeader } from \"./TableHeader.js\";\n\ninterface TableProps<TData extends RowData> {\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}\n\nexport function Table<TData extends RowData>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n  }: TableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\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  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < 100\n          && !isLoading\n        ) {\n          fetchingRef.current = true;\n          try {\n            await fetchNextPage?.();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  // TODO: Handle error, loading and empty states\n\n  return (\n    <div\n      ref={tableContainerRef}\n      className={classNames(styles.osdkTableContainer, className)}\n      onScroll={handleScroll}\n    >\n      <table>\n        <TableHeader table={table} />\n        <TableBody\n          rows={table.getRowModel().rows}\n          tableContainerRef={tableContainerRef}\n          onRowClick={onRowClick}\n          rowHeight={rowHeight}\n          renderCellContextMenu={renderCellContextMenu}\n        />\n      </table>\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,IAAuBC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACrE,OAAOC,MAAM,MAAM,oBAAoB;AACvC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,WAAW,QAAQ,kBAAkB;AAe9C,OAAO,SAASC,KAAKA,CACnB;EACEC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,qBAAqB;EACrBC;AACiB,CAAC,EACN;EACd,MAAMC,iBAAiB,GAAGZ,MAAM,CAAiB,IAAI,CAAC;;EAEtD;EACA,MAAMa,WAAW,GAAGb,MAAM,CAAC,KAAK,CAAC;EAEjC,MAAMc,qBAAqB,GAAGf,WAAW,CACvC,MAAOgB,mBAA2C,IAAK;IACrD,IAAIA,mBAAmB,IAAI,CAACF,WAAW,CAACG,OAAO,EAAE;MAC/C,MAAM;QAAEC,YAAY;QAAEC,SAAS;QAAEC;MAAa,CAAC,GAAGJ,mBAAmB;MACrE,IACEE,YAAY,GAAGC,SAAS,GAAGC,YAAY,GAAG,GAAG,IAC1C,CAACb,SAAS,EACb;QACAO,WAAW,CAACG,OAAO,GAAG,IAAI;QAC1B,IAAI;UACF,MAAMT,aAAa,GAAG,CAAC;QACzB,CAAC,SAAS;UACRM,WAAW,CAACG,OAAO,GAAG,KAAK;QAC7B;MACF;IACF;EACF,CAAC,EACD,CAACT,aAAa,EAAED,SAAS,CAC3B,CAAC;EAED,MAAMc,YAAY,GAAGrB,WAAW,CAC9B,MAAOsB,CAAgC,IAAK;IAC1C,MAAMP,qBAAqB,CAACO,CAAC,CAACC,aAAa,CAAC;EAC9C,CAAC,EACD,CAACR,qBAAqB,CACxB,CAAC;;EAED;;EAEA,oBACEhB,KAAA,CAAAyB,aAAA;IACEC,GAAG,EAAEZ,iBAAkB;IACvBD,SAAS,EAAEd,UAAU,CAACI,MAAM,CAACwB,kBAAkB,EAAEd,SAAS,CAAE;IAC5De,QAAQ,EAAEN;EAAa,gBAEvBtB,KAAA,CAAAyB,aAAA,6BACEzB,KAAA,CAAAyB,aAAA,CAACpB,WAAW;IAACE,KAAK,EAAEA;EAAM,CAAE,CAAC,eAC7BP,KAAA,CAAAyB,aAAA,CAACrB,SAAS;IACRyB,IAAI,EAAEtB,KAAK,CAACuB,WAAW,CAAC,CAAC,CAACD,IAAK;IAC/Bf,iBAAiB,EAAEA,iBAAkB;IACrCJ,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA;EAAsB,CAC9C,CACI,CACJ,CAAC;AAEV","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["classNames","React","useCallback","useRef","styles","TableBody","TableHeader","BaseTable","table","isLoading","fetchNextPage","onRowClick","rowHeight","renderCellContextMenu","className","tableContainerRef","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","createElement","ref","osdkTableContainer","onScroll","rows","getRowModel"],"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, { type ReactElement, useCallback, useRef } from \"react\";\nimport styles from \"./Table.module.css\";\nimport { TableBody } from \"./TableBody.js\";\nimport { TableHeader } from \"./TableHeader.js\";\n\nexport interface BaseTableProps<TData extends RowData> {\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}\n\nexport function BaseTable<TData extends RowData>(\n  {\n    table,\n    isLoading,\n    fetchNextPage,\n    onRowClick,\n    rowHeight,\n    renderCellContextMenu,\n    className,\n  }: BaseTableProps<TData>,\n): ReactElement {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\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  const fetchMoreOnEndReached = useCallback(\n    async (containerRefElement?: HTMLDivElement | null) => {\n      if (containerRefElement && !fetchingRef.current) {\n        const { scrollHeight, scrollTop, clientHeight } = containerRefElement;\n        if (\n          scrollHeight - scrollTop - clientHeight < 100\n          && !isLoading\n        ) {\n          fetchingRef.current = true;\n          try {\n            await fetchNextPage?.();\n          } finally {\n            fetchingRef.current = false;\n          }\n        }\n      }\n    },\n    [fetchNextPage, isLoading],\n  );\n\n  const handleScroll = useCallback(\n    async (e: React.UIEvent<HTMLDivElement>) => {\n      await fetchMoreOnEndReached(e.currentTarget);\n    },\n    [fetchMoreOnEndReached],\n  );\n\n  // TODO: Handle error, loading and empty states\n\n  return (\n    <div\n      ref={tableContainerRef}\n      className={classNames(styles.osdkTableContainer, className)}\n      onScroll={handleScroll}\n    >\n      <table>\n        <TableHeader table={table} />\n        <TableBody\n          rows={table.getRowModel().rows}\n          tableContainerRef={tableContainerRef}\n          onRowClick={onRowClick}\n          rowHeight={rowHeight}\n          renderCellContextMenu={renderCellContextMenu}\n        />\n      </table>\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,IAAuBC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACrE,OAAOC,MAAM,MAAM,oBAAoB;AACvC,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,WAAW,QAAQ,kBAAkB;AAe9C,OAAO,SAASC,SAASA,CACvB;EACEC,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,UAAU;EACVC,SAAS;EACTC,qBAAqB;EACrBC;AACqB,CAAC,EACV;EACd,MAAMC,iBAAiB,GAAGZ,MAAM,CAAiB,IAAI,CAAC;;EAEtD;EACA,MAAMa,WAAW,GAAGb,MAAM,CAAC,KAAK,CAAC;EAEjC,MAAMc,qBAAqB,GAAGf,WAAW,CACvC,MAAOgB,mBAA2C,IAAK;IACrD,IAAIA,mBAAmB,IAAI,CAACF,WAAW,CAACG,OAAO,EAAE;MAC/C,MAAM;QAAEC,YAAY;QAAEC,SAAS;QAAEC;MAAa,CAAC,GAAGJ,mBAAmB;MACrE,IACEE,YAAY,GAAGC,SAAS,GAAGC,YAAY,GAAG,GAAG,IAC1C,CAACb,SAAS,EACb;QACAO,WAAW,CAACG,OAAO,GAAG,IAAI;QAC1B,IAAI;UACF,MAAMT,aAAa,GAAG,CAAC;QACzB,CAAC,SAAS;UACRM,WAAW,CAACG,OAAO,GAAG,KAAK;QAC7B;MACF;IACF;EACF,CAAC,EACD,CAACT,aAAa,EAAED,SAAS,CAC3B,CAAC;EAED,MAAMc,YAAY,GAAGrB,WAAW,CAC9B,MAAOsB,CAAgC,IAAK;IAC1C,MAAMP,qBAAqB,CAACO,CAAC,CAACC,aAAa,CAAC;EAC9C,CAAC,EACD,CAACR,qBAAqB,CACxB,CAAC;;EAED;;EAEA,oBACEhB,KAAA,CAAAyB,aAAA;IACEC,GAAG,EAAEZ,iBAAkB;IACvBD,SAAS,EAAEd,UAAU,CAACI,MAAM,CAACwB,kBAAkB,EAAEd,SAAS,CAAE;IAC5De,QAAQ,EAAEN;EAAa,gBAEvBtB,KAAA,CAAAyB,aAAA,6BACEzB,KAAA,CAAAyB,aAAA,CAACpB,WAAW;IAACE,KAAK,EAAEA;EAAM,CAAE,CAAC,eAC7BP,KAAA,CAAAyB,aAAA,CAACrB,SAAS;IACRyB,IAAI,EAAEtB,KAAK,CAACuB,WAAW,CAAC,CAAC,CAACD,IAAK;IAC/Bf,iBAAiB,EAAEA,iBAAkB;IACrCJ,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA,SAAU;IACrBC,qBAAqB,EAAEA;EAAsB,CAC9C,CACI,CACJ,CAAC;AAEV","ignoreList":[]}

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

@@ -19,3 +19,4 @@
   height: 100%; /* needed for scrolling */
   overflow: auto;
 }
+

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

@@ -18,8 +18,9 @@ import { flexRender } from "@tanstack/react-table";
 import React, { useRef } from "react";
 import { CellContextMenu } from "./CellContextMenu.js";
 import { useCellContextMenu } from "./hooks/useCellContextMenu.js";
-import { SELECTION_COLUMN_ID } from "./hooks/useSelectionColumn.js";
 import styles from "./TableCell.module.css";
+import { SELECTION_COLUMN_ID } from "./utils/constants.js";
+import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
 export function TableCell({
   cell,
   renderCellContextMenu
@@ -34,12 +35,14 @@ export function TableCell({
   } = useCellContextMenu({
     tdRef
   });
+  const {
+    columnStyles
+  } = getColumnPinningStyles(cell.column);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("td", {
     ref: tdRef,
+    "data-pinned": cell.column.getIsPinned(),
     className: styles.osdkTableCell,
-    style: {
-      width: cell.column.getSize()
-    },
+    style: columnStyles,
     onContextMenu: handleOpenContextMenu
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.osdkTableCellContent

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["flexRender","React","useRef","CellContextMenu","useCellContextMenu","SELECTION_COLUMN_ID","styles","TableCell","cell","renderCellContextMenu","tdRef","isSelectColumn","column","id","isContextMenuOpen","handleOpenContextMenu","handleCloseContextMenu","popoverPosition","createElement","Fragment","ref","className","osdkTableCell","style","width","getSize","onContextMenu","osdkTableCellContent","columnDef","getContext","position","onClose","renderContent"],"sources":["TableCell.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 } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport React, { useRef } from \"react\";\nimport { CellContextMenu } from \"./CellContextMenu.js\";\nimport { useCellContextMenu } from \"./hooks/useCellContextMenu.js\";\nimport { SELECTION_COLUMN_ID } from \"./hooks/useSelectionColumn.js\";\nimport styles from \"./TableCell.module.css\";\n\ninterface TableCellProps<TData extends RowData> {\n  cell: Cell<TData, unknown>;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n}\n\nexport function TableCell<TData extends RowData>(\n  { cell, renderCellContextMenu }: TableCellProps<TData>,\n): React.ReactElement {\n  const tdRef = useRef<HTMLTableCellElement>(null);\n  const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;\n\n  const {\n    isContextMenuOpen,\n    handleOpenContextMenu,\n    handleCloseContextMenu,\n    popoverPosition,\n  } = useCellContextMenu({\n    tdRef,\n  });\n\n  const shouldRenderContextMenu = !isSelectColumn && isContextMenuOpen\n    && !!popoverPosition\n    && !!renderCellContextMenu;\n\n  return (\n    <>\n      <td\n        ref={tdRef}\n        className={styles.osdkTableCell}\n        style={{\n          width: cell.column.getSize(),\n        }}\n        onContextMenu={handleOpenContextMenu}\n      >\n        <div className={styles.osdkTableCellContent}>\n          {flexRender(cell.column.columnDef.cell, cell.getContext()) as\n            | ReactNode\n            | React.JSX.Element}\n        </div>\n      </td>\n      {shouldRenderContextMenu\n        && (\n          <CellContextMenu\n            cell={cell}\n            position={popoverPosition}\n            onClose={handleCloseContextMenu}\n            renderContent={renderCellContextMenu}\n          />\n        )}\n    </>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,mBAAmB,QAAQ,+BAA+B;AACnE,OAAOC,MAAM,MAAM,wBAAwB;AAU3C,OAAO,SAASC,SAASA,CACvB;EAAEC,IAAI;EAAEC;AAA6C,CAAC,EAClC;EACpB,MAAMC,KAAK,GAAGR,MAAM,CAAuB,IAAI,CAAC;EAChD,MAAMS,cAAc,GAAGH,IAAI,CAACI,MAAM,CAACC,EAAE,KAAKR,mBAAmB;EAE7D,MAAM;IACJS,iBAAiB;IACjBC,qBAAqB;IACrBC,sBAAsB;IACtBC;EACF,CAAC,GAAGb,kBAAkB,CAAC;IACrBM;EACF,CAAC,CAAC;EAMF,oBACET,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACElB,KAAA,CAAAiB,aAAA;IACEE,GAAG,EAAEV,KAAM;IACXW,SAAS,EAAEf,MAAM,CAACgB,aAAc;IAChCC,KAAK,EAAE;MACLC,KAAK,EAAEhB,IAAI,CAACI,MAAM,CAACa,OAAO,CAAC;IAC7B,CAAE;IACFC,aAAa,EAAEX;EAAsB,gBAErCd,KAAA,CAAAiB,aAAA;IAAKG,SAAS,EAAEf,MAAM,CAACqB;EAAqB,GACzC3B,UAAU,CAACQ,IAAI,CAACI,MAAM,CAACgB,SAAS,CAACpB,IAAI,EAAEA,IAAI,CAACqB,UAAU,CAAC,CAAC,CAGtD,CACH,CAAC,EAnBuB,CAAClB,cAAc,IAAIG,iBAAiB,IAC/D,CAAC,CAACG,eAAe,IACjB,CAAC,CAACR,qBAAqB,iBAoBpBR,KAAA,CAAAiB,aAAA,CAACf,eAAe;IACdK,IAAI,EAAEA,IAAK;IACXsB,QAAQ,EAAEb,eAAgB;IAC1Bc,OAAO,EAAEf,sBAAuB;IAChCgB,aAAa,EAAEvB;EAAsB,CACtC,CAEL,CAAC;AAEP","ignoreList":[]}
+{"version":3,"file":"TableCell.js","names":["flexRender","React","useRef","CellContextMenu","useCellContextMenu","styles","SELECTION_COLUMN_ID","getColumnPinningStyles","TableCell","cell","renderCellContextMenu","tdRef","isSelectColumn","column","id","isContextMenuOpen","handleOpenContextMenu","handleCloseContextMenu","popoverPosition","columnStyles","createElement","Fragment","ref","getIsPinned","className","osdkTableCell","style","onContextMenu","osdkTableCellContent","columnDef","getContext","position","onClose","renderContent"],"sources":["TableCell.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 } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport React, { useRef } from \"react\";\nimport { CellContextMenu } from \"./CellContextMenu.js\";\nimport { useCellContextMenu } from \"./hooks/useCellContextMenu.js\";\nimport styles from \"./TableCell.module.css\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\n\ninterface TableCellProps<TData extends RowData> {\n  cell: Cell<TData, unknown>;\n  renderCellContextMenu?: (\n    row: TData,\n    cell: Cell<TData, unknown>,\n  ) => React.ReactNode;\n}\n\nexport function TableCell<TData extends RowData>(\n  { cell, renderCellContextMenu }: TableCellProps<TData>,\n): React.ReactElement {\n  const tdRef = useRef<HTMLTableCellElement>(null);\n  const isSelectColumn = cell.column.id === SELECTION_COLUMN_ID;\n\n  const {\n    isContextMenuOpen,\n    handleOpenContextMenu,\n    handleCloseContextMenu,\n    popoverPosition,\n  } = useCellContextMenu({\n    tdRef,\n  });\n\n  const shouldRenderContextMenu = !isSelectColumn && isContextMenuOpen\n    && !!popoverPosition\n    && !!renderCellContextMenu;\n\n  const { columnStyles } = getColumnPinningStyles(cell.column);\n\n  return (\n    <>\n      <td\n        ref={tdRef}\n        data-pinned={cell.column.getIsPinned()}\n        className={styles.osdkTableCell}\n        style={columnStyles}\n        onContextMenu={handleOpenContextMenu}\n      >\n        <div className={styles.osdkTableCellContent}>\n          {flexRender(cell.column.columnDef.cell, cell.getContext()) as\n            | ReactNode\n            | React.JSX.Element}\n        </div>\n      </td>\n      {shouldRenderContextMenu\n        && (\n          <CellContextMenu\n            cell={cell}\n            position={popoverPosition}\n            onClose={handleCloseContextMenu}\n            renderContent={renderCellContextMenu}\n          />\n        )}\n    </>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,kBAAkB,QAAQ,+BAA+B;AAClE,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,sBAAsB,QAAQ,mCAAmC;AAU1E,OAAO,SAASC,SAASA,CACvB;EAAEC,IAAI;EAAEC;AAA6C,CAAC,EAClC;EACpB,MAAMC,KAAK,GAAGT,MAAM,CAAuB,IAAI,CAAC;EAChD,MAAMU,cAAc,GAAGH,IAAI,CAACI,MAAM,CAACC,EAAE,KAAKR,mBAAmB;EAE7D,MAAM;IACJS,iBAAiB;IACjBC,qBAAqB;IACrBC,sBAAsB;IACtBC;EACF,CAAC,GAAGd,kBAAkB,CAAC;IACrBO;EACF,CAAC,CAAC;EAMF,MAAM;IAAEQ;EAAa,CAAC,GAAGZ,sBAAsB,CAACE,IAAI,CAACI,MAAM,CAAC;EAE5D,oBACEZ,KAAA,CAAAmB,aAAA,CAAAnB,KAAA,CAAAoB,QAAA,qBACEpB,KAAA,CAAAmB,aAAA;IACEE,GAAG,EAAEX,KAAM;IACX,eAAaF,IAAI,CAACI,MAAM,CAACU,WAAW,CAAC,CAAE;IACvCC,SAAS,EAAEnB,MAAM,CAACoB,aAAc;IAChCC,KAAK,EAAEP,YAAa;IACpBQ,aAAa,EAAEX;EAAsB,gBAErCf,KAAA,CAAAmB,aAAA;IAAKI,SAAS,EAAEnB,MAAM,CAACuB;EAAqB,GACzC5B,UAAU,CAACS,IAAI,CAACI,MAAM,CAACgB,SAAS,CAACpB,IAAI,EAAEA,IAAI,CAACqB,UAAU,CAAC,CAAC,CAGtD,CACH,CAAC,EApBuB,CAAClB,cAAc,IAAIG,iBAAiB,IAC/D,CAAC,CAACG,eAAe,IACjB,CAAC,CAACR,qBAAqB,iBAqBpBT,KAAA,CAAAmB,aAAA,CAACjB,eAAe;IACdM,IAAI,EAAEA,IAAK;IACXsB,QAAQ,EAAEb,eAAgB;IAC1Bc,OAAO,EAAEf,sBAAuB;IAChCgB,aAAa,EAAEvB;EAAsB,CACtC,CAEL,CAAC;AAEP","ignoreList":[]}

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

@@ -38,7 +38,24 @@
   justify-content: center;
 }
 
-.osdkTableCellContent {
+
+.osdkTableCell[data-pinned="left"],
+.osdkTableCell[data-pinned="right"] {
+  position: sticky;
+  z-index: var(--bp-surface-zIndex-1);
+}
+
+/* Last left-pinned column - no left-pinned siblings after it */
+.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {
+  border-right: calc(var(--bp-surface-borderWidth) * 2) solid var(--osdk-table-border-color);
+}
+
+/* First right-pinned column - no right-pinned siblings before it */
+.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {
+  border-left: calc(var(--bp-surface-borderWidth) * 2) solid var(--osdk-table-border-color);
+}
+
+.osdkTableCellContent:not(:has([role="checkbox"])) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

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

@@ -14,9 +14,12 @@
  * limitations under the License.
  */
 
-import { flexRender } from "@tanstack/react-table";
 import React from "react";
 import styles from "./TableHeader.module.css";
+import { TableHeaderContent } from "./TableHeaderContent.js";
+import { TableHeaderWithPopover } from "./TableHeaderWithPopover.js";
+import { SELECTION_COLUMN_ID } from "./utils/constants.js";
+import { getColumnPinningStyles } from "./utils/getColumnPinningStyles.js";
 export function TableHeader({
   table
 }) {
@@ -29,17 +32,29 @@ export function TableHeader({
   }, table.getHeaderGroups().map(headerGroup => /*#__PURE__*/React.createElement("tr", {
     key: headerGroup.id,
     className: styles.osdkTableHeaderRow
-  }, headerGroup.headers.map(header => /*#__PURE__*/React.createElement("th", {
-    key: header.id,
-    className: styles.osdkTableHeaderCell,
-    style: {
-      width: header.getSize()
-    }
-  }, header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
-    className: styles.osdkTableHeaderResizer,
-    onDoubleClick: () => header.column.resetSize(),
-    onMouseDown: header.getResizeHandler(),
-    onTouchStart: header.getResizeHandler()
-  }))))));
+  }, headerGroup.headers.map(header => {
+    const {
+      columnStyles
+    } = getColumnPinningStyles(header.column);
+    const isColumnPinned = header.column.getIsPinned();
+    const isSelectColumn = header.id === SELECTION_COLUMN_ID;
+    return /*#__PURE__*/React.createElement("th", {
+      key: header.id,
+      "data-pinned": header.column.getIsPinned(),
+      className: styles.osdkTableHeaderCell,
+      style: columnStyles
+    }, header.isPlaceholder ? null : isSelectColumn ? /*#__PURE__*/React.createElement(TableHeaderContent, {
+      header: header
+    }) : /*#__PURE__*/React.createElement(TableHeaderWithPopover, {
+      header: header,
+      isColumnPinned: isColumnPinned,
+      setColumnPinning: table.setColumnPinning
+    }), header.column.getCanResize() && /*#__PURE__*/React.createElement("div", {
+      className: styles.osdkTableHeaderResizer,
+      onDoubleClick: () => header.column.resetSize(),
+      onMouseDown: header.getResizeHandler(),
+      onTouchStart: header.getResizeHandler()
+    }));
+  }))));
 }
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["flexRender","React","styles","TableHeader","table","isResizing","getState","columnSizingInfo","isResizingColumn","createElement","className","osdkTableHeader","getHeaderGroups","map","headerGroup","key","id","osdkTableHeaderRow","headers","header","osdkTableHeaderCell","style","width","getSize","isPlaceholder","column","columnDef","getContext","getCanResize","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart"],"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 { RowData, Table } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport type { ReactNode } from \"react\";\nimport React from \"react\";\nimport styles from \"./TableHeader.module.css\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  table: Table<TData>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  table,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  return (\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            <th\n              key={header.id}\n              className={styles.osdkTableHeaderCell}\n              style={{\n                width: header.getSize(),\n              }}\n            >\n              {header.isPlaceholder\n                ? null\n                : flexRender(\n                  header.column.columnDef.header,\n                  header.getContext(),\n                ) as ReactNode | React.JSX.Element}\n              {header.column.getCanResize() && (\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        </tr>\n      ))}\n    </thead>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,UAAU,QAAQ,uBAAuB;AAElD,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAM7C,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C;;EAEA,MAAMC,UAAU,GAAG,CAAC,CAACD,KAAK,CAACE,QAAQ,CAAC,CAAC,CAACC,gBAAgB,EAAEC,gBAAgB;EAExE,oBACEP,KAAA,CAAAQ,aAAA;IAAOC,SAAS,EAAER,MAAM,CAACS,eAAgB;IAAC,iBAAeN;EAAW,GACjED,KAAK,CAACQ,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,iBACvCb,KAAA,CAAAQ,aAAA;IACEM,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBN,SAAS,EAAER,MAAM,CAACe;EAAmB,GAEpCH,WAAW,CAACI,OAAO,CAACL,GAAG,CAAEM,MAAM,iBAC9BlB,KAAA,CAAAQ,aAAA;IACEM,GAAG,EAAEI,MAAM,CAACH,EAAG;IACfN,SAAS,EAAER,MAAM,CAACkB,mBAAoB;IACtCC,KAAK,EAAE;MACLC,KAAK,EAAEH,MAAM,CAACI,OAAO,CAAC;IACxB;EAAE,GAEDJ,MAAM,CAACK,aAAa,GACjB,IAAI,GACJxB,UAAU,CACVmB,MAAM,CAACM,MAAM,CAACC,SAAS,CAACP,MAAM,EAC9BA,MAAM,CAACQ,UAAU,CAAC,CACpB,CAAkC,EACnCR,MAAM,CAACM,MAAM,CAACG,YAAY,CAAC,CAAC,iBAC3B3B,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAER,MAAM,CAAC2B,sBAAuB;IACzCC,aAAa,EAAEA,CAAA,KAAMX,MAAM,CAACM,MAAM,CAACM,SAAS,CAAC,CAAE;IAC/CC,WAAW,EAAEb,MAAM,CAACc,gBAAgB,CAAC,CAAE;IACvCC,YAAY,EAAEf,MAAM,CAACc,gBAAgB,CAAC;EAAE,CACzC,CAED,CACL,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"file":"TableHeader.js","names":["React","styles","TableHeaderContent","TableHeaderWithPopover","SELECTION_COLUMN_ID","getColumnPinningStyles","TableHeader","table","isResizing","getState","columnSizingInfo","isResizingColumn","createElement","className","osdkTableHeader","getHeaderGroups","map","headerGroup","key","id","osdkTableHeaderRow","headers","header","columnStyles","column","isColumnPinned","getIsPinned","isSelectColumn","osdkTableHeaderCell","style","isPlaceholder","setColumnPinning","getCanResize","osdkTableHeaderResizer","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart"],"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 { RowData, Table } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport styles from \"./TableHeader.module.css\";\nimport { TableHeaderContent } from \"./TableHeaderContent.js\";\nimport { TableHeaderWithPopover } from \"./TableHeaderWithPopover.js\";\nimport { SELECTION_COLUMN_ID } from \"./utils/constants.js\";\nimport { getColumnPinningStyles } from \"./utils/getColumnPinningStyles.js\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  table: Table<TData>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  table,\n}: TableHeaderProps<TData>): React.ReactElement {\n  // TODO: If value is number type, right align header\n\n  const isResizing = !!table.getState().columnSizingInfo?.isResizingColumn;\n\n  return (\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={styles.osdkTableHeaderCell}\n                style={columnStyles}\n              >\n                {header.isPlaceholder\n                  ? null\n                  : isSelectColumn\n                  ? <TableHeaderContent header={header} />\n                  : (\n                    <TableHeaderWithPopover\n                      header={header}\n                      isColumnPinned={isColumnPinned}\n                      setColumnPinning={table.setColumnPinning}\n                    />\n                  )}\n                {header.column.getCanResize() && (\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  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAC7C,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,sBAAsB,QAAQ,6BAA6B;AACpE,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,SAASC,sBAAsB,QAAQ,mCAAmC;AAM1E,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C;;EAEA,MAAMC,UAAU,GAAG,CAAC,CAACD,KAAK,CAACE,QAAQ,CAAC,CAAC,CAACC,gBAAgB,EAAEC,gBAAgB;EAExE,oBACEX,KAAA,CAAAY,aAAA;IAAOC,SAAS,EAAEZ,MAAM,CAACa,eAAgB;IAAC,iBAAeN;EAAW,GACjED,KAAK,CAACQ,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,WAAW,iBACvCjB,KAAA,CAAAY,aAAA;IACEM,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBN,SAAS,EAAEZ,MAAM,CAACmB;EAAmB,GAEpCH,WAAW,CAACI,OAAO,CAACL,GAAG,CAAEM,MAAM,IAAK;IACnC,MAAM;MAAEC;IAAa,CAAC,GAAGlB,sBAAsB,CAACiB,MAAM,CAACE,MAAM,CAAC;IAC9D,MAAMC,cAAc,GAAGH,MAAM,CAACE,MAAM,CAACE,WAAW,CAAC,CAAC;IAClD,MAAMC,cAAc,GAAGL,MAAM,CAACH,EAAE,KAAKf,mBAAmB;IACxD,oBACEJ,KAAA,CAAAY,aAAA;MACEM,GAAG,EAAEI,MAAM,CAACH,EAAG;MACf,eAAaG,MAAM,CAACE,MAAM,CAACE,WAAW,CAAC,CAAE;MACzCb,SAAS,EAAEZ,MAAM,CAAC2B,mBAAoB;MACtCC,KAAK,EAAEN;IAAa,GAEnBD,MAAM,CAACQ,aAAa,GACjB,IAAI,GACJH,cAAc,gBACd3B,KAAA,CAAAY,aAAA,CAACV,kBAAkB;MAACoB,MAAM,EAAEA;IAAO,CAAE,CAAC,gBAEtCtB,KAAA,CAAAY,aAAA,CAACT,sBAAsB;MACrBmB,MAAM,EAAEA,MAAO;MACfG,cAAc,EAAEA,cAAe;MAC/BM,gBAAgB,EAAExB,KAAK,CAACwB;IAAiB,CAC1C,CACF,EACFT,MAAM,CAACE,MAAM,CAACQ,YAAY,CAAC,CAAC,iBAC3BhC,KAAA,CAAAY,aAAA;MACEC,SAAS,EAAEZ,MAAM,CAACgC,sBAAuB;MACzCC,aAAa,EAAEA,CAAA,KAAMZ,MAAM,CAACE,MAAM,CAACW,SAAS,CAAC,CAAE;MAC/CC,WAAW,EAAEd,MAAM,CAACe,gBAAgB,CAAC,CAAE;MACvCC,YAAY,EAAEhB,MAAM,CAACe,gBAAgB,CAAC;IAAE,CACzC,CAED,CAAC;EAET,CAAC,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -27,6 +27,7 @@
   user-select: none;
 }
 
+
 .osdkTableHeaderRow {
   display: flex;
 }
@@ -53,6 +54,22 @@
   }
 }
 
+.osdkTableHeaderCell[data-pinned="left"],
+.osdkTableHeaderCell[data-pinned="right"] {
+  position: sticky;
+  z-index: var(--bp-surface-zIndex-2);
+}
+
+/* Last left-pinned column - no left-pinned siblings after it */
+.osdkTableHeaderCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {
+  border-right: calc(var(--osdk-table-border-width)* 2) solid var(--osdk-table-border-color);
+}
+
+/* First right-pinned column - no right-pinned siblings before it */
+.osdkTableHeaderCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {
+  border-left: calc(var(--osdk-table-border-width)* 2) solid var(--osdk-table-border-color);
+}
+
 .osdkTableHeaderCell:has([role="checkbox"]) {
   justify-content: center;
 }

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

@@ -0,0 +1,27 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { flexRender } from "@tanstack/react-table";
+import React from "react";
+import styles from "./TableHeaderContent.module.css";
+export function TableHeaderContent({
+  header
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkHeaderContent
+  }, flexRender(header.column.columnDef.header, header.getContext()));
+}
+//# sourceMappingURL=TableHeaderContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeaderContent.js","names":["flexRender","React","styles","TableHeaderContent","header","createElement","className","osdkHeaderContent","column","columnDef","getContext"],"sources":["TableHeaderContent.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 { flexRender, type Header, type RowData } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport styles from \"./TableHeaderContent.module.css\";\n\ninterface TableHeaderContentProps<TData extends RowData> {\n  header: Header<TData, unknown>;\n}\n\nexport function TableHeaderContent<TData extends RowData>(\n  { header }: TableHeaderContentProps<TData>,\n): React.ReactElement {\n  return (\n    <div className={styles.osdkHeaderContent}>\n      {flexRender(\n        header.column.columnDef.header,\n        header.getContext(),\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAmC,uBAAuB;AAC7E,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,iCAAiC;AAMpD,OAAO,SAASC,kBAAkBA,CAChC;EAAEC;AAAuC,CAAC,EACtB;EACpB,oBACEH,KAAA,CAAAI,aAAA;IAAKC,SAAS,EAAEJ,MAAM,CAACK;EAAkB,GACtCP,UAAU,CACTI,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAC9BA,MAAM,CAACM,UAAU,CAAC,CACpB,CACG,CAAC;AAEV","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.osdkHeaderContent {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.osdkHeaderContent:has([role="checkbox"]) {
+  display: flex;
+  justify-content: center;
+}