tetrons 2.1.9 → 2.2.1

package/dist/components/tetrons/toolbar/TableContextMenu.jsx

@@ -29,24 +29,24 @@ export default function TableContextMenu({ editor }) {
     const deleteCol = () => editor.chain().focus().deleteColumn().run();
     if (!menuPosition)
         return null;
-    return (<ul className="absolute bg-white shadow border rounded text-sm z-50" style={{ top: menuPosition.y, left: menuPosition.x }}>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowAbove}>
-        Insert Row Above
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowBelow}>
-        Insert Row Below
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColLeft}>
-        Insert Column Left
-      </li>
-      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColRight}>
-        Insert Column Right
-      </li>
-      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteRow}>
-        Delete Row
-      </li>
-      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteCol}>
-        Delete Column
-      </li>
+    return (<ul className="absolute bg-white shadow border rounded text-sm z-50" style={{ top: menuPosition.y, left: menuPosition.x }}>
+      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowAbove}>
+        Insert Row Above
+      </li>
+      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertRowBelow}>
+        Insert Row Below
+      </li>
+      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColLeft}>
+        Insert Column Left
+      </li>
+      <li className="px-3 py-1 hover:bg-gray-100 cursor-pointer" onClick={insertColRight}>
+        Insert Column Right
+      </li>
+      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteRow}>
+        Delete Row
+      </li>
+      <li className="px-3 py-1 hover:bg-red-100 cursor-pointer" onClick={deleteCol}>
+        Delete Column
+      </li>
     </ul>);
 }

package/dist/components/tetrons/toolbar/TetronsToolbar.jsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useState, useEffect } from "react";
+import React, { useEffect } from "react";
 import ActionGroup from "./ActionGroup";
 import ClipboardGroup from "./ClipboardGroup";
 import FontStyleGroup from "./FontStyleGroup";
@@ -8,7 +8,7 @@ import ListAlignGroup from "./ListAlignGroup";
 import MiscGroup from "./MiscGroup";
 import FileGroup from "./FileGroup";
 export default function TetronsToolbar({ editor }) {
-    const [autoSave, setAutoSave] = useState(false);
+    const [autoSave, setAutoSave] = React.useState(false);
     useEffect(() => {
         if (!editor)
             return;
@@ -27,20 +27,20 @@ export default function TetronsToolbar({ editor }) {
             editor.off("update", handleUpdate);
         };
     }, [autoSave, editor]);
-    return (<div className="flex flex-wrap items-center gap-4 p-3 border-b bg-white shadow-sm relative z-10">
-      <div className="flex items-center gap-2 border-r pr-3">
-        <input type="checkbox" id="autoSave" checked={autoSave} onChange={(e) => setAutoSave(e.target.checked)} className="w-4 h-4"/>
-        <label htmlFor="autoSave" className="text-sm select-none">
-          Auto Save
-        </label>
-      </div>
-
-      <FileGroup editor={editor}/>
-      <ClipboardGroup editor={editor}/>
-      <FontStyleGroup editor={editor}/>
-      <ListAlignGroup editor={editor}/>
-      <InsertGroup editor={editor}/>
-      <MiscGroup editor={editor}/>
-      <ActionGroup editor={editor}/>
+    return (<div className="flex flex-wrap items-center gap-4 p-3 border-b bg-white shadow-sm relative z-10">
+      <div className="flex items-center gap-2 border-r pr-3">
+        <input type="checkbox" id="autoSave" checked={autoSave} onChange={(e) => setAutoSave(e.target.checked)} className="w-4 h-4"/>
+        <label htmlFor="autoSave" className="text-sm select-none">
+          Auto Save
+        </label>
+      </div>
+
+      <FileGroup editor={editor}/>
+      <ClipboardGroup editor={editor}/>
+      <FontStyleGroup editor={editor}/>
+      <ListAlignGroup editor={editor}/>
+      <InsertGroup editor={editor}/>
+      <MiscGroup editor={editor}/>
+      <ActionGroup editor={editor}/>
     </div>);
 }

package/dist/components/tetrons/toolbar/ToolbarButton.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 const ToolbarButton = React.forwardRef(({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
-    return (<button type="button" ref={ref} onClick={onClick} disabled={disabled} title={title !== null && title !== void 0 ? title : label} aria-label={title !== null && title !== void 0 ? title : label} className={`p-2 rounded hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed ${isActive ? "bg-gray-300" : ""}`}>
-        <Icon size={20}/>
+    return (<button type="button" ref={ref} onClick={onClick} disabled={disabled} title={title !== null && title !== void 0 ? title : label} aria-label={title !== null && title !== void 0 ? title : label} className={`p-2 rounded hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed ${isActive ? "bg-gray-300" : ""}`}>
+        <Icon size={20}/>
       </button>);
 });
 ToolbarButton.displayName = "ToolbarButton";

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import React from 'react';
-
-declare function EditorContent(): React.JSX.Element;
-
-export { EditorContent, EditorContent as default };
+import React from 'react';
+
+declare function EditorContent(): React.JSX.Element;
+
+export { EditorContent, EditorContent as default };