@lowdefy/blocks-antd 6.0.0 → 6.1.0

package/dist/blocks/Button/Button.js

@@ -13,7 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { Button, ConfigProvider } from 'antd';
+import { Button, ConfigProvider, Tooltip } from 'antd';
 import { get, type } from '@lowdefy/helpers';
 import { renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
 import withTheme from '../withTheme.js';
@@ -60,7 +60,12 @@ const ButtonBlock = ({ blockId, classNames = {}, components: { Icon, ShortcutBad
     const { color: buttonColor, variant, type: buttonType } = getButtonProps(properties);
     const isPresetColor = ANTD_COLOR_PRESETS.has(properties.color);
     const resolvedColor = isPresetColor ? buttonColor : properties.color ? 'primary' : buttonColor;
-    const button = /*#__PURE__*/ React.createElement(Button, {
+    // An icon-only button still has to say what it does: with hideTitle the
+    // title becomes the hover text unless `tooltip` names its own. A button that
+    // shows its title gets a tooltip only when asked.
+    const titleHidden = properties.hideTitle || properties.shape === 'circle' && type.isNone(properties.title);
+    const tooltip = type.isString(properties.tooltip) ? properties.tooltip : titleHidden && !type.isNone(properties.title) ? properties.title : null;
+    const rawButton = /*#__PURE__*/ React.createElement(Button, {
         block: properties.block,
         className: classNames.element,
         style: styles.element,
@@ -101,6 +106,10 @@ const ButtonBlock = ({ blockId, classNames = {}, components: { Icon, ShortcutBad
     }), /*#__PURE__*/ React.createElement(ShortcutBadge, {
         shortcut: events[onClickActionName]?.shortcut
     })));
+    const button = tooltip ? /*#__PURE__*/ React.createElement(Tooltip, {
+        title: tooltip,
+        mouseEnterDelay: 0.3
+    }, rawButton) : rawButton;
     if (properties.color && !isPresetColor) {
         return /*#__PURE__*/ React.createElement(ConfigProvider, {
             theme: {

package/dist/blocks/Button/meta.js

@@ -59,6 +59,10 @@
                 description: "Hide the button's title.",
                 default: false
             },
+            tooltip: {
+                type: 'string',
+                description: 'Hover text for the button. An icon-only button (`hideTitle: true`) shows its `title` as the tooltip when this is not set.'
+            },
             href: {
                 type: 'string',
                 description: 'The URL to redirect to when the button is clicked. Useful when used with a type link button.'

package/dist/blocks/Button/tests.yaml

@@ -89,6 +89,11 @@
   properties:
     hideTitle: true
     icon: AiOutlineDelete
+- id: 'properties.tooltip: Save'
+  type: Button
+  properties:
+    title: Save
+    tooltip: Save the form
 - id: 'properties.href: www.lowdefy.com'
   type: Button
   properties:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -45,9 +45,9 @@
   ],
   "dependencies": {
     "@ant-design/icons": "6.1.0",
-    "@lowdefy/block-utils": "6.0.0",
-    "@lowdefy/helpers": "6.0.0",
-    "@lowdefy/nunjucks": "6.0.0",
+    "@lowdefy/block-utils": "6.1.0",
+    "@lowdefy/helpers": "6.1.0",
+    "@lowdefy/nunjucks": "6.1.0",
     "@rc-component/motion": "1.3.1",
     "classnames": "2.5.1",
     "dayjs": "1.11.20",
@@ -60,9 +60,9 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "6.0.0",
-    "@lowdefy/e2e-utils": "6.0.0",
-    "@lowdefy/node-utils": "6.0.0",
+    "@lowdefy/block-dev-e2e": "6.1.0",
+    "@lowdefy/e2e-utils": "6.1.0",
+    "@lowdefy/node-utils": "6.1.0",
     "@playwright/test": "1.59.1",
     "@swc/cli": "0.8.1",
     "@swc/core": "1.15.32",