@social-mail/social-mail-client 1.2.21 → 1.2.23

package/dist/web/page/files/media/ChooseMediaPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChooseMediaPage.d.ts","sourceRoot":"","sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAiDnD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;IAEvH,UAAU,MAAC;IAEX,cAAc,EAAE,QAAQ,CAAC;IAGhC,OAAO,CAAC,gBAAgB,CAAmB;IAE3C,OAAO,CAAC,MAAM,CAAM;IAEpB,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,IAAI,CAAO;IAEnB,OAAO,CAAC,YAAY,CAAkB;IAEhC,IAAI;IAyEJ,UAAU;;;;IAOV,eAAe;CAIxB"}
+{"version":3,"file":"ChooseMediaPage.d.ts","sourceRoot":"","sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAuDnD,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC;IAAC,MAAM,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAC,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;IAEvH,UAAU,MAAC;IAEX,cAAc,EAAE,QAAQ,CAAC;IAGhC,OAAO,CAAC,gBAAgB,CAAmB;IAE3C,OAAO,CAAC,MAAM,CAAM;IAEpB,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,IAAI,CAAO;IAEnB,OAAO,CAAC,YAAY,CAAkB;IAEhC,IAAI;IA4EJ,UAAU;;;;IAOV,eAAe;CAIxB"}

package/dist/web/page/files/media/ChooseMediaPage.js

