@social-mail/social-mail-client 1.8.282 → 1.8.284

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.8.282",
+  "version": "1.8.284",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/common/pages/folders/ChooserFolderPage.tsx

@@ -10,6 +10,7 @@ import CloudFileService from "../files/service/CloudFileService";
 
 
 import "./ChooseFolderPage.local.css";
+import { FolderTreeView } from "../../controls/tree/FileTreeView";
 const css = "choose-folder-page";
 
 export default class ChooserFolderPage extends PopupWindowPage<any, IAppFile> {
@@ -53,7 +54,7 @@ export default class ChooserFolderPage extends PopupWindowPage<any, IAppFile> {
         // </div>;
 
         this.renderer = <div class={css}>
-            <TreeView
+            <FolderTreeView
                 class="folders"
                 childrenProperty={(item) => item.children ??= []}
                 root={this.root}

package/src/common/pages/mailboxes/MailboxListPage.tsx

@@ -28,6 +28,8 @@ export default class MailboxListPage extends MasterDetailPage {
 
     private mailboxes: IMailbox[] = [];
 
+    private selectedItem: IMailbox = null;
+
     private version = 0;
 
     private domainID: number = 0;
@@ -36,6 +38,8 @@ export default class MailboxListPage extends MasterDetailPage {
 
     private channelsOnly = false;
 
+    private repeater: AtomRepeater;
+
     async init() {
 
         const user = SocialMailApp.user;
@@ -56,7 +60,12 @@ export default class MailboxListPage extends MasterDetailPage {
             <div>
             <AtomRepeater
                 items={this.mailboxes}
+                presenter={Bind.presenter((c) => this.repeater = c)}
                 data-layout="data-grid"
+                selectOnClick={true}
+                data-list-selection="default"
+                data-selection-updated-event="selection-updated"
+                selectedItem={Bind.oneWay(() => this.selectedItem)}
                 { ... InfiniteRepeater.pagedItems((start) =>
                         (c, e, cancelToken) => this.mailboxService.list({
                             start,
@@ -112,9 +121,13 @@ export default class MailboxListPage extends MasterDetailPage {
         this.version++;
     }
 
-    @Action({ onEvent: "open-settings"})
-    async openSettings(mailbox: IMailbox) {
-        this.openDetail(MailboxDetailPage, mailbox);
+    @Action({ onEvent: "selection-updated"})
+    async openSettings() {
+         const { selectedItem } = this.repeater;
+        if (!selectedItem) {
+            return;
+        }
+        this.openDetail(MailboxDetailPage, selectedItem);
     }
 
     @Action({ onEvent: "add-external-mailbox"})