feat: Add new "Change Editor" option to note context menu (#823)

* feat: add editor icon

* refactor: remove 'any' type and format

* refactor: move NotesOptions and add ChangeEditorOption

* refactor: fix type for using regular RefObject<T>

* feat: add hide-if-last-child util class

* feat: add Change Editor option

* feat: make radio btn gray if not checked

* fix: accordion menu header and item sizing/spacing

* feat: add Escape key to KeyboardKey enum

* refactor: Remove Editor Menu

* feat: add editor select functionality

* refactor: move plain editor name to constant

* feat: add premium editors with modal if no subscription

refactor: simplify menu group creation

* feat: show alert when switching to non-interchangeable editor

* fix: change editor menu going out of bounds

* feat: increase group header & editor item size

* fix: change editor menu close on blur

* refactor: Use KeyboardKey enum & remove else statement

* feat: add keyboard navigation to change editor menu

* fix: editor menu separators

* feat: improve change editor menu sizing & spacing

* feat: show alert only if editor is not interchangeable

* feat: don't show alert when switching to/from plain editor

* chore: bump snjs version

* feat: temporarily remove change editor alert

* feat: dynamically get footer height

* refactor: move magic number to const

* refactor: move constants to constants file

* feat: use const instead of magic number

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

@@ -1,81 +0,0 @@
-import { WebDirective } from './../../types';
-import { WebApplication } from '@/ui_models/application';
-import { SNComponent, SNItem, ComponentArea } from '@standardnotes/snjs';
-import { isDesktopApplication } from '@/utils';
-import template from '%/directives/editor-menu.pug';
-import { PureViewCtrl } from '@Views/abstract/pure_view_ctrl';
-
-interface EditorMenuScope {
-  callback: (component: SNComponent) => void;
-  selectedEditorUuid: string;
-  currentItem: SNItem;
-  application: WebApplication;
-}
-
-class EditorMenuCtrl extends PureViewCtrl implements EditorMenuScope {
-  callback!: () => (component: SNComponent) => void;
-  selectedEditorUuid!: string;
-  currentItem!: SNItem;
-  application!: WebApplication;
-
-  /* @ngInject */
-  constructor($timeout: ng.ITimeoutService) {
-    super($timeout);
-    this.state = {
-      isDesktop: isDesktopApplication(),
-    };
-  }
-
-  public isEditorSelected(editor: SNComponent) {
-    if (!this.selectedEditorUuid) {
-      return false;
-    }
-    return this.selectedEditorUuid === editor.uuid;
-  }
-
-  $onInit() {
-    super.$onInit();
-    const editors = this.application.componentManager
-      .componentsForArea(ComponentArea.Editor)
-      .sort((a, b) => {
-        return a.name.toLowerCase() < b.name.toLowerCase() ? -1 : 1;
-      });
-    this.setState({
-      editors: editors,
-    });
-  }
-
-  selectComponent(component: SNComponent) {
-    if (component) {
-      if (component.conflictOf) {
-        this.application.changeAndSaveItem(component.uuid, (mutator) => {
-          mutator.conflictOf = undefined;
-        });
-      }
-    }
-    this.$timeout(() => {
-      this.callback()(component);
-    });
-  }
-
-  offlineAvailableForComponent(component: SNComponent) {
-    return component.local_url && this.state.isDesktop;
-  }
-}
-
-export class EditorMenu extends WebDirective {
-  constructor() {
-    super();
-    this.restrict = 'E';
-    this.template = template;
-    this.controller = EditorMenuCtrl;
-    this.controllerAs = 'self';
-    this.bindToController = true;
-    this.scope = {
-      callback: '&',
-      selectedEditorUuid: '=',
-      currentItem: '=',
-      application: '=',
-    };
-  }
-}

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

@@ -1,5 +1,4 @@
 export { ActionsMenu } from './actionsMenu';
-export { EditorMenu } from './editorMenu';
 export { InputModal } from './inputModal';
 export { MenuRow } from './menuRow';
 export { PanelResizer } from './panelResizer';