@lowdefy/blocks-antd 4.7.2 → 5.0.0

package/dist/blocks/TitleInput/{schema.js → meta.js}

@@ -13,7 +13,34 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ export default {
-    type: 'object',
+    category: 'input',
+    icons: [],
+    valueType: 'string',
+    cssKeys: {
+        element: 'The TitleInput element.',
+        copyableIcon: 'The copyable icon in the TitleInput.',
+        editableIcon: 'The editable icon in the TitleInput.'
+    },
+    events: {
+        onExpand: {
+            description: 'Trigger action when ellipse expand is clicked.',
+            event: {
+                ellipsis: 'The ellipsis state.'
+            }
+        },
+        onCopy: {
+            description: 'Trigger action when copy text is clicked.',
+            event: {
+                value: 'The copied text value.'
+            }
+        },
+        onChange: {
+            description: 'Trigger action when title is changed.',
+            event: {
+                value: 'The new title value.'
+            }
+        }
+    },
     properties: {
         type: 'object',
         additionalProperties: false,
@@ -183,24 +210,135 @@
                 type: 'boolean',
                 default: false,
                 description: 'Apply underline style.'
-            }
-        }
-    },
-    events: {
-        type: 'object',
-        additionalProperties: false,
-        properties: {
-            onExpand: {
-                type: 'array',
-                description: 'Trigger action when ellipse expand is clicked.'
             },
-            onCopy: {
-                type: 'array',
-                description: 'Trigger action when copy text is clicked.'
-            },
-            onChange: {
-                type: 'array',
-                description: 'Trigger action when title is changed.'
+            theme: {
+                type: 'object',
+                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',
+                docs: {
+                    displayType: 'yaml',
+                    link: 'https://ant.design/components/typography#design-token'
+                },
+                properties: {
+                    titleMarginBottom: {
+                        type: 'string',
+                        default: '0.5em',
+                        description: 'Margin bottom for title elements.'
+                    },
+                    titleMarginTop: {
+                        type: 'string',
+                        default: '1.2em',
+                        description: 'Margin top for title elements.'
+                    },
+                    colorText: {
+                        type: 'string',
+                        description: 'Default text color.'
+                    },
+                    colorTextSecondary: {
+                        type: 'string',
+                        description: 'Text color for secondary type.'
+                    },
+                    colorSuccess: {
+                        type: 'string',
+                        description: 'Text color for success type.'
+                    },
+                    colorWarning: {
+                        type: 'string',
+                        description: 'Text color for warning type.'
+                    },
+                    colorError: {
+                        type: 'string',
+                        description: 'Text color for danger type.'
+                    },
+                    colorLink: {
+                        type: 'string',
+                        description: 'Color for links within typography.'
+                    },
+                    colorLinkHover: {
+                        type: 'string',
+                        description: 'Color for links on hover.'
+                    },
+                    colorLinkActive: {
+                        type: 'string',
+                        description: 'Color for links when active.'
+                    },
+                    colorTextDescription: {
+                        type: 'string',
+                        description: 'Color for description text.'
+                    },
+                    colorTextDisabled: {
+                        type: 'string',
+                        description: 'Color for disabled text.'
+                    },
+                    fontFamily: {
+                        type: 'string',
+                        description: 'Font family for typography text.'
+                    },
+                    fontSize: {
+                        type: 'number',
+                        default: 14,
+                        description: 'Base font size.'
+                    },
+                    fontSizeHeading1: {
+                        type: 'number',
+                        default: 38,
+                        description: 'Font size for h1 level.'
+                    },
+                    fontSizeHeading2: {
+                        type: 'number',
+                        default: 30,
+                        description: 'Font size for h2 level.'
+                    },
+                    fontSizeHeading3: {
+                        type: 'number',
+                        default: 24,
+                        description: 'Font size for h3 level.'
+                    },
+                    fontSizeHeading4: {
+                        type: 'number',
+                        default: 20,
+                        description: 'Font size for h4 level.'
+                    },
+                    fontSizeHeading5: {
+                        type: 'number',
+                        default: 16,
+                        description: 'Font size for h5 level.'
+                    },
+                    fontWeightStrong: {
+                        type: 'number',
+                        default: 600,
+                        description: 'Font weight for strong/bold text.'
+                    },
+                    lineHeight: {
+                        type: 'number',
+                        default: 1.5714,
+                        description: 'Base line height.'
+                    },
+                    lineHeightHeading1: {
+                        type: 'number',
+                        default: 1.2105,
+                        description: 'Line height for h1.'
+                    },
+                    lineHeightHeading2: {
+                        type: 'number',
+                        default: 1.2667,
+                        description: 'Line height for h2.'
+                    },
+                    lineHeightHeading3: {
+                        type: 'number',
+                        default: 1.3333,
+                        description: 'Line height for h3.'
+                    },
+                    lineHeightHeading4: {
+                        type: 'number',
+                        default: 1.4,
+                        description: 'Line height for h4.'
+                    },
+                    lineHeightHeading5: {
+                        type: 'number',
+                        default: 1.5,
+                        description: 'Line height for h5.'
+                    }
+                }
             }
         }
     }

package/dist/blocks/Tooltip/Tooltip.js

@@ -14,35 +14,35 @@
   limitations under the License.
 */ import React from 'react';
 import { Tooltip } from 'antd';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const TooltipBlock = ({ blockId, content, properties, methods })=>/*#__PURE__*/ React.createElement(Tooltip, {
+import { renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
+const TooltipBlock = ({ blockId, classNames = {}, content, properties, methods, styles = {} })=>/*#__PURE__*/ React.createElement(Tooltip, {
         id: blockId,
         title: renderHtml({
             html: properties.title,
             methods
         }),
-        overlayStyle: methods.makeCssClass(properties.overlayStyle, true),
         arrowPointAtCenter: properties.arrowPointAtCenter,
         autoAdjustOverflow: properties.autoAdjustOverflow,
         color: properties.color,
-        defaultVisible: properties.defaultVisible,
+        defaultOpen: properties.defaultOpen,
         destroyTooltipOnHide: properties.destroyTooltipOnHide,
         mouseEnterDelay: properties.mouseEnterDelay,
         mouseLeaveDelay: properties.mouseLeaveDelay,
         placement: properties.placement,
         trigger: properties.trigger ?? 'hover',
         zIndex: properties.zIndex,
-        onVisibleChange: ()=>methods.triggerEvent({
-                name: 'onVisibleChange'
-            })
+        onOpenChange: ()=>methods.triggerEvent({
+                name: 'onOpenChange'
+            }),
+        className: classNames.element,
+        classNames: {
+            inner: classNames.inner
+        },
+        style: styles.element,
+        styles: {
+            inner: styles.inner
+        }
     }, content.content && content.content(), '' // required by antd to wrap element in span tag.
     );
-TooltipBlock.defaultProps = blockDefaultProps;
-TooltipBlock.meta = {
-    category: 'container',
-    icons: [],
-    styles: [
-        'blocks/Tooltip/style.less'
-    ]
-};
-export default TooltipBlock;
+export default withTheme('Tooltip', withBlockDefaults(TooltipBlock));

package/dist/blocks/Tooltip/{schema.js → meta.js}

@@ -13,7 +13,19 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ export default {
-    type: 'object',
+    category: 'container',
+    icons: [],
+    valueType: null,
+    slots: {
+        content: 'Child blocks that trigger the tooltip.'
+    },
+    cssKeys: {
+        element: 'The Tooltip element.',
+        inner: 'The Tooltip inner.'
+    },
+    events: {
+        onOpenChange: 'Trigger action when visibility of the tooltip card is changed.'
+    },
     properties: {
         type: 'object',
         additionalProperties: false,
@@ -28,13 +40,6 @@
                 default: true,
                 description: 'Whether to adjust popup placement automatically when popup is off screen.'
             },
-            overlayStyle: {
-                type: 'object',
-                description: 'Style of the tooltip card.',
-                docs: {
-                    displayType: 'yaml'
-                }
-            },
             color: {
                 type: 'string',
                 description: 'The background color.',
@@ -42,11 +47,16 @@
                     displayType: 'color'
                 }
             },
-            defaultVisible: {
+            defaultOpen: {
                 type: 'boolean',
                 default: false,
                 description: 'Whether the floating tooltip card is visible by default.'
             },
+            destroyTooltipOnHide: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether to destroy the tooltip DOM when hidden.'
+            },
             mouseEnterDelay: {
                 type: 'number',
                 default: 0.1,
@@ -93,16 +103,61 @@
             zIndex: {
                 type: 'integer',
                 description: 'The z-index of the Tooltip.'
-            }
-        }
-    },
-    events: {
-        type: 'object',
-        additionalProperties: false,
-        properties: {
-            onVisibleChange: {
-                type: 'array',
-                description: 'Trigger action when visibility of the tooltip card is changed.'
+            },
+            theme: {
+                type: 'object',
+                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',
+                docs: {
+                    displayType: 'yaml',
+                    link: 'https://ant.design/components/tooltip#design-token'
+                },
+                properties: {
+                    zIndexPopup: {
+                        type: 'number',
+                        default: 1070,
+                        description: 'Z-index of the tooltip.'
+                    },
+                    maxWidth: {
+                        type: 'number',
+                        default: 250,
+                        description: 'Maximum width of the tooltip.'
+                    },
+                    colorBgSpotlight: {
+                        type: 'string',
+                        default: 'rgba(0, 0, 0, 0.85)',
+                        description: 'Background color of the tooltip.'
+                    },
+                    colorTextLightSolid: {
+                        type: 'string',
+                        default: '#fff',
+                        description: 'Text color inside the tooltip.'
+                    },
+                    borderRadius: {
+                        type: 'number',
+                        default: 6,
+                        description: 'Border radius of the tooltip.'
+                    },
+                    controlHeight: {
+                        type: 'number',
+                        default: 32,
+                        description: 'Minimum height of the tooltip.'
+                    },
+                    fontSize: {
+                        type: 'number',
+                        default: 14,
+                        description: 'Font size of tooltip text.'
+                    },
+                    lineHeight: {
+                        type: 'number',
+                        default: 1.5714,
+                        description: 'Line height of tooltip text.'
+                    },
+                    paddingXS: {
+                        type: 'number',
+                        default: 8,
+                        description: 'Horizontal padding inside the tooltip.'
+                    }
+                }
             }
         }
     }

package/dist/blocks/Tour/Tour.js

@@ -0,0 +1,75 @@
+/*
+  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.
+*/ import React, { useMemo } from 'react';
+import { Tour } from 'antd';
+import { type } from '@lowdefy/helpers';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
+const TourBlock = ({ blockId, classNames = {}, methods, properties, styles = {} })=>{
+    const steps = useMemo(()=>(properties.steps ?? []).map((step)=>({
+                ...step,
+                target: step.target ? ()=>document.getElementById(step.target) : undefined,
+                cover: step.cover ? /*#__PURE__*/ React.createElement("img", {
+                    src: step.cover,
+                    alt: ""
+                }) : undefined
+            })), [
+        properties.steps
+    ]);
+    return /*#__PURE__*/ React.createElement(Tour, {
+        id: blockId,
+        className: classNames.element,
+        style: styles.element,
+        open: properties.open === true,
+        steps: steps,
+        current: properties.current,
+        type: properties.type,
+        placement: properties.placement,
+        mask: type.isObject(properties.mask) || styles.mask ? {
+            ...type.isObject(properties.mask) ? properties.mask : {},
+            style: styles.mask
+        } : properties.mask,
+        arrow: properties.arrow,
+        closable: properties.closable,
+        keyboard: properties.keyboard,
+        animated: properties.animated,
+        zIndex: properties.zIndex,
+        gap: properties.gap,
+        scrollIntoViewOptions: properties.scrollIntoViewOptions,
+        disabledInteraction: properties.disabledInteraction,
+        onClose: (current)=>{
+            methods.triggerEvent({
+                name: 'onClose',
+                event: {
+                    current
+                }
+            });
+        },
+        onChange: (current)=>{
+            methods.triggerEvent({
+                name: 'onChange',
+                event: {
+                    current
+                }
+            });
+        },
+        onFinish: ()=>{
+            methods.triggerEvent({
+                name: 'onFinish'
+            });
+        }
+    });
+};
+export default withTheme('Tour', withBlockDefaults(TourBlock));

package/dist/blocks/Tour/e2e.js

@@ -0,0 +1,31 @@
+/*
+  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.
+*/ import { createBlockHelper } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+// Tour renders as a portal overlay, not inside the block wrapper.
+const locator = (page, _blockId)=>page.locator('.ant-tour');
+export default createBlockHelper({
+    locator,
+    do: {
+        next: (page, _blockId)=>page.locator('.ant-tour .ant-tour-footer .ant-tour-next-btn').click(),
+        prev: (page, _blockId)=>page.locator('.ant-tour .ant-tour-footer .ant-tour-prev-btn').click(),
+        close: (page, _blockId)=>page.locator('.ant-tour .ant-tour-close').click()
+    },
+    expect: {
+        visible: (page, _blockId)=>expect(page.locator('.ant-tour')).toBeVisible(),
+        hidden: (page, _blockId)=>expect(page.locator('.ant-tour')).toBeHidden(),
+        stepTitle: (page, _blockId, text)=>expect(page.locator('.ant-tour .ant-tour-title')).toHaveText(text)
+    }
+});