@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/ButtonSelector/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/Card/Card.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/Card/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(`#${escapeId(blockId)}`);
+export default createBlockHelper({
+    locator,
+    do: {
+        click: (page, blockId)=>locator(page, blockId).click()
+    },
+    expect: {
+        title: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-card-head-title')).toHaveText(text),
+        hoverable: (page, blockId)=>expect(locator(page, blockId)).toHaveClass(/ant-card-hoverable/),
+        bordered: (page, blockId)=>expect(locator(page, blockId)).toHaveClass(/ant-card-bordered/)
+    }
+});

package/dist/blocks/Card/schema.js

@@ -0,0 +1,75 @@
+/*
+  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: {
+            bordered: {
+                type: 'boolean',
+                default: true,
+                description: 'Toggles rendering of the border around the card.'
+            },
+            hoverable: {
+                type: 'boolean',
+                default: false,
+                description: 'Lift up when hovering card.'
+            },
+            headerStyle: {
+                type: 'object',
+                description: 'Css style to applied to card header.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            bodyStyle: {
+                type: 'object',
+                description: 'Css style to applied to card body.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            inner: {
+                type: 'boolean',
+                default: false,
+                description: 'Change the card style to inner.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'default',
+                    'small'
+                ],
+                default: 'default',
+                description: 'Size of the card.'
+            },
+            title: {
+                type: 'string',
+                description: 'Title to show in the title area - supports html. Overwritten by blocks in the title content area.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onClick: {
+                type: 'array',
+                description: 'Trigger actions when the Card is clicked.'
+            }
+        }
+    }
+};

package/dist/blocks/Card/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/Carousel/Carousel.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/Carousel/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, escapeId } from '@lowdefy/e2e-utils';
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-carousel`);
+export default createBlockHelper({
+    locator,
+    do: {
+        next: (page, blockId)=>locator(page, blockId).locator('.slick-next').click(),
+        prev: (page, blockId)=>locator(page, blockId).locator('.slick-prev').click()
+    }
+});

package/dist/blocks/Carousel/schema.js

@@ -0,0 +1,202 @@
+/*
+  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: {
+            accessibility: {
+                type: 'boolean',
+                default: true,
+                description: 'Enable tabbing and arrow key navigation.'
+            },
+            adaptiveHeight: {
+                type: 'boolean',
+                default: false,
+                description: "Adjust the slide's height automatically."
+            },
+            arrows: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether or not to show arrows.'
+            },
+            autoplaySpeed: {
+                type: 'integer',
+                default: 3000,
+                description: 'Delay between each auto scroll (in milliseconds).'
+            },
+            autoplay: {
+                type: 'boolean',
+                default: false,
+                description: 'Toggles whether or not to scroll automatically.'
+            },
+            centerMode: {
+                type: 'boolean',
+                default: false,
+                description: 'Center current slide.'
+            },
+            centerPadding: {
+                type: 'string',
+                default: '50px',
+                description: 'Padding applied to center slide.'
+            },
+            dotPosition: {
+                type: 'string',
+                enum: [
+                    'left',
+                    'right',
+                    'top',
+                    'bottom'
+                ],
+                default: 'bottom',
+                description: 'The position of the dots, which can be one of top, bottom, left or right.'
+            },
+            dots: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not to show the dots.'
+            },
+            draggable: {
+                type: 'boolean',
+                default: false,
+                description: 'Enable scrollable via dragging on desktop'
+            },
+            easing: {
+                type: 'string',
+                default: 'linear',
+                description: 'Transition interpolation function name.'
+            },
+            effect: {
+                type: 'string',
+                default: 'scrollx',
+                description: 'Transition effect, either scrollx or fade.'
+            },
+            focusOnSelect: {
+                type: 'boolean',
+                default: false,
+                description: 'Go to slide on click.'
+            },
+            infinite: {
+                type: 'boolean',
+                default: true,
+                description: 'Infinitely wrap around contents.'
+            },
+            pauseOnDotsHover: {
+                type: 'boolean',
+                default: false,
+                description: 'Prevents autoplay while hovering on dot.'
+            },
+            pauseOnFocus: {
+                type: 'boolean',
+                default: false,
+                description: 'Prevents autoplay while focused on slides.'
+            },
+            pauseOnHover: {
+                type: 'boolean',
+                default: true,
+                description: 'Prevents autoplay while hovering on track.'
+            },
+            responsive: {
+                type: 'array',
+                default: [],
+                description: 'Customize based on breakpoints.',
+                items: {
+                    type: 'object',
+                    properties: {
+                        breakpoint: {
+                            type: 'integer',
+                            description: 'Maximum screen size.'
+                        },
+                        settings: {
+                            type: 'object',
+                            description: 'Carousel properties.',
+                            docs: {
+                                displayType: 'yaml'
+                            }
+                        }
+                    }
+                }
+            },
+            rows: {
+                type: 'integer',
+                default: 1,
+                description: 'Number of rows per slide in the slider, (enables grid mode).'
+            },
+            rtl: {
+                type: 'boolean',
+                default: false,
+                description: 'Reverses the slide order.'
+            },
+            slidesPerRow: {
+                type: 'integer',
+                default: 1,
+                description: 'Number of slides to display in grid mode, this is useful with rows option.'
+            },
+            slidesToScroll: {
+                type: 'integer',
+                default: 1,
+                description: 'How many slides to scroll at once.'
+            },
+            slidesToShow: {
+                type: 'integer',
+                default: 1,
+                description: 'How many slides to show in one frame.'
+            },
+            speed: {
+                type: 'integer',
+                default: 500,
+                description: 'Number of slides to display in grid mode, this is useful with rows option.'
+            },
+            swipeToSlide: {
+                type: 'boolean',
+                default: false,
+                description: 'Enable drag/swipe irrespective of `slidesToScroll`.'
+            },
+            swipe: {
+                type: 'boolean',
+                default: true,
+                description: 'Enable/disable swiping to change slides.'
+            },
+            vertical: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether or not the slides are shown in a column.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            afterChange: {
+                type: 'array',
+                description: 'Trigger actions after the slide is changed.'
+            },
+            beforeChange: {
+                type: 'array',
+                description: 'Trigger actions before the slide is changed.'
+            },
+            onInit: {
+                type: 'array',
+                description: 'Trigger actions when the carousel is initialized.'
+            },
+            onSwipe: {
+                type: 'array',
+                description: 'Trigger actions when the carousel is swiped.'
+            }
+        }
+    }
+};

package/dist/blocks/Carousel/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/CheckboxSelector/CheckboxSelector.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.
@@ -52,7 +52,10 @@ const CheckboxSelector = ({ blockId, components, events, loading, properties, re
                         });
                         methods.setValue(val);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: val
+                            }
                         });
                     },
                     value: getValueIndex(value, uniqueValueOptions, true)

package/dist/blocks/CheckboxSelector/e2e.js

@@ -0,0 +1,36 @@
+/*
+  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: {
+        check: (page, blockId, text)=>locator(page, blockId).locator('.ant-checkbox-wrapper').filter({
+                hasText: text
+            }).click(),
+        uncheck: (page, blockId, text)=>locator(page, blockId).locator('.ant-checkbox-wrapper').filter({
+                hasText: text
+            }).click()
+    },
+    expect: {
+        checked: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-checkbox-wrapper').filter({
+                hasText: text
+            }).locator('.ant-checkbox-checked')).toBeVisible(),
+        unchecked: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-checkbox-wrapper').filter({
+                hasText: text
+            }).locator('.ant-checkbox-checked')).toBeHidden()
+    }
+});

package/dist/blocks/CheckboxSelector/schema.js

@@ -0,0 +1,220 @@
+/*
+  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: {
+            align: {
+                type: 'string',
+                enum: [
+                    'start',
+                    'end',
+                    'center',
+                    'baseline'
+                ],
+                default: 'start',
+                description: 'Align options.'
+            },
+            color: {
+                type: 'string',
+                description: 'Selected checkbox color.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            direction: {
+                type: 'string',
+                enum: [
+                    'horizontal',
+                    'vertical'
+                ],
+                default: 'horizontal',
+                description: 'List options horizontally or vertical.'
+            },
+            wrap: {
+                type: 'boolean',
+                default: true,
+                description: "Specifies wrapping of options. Applies when 'direction' is 'horizontal'."
+            },
+            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.'
+                                },
+                                value: {
+                                    description: 'Value selected. Can be of any type - supports html.',
+                                    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'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            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.'
+            }
+        }
+    }
+};

package/dist/blocks/CheckboxSelector/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/CheckboxSwitch/CheckboxSwitch.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,7 +48,10 @@ const CheckboxSwitch = ({ blockId, components, events, loading, properties, requ
                     onChange: (e)=>{
                         methods.setValue(e.target.checked);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: e.target.checked
+                            }
                         });
                     }
                 }, /*#__PURE__*/ React.createElement(Space, {