@lowdefy/blocks-antd 4.5.2 → 4.7.0

package/dist/blocks/MonthSelector/schema.js

@@ -0,0 +1,219 @@
+/*
+  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 their input.'
+            },
+            autoFocus: {
+                type: 'boolean',
+                default: false,
+                description: 'Autofocus to the block on page load.'
+            },
+            bordered: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether or not the input has a border style.'
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            disabledDates: {
+                type: 'object',
+                description: 'Disable specific dates so that they can not be chosen.',
+                properties: {
+                    min: {
+                        type: [
+                            'string',
+                            'object'
+                        ],
+                        description: 'Disable all dates less than the minimum date. Can be a date string or a _date object.',
+                        docs: {
+                            displayType: 'date'
+                        }
+                    },
+                    max: {
+                        type: [
+                            'string',
+                            'object'
+                        ],
+                        description: 'Disable all dates greater than the maximum date. Can be a date string or a _date object.',
+                        docs: {
+                            displayType: 'date'
+                        }
+                    },
+                    dates: {
+                        type: 'array',
+                        description: 'Array of specific dates to be disabled. Can be date strings or a _date objects.',
+                        items: {
+                            type: [
+                                'string',
+                                'object'
+                            ],
+                            description: 'Specific dates to be disabled.',
+                            docs: {
+                                displayType: 'date'
+                            }
+                        }
+                    },
+                    ranges: {
+                        type: 'array',
+                        description: 'Array of array pairs of start and end dates be disabled. Can be date strings or a _date objects.',
+                        items: {
+                            type: 'array',
+                            description: 'Specific date ranges to be disabled.',
+                            items: {
+                                type: [
+                                    'string',
+                                    'object'
+                                ]
+                            },
+                            docs: {
+                                displayType: 'dateRange'
+                            }
+                        }
+                    }
+                }
+            },
+            format: {
+                type: 'string',
+                default: 'YYYY-MM',
+                description: 'Format in which to format the date value, eg. "MMMM YYYY" will format a date value of 1999-12-31 as "December 1999". The format has to conform to moment.js formats.'
+            },
+            inputStyle: {
+                type: 'object',
+                description: 'Css style to applied to input.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            placeholder: {
+                type: 'string',
+                default: 'Select Month',
+                description: 'Placeholder text inside the block before user types input.'
+            },
+            showToday: {
+                type: 'boolean',
+                default: true,
+                description: 'Shows a button to easily select the current date if true.'
+            },
+            size: {
+                type: 'string',
+                enum: [
+                    'small',
+                    'default',
+                    'large'
+                ],
+                default: 'default',
+                description: 'Size of the block.'
+            },
+            suffixIcon: {
+                type: [
+                    'string',
+                    'object'
+                ],
+                default: 'AiOutlineCalendar',
+                description: "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon on right-hand side of the date picker.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            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: 'Month selector label title - supports html.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onChange: {
+                type: 'array',
+                description: 'Trigger actions when selection is changed.'
+            }
+        }
+    }
+};

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

@@ -0,0 +1,42 @@
+/*
+  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(`.ant-select:has(#${escapeId(blockId)}_input)`);
+export default createBlockHelper({
+    locator,
+    do: {
+        select: async (page, blockId, val)=>{
+            const sel = locator(page, blockId);
+            const isOpen = await sel.evaluate((el)=>el.classList.contains('ant-select-open'));
+            if (!isOpen) {
+                await sel.click();
+            }
+            await page.locator('.ant-select-dropdown:not(.ant-select-dropdown-hidden) .ant-select-item-option-content').filter({
+                hasText: val
+            }).click();
+        },
+        clear: async (page, blockId)=>{
+            await locator(page, blockId).hover();
+            await locator(page, blockId).locator('.ant-select-clear').click();
+        }
+    },
+    expect: {
+        valueCount: (page, blockId, count)=>expect(locator(page, blockId).locator('.ant-select-selection-item')).toHaveCount(count),
+        values: (page, blockId, vals)=>Promise.all(vals.map((val)=>expect(locator(page, blockId).locator('.ant-select-selection-item').filter({
+                    hasText: val
+                })).toBeVisible()))
+    }
+});

package/dist/blocks/MultipleSelector/schema.js

@@ -0,0 +1,332 @@
+/*
+  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.'
+            },
+            autoClearSearchValue: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether the current search will be cleared on selecting an item.'
+            },
+            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'
+                }
+            },
+            disabled: {
+                type: 'boolean',
+                default: false,
+                description: 'Disable the block if true.'
+            },
+            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'
+                        }
+                    }
+                }
+            },
+            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'
+                                    }
+                                },
+                                tag: {
+                                    type: 'object',
+                                    properties: {
+                                        color: {
+                                            type: 'string',
+                                            description: 'Color of the Tag. Preset options are success, processing, error, warning, default, blue, cyan, geekblue, gold, green, lime, magenta, orange, purple, red, volcano, or alternatively any hex color.',
+                                            docs: {
+                                                displayType: 'color'
+                                            }
+                                        },
+                                        title: {
+                                            type: 'string',
+                                            description: 'Content title of tag - supports html.'
+                                        },
+                                        icon: {
+                                            type: [
+                                                'string',
+                                                'object'
+                                            ],
+                                            description: 'Name of an Ant Design Icon or properties of an Icon block to customize alert icon.',
+                                            docs: {
+                                                displayType: 'icon'
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                ]
+            },
+            maxTagCount: {
+                type: 'number',
+                description: 'Max tag count to show.'
+            },
+            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.'
+            },
+            selectedIcon: {
+                type: [
+                    'string',
+                    'object'
+                ],
+                default: 'AiOutlineCheck',
+                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 showing when a selection is made in the drop-down list.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            showArrow: {
+                type: 'boolean',
+                default: true,
+                description: 'Show the suffix icon at the drop-down position of the selector.'
+            },
+            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 at the drop-down position of the selector.",
+                docs: {
+                    displayType: 'icon'
+                }
+            },
+            title: {
+                type: 'string',
+                description: 'Multiple selector label title - supports html.'
+            },
+            renderTags: {
+                type: 'boolean',
+                description: 'When true, the selected option labels are rendered as tags in the selector input. This field must be true to render option tag values.'
+            }
+        }
+    },
+    events: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            onChange: {
+                type: 'array',
+                description: 'Trigger actions when selection is changed.'
+            },
+            onBlur: {
+                type: 'array',
+                description: 'Trigger action event occurs when selector loses focus.'
+            },
+            onFocus: {
+                type: 'array',
+                description: 'Trigger action when selector gets focus.'
+            },
+            onClear: {
+                type: 'array',
+                description: 'Trigger action when selector gets 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/MultipleSelector/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/Notification/Notification.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/Notification/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 } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+// Notification renders as a global portal notice — not scoped to a blockId.
+// The locator targets the notice container directly.
+const locator = (page)=>page.locator('.ant-notification-notice');
+export default createBlockHelper({
+    locator,
+    expect: {
+        shown: (page, _blockId, text)=>expect(page.locator('.ant-notification-notice').filter({
+                hasText: text
+            })).toBeVisible()
+    }
+});