@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/MobileMenu/e2e.js

@@ -0,0 +1,32 @@
+/*
+  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, escapeId } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
+// Menu items render inside a Drawer portal, not inside #bl-${blockId}.
+const drawerMenu = (page)=>page.locator('.ant-drawer .ant-menu');
+export default createBlockHelper({
+    locator,
+    do: {
+        clickMenuItem: (page, _blockId, text)=>drawerMenu(page).locator('.ant-menu-item').filter({
+                hasText: text
+            }).click()
+    },
+    expect: {
+        menuItemActive: (page, _blockId, text)=>expect(drawerMenu(page).locator('.ant-menu-item-selected').filter({
+                hasText: text
+            })).toBeVisible()
+    }
+});

package/dist/blocks/MobileMenu/schema.js

@@ -0,0 +1,276 @@
+/*
+  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 {
+    type: 'object',
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            toggleMenuButton: {
+                type: 'object',
+                description: 'Toggle menu button properties.',
+                docs: {
+                    displayType: 'button'
+                }
+            },
+            drawer: {
+                type: 'object',
+                description: 'Menu drawer properties.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            menuId: {
+                type: 'string',
+                description: 'App menu id used to get menu links.'
+            },
+            selectedKeys: {
+                type: 'array',
+                description: 'Array with the keys of currently selected menu items.',
+                items: {
+                    type: 'string',
+                    description: "Selected menu item 'id'."
+                }
+            },
+            subMenuCloseDelay: {
+                type: 'number',
+                description: 'Delay time to hide submenu when mouse leaves (in seconds).'
+            },
+            subMenuOpenDelay: {
+                type: 'number',
+                description: 'Delay time to show submenu when mouse enters (in seconds).'
+            },
+            theme: {
+                type: 'string',
+                enum: [
+                    'dark',
+                    'light'
+                ],
+                default: 'light',
+                description: 'Color theme of menu.'
+            },
+            links: {
+                type: 'array',
+                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.'
+                        },
+                        style: {
+                            type: 'object',
+                            description: 'Css style to applied to link.',
+                            docs: {
+                                displayType: 'yaml'
+                            }
+                        },
+                        properties: {
+                            type: 'object',
+                            description: 'properties from menu item.',
+                            properties: {
+                                title: {
+                                    type: 'string',
+                                    description: 'Menu item title.'
+                                },
+                                icon: {
+                                    type: [
+                                        'string',
+                                        'object'
+                                    ],
+                                    description: "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) 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.'
+                                },
+                                dashed: {
+                                    type: 'boolean',
+                                    default: false,
+                                    description: 'Whether the divider line is dashed.'
+                                }
+                            }
+                        },
+                        links: {
+                            type: 'array',
+                            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.'
+                                    },
+                                    style: {
+                                        type: 'object',
+                                        description: 'Css style to applied to sub-link.',
+                                        docs: {
+                                            displayType: 'yaml'
+                                        }
+                                    },
+                                    pageId: {
+                                        type: 'string',
+                                        description: 'Page to link to.'
+                                    },
+                                    properties: {
+                                        type: 'object',
+                                        description: 'properties from menu item.',
+                                        properties: {
+                                            title: {
+                                                type: 'string',
+                                                description: 'Menu item title.'
+                                            },
+                                            danger: {
+                                                type: 'boolean',
+                                                default: false,
+                                                description: 'Apply danger style to menu item.'
+                                            },
+                                            dashed: {
+                                                type: 'boolean',
+                                                default: false,
+                                                description: 'Whether the divider line is dashed.'
+                                            }
+                                        },
+                                        links: {
+                                            type: 'array',
+                                            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.'
+                                                    },
+                                                    style: {
+                                                        type: 'object',
+                                                        description: 'Css style to applied to sub-link.',
+                                                        docs: {
+                                                            displayType: 'yaml'
+                                                        }
+                                                    },
+                                                    pageId: {
+                                                        type: 'string',
+                                                        description: 'Page to link to.'
+                                                    },
+                                                    properties: {
+                                                        type: 'object',
+                                                        description: 'properties from menu item.',
+                                                        properties: {
+                                                            title: {
+                                                                type: 'string',
+                                                                description: 'Menu item title.'
+                                                            },
+                                                            danger: {
+                                                                type: 'boolean',
+                                                                default: false,
+                                                                description: 'Apply danger style to menu item.'
+                                                            },
+                                                            dashed: {
+                                                                type: 'boolean',
+                                                                default: false,
+                                                                description: 'Whether the divider line is dashed.'
+                                                            }
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onToggleDrawer: {
+                type: 'array',
+                description: 'Trigger action when mobile menu drawer is toggled.'
+            },
+            onClose: {
+                type: 'array',
+                description: 'Trigger action when mobile menu is closed.'
+            },
+            onOpen: {
+                type: 'array',
+                description: 'Trigger action when mobile menu is opened.'
+            },
+            onMenuItemSelect: {
+                type: 'array',
+                description: 'Trigger action when menu item is selected.'
+            },
+            onMenuItemClick: {
+                type: 'array',
+                description: 'Trigger action when menu item is clicked.'
+            },
+            onToggleMenuGroup: {
+                type: 'array',
+                description: 'Trigger action when mobile menu group is opened.'
+            }
+        }
+    }
+};

package/dist/blocks/MobileMenu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/dist/blocks/Modal/Modal.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/dist/blocks/Modal/e2e.js

@@ -0,0 +1,30 @@
+/*
+  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';
+// Modal renders as a portal. Ant Design 4 does not forward the id prop to the
+// portal DOM element, so we target the first visible non-confirm modal.
+const locator = (page, _blockId)=>page.locator('.ant-modal:visible').first();
+export default createBlockHelper({
+    locator,
+    do: {
+        close: (page, _blockId)=>locator(page, _blockId).locator('.ant-modal-close').click(),
+        ok: (page, _blockId)=>locator(page, _blockId).locator('.ant-btn-primary').click(),
+        cancel: (page, _blockId)=>locator(page, _blockId).locator('.ant-btn:not(.ant-btn-primary)').click()
+    },
+    expect: {
+        title: (page, _blockId, text)=>expect(locator(page, _blockId).locator('.ant-modal-title')).toHaveText(text)
+    }
+});

package/dist/blocks/Modal/schema.js

@@ -0,0 +1,142 @@
+/*
+  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 {
+    type: 'object',
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            bodyStyle: {
+                type: 'object',
+                description: 'Css style to applied to modal body.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            centered: {
+                type: 'boolean',
+                default: false,
+                description: 'Center the modal vertically.'
+            },
+            closable: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether a close (x) button is visible on top right of the modal dialog or not.'
+            },
+            title: {
+                type: 'string',
+                description: "The modal dialog's title - supports html."
+            },
+            footer: {
+                type: 'boolean',
+                default: true,
+                description: 'Show footer area.'
+            },
+            mask: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether show mask or not.'
+            },
+            maskStyle: {
+                type: 'object',
+                description: 'Css style to applied to modal mask.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            maskClosable: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to close the modal dialog when the mask (area outside the modal) is clicked.'
+            },
+            okText: {
+                type: 'string',
+                default: 'Ok',
+                description: 'Text of the Ok button.'
+            },
+            okButtonProps: {
+                type: 'object',
+                description: 'Set additional properties for the ok button.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            style: {
+                type: 'object',
+                description: 'Css style to applied to modal.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            cancelText: {
+                type: 'string',
+                default: 'Cancel',
+                description: 'Text of the Cancel button.'
+            },
+            cancelButtonProps: {
+                type: 'object',
+                description: 'Set additional properties for the cancel button.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            width: {
+                type: [
+                    'string',
+                    'number'
+                ],
+                default: '520px',
+                description: 'Width of the modal dialog.',
+                docs: {
+                    displayType: 'string'
+                }
+            },
+            wrapperStyle: {
+                type: 'object',
+                description: 'Css style to applied to modal wrapper.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            zIndex: {
+                type: 'integer',
+                default: 1000,
+                description: 'The z-index of the modal. Useful when displaying two modals simultaneously.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onOk: {
+                type: 'array',
+                description: 'Trigger actions when Ok button is clicked.'
+            },
+            onOpen: {
+                type: 'array',
+                description: 'Trigger actions when modal is opened.'
+            },
+            onCancel: {
+                type: 'array',
+                description: 'Trigger actions when Cancel button is clicked.'
+            },
+            onClose: {
+                type: 'array',
+                description: 'Trigger actions after onOk or onCancel is completed.'
+            }
+        }
+    }
+};

package/dist/blocks/Modal/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/dist/blocks/MonthSelector/MonthSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -67,9 +67,13 @@ const MonthSelector = ({ blockId, components: { Icon }, events, loading, methods
                         properties: properties.suffixIcon ?? 'AiOutlineCalendar'
                     }),
                     onChange: (newVal)=>{
-                        methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate());
+                        const val = !newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate();
+                        methods.setValue(val);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: val
+                            }
                         });
                     }
                 }))

package/dist/blocks/MonthSelector/e2e.js

@@ -0,0 +1,32 @@
+/*
+  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, escapeId } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`.ant-picker:has(#${escapeId(blockId)}_input)`);
+const input = (page, blockId)=>page.locator(`#${escapeId(blockId)}_input`);
+export default createBlockHelper({
+    locator,
+    do: {
+        open: (page, blockId)=>locator(page, blockId).click(),
+        clear: async (page, blockId)=>{
+            await locator(page, blockId).hover();
+            await locator(page, blockId).locator('.ant-picker-clear').click();
+        }
+    },
+    expect: {
+        value: (page, blockId, val)=>expect(input(page, blockId)).toHaveValue(val),
+        placeholder: (page, blockId, text)=>expect(input(page, blockId)).toHaveAttribute('placeholder', text)
+    }
+});