feat: add option to sort block tunes

Author: marcantondahmen

src/components/block-tunes/block-tune-delete.ts

@@ -44,6 +44,7 @@ export default class DeleteTune implements BlockTune {
         title: this.api.i18n.t('Click to delete'),
         onActivate: (): void => this.handleClick(),
       },
+      sort: 302,
     };
   }
 

src/components/block-tunes/block-tune-move-down.ts

@@ -50,6 +50,7 @@ export default class MoveDownTune implements BlockTune {
       title: this.api.i18n.t('Move down'),
       onActivate: (): void => this.handleClick(),
       name: 'move-down',
+      sort: 303,
     };
   }
 

src/components/block-tunes/block-tune-move-up.ts

@@ -48,6 +48,7 @@ export default class MoveUpTune implements BlockTune {
       title: this.api.i18n.t('Move up'),
       onActivate: (): void => this.handleClick(),
       name: 'move-up',
+      sort: 301,
     };
   }
 

src/components/modules/toolbar/blockSettings.ts

@@ -116,6 +116,8 @@ export default class BlockSettings extends Module<BlockSettingsNodes> {
      */
     const [tunesItems, customHtmlTunesContainer] = targetBlock.getTunes();
 
+    tunesItems.sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100))
+
     /** Tell to subscribers that block settings is opened */
     this.eventsDispatcher.emit(this.events.opened);
     this.popover = new Popover({

types/configs/popover.d.ts

@@ -77,5 +77,7 @@ export interface PopoverItemWithoutConfirmation extends PopoverItemBase {
 /**
  * Represents single popover item
  */
-export type PopoverItem = PopoverItemWithConfirmation | PopoverItemWithoutConfirmation
+export type PopoverItem = (PopoverItemWithConfirmation | PopoverItemWithoutConfirmation) & {
+  sort?: number;
+}