@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/Notification/schema.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 {
+    type: 'object',
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            bottom: {
+                type: 'number',
+                default: 24,
+                description: 'Distance from the bottom of the viewport, when placement is bottomRight or bottomLeft (unit: pixels).'
+            },
+            button: {
+                type: 'object',
+                description: 'Button object to customized the close button. Triggers onClose event when clicked.',
+                docs: {
+                    displayType: 'button'
+                }
+            },
+            description: {
+                type: 'string',
+                description: 'The content of notification box - supports html.'
+            },
+            duration: {
+                type: 'number',
+                default: 4.5,
+                description: 'Time in seconds before Notification is closed. When set to 0 or null, it will never be closed automatically.'
+            },
+            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 notification icon.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            closeIcon: {
+                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 close icon.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            message: {
+                type: 'string',
+                description: 'The title of notification box - supports html.'
+            },
+            notificationStyle: {
+                type: 'object',
+                description: 'Css style to applied to notification.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            placement: {
+                type: 'string',
+                enum: [
+                    'topLeft',
+                    'topRight',
+                    'bottomLeft',
+                    'bottomRight'
+                ],
+                default: 'topRight',
+                description: 'Position of Notification.'
+            },
+            top: {
+                type: 'number',
+                default: 24,
+                description: 'Distance from the top of the viewport, when placement is topRight or topLeft (unit: pixels).'
+            },
+            status: {
+                type: 'string',
+                enum: [
+                    'success',
+                    'error',
+                    'info',
+                    'warning'
+                ],
+                description: 'Notification status type.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onClose: {
+                type: 'array',
+                description: 'Trigger actions when notification is closed.'
+            },
+            onClick: {
+                type: 'array',
+                description: 'Trigger actions when notification is clicked.'
+            }
+        }
+    }
+};

