@osdk/react-components 0.1.0-beta.0 → 0.1.0-beta.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @osdk/react-components
 
+## 0.1.0-beta.1
+
+### Minor Changes
+
+- 139913d: ObjectTable first impl
+- 800103e: Update README
+
+### Patch Changes
+
+- Updated dependencies [c9ca08d]
+- Updated dependencies [c332598]
+- Updated dependencies [0b2cd91]
+  - @osdk/api@2.7.0-beta.6
+  - @osdk/client@2.7.0-beta.6
+  - @osdk/react@0.9.0-beta.4
+
 ## 0.1.0-beta.0
 
 ### Minor Changes

package/README.md

@@ -1,17 +1,67 @@
 # @osdk/react-components
 
-React components library for building applications with the Ontology SDK.
+React components for building Foundry applications. These components are Ontology-aware — pass in OSDK entities, and they handle data loading, caching, and state management automatically.
+
+Built on top of [@osdk/react](../react), these components use OSDK hooks internally to provide ready-to-use UI elements. While @osdk/react gives you low-level hooks for data fetching, @osdk/react-components provides UI widgets for common patterns like tables and forms.
 
 ## Installation
 
 ```sh
-npm install @osdk/react-components
+npm install @osdk/react-components @osdk/react
 ```
 
-## Usage
+**Prerequisites:**
+
+- React 18
+- A configured OSDK client
+- An OsdkProvider wrapping your application
+
+## Components
+
+> **Note:** This package is under active development. Not all components listed below are available yet.
+
+The components that this package will provide are:
+
+| Component     | Description                                                                        |
+| ------------- | ---------------------------------------------------------------------------------- |
+| `ObjectTable` | Displays an Object Set as a sortable, paginated table                              |
+| `FilterList`  | Visualize a high-level summary of objects data to allow users to filter that data. |
+| `ActionForm`  | Auto-generated form for executing Ontology Actions                                 |
+
+## Example Usage
+
+### Object Table
+
+```ts
+import { ObjectTable } from "@osdk/react-components";
+import { $, Employee } from "@your-osdk-package";
 
-This package provides reusable React components built on top of `@osdk/react` for common Ontology SDK use cases.
+function EmployeeDirectory() {
+  const employeeObjectSet = $(Employee).where({ department: "Engineering" });
 
-```typescript
-import {/* your components */} from "@osdk/components";
+  return (
+    <ObjectTable
+      objectSet={employeeObjectSet}
+      objectType={Employee}
+    />
+  );
+}
 ```
+
+## Why this package?
+
+**OSDK-native.** These components understand Foundry concepts like Objects, Object Sets, and Actions. They are purpose-built for Ontology data.
+
+**Best practices included.** Loading states, error handling, caching, and data freshness are handled for you — no need to reimplement these patterns for each component.
+
+**Fully customizable.** Supports custom styling for any design system.
+
+## What this package is (and isn't)
+
+**Included:** Components that consume OSDK entities directly — tables, forms, filtering patterns.
+
+**Not included:** Generic UI primitives (buttons, inputs, modals). Use [Blueprint.js](blueprintjs.com) or your preferred component library for those.
+
+## License
+
+Apache 2.0

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

@@ -0,0 +1,70 @@
+/*
+ * 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 { getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import React from "react";
+import { useColumnDefs } from "./hooks/useColumnDefs.js";
+import { useDefaultTableStates } from "./hooks/useDefaultTableStates.js";
+import { useObjectTableData } from "./hooks/useObjectTableData.js";
+import { Table } from "./Table.js";
+
+/**
+ * ObjectTable - A headless table component for displaying OSDK object sets
+ *
+ * @example
+ * ```tsx
+ * <ObjectTable objectSet={myObjectSet} objectType={MyObjectType} />
+ * ```
+ */
+
+export function ObjectTable({
+  objectSet,
+  objectType,
+  columnDefinitions,
+  onRowClick,
+  rowHeight
+}) {
+  const {
+    data,
+    fetchMore,
+    isLoading
+  } = useObjectTableData(objectSet, columnDefinitions);
+  const {
+    columns,
+    loading: isColumnsLoading
+  } = useColumnDefs(objectType, columnDefinitions);
+  const {
+    columnVisibility
+  } = useDefaultTableStates({
+    columnDefinitions
+  });
+  const table = useReactTable({
+    data: data ?? [],
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    state: {
+      columnVisibility
+    }
+  });
+  return /*#__PURE__*/React.createElement(Table, {
+    table: table,
+    isLoading: isLoading || isColumnsLoading,
+    fetchNextPage: fetchMore,
+    onRowClick: onRowClick,
+    rowHeight: rowHeight
+  });
+}
+//# sourceMappingURL=ObjectTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectTable.js","names":["getCoreRowModel","useReactTable","React","useColumnDefs","useDefaultTableStates","useObjectTableData","Table","ObjectTable","objectSet","objectType","columnDefinitions","onRowClick","rowHeight","data","fetchMore","isLoading","columns","loading","isColumnsLoading","columnVisibility","table","state","createElement","fetchNextPage"],"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 { getCoreRowModel, useReactTable } from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { useColumnDefs } from \"./hooks/useColumnDefs.js\";\nimport { useDefaultTableStates } from \"./hooks/useDefaultTableStates.js\";\nimport { useObjectTableData } from \"./hooks/useObjectTableData.js\";\nimport type { ObjectTableProps } from \"./ObjectTableApi.js\";\nimport { Table } from \"./Table.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  onRowClick,\n  rowHeight,\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  );\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 table = useReactTable<\n    Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>\n  >({\n    data: data ?? [],\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      columnVisibility,\n    },\n  });\n\n  const isTableLoading = isLoading || isColumnsLoading;\n\n  return (\n    <Table\n      table={table}\n      isLoading={isTableLoading}\n      fetchNextPage={fetchMore}\n      onRowClick={onRowClick}\n      rowHeight={rowHeight}\n    />\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA,SAASA,eAAe,EAAEC,aAAa,QAAQ,uBAAuB;AACtE,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,qBAAqB,QAAQ,kCAAkC;AACxE,SAASC,kBAAkB,QAAQ,+BAA+B;AAElE,SAASC,KAAK,QAAQ,YAAY;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,SAASC,WAAWA,CAUzB;EACAC,SAAS;EACTC,UAAU;EACVC,iBAAiB;EACjBC,UAAU;EACVC;AAC0C,CAAC,EAAsB;EACjE,MAAM;IAAEC,IAAI;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGV,kBAAkB,CAKvDG,SAAS,EACTE,iBACF,CAAC;EAED,MAAM;IAAEM,OAAO;IAAEC,OAAO,EAAEC;EAAiB,CAAC,GAAGf,aAAa,CAK1DM,UAAU,EACVC,iBACF,CAAC;EAED,MAAM;IAAES;EAAiB,CAAC,GAAGf,qBAAqB,CAAC;IAAEM;EAAkB,CAAC,CAAC;EAEzE,MAAMU,KAAK,GAAGnB,aAAa,CAEzB;IACAY,IAAI,EAAEA,IAAI,IAAI,EAAE;IAChBG,OAAO;IACPhB,eAAe,EAAEA,eAAe,CAAC,CAAC;IAClCqB,KAAK,EAAE;MACLF;IACF;EACF,CAAC,CAAC;EAIF,oBACEjB,KAAA,CAAAoB,aAAA,CAAChB,KAAK;IACJc,KAAK,EAAEA,KAAM;IACbL,SAAS,EALUA,SAAS,IAAIG,gBAKN;IAC1BK,aAAa,EAAET,SAAU;IACzBH,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","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>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>>,\n> = {\n  locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>;\n  isVisible?: boolean;\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>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n  renderHeader?: () => React.ReactNode;\n};\n\ntype ColumnDefinitionLocator<\n  Q extends ObjectTypeDefinition,\n  RDPs extends Record<string, SimplePropertyDef>,\n  FunctionColumns extends Record<string, QueryDefinition<{}>> = {},\n> =\n  | {\n    type: \"property\";\n    propertyKey: 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> = {},\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   * 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 cell is clicked.\n   *\n   * @param object The object representing the row\n   * @param columnDefinition The column definition for the clicked cell\n   */\n  onCellClick?: (\n    object: Osdk.Instance<Q>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => void;\n\n  /**\n   * Called when a row is clicked.\n   *\n   * @param object The object representing the clicked row\n   */\n  onRowClick?: (object: Osdk.Instance<Q>) => 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  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 objects The currently selected objects\n   */\n  onRowSelection?: (objects: PrimaryKeyType<Q>[]) => void;\n\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    object: Osdk.Instance<Q>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\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 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 cell is clicked.\n   *\n   * @param object The object representing the row\n   * @param columnDefinition The column definition for the clicked cell\n   */\n  onCellClick?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\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  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 objects The currently selected objects\n   */\n  onRowSelection?: (objects: PrimaryKeyType<Q>[]) => void;\n\n  /**\n   * If provided, will render this context menu when right clicking on a cell\n   */\n  renderCellContextMenu?: (\n    object: Osdk.Instance<Q, \"$allBaseProperties\", PropertyKeys<Q>, RDPs>,\n    locator: ColumnDefinitionLocator<Q, RDPs, FunctionColumns>,\n  ) => React.ReactNode;\n\n  /**\n   * The height of each row in pixels.\n   *\n   * @default 40\n   */\n  rowHeight?: number;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+/*
+ * 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 React, { useCallback, useRef } from "react";
+import { TableBody } from "./TableBody.js";
+import { TableHeader } from "./TableHeader.js";
+export function Table({
+  table,
+  isLoading,
+  fetchNextPage,
+  onRowClick,
+  rowHeight
+}) {
+  const tableContainerRef = useRef(null);
+
+  // Using a ref to prevent duplicate fetches from rapid scroll events while a fetch is in-flight
+  const fetchingRef = useRef(false);
+  const fetchMoreOnEndReached = useCallback(async containerRefElement => {
+    if (containerRefElement && !fetchingRef.current) {
+      const {
+        scrollHeight,
+        scrollTop,
+        clientHeight
+      } = containerRefElement;
+      if (scrollHeight - scrollTop - clientHeight < 100 && !isLoading) {
+        fetchingRef.current = true;
+        try {
+          await fetchNextPage?.();
+        } finally {
+          fetchingRef.current = false;
+        }
+      }
+    }
+  }, [fetchNextPage, isLoading]);
+  const handleScroll = useCallback(async e => {
+    await fetchMoreOnEndReached(e.currentTarget);
+  }, [fetchMoreOnEndReached]);
+
+  // TODO: Handle error, loading and empty states
+
+  return /*#__PURE__*/React.createElement("div", {
+    ref: tableContainerRef,
+    style: {
+      position: "relative",
+      // needed for sticky header
+      height: "100%",
+      // needed for scrolling
+      overflow: "auto"
+    },
+    onScroll: handleScroll
+  }, /*#__PURE__*/React.createElement("table", {
+    style: {
+      display: "grid"
+    }
+  }, /*#__PURE__*/React.createElement(TableHeader, {
+    headerGroups: table.getHeaderGroups()
+  }), /*#__PURE__*/React.createElement(TableBody, {
+    rows: table.getRowModel().rows,
+    tableContainerRef: tableContainerRef,
+    onRowClick: onRowClick,
+    rowHeight: rowHeight
+  })));
+}
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":["React","useCallback","useRef","TableBody","TableHeader","Table","table","isLoading","fetchNextPage","onRowClick","rowHeight","tableContainerRef","fetchingRef","fetchMoreOnEndReached","containerRefElement","current","scrollHeight","scrollTop","clientHeight","handleScroll","e","currentTarget","createElement","ref","style","position","height","overflow","onScroll","display","headerGroups","getHeaderGroups","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 { RowData, Table } from \"@tanstack/react-table\";\nimport React, { type ReactElement, useCallback, useRef } from \"react\";\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}\n\nexport function Table<TData extends RowData>(\n  { table, isLoading, fetchNextPage, onRowClick, rowHeight }: 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      style={{\n        position: \"relative\", // needed for sticky header\n        height: \"100%\", // needed for scrolling\n        overflow: \"auto\",\n      }}\n      onScroll={handleScroll}\n    >\n      <table\n        style={{ display: \"grid\" }}\n      >\n        <TableHeader headerGroups={table.getHeaderGroups()} />\n        <TableBody\n          rows={table.getRowModel().rows}\n          tableContainerRef={tableContainerRef}\n          onRowClick={onRowClick}\n          rowHeight={rowHeight}\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,KAAK,IAAuBC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACrE,SAASC,SAAS,QAAQ,gBAAgB;AAC1C,SAASC,WAAW,QAAQ,kBAAkB;AAU9C,OAAO,SAASC,KAAKA,CACnB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,aAAa;EAAEC,UAAU;EAAEC;AAA6B,CAAC,EAC/D;EACd,MAAMC,iBAAiB,GAAGT,MAAM,CAAiB,IAAI,CAAC;;EAEtD;EACA,MAAMU,WAAW,GAAGV,MAAM,CAAC,KAAK,CAAC;EAEjC,MAAMW,qBAAqB,GAAGZ,WAAW,CACvC,MAAOa,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,CAACX,SAAS,EACb;QACAK,WAAW,CAACG,OAAO,GAAG,IAAI;QAC1B,IAAI;UACF,MAAMP,aAAa,GAAG,CAAC;QACzB,CAAC,SAAS;UACRI,WAAW,CAACG,OAAO,GAAG,KAAK;QAC7B;MACF;IACF;EACF,CAAC,EACD,CAACP,aAAa,EAAED,SAAS,CAC3B,CAAC;EAED,MAAMY,YAAY,GAAGlB,WAAW,CAC9B,MAAOmB,CAAgC,IAAK;IAC1C,MAAMP,qBAAqB,CAACO,CAAC,CAACC,aAAa,CAAC;EAC9C,CAAC,EACD,CAACR,qBAAqB,CACxB,CAAC;;EAED;;EAEA,oBACEb,KAAA,CAAAsB,aAAA;IACEC,GAAG,EAAEZ,iBAAkB;IACvBa,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MAAE;MACtBC,MAAM,EAAE,MAAM;MAAE;MAChBC,QAAQ,EAAE;IACZ,CAAE;IACFC,QAAQ,EAAET;EAAa,gBAEvBnB,KAAA,CAAAsB,aAAA;IACEE,KAAK,EAAE;MAAEK,OAAO,EAAE;IAAO;EAAE,gBAE3B7B,KAAA,CAAAsB,aAAA,CAAClB,WAAW;IAAC0B,YAAY,EAAExB,KAAK,CAACyB,eAAe,CAAC;EAAE,CAAE,CAAC,eACtD/B,KAAA,CAAAsB,aAAA,CAACnB,SAAS;IACR6B,IAAI,EAAE1B,KAAK,CAAC2B,WAAW,CAAC,CAAC,CAACD,IAAK;IAC/BrB,iBAAiB,EAAEA,iBAAkB;IACrCF,UAAU,EAAEA,UAAW;IACvBC,SAAS,EAAEA;EAAU,CACtB,CACI,CACJ,CAAC;AAEV","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+/*
+ * 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 { useVirtualizer } from "@tanstack/react-virtual";
+import React, { useLayoutEffect } from "react";
+import { TableRow } from "./TableRow.js";
+export function TableBody({
+  rows,
+  tableContainerRef,
+  onRowClick,
+  rowHeight = 40
+}) {
+  // Important: Keep the row virtualizer in the lowest component possible to avoid unnecessary re-renders.
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    estimateSize: () => rowHeight,
+    getScrollElement: () => tableContainerRef.current,
+    overscan: 5
+  });
+
+  // Measure the virtualizer after the DOM has been laid out to ensure proper dimensions
+  useLayoutEffect(() => {
+    rowVirtualizer.measure();
+  }, [rowVirtualizer, rows.length]);
+  return /*#__PURE__*/React.createElement("tbody", {
+    style: {
+      display: "grid",
+      position: "relative",
+      height: `${rowVirtualizer.getTotalSize()}px`
+    }
+  }, rowVirtualizer.getVirtualItems().map(virtualRow => {
+    const row = rows[virtualRow.index];
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: row.id,
+      row: row,
+      virtualRow: virtualRow,
+      onRowClick: onRowClick
+    });
+  }));
+}
+//# sourceMappingURL=TableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","names":["useVirtualizer","React","useLayoutEffect","TableRow","TableBody","rows","tableContainerRef","onRowClick","rowHeight","rowVirtualizer","count","length","estimateSize","getScrollElement","current","overscan","measure","createElement","style","display","position","height","getTotalSize","getVirtualItems","map","virtualRow","row","index","key","id"],"sources":["TableBody.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 { Row, RowData } from \"@tanstack/react-table\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport React, { useLayoutEffect } from \"react\";\nimport { TableRow } from \"./TableRow.js\";\n\ninterface TableBodyProps<TData extends RowData> {\n  rows: Array<Row<TData>>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  onRowClick?: (row: TData) => void;\n  rowHeight?: number;\n}\n\nexport function TableBody<TData extends RowData>({\n  rows,\n  tableContainerRef,\n  onRowClick,\n  rowHeight = 40,\n}: TableBodyProps<TData>): React.ReactElement {\n  // Important: Keep the row virtualizer in the lowest component possible to avoid unnecessary re-renders.\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: rows.length,\n    estimateSize: () => rowHeight,\n    getScrollElement: () => tableContainerRef.current,\n    overscan: 5,\n  });\n\n  // Measure the virtualizer after the DOM has been laid out to ensure proper dimensions\n  useLayoutEffect(() => {\n    rowVirtualizer.measure();\n  }, [rowVirtualizer, rows.length]);\n\n  return (\n    <tbody\n      style={{\n        display: \"grid\",\n        position: \"relative\",\n        height: `${rowVirtualizer.getTotalSize()}px`,\n      }}\n    >\n      {rowVirtualizer.getVirtualItems().map((virtualRow) => {\n        const row = rows[virtualRow.index];\n\n        return (\n          <TableRow\n            key={row.id}\n            row={row}\n            virtualRow={virtualRow}\n            onRowClick={onRowClick}\n          />\n        );\n      })}\n    </tbody>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,cAAc,QAAQ,yBAAyB;AACxD,OAAOC,KAAK,IAAIC,eAAe,QAAQ,OAAO;AAC9C,SAASC,QAAQ,QAAQ,eAAe;AASxC,OAAO,SAASC,SAASA,CAAwB;EAC/CC,IAAI;EACJC,iBAAiB;EACjBC,UAAU;EACVC,SAAS,GAAG;AACS,CAAC,EAAsB;EAC5C;EACA,MAAMC,cAAc,GAAGT,cAAc,CAAsC;IACzEU,KAAK,EAAEL,IAAI,CAACM,MAAM;IAClBC,YAAY,EAAEA,CAAA,KAAMJ,SAAS;IAC7BK,gBAAgB,EAAEA,CAAA,KAAMP,iBAAiB,CAACQ,OAAO;IACjDC,QAAQ,EAAE;EACZ,CAAC,CAAC;;EAEF;EACAb,eAAe,CAAC,MAAM;IACpBO,cAAc,CAACO,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACP,cAAc,EAAEJ,IAAI,CAACM,MAAM,CAAC,CAAC;EAEjC,oBACEV,KAAA,CAAAgB,aAAA;IACEC,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,GAAGZ,cAAc,CAACa,YAAY,CAAC,CAAC;IAC1C;EAAE,GAEDb,cAAc,CAACc,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,UAAU,IAAK;IACpD,MAAMC,GAAG,GAAGrB,IAAI,CAACoB,UAAU,CAACE,KAAK,CAAC;IAElC,oBACE1B,KAAA,CAAAgB,aAAA,CAACd,QAAQ;MACPyB,GAAG,EAAEF,GAAG,CAACG,EAAG;MACZH,GAAG,EAAEA,GAAI;MACTD,UAAU,EAAEA,UAAW;MACvBlB,UAAU,EAAEA;IAAW,CACxB,CAAC;EAEN,CAAC,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -0,0 +1,47 @@
+/*
+ * 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";
+export function TableHeader({
+  headerGroups
+}) {
+  return /*#__PURE__*/React.createElement("thead", {
+    style: {
+      display: "grid",
+      position: "sticky",
+      top: 0,
+      zIndex: 1
+    }
+  }, headerGroups.map(headerGroup => /*#__PURE__*/React.createElement("tr", {
+    key: headerGroup.id,
+    style: {
+      display: "flex"
+    }
+  }, headerGroup.headers.map(header =>
+  /*#__PURE__*/
+  // TODO: Move inline styling to CSS file
+  React.createElement("th", {
+    key: header.id,
+    style: {
+      display: "flex",
+      width: header.getSize(),
+      justifyContent: "flex-start",
+      alignItems: "center"
+    }
+  }, header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()))))));
+}
+//# sourceMappingURL=TableHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","names":["flexRender","React","TableHeader","headerGroups","createElement","style","display","position","top","zIndex","map","headerGroup","key","id","headers","header","width","getSize","justifyContent","alignItems","isPlaceholder","column","columnDef","getContext"],"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 { HeaderGroup, RowData } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React from \"react\";\n\ninterface TableHeaderProps<TData extends RowData> {\n  headerGroups: Array<HeaderGroup<TData>>;\n}\n\nexport function TableHeader<TData extends RowData>({\n  headerGroups,\n}: TableHeaderProps<TData>): React.ReactElement {\n  return (\n    <thead\n      style={{\n        display: \"grid\",\n        position: \"sticky\",\n        top: 0,\n        zIndex: 1,\n      }}\n    >\n      {headerGroups.map((headerGroup) => (\n        <tr\n          key={headerGroup.id}\n          style={{\n            display: \"flex\",\n          }}\n        >\n          {headerGroup.headers.map((header) => (\n            // TODO: Move inline styling to CSS file\n            <th\n              key={header.id}\n              style={{\n                display: \"flex\",\n                width: header.getSize(),\n                justifyContent: \"flex-start\",\n                alignItems: \"center\",\n              }}\n            >\n              {header.isPlaceholder\n                ? null\n                : flexRender(\n                  header.column.columnDef.header,\n                  header.getContext(),\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;AAClD,OAAOC,KAAK,MAAM,OAAO;AAMzB,OAAO,SAASC,WAAWA,CAAwB;EACjDC;AACuB,CAAC,EAAsB;EAC9C,oBACEF,KAAA,CAAAG,aAAA;IACEC,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,QAAQ;MAClBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE;IACV;EAAE,GAEDN,YAAY,CAACO,GAAG,CAAEC,WAAW,iBAC5BV,KAAA,CAAAG,aAAA;IACEQ,GAAG,EAAED,WAAW,CAACE,EAAG;IACpBR,KAAK,EAAE;MACLC,OAAO,EAAE;IACX;EAAE,GAEDK,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAEK,MAAM;EAAA;EAC9B;EACAd,KAAA,CAAAG,aAAA;IACEQ,GAAG,EAAEG,MAAM,CAACF,EAAG;IACfR,KAAK,EAAE;MACLC,OAAO,EAAE,MAAM;MACfU,KAAK,EAAED,MAAM,CAACE,OAAO,CAAC,CAAC;MACvBC,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE;IACd;EAAE,GAEDJ,MAAM,CAACK,aAAa,GACjB,IAAI,GACJpB,UAAU,CACVe,MAAM,CAACM,MAAM,CAACC,SAAS,CAACP,MAAM,EAC9BA,MAAM,CAACQ,UAAU,CAAC,CACpB,CACA,CACL,CACC,CACL,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { flexRender } from "@tanstack/react-table";
+import React, { useCallback } from "react";
+export function TableRow({
+  row,
+  virtualRow,
+  onRowClick
+}) {
+  const handleClick = useCallback(() => {
+    onRowClick?.(row.original);
+  }, [onRowClick, row.original]);
+  return /*#__PURE__*/React.createElement("tr", {
+    style: {
+      position: "absolute",
+      height: `${virtualRow.size}px`,
+      transform: `translateY(${virtualRow.start}px)`,
+      display: "flex"
+    },
+    onClick: handleClick
+  }, row.getVisibleCells().map(cell => /*#__PURE__*/React.createElement("td", {
+    key: cell.id,
+    style: {
+      display: "flex",
+      alignItems: "center",
+      width: cell.column.getSize()
+    }
+  }, flexRender(cell.column.columnDef.cell, cell.getContext()))));
+}
+//# sourceMappingURL=TableRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.js","names":["flexRender","React","useCallback","TableRow","row","virtualRow","onRowClick","handleClick","original","createElement","style","position","height","size","transform","start","display","onClick","getVisibleCells","map","cell","key","id","alignItems","width","column","getSize","columnDef","getContext"],"sources":["TableRow.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { Row, RowData } from \"@tanstack/react-table\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport type { VirtualItem } from \"@tanstack/react-virtual\";\nimport React, { useCallback } from \"react\";\n\ninterface TableRowProps<TData extends RowData> {\n  row: Row<TData>;\n  virtualRow: VirtualItem;\n  onRowClick?: (row: TData) => void;\n}\n\nexport function TableRow<TData extends RowData>({\n  row,\n  virtualRow,\n  onRowClick,\n}: TableRowProps<TData>): React.ReactElement {\n  const handleClick = useCallback(() => {\n    onRowClick?.(row.original);\n  }, [onRowClick, row.original]);\n\n  return (\n    <tr\n      style={{\n        position: \"absolute\",\n        height: `${virtualRow.size}px`,\n        transform: `translateY(${virtualRow.start}px)`,\n        display: \"flex\",\n      }}\n      onClick={handleClick}\n    >\n      {row.getVisibleCells().map((cell) => (\n        <td\n          key={cell.id}\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            width: cell.column.getSize(),\n          }}\n        >\n          {flexRender(cell.column.columnDef.cell, cell.getContext())}\n        </td>\n      ))}\n    </tr>\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,WAAW,QAAQ,OAAO;AAQ1C,OAAO,SAASC,QAAQA,CAAwB;EAC9CC,GAAG;EACHC,UAAU;EACVC;AACoB,CAAC,EAAsB;EAC3C,MAAMC,WAAW,GAAGL,WAAW,CAAC,MAAM;IACpCI,UAAU,GAAGF,GAAG,CAACI,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,UAAU,EAAEF,GAAG,CAACI,QAAQ,CAAC,CAAC;EAE9B,oBACEP,KAAA,CAAAQ,aAAA;IACEC,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,GAAGP,UAAU,CAACQ,IAAI,IAAI;MAC9BC,SAAS,EAAE,cAAcT,UAAU,CAACU,KAAK,KAAK;MAC9CC,OAAO,EAAE;IACX,CAAE;IACFC,OAAO,EAAEV;EAAY,GAEpBH,GAAG,CAACc,eAAe,CAAC,CAAC,CAACC,GAAG,CAAEC,IAAI,iBAC9BnB,KAAA,CAAAQ,aAAA;IACEY,GAAG,EAAED,IAAI,CAACE,EAAG;IACbZ,KAAK,EAAE;MACLM,OAAO,EAAE,MAAM;MACfO,UAAU,EAAE,QAAQ;MACpBC,KAAK,EAAEJ,IAAI,CAACK,MAAM,CAACC,OAAO,CAAC;IAC7B;EAAE,GAED1B,UAAU,CAACoB,IAAI,CAACK,MAAM,CAACE,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACQ,UAAU,CAAC,CAAC,CACvD,CACL,CACC,CAAC;AAET","ignoreList":[]}