[ui-react] Extra cells

Author: jamesgpearce

src/@types/ui-react-dom/docs.js

@@ -71,6 +71,29 @@
    */
   /// CustomResultCell.getComponentProps
 }
+/**
+ * The ExtraCell object is used to configure the rendering of extra cells in an
+ * HTML table, to the left or right of the regular data cells.
+ * @category Configuration
+ * @since v6.6.0
+ */
+/// ExtraCell
+{
+  /**
+   * A string that will be used as the label at the top of the table
+   * column for this Cell.
+   * @category Prop
+   * @since v6.6.0
+   */
+  /// ExtraCell.label
+  /**
+   * An custom component for rendering each extra Cell in the table, and which
+   * will be passed props for the Row in which it is placed.
+   * @category Prop
+   * @since v6.6.0
+   */
+  /// ExtraCell.component
+}
 /**
  * HtmlTableProps props are used for components that will render in an HTML
  * table, such as the TableInHtmlTable component or SortedTableInHtmlTable

src/@types/ui-react-dom/index.d.ts

@@ -9,6 +9,7 @@ import type {
   QueriesOrQueriesId,
   RelationshipsOrRelationshipsId,
   ResultCellProps,
+  RowProps,
   StoreOrStoreId,
   ValueProps,
 } from '../ui-react/index.d.ts';
@@ -33,6 +34,14 @@ export type CustomResultCell = {
   getComponentProps?: (rowId: Id, cellId: Id) => ExtraProps;
 };
 
+/// ExtraCell
+export type ExtraCell = {
+  /// ExtraCell.label
+  label: string;
+  /// ExtraCell.component
+  component: ComponentType<RowProps>;
+};
+
 /// HtmlTableProps
 export type HtmlTableProps = {
   /// HtmlTableProps.className

src/@types/ui-react-dom/with-schemas/index.d.ts

@@ -13,6 +13,7 @@ import type {
   QueriesOrQueriesId,
   RelationshipsOrRelationshipsId,
   ResultCellProps,
+  RowProps,
   StoreOrStoreId,
   ValueProps,
 } from '../../_internal/ui-react/with-schemas/index.d.ts';
@@ -46,6 +47,17 @@ export type CustomResultCell<Schemas extends OptionalSchemas> = {
   getComponentProps?: (rowId: Id, cellId: Id) => ExtraProps;
 };
 
+/// ExtraCell
+export type ExtraCell<
+  Schemas extends OptionalSchemas,
+  TableId extends TableIdFromSchema<Schemas[0]>,
+> = {
+  /// ExtraCell.label
+  label: string;
+  /// ExtraCell.component
+  component: ComponentType<RowProps<Schemas, TableId>>;
+};
+
 /// HtmlTableProps
 export type HtmlTableProps = {
   /// HtmlTableProps.className