Add delegate to filesafe-embed to expand when file clicked, 2.0.4

standardnotes · May 16, 2019 · 2e0a540 · 2e0a540
1 parent ff8760c
commit 2e0a540
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 17 deletions.
diff --git a/app/App.js b/app/App.js
@@ -31,8 +31,24 @@ export default class App extends React.Component {
       this.filesafe.setCurrentNote(noteModel);
     });
 
+    let delegate = {
+      onSelectFile: (fileDescriptor) => {
+        if(fileDescriptor) {
+          if(!this.state.expanded) {
+            this.expandedFromSelection = true;
+            this.expandForFileSelection();
+          }
+        } else {
+          if(this.expandedFromSelection)  {
+            this.collapse();
+            this.expandedFromSelection = false;
+          }
+        }
+      }
+    }
+
     let mountPoint = document.getElementById("embed");
-    FilesafeEmbed.FilesafeEmbed.renderInElement(mountPoint, this.filesafe);
+    FilesafeEmbed.FilesafeEmbed.renderInElement(mountPoint, this.filesafe, delegate);
 
     this.recomputeHeight();
   }
@@ -63,17 +79,21 @@ export default class App extends React.Component {
 
   toggleHeight() {
     if(this.state.expanded) {
-      this.setHeightCollapsed();
+      this.collapse();
     } else {
-      this.setHeightExpanded();
+      this.expand();
     }
   }
 
-  setHeightExpanded() {
+  expandForFileSelection() {
+    this.componentManager.setSize("container", "100%", 130);
+  }
+
+  expand() {
     this.setState({expanded: true}, this.recomputeHeight)
   }
 
-  setHeightCollapsed() {
+  collapse() {
     this.setState({expanded: false}, this.recomputeHeight);
   }
 

diff --git a/app/stylesheets/main.scss b/app/stylesheets/main.scss
@@ -18,7 +18,7 @@ html, body {
 }
 
 #expand-button {
-  position: absolute;
+  position: fixed;
   top: 1.1rem;
   right: 2rem;
   box-shadow: var(--sn-stylekit-border-color) 0 1px 2px;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sn-filesafe",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "main": "dist/dist.js",
   "scripts": {
     "lint": "eslint --cache --ignore-path .gitignore --ext .jsx,.js --format=node_modules/eslint-formatter-pretty .",
@@ -33,8 +33,8 @@
     "sass-loader": "^6.0.6",
     "sn-components-api": "1.2.5",
     "style-loader": "~0.13.1",
-    "filesafe-embed": "1.0.0",
-    "filesafe-js": "1.0.0",
+    "filesafe-embed": "1.0.2",
+    "filesafe-js": "1.0.3",
     "webpack": "^3.8.1",
     "webpack-dev-server": "^2.9.7",
     "worker-loader": "^2.0.0"