@lowdefy/blocks-antd 4.5.2 → 4.6.0

package/dist/blocks/Badge/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: {
+            color: {
+                type: 'string',
+                description: 'Customize Badge dot color.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            count: {
+                type: [
+                    'number',
+                    'string'
+                ],
+                description: 'Text to show in badge.',
+                docs: {
+                    displayType: 'string'
+                }
+            },
+            dot: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether to display a red dot instead of count.'
+            },
+            size: {
+                type: 'string',
+                default: 'default',
+                enum: [
+                    'default',
+                    'small'
+                ],
+                description: 'Sets the size of badge if count is set.'
+            },
+            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 use an icon in badge.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            offset: {
+                type: 'array',
+                items: {
+                    type: 'number'
+                },
+                description: 'Set offset of the badge dot, array of numbers for x and y offset ([x,y]).'
+            },
+            overflowCount: {
+                type: 'number',
+                default: 99,
+                description: 'Max count to show'
+            },
+            showZero: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether to show badge when count is zero.'
+            },
+            status: {
+                type: 'string',
+                enum: [
+                    'success',
+                    'processing',
+                    'default',
+                    'error',
+                    'warning'
+                ],
+                default: null,
+                description: 'Set Badge as a status dot.'
+            },
+            text: {
+                type: 'string',
+                description: 'If status is set, text sets the display text of the status dot.'
+            },
+            title: {
+                type: 'string',
+                description: 'Text to show when hovering over the badge.'
+            }
+        }
+    }
+};

package/dist/blocks/Badge/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/Breadcrumb/Breadcrumb.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/Breadcrumb/e2e.js

