From 7d2a0b5727006347c7149fb39a43d6b52bd801e6 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sun, 8 Jan 2023 12:07:16 +0400
Subject: [PATCH] TS ComponentEnter

---
 src/commands/view/CommandAbstract.ts                     | 5 +++++
 .../view/{ComponentEnter.js => ComponentEnter.ts}        | 9 ++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)
 rename src/commands/view/{ComponentEnter.js => ComponentEnter.ts} (50%)

diff --git a/src/commands/view/CommandAbstract.ts b/src/commands/view/CommandAbstract.ts
index 46e8e007e..1a42e1281 100644
--- a/src/commands/view/CommandAbstract.ts
+++ b/src/commands/view/CommandAbstract.ts
@@ -6,6 +6,7 @@ import EditorModel from '../../editor/model/Editor';
 interface ICommand<O extends AnyObject = any> {
   run?: CommandAbstract<O>['run'];
   stop?: CommandAbstract<O>['stop'];
+  [key: string]: unknown;
 }
 
 type AnyObject = Record<string, any>;
@@ -14,6 +15,10 @@ export type CustomCommand<O extends AnyObject = any, T extends AnyObject = {}> =
   T &
   ThisType<T & CommandAbstract<O>>;
 
+export function defineCommand<O extends AnyObject = any, T extends AnyObject = {}>(def: CustomCommand<O, T>) {
+  return def;
+}
+
 export default class CommandAbstract<O extends AnyObject = any> extends Model {
   config: any;
   em: EditorModel;
diff --git a/src/commands/view/ComponentEnter.js b/src/commands/view/ComponentEnter.ts
similarity index 50%
rename from src/commands/view/ComponentEnter.js
rename to src/commands/view/ComponentEnter.ts
index bdc81e1b4..c6f7a31c9 100644
--- a/src/commands/view/ComponentEnter.js
+++ b/src/commands/view/ComponentEnter.ts
@@ -1,14 +1,17 @@
+import Component from '../../dom_components/model/Component';
+import { CustomCommand } from './CommandAbstract';
+
 export default {
   run(ed) {
     if (!ed.Canvas.hasFocus()) return;
-    const toSelect = [];
+    const toSelect: Component[] = [];
 
     ed.getSelectedAll().forEach(component => {
       const coll = component.components();
-      const next = coll && coll.filter(c => c.get('selectable'))[0];
+      const next = coll && coll.filter((c: any) => c.get('selectable'))[0];
       next && toSelect.push(next);
     });
 
     toSelect.length && ed.select(toSelect);
   },
-};
+} as CustomCommand;