@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/Selector/schema.js

@@ -0,0 +1,287 @@
+/*
+  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: {
+            allowClear: {
+                type: 'boolean',
+                default: true,
+                description: 'Allow the user to clear the selected value, sets the value to null.'
+            },
+            autoFocus: {
+                type: 'boolean',
+                default: false,
+                description: 'Autofocus to the block on page load.'
+            },
+            bordered: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not the selector has a border style.'
+            },
+            clearIcon: {
+                type: [
+                    'string',
+                    'object'
+                ],
+                default: 'AiOutlineCloseCircle',
+                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 at far right position of the selector, shown when user is given option to clear input.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            inputStyle: {
+                type: 'object',
+                description: 'Css style to applied to input.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            optionsStyle: {
+                type: 'object',
+                description: 'Css style to applied to option elements.',
+                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'
+                        }
+                    }
+                }
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            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.'
+                                },
+                                filterString: {
+                                    type: 'string',
+                                    description: 'String to match against when filtering selector options during. If no filterString is provided the filter method matches against options.label.'
+                                },
+                                style: {
+                                    type: 'object',
+                                    description: 'Css style to applied to option.',
+                                    docs: {
+                                        displayType: 'yaml'
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            placeholder: {
+                type: 'string',
+                default: 'Select item',
+                description: 'Placeholder text inside the block before user selects input.'
+            },
+            loadingPlaceholder: {
+                type: 'string',
+                default: 'Loading',
+                description: 'Placeholder text to show in options while the block is loading.'
+            },
+            notFoundContent: {
+                type: 'string',
+                default: 'not Found',
+                description: 'Placeholder text to show when list of options are empty.'
+            },
+            showArrow: {
+                type: 'boolean',
+                default: true,
+                description: 'Show the suffix icon at the drop-down position of the selector.'
+            },
+            showSearch: {
+                type: 'boolean',
+                default: true,
+                description: 'Make the selector options searchable.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default',
+                    'large'
+                ],
+                default: 'default',
+                description: 'Size of the block.'
+            },
+            suffixIcon: {
+                type: [
+                    'string',
+                    'object'
+                ],
+                default: 'AiOutlineDown',
+                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 at the drop-down position of the selector.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            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: {
+            onBlur: {
+                type: 'array',
+                description: 'Trigger action event occurs when selector loses focus.'
+            },
+            onChange: {
+                type: 'array',
+                description: 'Trigger action when selection is changed.'
+            },
+            onFocus: {
+                type: 'array',
+                description: 'Trigger action when selector gets focus.'
+            },
+            onClear: {
+                type: 'array',
+                description: 'Trigger action when selector is cleared.'
+            },
+            onSearch: {
+                type: 'array',
+                description: "Trigger actions when input is changed. 'value' is passed to the _event operator to be used in actions such as search queries."
+            }
+        }
+    }
+};

package/dist/blocks/Selector/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/Sider/Sider.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/Sider/e2e.js

@@ -0,0 +1,19 @@
+/*
+  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-layout-sider`);
+export default createBlockHelper({
+    locator
+});

package/dist/blocks/Sider/schema.js

@@ -0,0 +1,98 @@
+/*
+  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: {
+            breakpoint: {
+                type: 'string',
+                enum: [
+                    'xs',
+                    'sm',
+                    'md',
+                    'lg',
+                    'xl',
+                    'xxl'
+                ],
+                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',
+                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: 'dark',
+                description: 'Color theme of the sidebar'
+            },
+            style: {
+                type: 'object',
+                description: 'Css style object to apply to sider.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            width: {
+                type: [
+                    'string',
+                    'number'
+                ],
+                description: 'width of the sidebar',
+                docs: {
+                    displayType: 'string'
+                }
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onClose: {
+                type: 'array',
+                description: 'Trigger actions when sider is closed.'
+            },
+            onOpen: {
+                type: 'array',
+                description: 'Trigger actions when sider is opened.'
+            },
+            onBreakpoint: {
+                type: 'array',
+                description: 'Trigger actions on breakpoint change.'
+            }
+        }
+    }
+};

package/dist/blocks/Sider/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/Slider/Slider.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.
@@ -54,7 +54,10 @@ const SliderBlock = ({ blockId, components: { Icon, Link }, events, loading, met
                     onChange: (val)=>{
                         methods.setValue(val);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: val
+                            }
                         });
                     },
                     value: value

package/dist/blocks/Slider/e2e.js

@@ -0,0 +1,33 @@
+/*
+  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-slider`);
+const handle = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)} .ant-slider-handle`);
+export default createBlockHelper({
+    locator,
+    do: {
+        // Sets value via keyboard: Home resets to min, then ArrowRight steps up by 1.
+        // Assumes default min=0 and step=1. For custom min/step configure tests accordingly.
+        setValue: async (page, blockId, val)=>{
+            await handle(page, blockId).focus();
+            await handle(page, blockId).press('Home');
+            for(let i = 0; i < val; i++)await handle(page, blockId).press('ArrowRight');
+        }
+    },
+    expect: {
+        value: (page, blockId, val)=>expect(handle(page, blockId)).toHaveAttribute('aria-valuenow', String(val))
+    }
+});

package/dist/blocks/Slider/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/Statistic/Statistic.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/Statistic/e2e.js

@@ -0,0 +1,26 @@
+/*
+  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,
+    expect: {
+        title: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-statistic-title')).toHaveText(text),
+        value: (page, blockId, value)=>expect(locator(page, blockId).locator('.ant-statistic-content-value')).toHaveText(String(value)),
+        prefix: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-statistic-content-prefix')).toHaveText(text),
+        suffix: (page, blockId, text)=>expect(locator(page, blockId).locator('.ant-statistic-content-suffix')).toHaveText(text)
+    }
+});

package/dist/blocks/Statistic/schema.js

@@ -0,0 +1,94 @@
+/*
+  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: {
+            decimalSeparator: {
+                type: 'string',
+                default: '.',
+                description: 'Decimal separator.'
+            },
+            groupSeparator: {
+                type: 'string',
+                default: ',',
+                description: 'Group separator.'
+            },
+            loading: {
+                type: 'boolean',
+                default: false,
+                description: 'Control the loading status of Statistic.'
+            },
+            precision: {
+                type: 'number',
+                description: 'Number of decimals to display.'
+            },
+            prefix: {
+                type: 'string',
+                description: 'Prefix text, priority over prefixIcon.'
+            },
+            prefixIcon: {
+                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 which prefix the statistic.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            suffix: {
+                type: 'string',
+                description: 'Suffix text, priority over suffixIcon.'
+            },
+            suffixIcon: {
+                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 which suffix the statistic.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            title: {
+                type: 'string',
+                description: 'Title to describe the component - supports html.'
+            },
+            value: {
+                oneOf: [
+                    {
+                        type: 'number',
+                        description: 'Value to display.',
+                        step: '0.01'
+                    },
+                    {
+                        type: 'string',
+                        description: 'Value to display.'
+                    }
+                ]
+            },
+            valueStyle: {
+                type: 'object',
+                description: 'Css style to applied to value.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            }
+        }
+    }
+};

package/dist/blocks/Statistic/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/Switch/Switch.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.
@@ -78,7 +78,10 @@ const SwitchBlock = ({ blockId, components: { Icon, Link }, events, loading, met
                     onChange: (newVal)=>{
                         methods.setValue(newVal);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: newVal
+                            }
                         });
                     }
                 })

package/dist/blocks/Switch/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)}_input`);
+export default createBlockHelper({
+    locator,
+    do: {
+        toggle: (page, blockId)=>locator(page, blockId).click()
+    },
+    expect: {
+        checked: (page, blockId)=>expect(locator(page, blockId)).toHaveClass(/ant-switch-checked/),
+        unchecked: (page, blockId)=>expect(locator(page, blockId)).not.toHaveClass(/ant-switch-checked/)
+    }
+});