@@ -1,7 +1,7 @@
-System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/tree/FileTreeView", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../service/CloudFileService", "@web-atoms/core/dist/style/styled", "../../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/UploadEvent"], function (_export, _context) {
+System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/tree/FileTreeView", "@web-atoms/web-controls/dist/basic/AtomRepeater", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/InjectProperty", "../service/CloudFileService", "@web-atoms/core/dist/style/styled", "../../../../common/controls/drag-drop/FilesDragDrop", "@web-atoms/core/dist/view-model/Action", "@web-atoms/web-controls/dist/basic/UploadEvent", "../../../../common/controls/buttons/IconButton"], function (_export, _context) {
   "use strict";
 
-  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, ChooseMediaPage, css;
+  var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, FolderTreeView, AtomRepeater, Bind, InjectProperty, CloudFileService, styled, FilesDragDrop, Action, UploadEvent, SaveIconTextButton, ChooseMediaPage, css;
   _export("default", void 0);
   return {
     setters: [function (_tslib) {
@@ -30,18 +30,25 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
       Action = _webAtomsCoreDistViewModelAction.default;
     }, function (_webAtomsWebControlsDistBasicUploadEvent) {
       UploadEvent = _webAtomsWebControlsDistBasicUploadEvent.default;
+    }, function (_commonControlsButtonsIconButton) {
+      SaveIconTextButton = _commonControlsButtonsIconButton.SaveIconTextButton;
     }],
     execute: function () {
       css = styled.css`
     display: grid;
     grid-template-columns: 200px 1fr;
+    grid-template-rows: auto 1fr;
     gap: 5px;
     & .folder-tree {
         grid-column: 1;
+        grid-row: 1 / span 2;
+    }
+    & .search {
+        grid-column: 2;
         grid-row: 1;
     }
     & .file-list {
-        grid-row: 1;
+        grid-row: 2;
         grid-column: 2;
         position: relative;
         overflow: auto;
@@ -87,10 +94,30 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
             this.renderer = XNode.create("div", {
               class: css
             }, XNode.create(FolderTreeView, {
+              class: "folder-tree",
               accept: accept,
               folderId: this.parameters.folder.appFileID,
               selectedItem: Bind.twoWaysImmediate(() => this.selectedFolder)
-            }), XNode.create("div", Object.assign({
+            }), XNode.create("div", {
+              class: "search",
+              "data-layout": "row"
+            }, XNode.create("input", {
+              type: "search",
+              value: Bind.twoWaysImmediate(() => this.search)
+            }), XNode.create("button", Object.assign({
+              "data-layout": "accent-icon-button"
+            }, UploadEvent.AttachUploadAction({
+              multiple: true,
+              extra: Bind.oneWay(() => {
+                var _a;
+                return JSON.stringify({
+                  parentID: (_a = this.selectedFolder) === null || _a === void 0 ? void 0 : _a.appFileID
+                });
+              }),
+              accept
+            })), XNode.create("i", {
+              class: "fas fa-upload"
+            }), "Upload")), XNode.create("div", Object.assign({
               class: "file-list"
             }, FilesDragDrop({
               extra: Bind.oneWay(() => {
@@ -122,23 +149,6 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               }))
             })));
             this.footerRenderer = () => XNode.create("div", {
-              "data-layout": "frame-vertical-flex"
-            }, XNode.create("div", {
-              "data-layout": "row"
-            }, XNode.create("button", Object.assign({
-              "data-layout": "accent-icon-button"
-            }, UploadEvent.AttachUploadAction({
-              multiple: true,
-              extra: Bind.oneWay(() => {
-                var _a;
-                return JSON.stringify({
-                  parentID: (_a = this.selectedFolder) === null || _a === void 0 ? void 0 : _a.appFileID
-                });
-              }),
-              accept
-            })), XNode.create("i", {
-              class: "fas fa-upload"
-            }), "Upload")), XNode.create("div", {
               "style-display": Bind.oneWay(() => this.selectedFile !== null),
               "data-layout": "row"
             }, XNode.create("input", {
@@ -149,10 +159,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
               value: Bind.twoWaysImmediate(() => this.size)
             }), XNode.create("span", {
               text: Bind.oneWay(() => `${this.size}px`)
-            }), XNode.create("button", {
+            }), XNode.create(SaveIconTextButton, {
               "data-click-event": "select-file",
-              text: "Save"
-            })));
+              text: "Insert"
+            }));
           });
         }
         selectFile() {

package/dist/web/page/files/media/ChooseMediaPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["ChooseMediaPage","css","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsTreeFileTreeView","FolderTreeView","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistCoreInjectProperty","InjectProperty","_serviceCloudFileService","CloudFileService","_webAtomsCoreDistStyleStyled","styled","_commonControlsDragDropFilesDragDrop","FilesDragDrop","_webAtomsCoreDistViewModelAction","Action","_webAtomsWebControlsDistBasicUploadEvent","UploadEvent","execute","installLocal","constructor","search","version","size","selectedFile","init","title","accept","parameters","selectedFolder","folder","element","style","minWidth","minHeight","renderer","create","class","folderId","appFileID","selectedItem","twoWaysImmediate","Object","assign","extra","oneWay","_a","JSON","stringify","parentID","selectOnClick","header","headerRenderer","item","items","oneWayAsync","c","e","cancelToken","cloudFileService","files","showFolder","itemRenderer","src","fileContentID","name","footerRenderer","AttachUploadAction","multiple","type","min","max","step","value","text","selectFile","file","onFilesUploaded","__decorate","onEvent","close"],"sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"sourcesContent":[null],"mappings":"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"}
+{"version":3,"names":["ChooseMediaPage","css","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsTreeFileTreeView","FolderTreeView","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_webAtomsCoreDistCoreBind","Bind","_webAtomsCoreDistCoreInjectProperty","InjectProperty","_serviceCloudFileService","CloudFileService","_webAtomsCoreDistStyleStyled","styled","_commonControlsDragDropFilesDragDrop","FilesDragDrop","_webAtomsCoreDistViewModelAction","Action","_webAtomsWebControlsDistBasicUploadEvent","UploadEvent","_commonControlsButtonsIconButton","SaveIconTextButton","execute","installLocal","constructor","search","version","size","selectedFile","init","title","accept","parameters","selectedFolder","folder","element","style","minWidth","minHeight","renderer","create","class","folderId","appFileID","selectedItem","twoWaysImmediate","type","value","Object","assign","AttachUploadAction","multiple","extra","oneWay","_a","JSON","stringify","parentID","selectOnClick","header","headerRenderer","item","items","oneWayAsync","c","e","cancelToken","cloudFileService","files","showFolder","itemRenderer","src","fileContentID","name","footerRenderer","min","max","step","text","selectFile","file","onFilesUploaded","__decorate","onEvent","close"],"sources":["../../../../../src/web/page/files/media/ChooseMediaPage.tsx"],"sourcesContent":[null],"mappings":"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"}

package/package.json

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

package/src/site-editor/editor/WebSitePageEditor.tsx

@@ -28,7 +28,7 @@ export default class WebSitePageEditor extends HtmlPageEditor {
     @Action({ onEvent: "open-variables"})
     async openVariables() {
         const file = await this.cloudFileService.children(this.folder.appFileID, "styles/vars.css").firstOrDefault();
-        const changedFile = await PageNavigator.pushPage(CodeEditorPage, file);
+        const changedFile = await PageNavigator.pushPageForResult(CodeEditorPage, file);
         await this.addStyleSheet(changedFile);
     }
 

package/src/web/page/files/media/ChooseMediaPage.tsx

@@ -10,18 +10,24 @@ import styled from "@web-atoms/core/dist/style/styled";
 import { FilesDragDrop } from "../../../../common/controls/drag-drop/FilesDragDrop";
 import Action from "@web-atoms/core/dist/view-model/Action";
 import UploadEvent from "@web-atoms/web-controls/dist/basic/UploadEvent";
+import { SaveIconTextButton } from "../../../../common/controls/buttons/IconButton";
 
 
 const css = styled.css `
     display: grid;
     grid-template-columns: 200px 1fr;
+    grid-template-rows: auto 1fr;
     gap: 5px;
     & .folder-tree {
         grid-column: 1;
+        grid-row: 1 / span 2;
+    }
+    & .search {
+        grid-column: 2;
         grid-row: 1;
     }
     & .file-list {
-        grid-row: 1;
+        grid-row: 2;
         grid-column: 2;
         position: relative;
         overflow: auto;
@@ -77,10 +83,24 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
 
         this.renderer = <div class={css}>
             <FolderTreeView
+                class="folder-tree"
                 accept={accept}
                 folderId={this.parameters.folder.appFileID}
                 selectedItem={Bind.twoWaysImmediate(() => this.selectedFolder)}
                 />
+            <div class="search" data-layout="row">
+                <input type="search" value={Bind.twoWaysImmediate(() => this.search)}/>
+                <button
+                    data-layout="accent-icon-button"
+                    { ... UploadEvent.AttachUploadAction({
+                        multiple: true,
+                        extra: Bind.oneWay(() => JSON.stringify({ parentID: this.selectedFolder?.appFileID})),
+                        accept
+                    })}>
+                    <i class="fas fa-upload"/>
+                    Upload
+                </button>
+            </div>
             <div
                 class="file-list"
                 { ... FilesDragDrop({
@@ -112,28 +132,17 @@ export default class ChooseMediaPage extends PopupWindowPage<{folder: IAppFile,
             </div>
         </div>;
 
-        this.footerRenderer = () => <div data-layout="frame-vertical-flex">
-            <div
-                data-layout="row">
-                    <button
-                        data-layout="accent-icon-button"
-                        { ... UploadEvent.AttachUploadAction({
-                            multiple: true,
-                            extra: Bind.oneWay(() => JSON.stringify({ parentID: this.selectedFolder?.appFileID})),
-                            accept
-                        })}>
-                        <i class="fas fa-upload"/>
-                        Upload
-                    </button>
-                </div>
+        this.footerRenderer = () =>
             <div
                 style-display={Bind.oneWay(() => this.selectedFile !== null)}
                 data-layout="row">
                 <input type="range" min="100" max="2000" step="100" value={Bind.twoWaysImmediate(() => this.size)} />
                 <span text={Bind.oneWay(() => `${this.size}px`)}/>
-                <button data-click-event="select-file" text="Save"/>
-            </div>
-        </div> ;
+                <SaveIconTextButton
+                    data-click-event="select-file"
+                    text="Insert"
+                    />
+            </div>;
 
     }