fix(table-better): small fixes on table-better

Author: samuelreichert

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/modules/clipboard.ts

@@ -1,27 +1,15 @@
-// @ts-nocheck
 import Quill from "quill";
+import QuillClipboard from "quill/modules/clipboard";
 import Delta from "quill-delta";
 import logger from "quill/core/logger.js";
-import Module from "quill/core/module";
-import QuillClipboard from "quill/modules/clipboard";
+import type { Range } from "quill";
+import type { Props } from "../types";
 import { TableCellBlock, TableTemporary } from "../formats/table";
-import type { Props, Range } from "../types";
 
-const Clipboard = QuillClipboard as typeof Module;
+const Clipboard = QuillClipboard;
 const debug = logger("quill:clipboard");
 
 class TableClipboard extends Clipboard {
-    convert: (
-        {
-            html,
-            text
-        }: {
-            html?: string;
-            text?: string;
-        },
-        formats?: Record<string, unknown>
-    ) => Delta;
-
     onPaste(range: Range, { text, html }: { text?: string; html?: string }) {
         const formats = this.quill.getFormat(range.index) as Props;
         const pastedDelta = this.getTableDelta({ text, html }, formats);

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/modules/toolbar.ts

@@ -18,10 +18,7 @@ const Toolbar = QuillToolbar as typeof Module;
 type Handler = (this: TableToolbar, value: any) => void;
 
 class TableToolbar extends Toolbar {
-    handlers: Record<string, Handler>;
-    controls: [string, HTMLElement][];
-    update: (range: Range | null) => void;
-    container?: HTMLElement | null;
+    handlers: Record<string, Handler> = {};
 
     attach(input: HTMLElement) {
         let format = Array.from(input.classList).find(className => {

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/quill-table-better.ts

@@ -206,7 +206,8 @@ class Table extends Module {
         if (!toolbarTable) return;
         Quill.register({ "formats/table-better": ToolbarTable }, true);
         const toolbar = this.quill.getModule("toolbar") as TableToolbar;
-        const button = toolbar.container.querySelector("button.ql-table-better");
+        const container = document.querySelector(toolbar.options.container);
+        const button = container.querySelector("button.ql-table-better");
         if (!button || !this.tableSelect.root) return;
         button.appendChild(this.tableSelect.root);
         button.addEventListener("click", (e: MouseEvent) => {

packages/pluggableWidgets/rich-text-web/src/utils/formats/quill-table-better/ui/cell-selection.ts

@@ -349,9 +349,8 @@ class CellSelection {
 
     initWhiteList() {
         const toolbar = this.quill.getModule("toolbar");
-        // @ts-expect-error
-        Array.from(toolbar.container.querySelectorAll("button, select")).forEach(input => {
-            // @ts-ignore
+        const container = document.querySelector(toolbar.options.container);
+        container.querySelectorAll("button, select").forEach(input => {
             this.attach(input);
         });
     }