@@ -0,0 +1,23 @@
+/*
+  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,
+    expect: {
+        itemCount: (page, blockId, count)=>expect(locator(page, blockId).locator('.ant-breadcrumb-link')).toHaveCount(count)
+    }
+});

package/dist/blocks/Breadcrumb/schema.js

@@ -0,0 +1,95 @@
+/*
+  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: {
+            separator: {
+                type: 'string',
+                default: '/',
+                description: 'Use a custom separator string.'
+            },
+            style: {
+                type: 'object',
+                description: 'Css style object to applied to breadcrumb.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            list: {
+                oneOf: [
+                    {
+                        type: 'array',
+                        description: 'List of breadcrumb links.',
+                        items: {
+                            type: 'string',
+                            description: 'Title of the breadcrumb link.'
+                        }
+                    },
+                    {
+                        type: 'array',
+                        description: 'List of breadcrumb links.',
+                        items: {
+                            type: 'object',
+                            properties: {
+                                label: {
+                                    type: 'string',
+                                    description: 'Label of the breadcrumb link.'
+                                },
+                                pageId: {
+                                    type: 'string',
+                                    description: 'Page id to link to when clicked.'
+                                },
+                                url: {
+                                    type: 'string',
+                                    description: 'External url link.'
+                                },
+                                style: {
+                                    type: 'object',
+                                    description: 'Css style to apply to link.',
+                                    docs: {
+                                        displayType: 'yaml'
+                                    }
+                                },
+                                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 use an icon in breadcrumb link.",
+                                    docs: {
+                                        displayType: 'icon'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onClick: {
+                type: 'array',
+                description: 'Triggered when breadcrumb item is clicked. Provides clicked link and index as args.'
+            }
+        }
+    }
+};

package/dist/blocks/Breadcrumb/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/Button/Button.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/Button/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 } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`#bl-${blockId} .ant-btn`);
+export default createBlockHelper({
+    locator,
+    do: {
+        click: (page, blockId)=>locator(page, blockId).click()
+    },
+    expect: {
+        loading: (page, blockId)=>expect(locator(page, blockId)).toHaveClass(/ant-btn-loading/),
+        notLoading: (page, blockId)=>expect(locator(page, blockId)).not.toHaveClass(/ant-btn-loading/),
+        text: (page, blockId, text)=>expect(locator(page, blockId)).toHaveText(text),
+        type: (page, blockId, type)=>expect(locator(page, blockId)).toHaveClass(new RegExp(`ant-btn-${type}`))
+    }
+});

package/dist/blocks/Button/schema.js

@@ -0,0 +1,123 @@
+/*
+  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: {
+            block: {
+                type: 'boolean',
+                description: "Fit the button's span to its parent container span.",
+                default: false
+            },
+            color: {
+                type: 'string',
+                description: 'Button color.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            danger: {
+                type: 'boolean',
+                description: 'Set button style to danger.',
+                default: false
+            },
+            disabled: {
+                type: 'boolean',
+                description: 'Disable the button if true.',
+                default: false
+            },
+            ghost: {
+                type: 'boolean',
+                description: "Make the button's background transparent when true.",
+                default: false
+            },
+            hideTitle: {
+                type: 'boolean',
+                description: "Hide the button's title.",
+                default: false
+            },
+            href: {
+                type: 'string',
+                description: 'The URL to redirect to when the button is clicked. Useful when used with a type link button.'
+            },
+            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 use icon in button.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            shape: {
+                type: 'string',
+                default: 'square',
+                enum: [
+                    'circle',
+                    'round',
+                    'square'
+                ],
+                description: 'Shape of the button.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default',
+                    'large'
+                ],
+                default: 'default',
+                description: 'Size of the button.'
+            },
+            style: {
+                type: 'object',
+                description: 'Css style object to applied to button.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            title: {
+                type: 'string',
+                description: 'Title text on the button - supports html.'
+            },
+            type: {
+                type: 'string',
+                default: 'primary',
+                enum: [
+                    'primary',
+                    'default',
+                    'dashed',
+                    'danger',
+                    'link',
+                    'text'
+                ],
+                description: 'The button type.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onClick: {
+                type: 'array',
+                description: 'Trigger action when button is clicked.'
+            }
+        }
+    }
+};

package/dist/blocks/Button/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/ButtonSelector/ButtonSelector.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.
@@ -48,9 +48,13 @@ const ButtonSelector = ({ blockId, components, events, loading, properties, requ
                     size: properties.size,
                     buttonStyle: properties.buttonStyle ? properties.buttonStyle : 'solid',
                     onChange: (event)=>{
-                        methods.setValue(type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value);
+                        const value = type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value;
+                        methods.setValue(value);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value
+                            }
                         });
                     },
                     value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || [])

package/dist/blocks/ButtonSelector/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';
+const locator = (page, blockId)=>page.locator(`#${blockId}_input`);
+export default createBlockHelper({
+    locator,
+    do: {
+        select: (page, blockId, text)=>locator(page, blockId).locator('.ant-radio-button-wrapper').filter({
+                hasText: text
+            }).click()
+    },
+    expect: {
+        value: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-radio-button-wrapper-checked').filter({
+                hasText: text
+            })).toBeVisible()
+    }
+});

package/dist/blocks/ButtonSelector/schema.js

@@ -0,0 +1,214 @@
+/*
+  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: {
+            buttonStyle: {
+                type: 'string',
+                enum: [
+                    'solid',
+                    'outline'
+                ],
+                default: 'solid',
+                description: 'Style of the selected option button.'
+            },
+            color: {
+                type: 'string',
+                description: 'Selected button color.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            inputStyle: {
+                type: 'object',
+                description: 'Css style to applied to input.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            options: {
+                default: [],
+                oneOf: [
+                    {
+                        type: 'array',
+                        description: 'Options can either be an array of primitive values, on an array of label, value pairs - supports html.',
+                        items: {
+                            type: 'string'
+                        }
+                    },
+                    {
+                        type: 'array',
+                        description: 'Options can either be an array of primitive values, on an array of label, value pairs.',
+                        items: {
+                            type: 'number'
+                        }
+                    },
+                    {
+                        type: 'array',
+                        description: 'Options can either be an array of primitive values, on an array of label, value pairs.',
+                        items: {
+                            type: 'boolean'
+                        }
+                    },
+                    {
+                        type: 'array',
+                        description: 'Options can either be an array of primitive values, on an array of label, value pairs.',
+                        items: {
+                            type: 'object',
+                            required: [
+                                'value'
+                            ],
+                            properties: {
+                                label: {
+                                    type: 'string',
+                                    description: 'Value label shown to user - supports html.'
+                                },
+                                value: {
+                                    description: 'Value selected. Can be of any type.',
+                                    oneOf: [
+                                        {
+                                            type: 'string'
+                                        },
+                                        {
+                                            type: 'number'
+                                        },
+                                        {
+                                            type: 'boolean'
+                                        },
+                                        {
+                                            type: 'object'
+                                        },
+                                        {
+                                            type: 'array'
+                                        }
+                                    ],
+                                    docs: {
+                                        displayType: 'yaml'
+                                    }
+                                },
+                                disabled: {
+                                    type: 'boolean',
+                                    default: false,
+                                    description: 'Disable the option if true.'
+                                },
+                                style: {
+                                    type: 'object',
+                                    description: 'Css style to applied to option.',
+                                    docs: {
+                                        displayType: 'yaml'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default',
+                    'large'
+                ],
+                default: 'default',
+                description: 'Size of the block.'
+            },
+            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'
+                        }
+                    }
+                }
+            },
+            title: {
+                type: 'string',
+                description: 'Title to describe the input component, if no title is specified the block id is displayed - supports html.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onChange: {
+                type: 'array',
+                description: 'Trigger actions when selection is changed.'
+            }
+        }
+    }
+};