Tweak api so it can be called multiple times

to update the space item's properties.

packages/element-web-module-api/element-web-module-api.api.md

@@ -153,8 +153,7 @@ export interface DirectoryCustomisations {
 
 // @alpha
 export interface ExtrasApi {
-    // (undocumented)
+    setSpacePanelItem(spaceKey: string, props: SpacePanelItemProps): void;
-    addSpacePanelItem(renderer: SpacePanelItemRenderFunction): void;
 }
 
 // @public
@@ -328,10 +327,21 @@ export interface RoomViewProps {
 // @alpha @deprecated (undocumented)
 export type RuntimeModuleConstructor = new (api: ModuleApi) => RuntimeModule;
 
-// Warning: (ae-forgotten-export) The symbol "SpacePanelItemProps" needs to be exported by the entry point index.d.ts
-//
 // @alpha
-export type SpacePanelItemRenderFunction = (props: SpacePanelItemProps) => JSX.Element;
+export interface SpacePanelItemProps {
+    // (undocumented)
+    className?: string;
+    // (undocumented)
+    contextMenuTooltip?: string;
+    // (undocumented)
+    icon?: JSX.Element;
+    // (undocumented)
+    label: string;
+    // (undocumented)
+    onSelected?(): void;
+    // (undocumented)
+    style?: React.CSSProperties;
+}
 
 // @public
 export type Translations = Record<string, {

packages/element-web-module-api/src/api/extras.ts

@@ -8,24 +8,17 @@ Please see LICENSE files in the repository root for full details.
 import { JSX } from "react";
 
 /**
- * Any kind of event that can trigger a button
+ * Properties of an item added to the Space panel
- * @alpha
- */
-export type ButtonEvent = React.MouseEvent<Element> | React.KeyboardEvent<Element> | React.FormEvent<Element>;
-
-/**
- * The type of the function used to render a space panel item.
  * @alpha
  */
 export interface SpacePanelItemProps {
-    spaceKey?: string;
     className?: string;
     icon?: JSX.Element;
     label: string;
     contextMenuTooltip?: string;
     style?: React.CSSProperties;
     //notificationState?: NotificationState;
-    onClick?(ev?: ButtonEvent): void;
+    onSelected?(): void;
 }
 
 /**
@@ -33,5 +26,12 @@ export interface SpacePanelItemProps {
  * @alpha Subject to change.
  */
 export interface ExtrasApi {
-    addSpacePanelItem(props: SpacePanelItemProps): void;
+    /**
+     * Inserts an item into the space panel as if it were a space button, below
+     * buttons for other spaces.
+     * If called again with the same spaceKey, will update the existing item.
+     * @param spaceKey - A key to identify this space-like item.
+     * @param props - Properties of the item to add.
+     */
+    setSpacePanelItem(spaceKey: string, props: SpacePanelItemProps): void;
 }