tetrons 2.2.1 → 2.2.3

package/dist/components/tetrons/toolbar/{TableContextMenu.jsx → TableContextMenu.js}

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 export default function TableContextMenu({ editor }) {
     const [menuPosition, setMenuPosition] = useState(null);
     useEffect(() => {
@@ -29,24 +30,5 @@ 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>
-    </ul>);
+    return (_jsxs("ul", { className: "absolute bg-white shadow border rounded text-sm z-50", style: { top: menuPosition.y, left: menuPosition.x }, children: [_jsx("li", { className: "px-3 py-1 hover:bg-gray-100 cursor-pointer", onClick: insertRowAbove, children: "Insert Row Above" }), _jsx("li", { className: "px-3 py-1 hover:bg-gray-100 cursor-pointer", onClick: insertRowBelow, children: "Insert Row Below" }), _jsx("li", { className: "px-3 py-1 hover:bg-gray-100 cursor-pointer", onClick: insertColLeft, children: "Insert Column Left" }), _jsx("li", { className: "px-3 py-1 hover:bg-gray-100 cursor-pointer", onClick: insertColRight, children: "Insert Column Right" }), _jsx("li", { className: "px-3 py-1 hover:bg-red-100 cursor-pointer", onClick: deleteRow, children: "Delete Row" }), _jsx("li", { className: "px-3 py-1 hover:bg-red-100 cursor-pointer", onClick: deleteCol, children: "Delete Column" })] }));
 }

package/dist/components/tetrons/toolbar/TetronsToolbar.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 import type { Editor } from "@tiptap/react";
 export default function TetronsToolbar({ editor }: {
     editor: Editor;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tetrons/toolbar/{TetronsToolbar.jsx → TetronsToolbar.js}

@@ -1,4 +1,5 @@
 "use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import ActionGroup from "./ActionGroup";
 import ClipboardGroup from "./ClipboardGroup";
@@ -27,20 +28,5 @@ 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}/>
-    </div>);
+    return (_jsxs("div", { className: "tetrons-toolbar", children: [_jsxs("div", { className: "group", children: [_jsx("input", { type: "checkbox", id: "autoSave", checked: autoSave, onChange: (e) => setAutoSave(e.target.checked) }), _jsx("label", { htmlFor: "autoSave", children: "Auto Save" })] }), _jsx(FileGroup, { editor: editor }), _jsx(ClipboardGroup, { editor: editor }), _jsx(FontStyleGroup, { editor: editor }), _jsx(ListAlignGroup, { editor: editor }), _jsx(InsertGroup, { editor: editor }), _jsx(MiscGroup, { editor: editor }), _jsx(ActionGroup, { editor: editor })] }));
 }

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+const ToolbarButton = React.forwardRef(({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
+    return (_jsx("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: `toolbar-button ${isActive ? "active" : ""}`, children: _jsx(Icon, { size: 20 }) }));
+});
+ToolbarButton.displayName = "ToolbarButton";
+export default ToolbarButton;

package/dist/index.d.mts

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

package/dist/index.js

@@ -1,3 +1,4 @@
 export { default as EditorContent } from "./components/tetrons/EditorContent";
+// import "./styles/tetrons.css";
 import EditorContent from "./components/tetrons/EditorContent";
 export default EditorContent;