package/dist/blocks/Notification/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/NumberInput/NumberInput.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.
@@ -56,7 +56,10 @@ const NumberInput = ({ blockId, events, components, loading, methods, properties
                     onChange: (newVal)=>{
                         methods.setValue(newVal);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: newVal
+                            }
                         });
                     },
                     onPressEnter: ()=>{

package/dist/blocks/NumberInput/e2e.js

@@ -0,0 +1,29 @@
+/*
+  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(`#${escapeId(blockId)}_input`);
+export default createBlockHelper({
+    locator,
+    do: {
+        fill: (page, blockId, val)=>locator(page, blockId).fill(String(val)),
+        clear: (page, blockId)=>locator(page, blockId).clear(),
+        pressEnter: (page, blockId)=>locator(page, blockId).press('Enter')
+    },
+    expect: {
+        value: (page, blockId, val)=>expect(locator(page, blockId)).toHaveValue(String(val)),
+        placeholder: (page, blockId, text)=>expect(locator(page, blockId)).toHaveAttribute('placeholder', text)
+    }
+});

package/dist/blocks/NumberInput/schema.js

@@ -0,0 +1,193 @@
+/*
+  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: {
+            autoFocus: {
+                type: 'boolean',
+                default: false,
+                description: 'Autofocus to the block on page load.'
+            },
+            bordered: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not the number input has a border style.'
+            },
+            controls: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not to show the +- controls.'
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            formatter: {
+                type: 'object',
+                description: 'A function specifying the format of the value presented.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            keyboard: {
+                type: 'boolean',
+                default: true,
+                description: 'If enabled, control input with keyboard up and down.'
+            },
+            inputStyle: {
+                type: 'object',
+                description: 'Css style to applied to input.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            label: {
+                type: 'object',
+                description: 'Label properties.',
+                additionalProperties: false,
+                properties: {
+                    align: {
+                        type: 'string',
+                        enum: [
+                            'left',
+                            'right'
+                        ],
+                        default: 'left',
+                        description: 'Align label left or right when inline.'
+                    },
+                    colon: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Append label with colon.'
+                    },
+                    extra: {
+                        type: 'string',
+                        description: 'Extra text to display beneath the content - supports html.'
+                    },
+                    title: {
+                        type: 'string',
+                        description: 'Label title - supports html.'
+                    },
+                    span: {
+                        type: 'number',
+                        description: 'Label inline span.'
+                    },
+                    disabled: {
+                        type: 'boolean',
+                        default: false,
+                        description: 'Hide input label.'
+                    },
+                    hasFeedback: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Display feedback extra from validation, this does not disable validation.'
+                    },
+                    inline: {
+                        type: 'boolean',
+                        default: false,
+                        description: 'Render input and label inline.'
+                    },
+                    extraStyle: {
+                        type: 'object',
+                        description: 'Css style to applied to label extra.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    },
+                    feedbackStyle: {
+                        type: 'object',
+                        description: 'Css style to applied to label feedback.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            min: {
+                type: 'number',
+                description: 'Minimum value allowed by the block.'
+            },
+            max: {
+                type: 'number',
+                description: 'Maximum value allowed by the block.'
+            },
+            parser: {
+                type: 'object',
+                description: 'A function specifying the value extracted from the formatter.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            placeholder: {
+                type: 'string',
+                description: 'Placeholder text inside the block to show message before user types input.'
+            },
+            decimalSeparator: {
+                type: 'string',
+                default: '.',
+                description: 'Separator between number and decimal places.'
+            },
+            precision: {
+                type: 'integer',
+                description: 'Precision (number of decimal places) allowed by the block.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default',
+                    'large'
+                ],
+                default: 'default',
+                description: 'Size of the block.'
+            },
+            step: {
+                type: 'number',
+                default: 1,
+                description: 'The number to which the current value is increased or decreased. It can be an integer or decimal.'
+            },
+            title: {
+                type: 'string',
+                description: 'Number input label title - supports html.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onBlur: {
+                type: 'array',
+                description: 'Trigger action event occurs when number input loses focus.'
+            },
+            onChange: {
+                type: 'array',
+                description: 'Trigger action when number input is changed.'
+            },
+            onFocus: {
+                type: 'array',
+                description: 'Trigger action when number input gets focus.'
+            },
+            onPressEnter: {
+                type: 'array',
+                description: 'Trigger actions when input is focused and enter is pressed.'
+            }
+        }
+    }
+};

package/dist/blocks/NumberInput/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/PageHeaderMenu/PageHeaderMenu.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/PageHeaderMenu/e2e.js

@@ -0,0 +1,34 @@
+/*
+  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)}`);
+export default createBlockHelper({
+    locator,
+    do: {
+        clickMenuItem: (page, blockId, menuItemText)=>locator(page, blockId).locator('.ant-menu-item').filter({
+                hasText: menuItemText
+            }).click(),
+        clickLogo: (page, blockId)=>locator(page, blockId).locator(`#${escapeId(blockId)}_header`).locator('a').first().click()
+    },
+    expect: {
+        menuItemActive: (page, blockId, menuItemText)=>expect(locator(page, blockId).locator('.ant-menu-item-selected').filter({
+                hasText: menuItemText
+            })).toBeVisible(),
+        menuItemVisible: (page, blockId, menuItemText)=>expect(locator(page, blockId).locator('.ant-menu-item').filter({
+                hasText: menuItemText
+            })).toBeVisible()
+    }
+});

package/dist/blocks/PageHeaderMenu/schema.js

@@ -0,0 +1,241 @@
+/*
+  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: {
+            logo: {
+                type: 'object',
+                description: 'Header logo settings.',
+                additionalProperties: false,
+                properties: {
+                    src: {
+                        type: 'string',
+                        description: 'Header logo source url.'
+                    },
+                    srcMobile: {
+                        type: 'string',
+                        description: 'Header logo img element for mobile.'
+                    },
+                    breakpoint: {
+                        type: 'number',
+                        description: 'Header logo breakpoint for switching between mobile and desktop logo.'
+                    },
+                    alt: {
+                        type: 'string',
+                        default: 'Lowdefy',
+                        description: 'Header logo alternative text.'
+                    },
+                    style: {
+                        type: 'object',
+                        description: 'Css style object to apply to logo.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            header: {
+                type: 'object',
+                description: 'Header properties.',
+                additionalProperties: false,
+                properties: {
+                    theme: {
+                        type: 'string',
+                        enum: [
+                            'light',
+                            'dark'
+                        ],
+                        default: 'dark',
+                        description: 'Header theme color.'
+                    },
+                    contentStyle: {
+                        type: 'object',
+                        description: 'Header content css style object.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    },
+                    style: {
+                        type: 'object',
+                        description: 'Header css style object.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            footer: {
+                type: 'object',
+                description: 'Footer properties.',
+                additionalProperties: false,
+                properties: {
+                    style: {
+                        type: 'object',
+                        description: 'Footer css style object.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            content: {
+                type: 'object',
+                description: 'Content properties.',
+                additionalProperties: false,
+                properties: {
+                    style: {
+                        type: 'object',
+                        description: 'Content css style object.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            breadcrumb: {
+                type: 'object',
+                description: 'Breadcrumb properties.',
+                properties: {
+                    separator: {
+                        type: 'string',
+                        default: '/',
+                        description: 'Use a custom separator string.'
+                    },
+                    list: {
+                        type: 'array',
+                        description: 'List of breadcrumb links.',
+                        items: {
+                            type: 'string',
+                            description: 'Title of the breadcrumb link.'
+                        }
+                    }
+                }
+            },
+            menu: {
+                type: 'object',
+                description: 'Menu properties.',
+                properties: {
+                    theme: {
+                        type: 'string',
+                        enum: [
+                            'dark',
+                            'light'
+                        ],
+                        default: 'dark',
+                        description: 'Color theme of menu.'
+                    },
+                    links: {
+                        type: 'array',
+                        items: {
+                            type: 'object',
+                            required: [
+                                'id',
+                                'type'
+                            ],
+                            properties: {
+                                id: {
+                                    type: 'string',
+                                    description: 'Menu item id.'
+                                },
+                                pageId: {
+                                    type: 'string',
+                                    description: 'Page to link to.'
+                                },
+                                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'
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            },
+            menuLg: {
+                type: 'object',
+                description: 'Menu large screen properties. Overwrites menu properties on desktop screen sizes.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            menuMd: {
+                type: 'object',
+                description: 'Mobile menu properties. Overwrites menu properties on mobile screen sizes.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            style: {
+                type: 'object',
+                description: 'Css style object to apply to layout.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onBreadcrumbClick: {
+                type: 'array',
+                description: 'Trigger action when a breadcrumb item is clicked.'
+            },
+            onClose: {
+                type: 'array',
+                description: 'Trigger action when mobile menu is closed.'
+            },
+            onMenuItemClick: {
+                type: 'array',
+                description: 'Trigger action when menu item is clicked.'
+            },
+            onMenuItemSelect: {
+                type: 'array',
+                description: 'Trigger action when menu item is selected.'
+            },
+            onOpen: {
+                type: 'array',
+                description: 'Trigger action when mobile menu is open.'
+            },
+            onToggleDrawer: {
+                type: 'array',
+                description: 'Trigger action when mobile menu drawer is toggled.'
+            },
+            onToggleMenuGroup: {
+                type: 'array',
+                description: 'Trigger action when mobile menu group is opened.'
+            }
+        }
+    }
+};

package/dist/blocks/PageHeaderMenu/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/PageSiderMenu/PageSiderMenu.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.