@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/PhoneNumberInput/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)}_input`);
+export default createBlockHelper({
+    locator,
+    do: {
+        fill: (page, blockId, val)=>locator(page, blockId).fill(val),
+        clear: (page, blockId)=>locator(page, blockId).clear()
+    },
+    expect: {
+        value: (page, blockId, val)=>expect(locator(page, blockId)).toHaveValue(val),
+        placeholder: (page, blockId, text)=>expect(locator(page, blockId)).toHaveAttribute('placeholder', text)
+    }
+});

package/dist/blocks/PhoneNumberInput/schema.js

@@ -0,0 +1,243 @@
+/*
+  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: false,
+                description: 'Allow the user to clear their input.'
+            },
+            allowedRegions: {
+                type: 'array',
+                description: 'List of allowed ISO 3166-1 alpha-2 region codes. If allowedRegions is [] or null, the default list of all regions is used.',
+                items: {
+                    type: 'string'
+                }
+            },
+            autoFocus: {
+                type: 'boolean',
+                default: false,
+                description: 'Autofocus to the block on page load.'
+            },
+            bordered: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not the text input has a border style.'
+            },
+            defaultRegion: {
+                type: 'string',
+                description: 'The dial code of the default region to be used.'
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            maxLength: {
+                type: 'integer',
+                description: 'The max number of input characters.'
+            },
+            placeholder: {
+                type: 'string',
+                description: 'Placeholder text inside the block before user types input.'
+            },
+            prefix: {
+                type: 'string',
+                description: 'Prefix text for the block, priority over $prefix_con.'
+            },
+            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 to prefix the text input.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            inputStyle: {
+                type: 'object',
+                description: 'Css style to applied to input.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            label: {
+                type: 'object',
+                description: 'Label properties.',
+                additionalProperties: false,
+                properties: {
+                    align: {
+                        type: 'string',
+                        enum: [
+                            'left',
+                            'right'
+                        ],
+                        default: 'left',
+                        description: 'Align label left or right when inline.'
+                    },
+                    colon: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Append label with colon.'
+                    },
+                    extra: {
+                        type: 'string',
+                        description: 'Extra text to display beneath the content - supports html.'
+                    },
+                    title: {
+                        type: 'string',
+                        description: 'Label title - supports html.'
+                    },
+                    span: {
+                        type: 'number',
+                        description: 'Label inline span.'
+                    },
+                    disabled: {
+                        type: 'boolean',
+                        default: false,
+                        description: 'Hide input label.'
+                    },
+                    hasFeedback: {
+                        type: 'boolean',
+                        default: true,
+                        description: 'Display feedback extra from validation, this does not disable validation.'
+                    },
+                    inline: {
+                        type: 'boolean',
+                        default: false,
+                        description: 'Render input and label inline.'
+                    },
+                    extraStyle: {
+                        type: 'object',
+                        description: 'Css style to applied to label extra.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    },
+                    feedbackStyle: {
+                        type: 'object',
+                        description: 'Css style to applied to label feedback.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    }
+                }
+            },
+            optionsStyle: {
+                type: 'object',
+                description: 'Css style to applied to option elements.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            replaceInput: {
+                type: 'object',
+                description: 'Regex used to sanitize input.',
+                properties: {
+                    pattern: {
+                        type: 'string',
+                        description: 'The regular expression pattern to use to sanitize input.'
+                    },
+                    flags: {
+                        type: 'string',
+                        description: "The regex flags to use. The default value is 'gm'."
+                    },
+                    replacement: {
+                        type: 'string',
+                        description: "The string used to replace the input that matches the pattern. The default value is ''."
+                    }
+                },
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            selectStyle: {
+                type: 'object',
+                description: 'Css style to applied to selector.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            showArrow: {
+                type: 'boolean',
+                default: true,
+                description: 'Show the suffix icon at the drop-down position of the selector.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'middle',
+                    'large'
+                ],
+                default: 'middle',
+                description: 'Size of the block.'
+            },
+            suffix: {
+                type: 'string',
+                description: 'Suffix text for the block, 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 to suffix the text input.",
+                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: {
+            onInputChange: {
+                type: 'array',
+                description: 'Trigger action when text input is changed.'
+            },
+            onCodeChange: {
+                type: 'array',
+                description: 'Trigger action when the selector is changed.'
+            },
+            onChange: {
+                type: 'array',
+                description: 'Trigger action when the number is changed.'
+            },
+            onBlur: {
+                type: 'array',
+                description: 'Trigger action event occurs when input loses focus.'
+            },
+            onFocus: {
+                type: 'array',
+                description: 'Trigger action when input gets focus.'
+            },
+            onPressEnter: {
+                type: 'array',
+                description: 'Trigger action when enter is pressed while text input is focused.'
+            }
+        }
+    }
+};

package/dist/blocks/PhoneNumberInput/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.
@@ -27,7 +27,7 @@
   }
 
   /* Firefox */
-  input[type=number] {
+  input[type='number'] {
     -moz-appearance: textfield;
   }
 }

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

@@ -0,0 +1,29 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { createBlockHelper, escapeId } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+// Locator targets the trigger wrapper. The overlay is a portal (.ant-popover).
+const locator = (page, blockId)=>page.locator(`#bl-${escapeId(blockId)}`);
+export default createBlockHelper({
+    locator,
+    do: {
+        click: (page, blockId)=>locator(page, blockId).click(),
+        hover: (page, blockId)=>locator(page, blockId).hover()
+    },
+    expect: {
+        overlayVisible: (page, _blockId)=>expect(page.locator('.ant-popover')).toBeVisible(),
+        overlayHidden: (page, _blockId)=>expect(page.locator('.ant-popover')).toBeHidden()
+    }
+});

