@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/PageSiderMenu/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, 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, text)=>locator(page, blockId).locator('.ant-menu-item').filter({
+                hasText: text
+            }).click()
+    },
+    expect: {
+        menuItemActive: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-menu-item-selected').filter({
+                hasText: text
+            })).toBeVisible()
+    }
+});

package/dist/blocks/PageSiderMenu/schema.js

@@ -0,0 +1,321 @@
+/*
+  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'
+                        ],
+                        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'
+                        }
+                    }
+                }
+            },
+            sider: {
+                type: 'object',
+                description: 'Sider properties.',
+                additionalProperties: false,
+                properties: {
+                    breakpoint: {
+                        type: 'string',
+                        enum: [
+                            'xs',
+                            'sm',
+                            'md',
+                            'lg',
+                            'xl'
+                        ],
+                        default: 'sm',
+                        description: 'Breakpoint of the responsive layout.'
+                    },
+                    collapsedWidth: {
+                        type: 'integer',
+                        description: 'Width of the collapsed sidebar, by setting to 0 a special trigger will appear.'
+                    },
+                    collapsible: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Whether can be collapsed.'
+                    },
+                    initialCollapsed: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Set the initial collapsed state.'
+                    },
+                    reverseArrow: {
+                        type: 'boolean',
+                        default: false,
+                        description: 'Direction of arrow, for a sider that expands from the right.'
+                    },
+                    theme: {
+                        type: 'string',
+                        enum: [
+                            'light',
+                            'dark'
+                        ],
+                        default: 'light',
+                        description: 'Color theme of the sidebar.'
+                    },
+                    style: {
+                        type: 'object',
+                        description: 'Css style object to apply to sider.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    },
+                    width: {
+                        type: [
+                            'string',
+                            'number'
+                        ],
+                        default: 'string',
+                        description: 'width of the sidebar',
+                        docs: {
+                            displayType: 'string'
+                        }
+                    },
+                    hideToggleButton: {
+                        type: 'boolean',
+                        description: 'Hide toggle button in sider.',
+                        default: false
+                    }
+                }
+            },
+            toggleSiderButton: {
+                type: 'object',
+                description: 'Toggle sider button properties.',
+                docs: {
+                    displayType: 'button'
+                }
+            },
+            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: 'light',
+                        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 properies. 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.'
+            },
+            onChangeToggleSiderAffix: {
+                type: 'array',
+                description: 'Trigger action when sider collapse button affix triggers a onChange event.'
+            },
+            onClose: {
+                type: 'array',
+                description: 'Trigger action when menu is closed.'
+            },
+            onMenuItemSelect: {
+                type: 'array',
+                description: 'Trigger action when menu item is selected.'
+            },
+            onMenuItemClick: {
+                type: 'array',
+                description: 'Trigger action when menu item is clicked.'
+            },
+            onOpen: {
+                type: 'array',
+                description: 'Trigger action when 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/PageSiderMenu/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/Pagination/Pagination.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/Pagination/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, escapeId } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-pagination`);
+export default createBlockHelper({
+    locator,
+    do: {
+        goToPage: (page, blockId, n)=>locator(page, blockId).locator(`.ant-pagination-item-${n}`).click(),
+        next: (page, blockId)=>locator(page, blockId).locator('.ant-pagination-next').click(),
+        prev: (page, blockId)=>locator(page, blockId).locator('.ant-pagination-prev').click()
+    },
+    expect: {
+        activePage: (page, blockId, n)=>expect(locator(page, blockId).locator('.ant-pagination-item-active')).toHaveAttribute('title', String(n))
+    }
+});

package/dist/blocks/Pagination/schema.js

@@ -0,0 +1,101 @@
+/*
+  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: {
+            total: {
+                type: 'integer',
+                default: 100,
+                description: 'Total number of items to be displayed in pagination.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default'
+                ],
+                default: 'default',
+                description: 'Pagination element size.'
+            },
+            simple: {
+                type: 'boolean',
+                default: false,
+                description: 'Use simplified pagination display.'
+            },
+            showTotal: {
+                type: [
+                    'boolean',
+                    'string',
+                    'object'
+                ],
+                default: false,
+                description: 'Show pagination total number and range if boolean, or define a custom string or function to display.',
+                docs: {
+                    displayType: 'string'
+                }
+            },
+            showSizeChanger: {
+                type: 'boolean',
+                default: false,
+                description: 'Determine whether to show page size select, it will be true when total > 50.'
+            },
+            showQuickJumper: {
+                type: 'boolean',
+                default: false,
+                description: 'Determine whether you can jump to pages directly.'
+            },
+            pageSizeOptions: {
+                type: 'array',
+                default: [
+                    10,
+                    20,
+                    30,
+                    40
+                ],
+                description: 'Specify the page size changer options.',
+                items: {
+                    type: 'number'
+                }
+            },
+            hideOnSinglePage: {
+                type: 'boolean',
+                default: false,
+                description: 'Hide pager on short list of a single page.'
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable pager.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onSizeChange: {
+                type: 'array',
+                description: 'Triggered when page size is changed.'
+            },
+            onChange: {
+                type: 'array',
+                description: 'Triggered when current page is changed.'
+            }
+        }
+    }
+};

package/dist/blocks/Pagination/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/Paragraph/Paragraph.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/Paragraph/e2e.js

@@ -0,0 +1,27 @@
+/*
+  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)}`);
+export default createBlockHelper({
+    locator,
+    do: {
+        click: (page, blockId)=>locator(page, blockId).click()
+    },
+    expect: {
+        text: (page, blockId, text)=>expect(locator(page, blockId)).toHaveText(text),
+        containsText: (page, blockId, text)=>expect(locator(page, blockId)).toContainText(text)
+    }
+});