@api-client/ui 0.0.12 → 0.0.14

package/src/pages/api-client/pages/Trash.page.ts

@@ -1,10 +1,10 @@
-import { ProjectKind, EventUtils, FolderKind, TrashEntry, ContextSpaceListOptions, IFile, BroadcastEvent, BroadcastCreatedEvent, DataFileKind } from "@api-client/core/build/browser.js";
+import { EventUtils, TrashEntry, ContextSpaceListOptions, IFile, BroadcastEvent, BroadcastCreatedEvent } from "@api-client/core/build/browser.js";
 import { html, TemplateResult } from "lit";
 import '@github/relative-time-element';
-import { IconType } from "../../../ui/icons/Icons.js";
 import { navigate } from "../../../lib/route.js";
 import { SnackNotifications } from "../../../ui/notification/SnackNotifications.js";
 import { DataTable } from "../../../ui/table/DataTable.js";
+import { fileIcon } from "../../../elements/store/FilesLib.js";
 import type ApiClientScreen from "../ApiClient.screen.js";
 import '../../../define/ui/ui-icon.js';
 
@@ -249,14 +249,7 @@ export class TrashPage {
 
   protected renderTableItem(item: TrashEntry): TemplateResult[] {
     const { kind, name, info } = item;
-    let icon: IconType | undefined;
-    if (kind === ProjectKind) {
-      icon = 'collectionsBookmark';
-    } else if (kind === FolderKind) {
-      icon = 'folder';
-    } else if (kind === DataFileKind) {
-      icon = 'schema';
-    }
+    const icon = fileIcon(item);
 
     const nameCell = this.dt.cell(html`
       ${icon ? html`<ui-icon icon="${icon}" class="cell-icon"></ui-icon>` : ''}

package/src/ui/button/SegmentedButtonsSet.ts

@@ -3,6 +3,21 @@ import { property, queryAssignedElements } from "lit/decorators.js";
 import { UiElement } from "../UiElement.js";
 import SegmentedButton from "./SegmentedButton.js";
 
+export interface ISegmentedButtonSelectionDetail {
+  /**
+   * A reference to the selected button.
+   */
+  button: SegmentedButton;
+  /**
+   * Whether the button is selected.
+   */
+  selected: boolean;
+  /**
+   * The index of the selected button.
+   */
+  index: number;
+}
+
 /**
  * @fires select - When button's selection change.
  */
@@ -80,7 +95,7 @@ export default class SegmentedButtonsSet extends UiElement {
   }
 
   private dispatchSelected(index: number): void {
-    this.dispatchEvent(new CustomEvent('select', {
+    this.dispatchEvent(new CustomEvent<ISegmentedButtonSelectionDetail>('select', {
       detail: {
         button: this.buttons[index],
         selected: this.buttons[index].selected,

package/src/ui/list/UiDropdownList.ts

@@ -352,7 +352,7 @@ export default class UiDropdownList extends LitElement {
     }
     const event = new CustomEvent<UiDropdownListSelection>('select', {
       cancelable: true,
-      composed: true,
+      // composed: true,
       detail: {
         item,
       },

package/src/ui/notification/SnackNotifications.ts

@@ -199,4 +199,12 @@ export class SnackNotifications {
       }
     }
   }
+
+  static clear(): void {
+    this.stack = [];
+    if (this.current) {
+      this.current.element.parentElement?.removeChild(this.current.element);
+      this.current = undefined;
+    }
+  }
 }