Merge branch 'develop' into feature/autocomplete-tags

app/assets/javascripts/components/NotesOptionsPanel.tsx

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
             ...position,
             maxHeight
           }}
-          className="sn-dropdown max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
+          className="sn-dropdown sn-dropdown--animated max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
         >
           {open && (
             <NotesOptions

app/assets/javascripts/components/SearchOptions.tsx

@@ -63,7 +63,7 @@ const SearchOptions = observer(({ appState }: Props) => {
         style={{
           top: optionsPanelTop,
         }}
-        className="sn-dropdown sn-dropdown--anchor-right absolute grid gap-2 py-2"
+        className="sn-dropdown sn-dropdown--anchor-right sn-dropdown--animated absolute grid gap-2 py-2"
       >
         <Switch
           className="h-10"

app/assets/javascripts/directives/views/componentView.ts

@@ -156,6 +156,9 @@ class ComponentViewCtrl implements ComponentViewScope {
           case (ComponentAction.KeyUp):
             this.application.io.handleComponentKeyUp(data.keyboardModifier);
             break;
+          case (ComponentAction.Click):
+            this.application.getAppState().notes.setContextMenuOpen(false);
+            break;
           default:
             return;
         }

app/assets/javascripts/views/notes/notes_view.ts

@@ -400,6 +400,7 @@ class NotesViewCtrl extends PureViewCtrl<unknown, NotesCtrlState> {
   }
 
   async createNewNote() {
+    this.appState.notes.unselectNotes();
     let title = `Note ${this.state.notes.length + 1}`;
     if (this.isFiltering()) {
       title = this.state.noteFilter.text;

app/assets/stylesheets/_sn.scss

@@ -253,9 +253,6 @@
 .sn-dropdown {
   @extend .bg-default;
   @extend .min-w-80;
-  @extend .transition-transform;
-  @extend .duration-150;
-  @extend .slide-down-animation;
   @extend .rounded;
   @extend .box-shadow;
 
@@ -268,6 +265,12 @@
   &[data-state='collapsed'] {
     display: none;
   }
+  
+  &.sn-dropdown--animated {
+    @extend .transition-transform;
+    @extend .duration-150;
+    @extend .slide-down-animation;
+  }
 }
 
 /** Lesser specificity will give priority to reach's styles */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "standard-notes-web",
-  "version": "3.7.0-beta01",
+  "version": "3.7.1",
   "license": "AGPL-3.0-or-later",
   "repository": {
     "type": "git",
@@ -71,7 +71,7 @@
     "@reach/checkbox": "^0.13.2",
     "@reach/dialog": "^0.13.0",
     "@standardnotes/sncrypto-web": "1.2.10",
-    "@standardnotes/snjs": "2.4.0",
+    "@standardnotes/snjs": "2.4.2",
     "mobx": "^6.1.6",
     "mobx-react-lite": "^3.2.0",
     "preact": "^10.5.12"

yarn.lock

@@ -1936,10 +1936,10 @@
     "@standardnotes/sncrypto-common" "^1.2.7"
     libsodium-wrappers "^0.7.8"
 
-"@standardnotes/snjs@2.4.0":
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/@standardnotes/snjs/-/snjs-2.4.0.tgz#ddc286f4423bf3e767de9fdac7c8253e41640872"
-  integrity sha512-z2h9icxxtB2NYPnWHsUC6ArUjvKLcmiBxgOErvb+hAJvqmOqmD2vmPTUcO1eH+Vs5xVqwIqKQhPR/qh1ix1RCQ==
+"@standardnotes/snjs@2.4.2":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@standardnotes/snjs/-/snjs-2.4.2.tgz#5d3dfd6ae5f40984e0d28b776684561b5818eadf"
+  integrity sha512-/R8Lsbo9NqQ2FZKe4N4V4ZQxUbfmzU5jA6FtW0wE+g6c5MtHPO9fRoWK81PJXumc+t9VI8q2nswkthyqIGgEgA==
   dependencies:
     "@standardnotes/auth" "^2.0.0"
     "@standardnotes/sncrypto-common" "^1.2.9"