@lowdefy/blocks-antd 4.7.3 → 5.1.0

package/dist/blocks/DropdownMenu/meta.js

@@ -0,0 +1,322 @@
+/*
+  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.
+*/ export default {
+    category: 'container',
+    icons: [],
+    valueType: null,
+    slots: {
+        content: 'Blocks that trigger the dropdown.'
+    },
+    cssKeys: {
+        element: 'The trigger wrapper element.',
+        menu: 'The floating menu container.',
+        item: 'Individual menu items.',
+        itemIcon: 'Icon within menu items.',
+        subMenu: 'Submenu/group containers.',
+        arrow: 'Dropdown arrow indicator.'
+    },
+    events: {
+        onClick: {
+            description: 'Trigger action when a menu item is clicked.',
+            event: {
+                key: 'The menu item key.',
+                keyPath: 'The key path of the menu item.',
+                pageId: 'The page id of the menu item.',
+                url: 'The url of the menu item.'
+            }
+        },
+        onSelect: {
+            description: 'Trigger action when a menu item is selected.',
+            event: {
+                key: 'The selected menu item key.',
+                selectedKeys: 'All selected menu item keys.',
+                pageId: 'The page id of the selected item.',
+                url: 'The url of the selected item.'
+            }
+        },
+        onOpenChange: {
+            description: 'Trigger action when dropdown opens or closes.',
+            event: {
+                open: 'Whether the dropdown is open.'
+            }
+        }
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            links: {
+                type: 'array',
+                description: 'Menu items. Same structure as Menu block: MenuLink, MenuGroup, MenuDivider.',
+                items: {
+                    type: 'object',
+                    required: [
+                        'id',
+                        'type'
+                    ],
+                    properties: {
+                        id: {
+                            type: 'string',
+                            description: 'Menu item id.'
+                        },
+                        type: {
+                            type: 'string',
+                            enum: [
+                                'MenuDivider',
+                                'MenuLink',
+                                'MenuGroup'
+                            ],
+                            default: 'MenuLink',
+                            description: 'Menu item type.'
+                        },
+                        pageId: {
+                            type: 'string',
+                            description: 'Page to link to.'
+                        },
+                        url: {
+                            type: 'string',
+                            description: 'External URL to link to.'
+                        },
+                        newTab: {
+                            type: 'boolean',
+                            description: 'Open link in new tab.'
+                        },
+                        style: {
+                            type: 'object',
+                            description: 'Css style applied to the link.',
+                            docs: {
+                                displayType: 'yaml'
+                            }
+                        },
+                        properties: {
+                            type: 'object',
+                            description: 'Properties for the menu item.',
+                            properties: {
+                                title: {
+                                    type: 'string',
+                                    description: 'Menu item title.'
+                                },
+                                icon: {
+                                    type: [
+                                        'string',
+                                        'object'
+                                    ],
+                                    description: 'Name of a React-Icon or properties of an Icon block to customize icon on menu item.',
+                                    docs: {
+                                        displayType: 'icon'
+                                    }
+                                },
+                                danger: {
+                                    type: 'boolean',
+                                    default: false,
+                                    description: 'Apply danger style to menu item.'
+                                },
+                                disabled: {
+                                    type: 'boolean',
+                                    default: false,
+                                    description: 'Disable the menu item.'
+                                },
+                                dashed: {
+                                    type: 'boolean',
+                                    default: false,
+                                    description: 'Whether the divider line is dashed.'
+                                },
+                                shortcut: {
+                                    type: 'string',
+                                    description: 'Keyboard shortcut to select this menu item. Renders a shortcut badge next to the label. Use "mod" for Cmd/Ctrl.'
+                                }
+                            }
+                        },
+                        links: {
+                            type: 'array',
+                            description: 'Nested menu items for MenuGroup.',
+                            items: {
+                                type: 'object',
+                                required: [
+                                    'id',
+                                    'type'
+                                ],
+                                properties: {
+                                    id: {
+                                        type: 'string',
+                                        description: 'Menu item id.'
+                                    },
+                                    type: {
+                                        type: 'string',
+                                        enum: [
+                                            'MenuDivider',
+                                            'MenuLink'
+                                        ],
+                                        default: 'MenuLink',
+                                        description: 'Menu item type.'
+                                    },
+                                    pageId: {
+                                        type: 'string',
+                                        description: 'Page to link to.'
+                                    },
+                                    url: {
+                                        type: 'string',
+                                        description: 'External URL to link to.'
+                                    },
+                                    newTab: {
+                                        type: 'boolean',
+                                        description: 'Open link in new tab.'
+                                    },
+                                    style: {
+                                        type: 'object',
+                                        description: 'Css style applied to the link.',
+                                        docs: {
+                                            displayType: 'yaml'
+                                        }
+                                    },
+                                    properties: {
+                                        type: 'object',
+                                        description: 'Properties for the menu item.',
+                                        properties: {
+                                            title: {
+                                                type: 'string',
+                                                description: 'Menu item title.'
+                                            },
+                                            icon: {
+                                                type: [
+                                                    'string',
+                                                    'object'
+                                                ],
+                                                description: 'Icon name or config.',
+                                                docs: {
+                                                    displayType: 'icon'
+                                                }
+                                            },
+                                            danger: {
+                                                type: 'boolean',
+                                                default: false,
+                                                description: 'Danger style.'
+                                            },
+                                            disabled: {
+                                                type: 'boolean',
+                                                default: false,
+                                                description: 'Disable the item.'
+                                            },
+                                            dashed: {
+                                                type: 'boolean',
+                                                default: false,
+                                                description: 'Dashed divider line.'
+                                            },
+                                            shortcut: {
+                                                type: 'string',
+                                                description: 'Keyboard shortcut. Renders a shortcut badge next to the label. Use "mod" for Cmd/Ctrl.'
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            trigger: {
+                type: 'string',
+                enum: [
+                    'click',
+                    'hover',
+                    'contextMenu'
+                ],
+                default: 'hover',
+                description: 'How the dropdown opens.'
+            },
+            placement: {
+                type: 'string',
+                enum: [
+                    'bottomLeft',
+                    'bottom',
+                    'bottomRight',
+                    'topLeft',
+                    'top',
+                    'topRight'
+                ],
+                default: 'bottomLeft',
+                description: 'Position relative to trigger.'
+            },
+            arrow: {
+                anyOf: [
+                    {
+                        type: 'boolean'
+                    },
+                    {
+                        type: 'object',
+                        properties: {
+                            pointAtCenter: {
+                                type: 'boolean'
+                            }
+                        }
+                    }
+                ],
+                default: false,
+                description: 'Show arrow pointing to trigger.',
+                docs: {
+                    displayType: 'switch'
+                }
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the dropdown.'
+            },
+            destroyOnClose: {
+                type: 'boolean',
+                default: false,
+                description: 'Unmount menu DOM when closed.'
+            },
+            selectedKeys: {
+                type: 'array',
+                description: 'Highlighted menu items.',
+                items: {
+                    type: 'string'
+                }
+            },
+            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/dropdown#design-token'
+                },
+                properties: {
+                    zIndexPopup: {
+                        type: 'number',
+                        default: 1050,
+                        description: 'Z-index of the dropdown popup.'
+                    },
+                    controlItemBgHover: {
+                        type: 'string',
+                        description: 'Background color on item hover.'
+                    },
+                    colorPrimary: {
+                        type: 'string',
+                        description: 'Primary color override.'
+                    },
+                    borderRadiusLG: {
+                        type: 'number',
+                        description: 'Border radius for the dropdown.'
+                    },
+                    paddingBlock: {
+                        type: 'number',
+                        description: 'Vertical padding for menu items.'
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks/Flex/Flex.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 React from 'react';
+import { Flex } from 'antd';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
+const FlexBlock = ({ blockId, classNames = {}, content, properties, styles = {} })=>/*#__PURE__*/ React.createElement(Flex, {
+        id: blockId,
+        className: classNames.element,
+        style: styles.element,
+        vertical: properties.vertical,
+        wrap: properties.wrap,
+        justify: properties.justify,
+        align: properties.align,
+        gap: properties.gap,
+        flex: properties.flex,
+        component: properties.component
+    }, content.content && content.content());
+export default withTheme('Flex', withBlockDefaults(FlexBlock));

package/dist/blocks/{Comment → Flex}/e2e.js

@@ -18,7 +18,6 @@ const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
 export default createBlockHelper({
     locator,
     expect: {
-        author: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-comment-content-author-name')).toHaveText(text),
-        content: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-comment-content-detail')).toHaveText(text)
+        childCount: (page, blockId, count)=>expect(locator(page, blockId).locator('> *')).toHaveCount(count)
     }
 });

package/dist/blocks/Flex/meta.js

@@ -0,0 +1,115 @@
+/*
+  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.
+*/ export default {
+    category: 'container',
+    icons: [],
+    valueType: null,
+    slots: {
+        content: 'Child blocks laid out by the Flex container.'
+    },
+    cssKeys: {
+        element: 'The Flex element.'
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            vertical: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether the main axis direction is vertical.'
+            },
+            wrap: {
+                type: [
+                    'boolean',
+                    'string'
+                ],
+                description: 'Set whether the element is displayed in a single line or in multiple lines.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            justify: {
+                type: 'string',
+                enum: [
+                    'flex-start',
+                    'center',
+                    'flex-end',
+                    'space-between',
+                    'space-around',
+                    'space-evenly'
+                ],
+                description: 'Set the alignment of elements on the main axis.'
+            },
+            align: {
+                type: 'string',
+                enum: [
+                    'flex-start',
+                    'center',
+                    'flex-end',
+                    'stretch',
+                    'baseline'
+                ],
+                description: 'Set the alignment of elements on the cross axis.'
+            },
+            gap: {
+                type: [
+                    'string',
+                    'number'
+                ],
+                description: 'Set the gap between items. Can be "small", "middle", "large", or a number.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            flex: {
+                type: [
+                    'string',
+                    'number'
+                ],
+                description: 'Flex CSS shorthand property.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            component: {
+                type: 'string',
+                description: 'Custom element type.'
+            },
+            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/flex#design-token'
+                },
+                properties: {
+                    padding: {
+                        type: 'number',
+                        description: 'Base padding value.'
+                    },
+                    margin: {
+                        type: 'number',
+                        description: 'Base margin value.'
+                    },
+                    colorBgContainer: {
+                        type: 'string',
+                        description: 'Background color when used with a custom component wrapper.'
+                    }
+                }
+            }
+        }
+    }
+};

package/dist/blocks/FloatButton/FloatButton.js

@@ -0,0 +1,46 @@
+/*
+  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 from 'react';
+import { FloatButton } from 'antd';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
+const FloatButtonBlock = ({ blockId, classNames = {}, components: { Icon }, events, methods, properties, styles = {} })=>/*#__PURE__*/ React.createElement(FloatButton, {
+        id: blockId,
+        className: classNames.element,
+        style: styles.element,
+        type: properties.type,
+        shape: properties.shape,
+        description: properties.description,
+        tooltip: properties.tooltip,
+        icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+            blockId: `${blockId}_icon`,
+            classNames: {
+                element: classNames.icon
+            },
+            events: events,
+            properties: properties.icon,
+            styles: {
+                element: styles.icon
+            }
+        }),
+        htmlType: properties.htmlType,
+        href: properties.href,
+        target: properties.target,
+        badge: properties.badge,
+        onClick: ()=>methods.triggerEvent({
+                name: 'onClick'
+            })
+    });
+export default withTheme('FloatButton', withBlockDefaults(FloatButtonBlock));

package/dist/blocks/FloatButton/e2e.js

@@ -0,0 +1,28 @@
+/*
+  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';
+const locator = (page, blockId)=>page.locator(`#${blockId}`);
+export default createBlockHelper({
+    locator,
+    do: {
+        click: (page, blockId)=>locator(page, blockId).click(),
+        hover: (page, blockId)=>locator(page, blockId).hover()
+    },
+    expect: {
+        tooltipVisible: (page, _blockId)=>expect(page.locator('.ant-tooltip')).toBeVisible(),
+        tooltipHidden: (page, _blockId)=>expect(page.locator('.ant-tooltip')).toBeHidden()
+    }
+});