@lowdefy/blocks-antd 4.0.1 → 4.1.0

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -41,7 +41,7 @@ const BreadcrumbBlock = ({ blockId, events, components: { Icon, Link }, methods,
                 },
                 link.style
             ]),
-            ...link
+            ...type.isObject(link) ? link : {}
         }, ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, link.icon && /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_${index}_icon`,
                 events: events,
@@ -50,7 +50,7 @@ const BreadcrumbBlock = ({ blockId, events, components: { Icon, Link }, methods,
                     ...type.isObject(link.icon) ? link.icon : {},
                     style: {
                         marginRight: 8,
-                        ...link.icon.style || {}
+                        ...type.isObject(link.icon?.style) ? link.icon.style : {}
                     }
                 }
             }), type.isString(link) ? link : link.label)))));

package/dist/blocks/Modal/Modal.js

@@ -69,6 +69,7 @@ const ModalBlock = ({ blockId, content, events, methods, properties })=>{
         okButtonProps: properties.okButtonProps,
         okText: properties.okText ?? 'Ok',
         okType: properties.okButtonType ?? 'primary',
+        style: properties.style,
         title: renderHtml({
             html: properties.title,
             methods

package/dist/blocks/Modal/schema.json

@@ -59,6 +59,13 @@
           "displayType": "yaml"
         }
       },
+      "style": {
+        "type": "object",
+        "description": "Css style to applied to modal.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
       "cancelText": {
         "type": "string",
         "default": "Cancel",

package/dist/blocks/MultipleSelector/MultipleSelector.js

@@ -78,7 +78,7 @@ const MultipleSelector = ({ blockId, components: { Icon }, events, loading, meth
                             Icon
                         })),
                     maxTagCount: properties.maxTagCount,
-                    notFoundContent: fetchState ? 'Loading' : 'Not found',
+                    notFoundContent: fetchState ? properties.loadingPlaceholder || 'Loading' : properties.notFoundContent || 'Not found',
                     placeholder: loading ? 'Loading...' : get(properties, 'placeholder', {
                         default: 'Select items'
                     }),

package/dist/blocks/MultipleSelector/schema.json

@@ -216,6 +216,16 @@
         "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",

package/dist/blocks/Pagination/Pagination.js

@@ -12,20 +12,16 @@
   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 React from 'react';
+*/ import React, { useState, useEffect } from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Pagination } from 'antd';
 import { type } from '@lowdefy/helpers';
-const getPageSize = ({ properties, value })=>{
-    if (type.isObject(value) && type.isNumber(value.pageSize)) {
-        return value.pageSize;
-    }
-    if (type.isArray(properties.pageSizeOptions)) {
-        return properties.pageSizeOptions[0];
-    }
-    return 10;
-};
-const createChangeHandler = ({ eventName, methods })=>(current, pageSize)=>{
+const createChangeHandler = ({ eventName, methods, setState })=>(current, pageSize)=>{
+        setState({
+            current,
+            pageSize,
+            skip: (current - 1) * pageSize
+        });
         methods.setValue({
             current,
             pageSize,
@@ -40,7 +36,35 @@ const createChangeHandler = ({ eventName, methods })=>(current, pageSize)=>{
             }
         });
     };
+const calculateState = ({ defaultCurrent, defaultPageSize, value })=>{
+    const state = {
+        current: type.isInt(value?.current) ? value?.current : defaultCurrent,
+        pageSize: type.isInt(value?.pageSize) ? value?.pageSize : defaultPageSize
+    };
+    state.skip = (state.current - 1) * state.pageSize;
+    return state;
+};
 const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
+    const [state, setState] = useState(()=>calculateState({
+            defaultCurrent: 1,
+            defaultPageSize: properties.pageSizeOptions?.[0] ?? 10,
+            value
+        }));
+    useEffect(()=>{
+        if (JSON.stringify(value) !== JSON.stringify(state)) {
+            const nextState = calculateState({
+                defaultCurrent: state.current,
+                defaultPageSize: state.pageSize,
+                value
+            });
+            setState(nextState);
+            methods.setValue({
+                ...nextState
+            });
+        }
+    }, [
+        value
+    ]);
     const showTotal = type.isFunction(properties.showTotal) ? properties.showTotal : (total, range)=>{
         if (type.isString(properties.showTotal)) {
             return properties.showTotal;
@@ -56,16 +80,15 @@ const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
         hideOnSinglePage: properties.hideOnSinglePage,
         onChange: createChangeHandler({
             eventName: 'onChange',
-            methods
+            methods,
+            setState
         }),
         onShowSizeChange: createChangeHandler({
             eventName: 'onSizeChange',
-            methods
-        }),
-        pageSize: getPageSize({
-            properties,
-            value
+            methods,
+            setState
         }),
+        pageSize: state.pageSize,
         pageSizeOptions: properties.pageSizeOptions || [
             10,
             20,
@@ -78,16 +101,14 @@ const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
         simple: !!properties.simple,
         size: properties.size,
         total: properties.total !== undefined ? properties.total : 100,
-        current: type.isNone(value) || !type.isObject(value) || !type.isNumber(value.current) ? 1 : value.current
+        current: state.current
     });
 };
 PaginationBlock.defaultProps = blockDefaultProps;
 PaginationBlock.meta = {
     valueType: 'object',
     initValue: {
-        current: 0,
-        pageSize: 10,
-        skip: 0
+        current: 1
     },
     category: 'input',
     icons: [],

package/dist/blocks/Popover/Popover.js

@@ -0,0 +1,39 @@
+/*
+  Copyright 2020-2024 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 React from 'react';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import { Popover } from 'antd';
+const PopoverBlock = ({ blockId, content, methods, properties })=>{
+    return /*#__PURE__*/ React.createElement(Popover, {
+        id: blockId,
+        ...properties,
+        content: content.popover && content.popover(),
+        onOpenChange: ()=>methods.triggerEvent({
+                name: 'onOpenChange'
+            }),
+        getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
+    }, content.content && content.content(), /*#__PURE__*/ React.createElement("div", {
+        id: `${blockId}_popup`
+    }));
+};
+PopoverBlock.defaultProps = blockDefaultProps;
+PopoverBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Popover/style.less'
+    ]
+};
+export default PopoverBlock;

package/dist/blocks/Popover/schema.json

@@ -0,0 +1,86 @@
+{
+  "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

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2024 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 'antd/lib/popover/style/index.less';

package/dist/blocks/Selector/Selector.js

@@ -78,7 +78,7 @@ const Selector = ({ blockId, components: { Icon, Link }, events, loading, method
                     }),
                     size: properties.size,
                     filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0,
-                    notFoundContent: fetchState ? 'Loading' : 'Not found',
+                    notFoundContent: fetchState ? properties.loadingPlaceholder || 'Loading' : properties.notFoundContent || 'Not found',
                     onChange: (newVal)=>{
                         methods.setValue(type.isPrimitive(uniqueValueOptions[newVal]) ? uniqueValueOptions[newVal] : uniqueValueOptions[newVal].value);
                         methods.triggerEvent({

package/dist/blocks/Selector/schema.json

@@ -189,6 +189,16 @@
         "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,

package/dist/blocks/TextInput/TextInput.js

@@ -17,7 +17,7 @@ import { Input } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import useRunAfterUpdate from '../../useRunAfterUpdate.js';
-const TextInput = ({ blockId, components: { Icon, Link }, events, loading, methods, properties, required, validation, value })=>{
+const TextInput = ({ blockId, components: { Icon, Link }, events, loading, methods, onChange, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -45,9 +45,11 @@ const TextInput = ({ blockId, components: { Icon, Link }, events, loading, metho
                     maxLength: properties.maxLength,
                     placeholder: properties.placeholder,
                     size: properties.size,
+                    showCount: properties.showCount,
                     status: validation.status,
                     value: value,
-                    onChange: (event)=>{
+                    type: properties.type,
+                    onChange: onChange || ((event)=>{
                         let input = event.target.value;
                         if (properties.replaceInput) {
                             const regex = new RegExp(properties.replaceInput.pattern, properties.replaceInput.flags ?? 'gm');
@@ -60,9 +62,23 @@ const TextInput = ({ blockId, components: { Icon, Link }, events, loading, metho
                         const cStart = event.target.selectionStart;
                         const cEnd = event.target.selectionEnd;
                         runAfterUpdate(()=>{
-                            event.target.setSelectionRange(cStart, cEnd);
+                            // Allows for input types that don't support SelectionRange
+                            if (![
+                                'email',
+                                'date',
+                                'datetime-local',
+                                'month',
+                                'number',
+                                'time',
+                                'week',
+                                'range',
+                                'color',
+                                'file'
+                            ].includes(properties.type)) {
+                                event.target.setSelectionRange(cStart, cEnd);
+                            }
                         });
-                    },
+                    }),
                     onPressEnter: ()=>{
                         methods.triggerEvent({
                             name: 'onPressEnter'

package/dist/blocks/TextInput/schema.json

@@ -9,6 +9,12 @@
         "default": false,
         "description": "Allow the user to clear their input."
       },
+      "type": {
+        "type": "string",
+        "enum": ["text", "number", "password", "tel", "email", "url"],
+        "default": "text",
+        "description": "The type of input, (see <a href='https://developer.mozilla.org/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types'>MDN</a>)."
+      },
       "autoFocus": {
         "type": "boolean",
         "default": false,
@@ -136,6 +142,11 @@
         "default": "middle",
         "description": "Size of the block."
       },
+      "showCount": {
+        "type": "boolean",
+        "default": false,
+        "description": "Show text character count"
+      },
       "suffix": {
         "type": "string",
         "description": "Suffix text for the block, priority over suffixIcon."

package/dist/blocks/TreeSelector/TreeSelector.js

@@ -0,0 +1,111 @@
+/*
+  Copyright 2020-2024 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 React, { useState, useEffect } from 'react';
+import { Tree } from 'antd';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+const transformData = (data, valueMap, prefix = '')=>{
+    return data.map(({ children, disabled, disableCheckbox, label, value }, i)=>{
+        const key = `${prefix}-${i}`;
+        valueMap[key] = prefix ? [
+            value,
+            ...valueMap[prefix]
+        ] : [
+            value
+        ];
+        return {
+            children: children && transformData(children, valueMap, key),
+            disabled,
+            disableCheckbox,
+            key,
+            renderTitle: label
+        };
+    });
+};
+const getValueKeys = (value, valueMap)=>{
+    for(const key in valueMap){
+        if (JSON.stringify(value) === JSON.stringify(valueMap[key])) {
+            return key.split('-').slice(1).reduce((acc, curr, i)=>[
+                    ...acc,
+                    acc[i - 1] ? acc[i - 1] + '-' + curr : '-' + curr
+                ], []);
+        }
+    }
+    return [];
+};
+const TreeSelector = ({ blockId, properties, content, methods, value })=>{
+    const treeData = properties.options;
+    const valueMap = {};
+    const transformedData = transformData(treeData, valueMap);
+    const [selectedKeys, setSelectedKeys] = useState([]);
+    const [expandedKeys, setExpandedKeys] = useState([]);
+    useEffect(()=>{
+        let nextValue;
+        if (value === null || Array.isArray(value) && !value.length) {
+            nextValue = [];
+        } else {
+            nextValue = getValueKeys(value, valueMap);
+        }
+        setSelectedKeys([
+            nextValue[nextValue.length - 1]
+        ]);
+        setExpandedKeys([
+            ...new Set([
+                ...nextValue.slice(0, nextValue.length - 1),
+                ...expandedKeys
+            ])
+        ]);
+    }, [
+        value
+    ]);
+    const onSelect = (selectedKeys)=>{
+        methods.setValue(selectedKeys.map((key)=>valueMap[key]).flat());
+        methods.triggerEvent({
+            name: 'onChange'
+        });
+        setSelectedKeys(selectedKeys);
+    };
+    const onExpand = (nextExpandedKeys)=>{
+        setExpandedKeys(nextExpandedKeys);
+    };
+    return /*#__PURE__*/ React.createElement(Tree, {
+        id: blockId,
+        checkable: properties.checkable,
+        disabled: properties.disabled,
+        defaultExpandAll: properties.defaultExpandAll,
+        showLine: properties.showLine,
+        selectable: properties.selectable,
+        multiple: false,
+        content: content.options && content.options(),
+        treeData: transformedData,
+        onSelect: onSelect,
+        onExpand: onExpand,
+        titleRender: ({ renderTitle })=>renderHtml({
+                html: renderTitle,
+                methods
+            }),
+        selectedKeys: selectedKeys,
+        expandedKeys: expandedKeys
+    });
+};
+TreeSelector.defaultProps = blockDefaultProps;
+TreeSelector.meta = {
+    category: 'input',
+    valueType: 'array',
+    icons: [],
+    styles: [
+        'blocks/TreeSelector/style.less'
+    ]
+};
+export default TreeSelector;

package/dist/blocks/TreeSelector/schema.json

@@ -0,0 +1,166 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "checkable": {
+        "type": "boolean",
+        "default": false,
+        "description": "Make nodes checkboxes."
+      },
+      "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"
+        }
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Disable the block if true."
+      },
+      "showLine": {
+        "type": "boolean",
+        "default": false,
+        "description": "Show a connecting line if true."
+      },
+      "selectable": {
+        "type": "boolean",
+        "default": true,
+        "description": "Selectable if true."
+      },
+      "options": {
+        "default": [],
+        "oneOf": [
+          {
+            "type": "array",
+            "description": "Options can either be 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",
+                  "description": "Disable the node if true.",
+                  "default": false
+                },
+                "disableCheckbox": {
+                  "type": "boolean",
+                  "description": "Disable the checkbox if true.",
+                  "default": false
+                },
+                "style": {
+                  "type": "object",
+                  "description": "Css style to applied to option.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "children": {
+                  "type": "array",
+                  "description": "Options can either be 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",
+                        "description": "Disable the node if true.",
+                        "default": false
+                      },
+                      "disableCheckbox": {
+                        "type": "boolean",
+                        "description": "Disable the checkbox if true.",
+                        "default": false
+                      },
+                      "style": {
+                        "type": "object",
+                        "description": "Css style to applied to option.",
+                        "docs": {
+                          "displayType": "yaml"
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        ]
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Trigger action when selection is changed."
+      }
+    }
+  }
+}

package/dist/blocks/TreeSelector/style.less

@@ -0,0 +1,27 @@
+/*
+  Copyright 2020-2024 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 'antd/lib/tree/style/index.less';
+
+// bug in antd less file
+.ant-tree-switcher-leaf-line:before {
+  right: unset;
+}
+
+// @tree-bg doesn't affect the tree switcher background
+.ant-tree-show-line .ant-tree-switcher {
+  background: transparent;
+}

package/dist/blocks.js

@@ -54,6 +54,7 @@ export { default as Paragraph } from './blocks/Paragraph/Paragraph.js';
 export { default as ParagraphInput } from './blocks/ParagraphInput/ParagraphInput.js';
 export { default as PasswordInput } from './blocks/PasswordInput/PasswordInput.js';
 export { default as PhoneNumberInput } from './blocks/PhoneNumberInput/PhoneNumberInput.js';
+export { default as Popover } from './blocks/Popover/Popover.js';
 export { default as Progress } from './blocks/Progress/Progress.js';
 export { default as RadioSelector } from './blocks/RadioSelector/RadioSelector.js';
 export { default as RatingSlider } from './blocks/RatingSlider/RatingSlider.js';
@@ -70,5 +71,6 @@ export { default as TextArea } from './blocks/TextArea/TextArea.js';
 export { default as TextInput } from './blocks/TextInput/TextInput.js';
 export { default as Title } from './blocks/Title/Title.js';
 export { default as TitleInput } from './blocks/TitleInput/TitleInput.js';
+export { default as TreeSelector } from './blocks/TreeSelector/TreeSelector.js';
 export { default as Tooltip } from './blocks/Tooltip/Tooltip.js';
 export { default as WeekSelector } from './blocks/WeekSelector/WeekSelector.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -43,8 +43,8 @@
   ],
   "dependencies": {
     "@ant-design/icons": "4.8.0",
-    "@lowdefy/block-utils": "4.0.1",
-    "@lowdefy/helpers": "4.0.1",
+    "@lowdefy/block-utils": "4.1.0",
+    "@lowdefy/helpers": "4.1.0",
     "antd": "4.24.14",
     "classnames": "2.3.2",
     "moment": "2.29.4",
@@ -55,9 +55,9 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.10.5",
-    "@lowdefy/block-dev": "4.0.1",
-    "@lowdefy/jest-yaml-transform": "4.0.1",
-    "@lowdefy/node-utils": "4.0.1",
+    "@lowdefy/block-dev": "4.1.0",
+    "@lowdefy/jest-yaml-transform": "4.1.0",
+    "@lowdefy/node-utils": "4.1.0",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "@swc/jest": "0.2.29",