chore(TS): IText types

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## [next]
 
+- chore(TS): type IText, IText behavior, IText click behavior [#8610](https://github.com/fabricjs/fabric.js/pull/8610)
 - BREAKING: refactor `clone(obj, true)` with `cloneDeep(obj)` and remove all `extend`, `clone` calls in favor of object spreads. [#8600](https://github.com/fabricjs/fabric.js/pull/8600)
 - chore(TS): Fix some error caused by ts-nocheck removals [#8615](https://github.com/fabricjs/fabric.js/pull/8615)
 - refactor(IText): extract draggable text logic to a delegate [#8598](https://github.com/fabricjs/fabric.js/pull/8598)

src/canvas/TextEditingManager.ts

@@ -1,14 +1,13 @@
 import { TPointerEvent } from '../EventTypeDefs';
-import type { IText } from '../shapes/itext.class';
-import type { Textbox } from '../shapes/textbox.class';
+import type { ITextBehaviorMixin } from '../mixins/itext_behavior.mixin';
 import { removeFromArray } from '../util/internals';
 
 /**
  * In charge of synchronizing all interactive text instances of a canvas
  */
 export class TextEditingManager {
-  private targets: (IText | Textbox)[] = [];
-  private declare target?: IText | Textbox;
+  private targets: ITextBehaviorMixin[] = [];
+  private declare target?: ITextBehaviorMixin;
 
   exitTextEditing() {
     this.target = undefined;
@@ -19,20 +18,20 @@ export class TextEditingManager {
     });
   }
 
-  add(target: IText | Textbox) {
+  add(target: ITextBehaviorMixin) {
     this.targets.push(target);
   }
 
-  remove(target: IText | Textbox) {
+  remove(target: ITextBehaviorMixin) {
     this.unregister(target);
     removeFromArray(this.targets, target);
   }
 
-  register(target: IText | Textbox) {
+  register(target: ITextBehaviorMixin) {
     this.target = target;
   }
 
-  unregister(target: IText | Textbox) {
+  unregister(target: ITextBehaviorMixin) {
     if (target === this.target) {
       this.target = undefined;
     }

src/canvas/canvas_events.ts

@@ -1,3 +1,4 @@
+import { LEFT_CLICK, MIDDLE_CLICK, RIGHT_CLICK } from '../constants';
 import { getEnv } from '../env';
 import {
   CanvasEvents,
@@ -24,10 +25,7 @@ import {
 import { SelectableCanvas } from './canvas.class';
 import { TextEditingManager } from './TextEditingManager';
 
-const RIGHT_CLICK = 3,
-  MIDDLE_CLICK = 2,
-  LEFT_CLICK = 1,
-  addEventOptions = { passive: false } as EventListenerOptions;
+const addEventOptions = { passive: false } as EventListenerOptions;
 
 function checkClick(e: TPointerEvent, value: number) {
   return !!(e as MouseEvent).button && (e as MouseEvent).button === value - 1;

src/constants.ts

@@ -12,3 +12,7 @@ export const ALIASING_LIMIT = 2;
 
 /* "magic number" for bezier approximations of arcs (http://itc.ktu.lt/itc354/Riskus354.pdf) */
 export const kRect = 1 - 0.5522847498;
+
+export const LEFT_CLICK = 1;
+export const MIDDLE_CLICK = 2;
+export const RIGHT_CLICK = 3;