package/dist/blocks/Popover/schema.js

@@ -0,0 +1,104 @@
+/*
+  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: {
+            title: {
+                type: 'string',
+                description: 'Title of the card.'
+            },
+            color: {
+                type: 'string',
+                description: 'Popover background color.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            defaultOpen: {
+                type: 'boolean',
+                description: 'Whether the popover is open by default.',
+                default: false
+            },
+            autoAdjustOverflow: {
+                type: 'boolean',
+                description: 'Whether to adjust popup placement automatically when popup is off screen',
+                default: true
+            },
+            placement: {
+                type: 'string',
+                description: 'Placement of the popover.',
+                enum: [
+                    'top',
+                    'topLeft',
+                    'topRight',
+                    'left',
+                    'leftTop',
+                    'leftBottom',
+                    'right',
+                    'rightTop',
+                    'rightBottom',
+                    'bottom',
+                    'bottomLeft',
+                    'bottomRight'
+                ],
+                default: 'bottom'
+            },
+            trigger: {
+                type: 'string',
+                description: 'Trigger mode which executes the popover.',
+                enum: [
+                    'hover',
+                    'click',
+                    'focus'
+                ],
+                default: 'hover'
+            },
+            zIndex: {
+                type: 'number',
+                description: 'Z-index of the popover.'
+            },
+            overlayInnerStyle: {
+                type: 'object',
+                description: 'Style of overlay inner div.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            mouseEnterDelay: {
+                type: 'number',
+                description: 'Delay in milliseconds, before tooltip is shown on mouse enter.',
+                default: 0.1
+            },
+            mouseLeaveDelay: {
+                type: 'number',
+                description: 'Delay in milliseconds, before tooltip is hidden on mouse leave.',
+                default: 0.1
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onOpenChange: {
+                type: 'array',
+                description: 'Trigger actions when visibility of the tooltip card is changed.'
+            }
+        }
+    }
+};

package/dist/blocks/Popover/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/Progress/Progress.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/Progress/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';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`#${escapeId(blockId)}`);
+export default createBlockHelper({
+    locator,
+    expect: {
+        percent: (page, blockId, val)=>expect(locator(page, blockId).locator('.ant-progress-bg')).toHaveAttribute('style', new RegExp(`width: ${val}%`))
+    }
+});

package/dist/blocks/Progress/schema.js

@@ -0,0 +1,110 @@
+/*
+  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: {
+            type: {
+                type: 'string',
+                default: 'line',
+                enum: [
+                    'line',
+                    'circle',
+                    'dashboard'
+                ],
+                description: 'Set type of progress display.'
+            },
+            showInfo: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to display the progress value and the status icon.'
+            },
+            percent: {
+                type: 'number',
+                default: 0,
+                description: 'Set the completion percentage.'
+            },
+            status: {
+                type: 'string',
+                enum: [
+                    'success',
+                    'exception',
+                    'normal',
+                    'active'
+                ],
+                default: 'normal',
+                description: 'Set the status of the Progress.'
+            },
+            strokeLinecap: {
+                type: 'string',
+                default: 'round',
+                enum: [
+                    'round',
+                    'square'
+                ],
+                description: 'Set the style of the progress linecap.'
+            },
+            strokeColor: {
+                type: [
+                    'string',
+                    'object'
+                ],
+                description: 'Color of progress bar.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            success: {
+                type: 'number',
+                default: 0,
+                description: 'Segmented success percent.'
+            },
+            trailColor: {
+                type: 'string',
+                description: 'Color of unfilled part.',
+                docs: {
+                    displayType: 'color'
+                }
+            },
+            strokeWidth: {
+                type: 'number',
+                description: 'Set the width of the progress bar.'
+            },
+            width: {
+                type: 'number',
+                default: 132,
+                description: 'Set the canvas width of the circular progress.'
+            },
+            gapDegree: {
+                type: 'number',
+                default: 75,
+                description: 'The gap degree of half circle.'
+            },
+            gapPosition: {
+                type: 'string',
+                enum: [
+                    'top',
+                    'bottom',
+                    'left',
+                    'right'
+                ],
+                default: 'top',
+                description: 'The gap position.'
+            }
+        }
+    }
+};

package/dist/blocks/Progress/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/RadioSelector/RadioSelector.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.
@@ -49,9 +49,13 @@ const RadioSelector = ({ blockId, components, events, loading, properties, requi
                     ]),
                     disabled: properties.disabled || loading,
                     onChange: (event)=>{
-                        methods.setValue(type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value);
+                        const val = type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value;
+                        methods.setValue(val);
                         methods.triggerEvent({
-                            name: 'onChange'
+                            name: 'onChange',
+                            event: {
+                                value: val
+                            }
                         });
                     },
                     value: `${getValueIndex(value, uniqueValueOptions)}`

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