@lowdefy/blocks-tiptap 6.1.0 → 7.0.0

package/dist/blocks/TiptapInput/TiptapInput.js

@@ -116,6 +116,7 @@ const TiptapInput = ({ blockId, components: { Icon, Link }, events, loading, met
                     className: wrapperClass,
                     style: wrapperStyle
                 }), !disabled && /*#__PURE__*/ React.createElement(PopoverMenu, {
+                    blockId: blockId,
                     editor: editor,
                     Icon: Icon
                 }));

package/dist/blocks/TiptapInput/meta.js

@@ -14,7 +14,15 @@
   limitations under the License.
 */ export default {
     category: 'input',
-    icons: [],
+    actions: [
+        'Request'
+    ],
+    icons: [
+        'bold',
+        'italic',
+        'strikethrough',
+        'highlight'
+    ],
     valueType: 'object',
     initValue: {
         html: null,
@@ -91,6 +99,7 @@
             },
             image: {
                 type: 'object',
+                urlKind: false,
                 description: 'Image extension settings.',
                 additionalProperties: false,
                 properties: {

package/dist/blocks/TiptapMentionInput/TiptapMentionInput.js

@@ -13,7 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React, { useEffect } from 'react';
-import { withBlockDefaults } from '@lowdefy/block-utils';
+import { getSafeHref, withBlockDefaults } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 import { EditorContent } from '@tiptap/react';
 import { mergeAttributes } from '@tiptap/core';
@@ -121,7 +121,7 @@ const TiptapMentionInput = ({ blockId, components: { Icon, Link }, events, loadi
             if (!type.isNone(color)) {
                 modifier.style = `color: ${color}`;
             }
-            const href = type.isFunction(properties.mentions?.getHref) ? properties.mentions.getHref(id) : undefined;
+            const href = type.isFunction(properties.mentions?.getHref) ? getSafeHref(properties.mentions.getHref(id)) : undefined;
             if (!type.isNone(href)) {
                 return [
                     'a',
@@ -264,6 +264,7 @@ const TiptapMentionInput = ({ blockId, components: { Icon, Link }, events, loadi
                     className: wrapperClass,
                     style: wrapperStyle
                 }), !disabled && /*#__PURE__*/ React.createElement(PopoverMenu, {
+                    blockId: blockId,
                     editor: editor,
                     Icon: Icon
                 }));

package/dist/blocks/TiptapMentionInput/meta.js

@@ -14,7 +14,15 @@
   limitations under the License.
 */ export default {
     category: 'input',
-    icons: [],
+    actions: [
+        'Request'
+    ],
+    icons: [
+        'bold',
+        'italic',
+        'strikethrough',
+        'highlight'
+    ],
     valueType: 'object',
     initValue: {
         html: null,
@@ -88,6 +96,7 @@
             },
             image: {
                 type: 'object',
+                urlKind: false,
                 description: 'Image extension settings.',
                 additionalProperties: false,
                 properties: {

package/dist/blocks/TiptapMentionInput/tests/TiptapMentionInput.e2e.yaml

@@ -21,7 +21,7 @@ events:
       type: SetState
       params:
         tiptap_mention_with_value:
-          html: '<p>Hi <span class="tiptap-mention">@Alice</span>.</p>'
+          html: '<p>Hi <span data-type="mention" class="tiptap-mention" data-id="user_1" data-label="Alice">@Alice</span>.</p>'
         tiptap_mention_disabled:
           html: '<p>Disabled mention editor.</p>'
         # Saved html round-trip: a mention node comes back with a STRING id

package/dist/blocks/utils/PopoverMenu.js

@@ -15,7 +15,6 @@
 */ import React, { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { BubbleMenuPlugin } from '@tiptap/extension-bubble-menu';
-import { AiOutlineBold, AiOutlineItalic, AiOutlineStrikethrough, AiOutlineHighlight } from 'react-icons/ai';
 import { isTextSelection } from '@tiptap/core';
 const HIGHLIGHT_SWATCHES = [
     {
@@ -81,7 +80,7 @@ function createMenuElements() {
 // with a portal. React only ever removes the buttons from our content element
 // (always their parent), never the plugin-managed root, so the teardown race
 // is gone.
-const PopoverMenu = ({ editor })=>{
+const PopoverMenu = ({ blockId, editor, Icon })=>{
     const [menu] = useState(createMenuElements);
     const showBold = hasExt(editor, 'bold');
     const showItalic = hasExt(editor, 'italic');
@@ -125,24 +124,42 @@ const PopoverMenu = ({ editor })=>{
         hasTools
     ]);
     if (!menu || !hasTools) return null;
-    return /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(React.Fragment, null, showBold && /*#__PURE__*/ React.createElement(AiOutlineBold, {
-        className: "tiptap-icon",
-        onClick: ()=>editor.chain().focus().toggleBold().run()
-    }), showItalic && /*#__PURE__*/ React.createElement(AiOutlineItalic, {
-        className: "tiptap-icon",
-        onClick: ()=>editor.chain().focus().toggleItalic().run()
-    }), showStrike && /*#__PURE__*/ React.createElement(AiOutlineStrikethrough, {
-        className: "tiptap-icon",
-        onClick: ()=>editor.chain().focus().toggleStrike().run()
-    }), showHighlight && HIGHLIGHT_SWATCHES.map(({ color, fill })=>/*#__PURE__*/ React.createElement(AiOutlineHighlight, {
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ React.createElement(React.Fragment, null, showBold && /*#__PURE__*/ React.createElement(Icon, {
+        blockId: `${blockId}_bold_icon`,
+        classNames: {
+            element: 'tiptap-icon'
+        },
+        onClick: ()=>editor.chain().focus().toggleBold().run(),
+        properties: "bold"
+    }), showItalic && /*#__PURE__*/ React.createElement(Icon, {
+        blockId: `${blockId}_italic_icon`,
+        classNames: {
+            element: 'tiptap-icon'
+        },
+        onClick: ()=>editor.chain().focus().toggleItalic().run(),
+        properties: "italic"
+    }), showStrike && /*#__PURE__*/ React.createElement(Icon, {
+        blockId: `${blockId}_strikethrough_icon`,
+        classNames: {
+            element: 'tiptap-icon'
+        },
+        onClick: ()=>editor.chain().focus().toggleStrike().run(),
+        properties: "strikethrough"
+    }), showHighlight && HIGHLIGHT_SWATCHES.map(({ color, fill }, i)=>/*#__PURE__*/ React.createElement(Icon, {
             key: color,
-            className: "tiptap-icon",
-            style: {
-                color
+            blockId: `${blockId}_highlight_${i}_icon`,
+            classNames: {
+                element: 'tiptap-icon'
+            },
+            styles: {
+                element: {
+                    color
+                }
             },
             onClick: ()=>editor.chain().focus().toggleHighlight({
                     color: fill
-                }).run()
+                }).run(),
+            properties: "highlight"
         }))), menu.content);
 };
 export default PopoverMenu;

package/dist/blocks/utils/style.css

@@ -1,3 +1,19 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
 /* Wrapper: the EditorContent div with border/background/focus styling.
    Antd v6 uses CSS-in-JS so the `.ant-input` class is not a global
    stylesheet class — we replicate the input look using antd's theme
@@ -261,7 +277,7 @@
   cursor: pointer;
 }
 
-.tiptap-icon + .tiptap-icon {
+.tiptap-popover > * + * {
   margin-left: 4px;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-tiptap",
-  "version": "6.1.0",
+  "version": "7.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy TipTap rich-text editor blocks.",
   "homepage": "https://lowdefy.com",
@@ -35,6 +35,9 @@
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     "./*": "./dist/*",
     "./blocks": "./dist/blocks.js",
@@ -46,10 +49,10 @@
     "dist/*"
   ],
   "dependencies": {
-    "@lowdefy/block-utils": "6.1.0",
-    "@lowdefy/blocks-antd": "6.1.0",
-    "@lowdefy/blocks-files": "6.1.0",
-    "@lowdefy/helpers": "6.1.0",
+    "@lowdefy/block-utils": "7.0.0",
+    "@lowdefy/blocks-antd": "7.0.0",
+    "@lowdefy/blocks-files": "7.0.0",
+    "@lowdefy/helpers": "7.0.0",
     "@tiptap/core": "3.31.3",
     "@tiptap/extension-bubble-menu": "3.31.3",
     "@tiptap/extension-file-handler": "3.31.3",
@@ -63,7 +66,6 @@
     "@tiptap/react": "3.31.3",
     "@tiptap/starter-kit": "3.31.3",
     "@tiptap/suggestion": "3.31.3",
-    "react-icons": "5.6.0",
     "tippy.js": "6.3.7",
     "turndown": "7.2.0"
   },
@@ -72,8 +74,8 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "6.1.0",
-    "@lowdefy/e2e-utils": "6.1.0",
+    "@lowdefy/block-dev-e2e": "7.0.0",
+    "@lowdefy/e2e-utils": "7.0.0",
     "@playwright/test": "1.59.1",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.32",