@lowdefy/blocks-antd 4.0.0-alpha.9 → 4.0.0-rc.1

package/dist/blocks/Label/Label.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -14,12 +14,6 @@
   limitations under the License.
 */ // Derived from https://github.com/ant-design/ant-design/blob/master/components/form/FormItemLabel.tsx
 // MIT Copyright (c) 2015-present Ant UED, https://xtech.antfin.com/ - 2020-09-08
-import React from 'react';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { Col, Row } from 'antd';
-import classNames from 'classnames';
-import CSSMotion from 'rc-motion';
-import labelLogic from './labelLogic.js';
 function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
@@ -34,13 +28,19 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
+import React from 'react';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { Col, Row } from 'antd';
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import labelLogic from './labelLogic.js';
 const validationKeyMap = {
     error: 'errors',
     warning: 'warnings'
 };
 let iconMap;
-const Label = ({ blockId , components: { Icon  } , content , methods , properties , required , validation ,  })=>{
-    const { extraClassName , feedbackClassName , label , labelClassName , labelCol , labelColClassName , rowClassName , showExtra , showFeedback , wrapperCol ,  } = labelLogic({
+const Label = ({ blockId , components: { Icon  } , content , methods , properties , required , validation  })=>{
+    const { extraClassName , feedbackClassName , iconClassName , label , labelClassName , labelCol , labelColClassName , rowClassName , showExtra , showFeedback , wrapperCol  } = labelLogic({
         blockId,
         content,
         methods,
@@ -52,16 +52,13 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
         iconMap = {
             error: ()=>/*#__PURE__*/ React.createElement(Icon, {
                     properties: "AiFillCloseCircle"
-                })
-            ,
+                }),
             success: ()=>/*#__PURE__*/ React.createElement(Icon, {
                     properties: "AiFillCheckCircle"
-                })
-            ,
+                }),
             validating: ()=>/*#__PURE__*/ React.createElement(Icon, {
                     properties: "AiOutlineLoading"
-                })
-            ,
+                }),
             warning: ()=>/*#__PURE__*/ React.createElement(Icon, {
                     properties: "AiFillExclamationCircle"
                 })
@@ -69,9 +66,9 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
     }
     const IconNode = validation.status && iconMap[validation.status];
     const icon = validation.status && IconNode ? /*#__PURE__*/ React.createElement("span", {
-        className: "ant-form-item-children-icon"
+        className: iconClassName
     }, /*#__PURE__*/ React.createElement(IconNode, null)) : null;
-    return(/*#__PURE__*/ React.createElement(Row, {
+    return /*#__PURE__*/ React.createElement(Row, {
         id: blockId,
         className: rowClassName
     }, label && /*#__PURE__*/ React.createElement(Col, _extends({}, labelCol, {
@@ -89,20 +86,19 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
         className: "ant-form-item-control-input"
     }, /*#__PURE__*/ React.createElement("div", {
         className: "ant-form-item-control-input-content"
-    }, content.content && content.content()), icon), /*#__PURE__*/ React.createElement(CSSMotion, {
-        visible: showFeedback,
+    }, content.content && content.content()), icon), (showFeedback || showExtra) && /*#__PURE__*/ React.createElement(CSSMotion, {
+        visible: showFeedback || showExtra,
         motionName: "show-help",
         motionAppear: true,
         removeOnLeave: true
     }, ({ className: motionClassName  })=>/*#__PURE__*/ React.createElement("div", {
-            className: classNames(feedbackClassName, motionClassName)
-        }, validation[validationKeyMap[validation.status]] && validation[validationKeyMap[validation.status]].length > 0 && validation[validationKeyMap[validation.status]][0])
-    ), showExtra && /*#__PURE__*/ React.createElement("div", {
-        className: extraClassName
-    }, renderHtml({
-        html: properties.extra,
-        methods
-    })))));
+            className: classNames(extraClassName, motionClassName)
+        }, showFeedback ? /*#__PURE__*/ React.createElement("div", {
+            className: classNames(feedbackClassName)
+        }, validation[validationKeyMap[validation.status]] && validation[validationKeyMap[validation.status]].length > 0 && validation[validationKeyMap[validation.status]][0]) : renderHtml({
+            html: properties.extra,
+            methods
+        })))));
 };
 Label.defaultProps = blockDefaultProps;
 Label.meta = {

package/dist/blocks/Label/getLabelCol.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/Label/getWrapperCol.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/Label/labelLogic.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -19,7 +19,7 @@ import getLabelCol from './getLabelCol.js';
 const labelLogic = ({ blockId , content , methods , properties ={} , required =false , validation ={
     messages: [],
     status: null
-} ,  })=>{
+}  })=>{
     const wrapperCol = getWrapperCol(properties, properties.inline);
     const labelCol = getLabelCol(properties, properties.inline);
     // render label priority order: content.label area -> properties.title -> blockId and do not render an empty label
@@ -32,12 +32,6 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
     const rowClassName = classNames({
         [`ant-form-item`]: true,
         [`ant-form-item-with-help`]: false,
-        // Status
-        [`ant-form-item-has-feedback`]: validation.status && properties.hasFeedback !== false,
-        [`ant-form-item-has-success`]: validation.status === 'success',
-        [`ant-form-item-has-warning`]: validation.status === 'warning',
-        [`ant-form-item-has-error`]: validation.status === 'error',
-        [`ant-form-item-is-validating`]: validation.status === 'validating',
         [methods.makeCssClass({
             flexWrap: properties.inline && 'inherit',
             marginBottom: 0
@@ -58,9 +52,9 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
         [methods.makeCssClass([
             {
                 height: 'fit-content !important',
-                minHeight: properties.size === 'large' ? 40 : properties.size === 'small' ? 24 : 32
+                minHeight: properties.inline && (properties.size === 'large' ? 40 : properties.size === 'small' ? 24 : 32)
             },
-            properties.style, 
+            properties.style
         ])]: true
     });
     const extraClassName = classNames({
@@ -70,13 +64,10 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
             {
                 marginTop: properties.size === 'small' ? -4 : 0
             },
-            properties.extraStyle, 
+            properties.extraStyle
         ])]: true
     });
     const feedbackClassName = classNames({
-        'ant-form-item-explain': true,
-        'ant-form-item-extra': true,
-        [`ant-form-item-explain-feedback`]: validation.status && properties.hasFeedback !== false,
         [`ant-form-item-explain-success`]: validation.status === 'success',
         [`ant-form-item-explain-warning`]: validation.status === 'warning',
         [`ant-form-item-explain-error`]: validation.status === 'error',
@@ -85,14 +76,23 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
             {
                 marginTop: properties.size === 'small' ? -4 : 0
             },
-            properties.feedbackStyle, 
+            properties.feedbackStyle
         ])]: true
     });
+    const iconClassName = classNames({
+        'ant-form-item-feedback-icon': true,
+        [`ant-form-item-feedback-icon-success`]: validation.status === 'success',
+        [`ant-form-item-feedback-icon-warning`]: validation.status === 'warning',
+        [`ant-form-item-feedback-icon-error`]: validation.status === 'error',
+        [`ant-form-item-feedback-icon-validating`]: validation.status === 'validating',
+        'ldf-feedback-icon': true
+    });
     const showExtra = !!properties.extra && (!validation.status || validation.status === 'success');
     const showFeedback = validation.status === 'warning' || validation.status === 'error';
     return {
         extraClassName,
         feedbackClassName,
+        iconClassName,
         label: !properties.disabled && label,
         labelClassName,
         labelCol,

package/dist/blocks/Label/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -28,3 +28,7 @@
 .ant-input-affix-wrapper {
   height: 100% !important;
 }
+
+.ldf-feedback-icon {
+  margin-left: @margin-xss;
+}

package/dist/blocks/Layout/Layout.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -18,8 +18,7 @@ import { Layout } from 'antd';
 const LayoutBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ React.createElement(Layout, {
         id: blockId,
         className: methods.makeCssClass(properties.style)
-    }, content.content && content.content())
-;
+    }, content.content && content.content());
 LayoutBlock.defaultProps = blockDefaultProps;
 LayoutBlock.meta = {
     category: 'container',

package/dist/blocks/Layout/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/Menu/Menu.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -12,11 +12,7 @@
   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 { Menu } from 'antd';
-import { type, get } from '@lowdefy/helpers';
-function _extends() {
+*/ function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
@@ -30,16 +26,18 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
+import React from 'react';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import { Menu } from 'antd';
+import { type, get } from '@lowdefy/helpers';
 const getDefaultMenu = (menus, menuId = 'default', links)=>{
     if (type.isArray(links)) return links;
     if (!type.isArray(menus)) return [];
-    const menu = menus.find((item)=>item.menuId === menuId
-    ) || menus[0] || {};
-    return menu.links || [];
+    const menu = menus.find((item)=>item.menuId === menuId) ?? menus[0] ?? {};
+    return menu.links ?? [];
 };
-const getTitle = ({ id , properties , pageId , url  })=>properties && properties.title || pageId || url || id
-;
-const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , methods , pageId , properties , rename ,  })=>{
+const getTitle = ({ id , properties , pageId , url  })=>(properties && properties.title) ?? pageId ?? url ?? id;
+const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , methods , pageId , properties , rename  })=>{
     const styles = {
         lineHeight: '64px',
         width: '100%',
@@ -51,8 +49,8 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
         exProps.inlineIndent = properties.inlineIndent;
     }
     const menu = getDefaultMenu(menus, properties.menuId, properties.links);
-    const theme = properties.theme || 'dark';
-    return(/*#__PURE__*/ React.createElement(Menu, _extends({
+    const theme = properties.theme ?? 'dark';
+    return /*#__PURE__*/ React.createElement(Menu, _extends({
         id: blockId,
         expandIcon: properties.expandIcon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_expandIcon`,
@@ -67,18 +65,14 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
             styles,
             properties.style
         ]),
-        defaultOpenKeys: properties.defaultOpenKeys || properties.mode === 'inline' && properties.collapsed !== true && [
-            (menu.find((link1)=>(link1.links || []).map((subLink)=>subLink.links ? subLink.links.map((subSubLink)=>subSubLink.pageId
-                    ) : [
+        defaultOpenKeys: properties.defaultOpenKeys ?? (properties.mode === 'inline' && properties.collapsed !== true && [
+            (menu.find((link)=>(link.links || []).map((subLink)=>subLink.links ? subLink.links.map((subSubLink)=>subSubLink.pageId) : [
                         subLink.pageId
-                    ]
-                ).flat().some((link)=>(properties.selectedKeys || [
+                    ]).flat().some((link)=>(properties.selectedKeys ?? [
                         pageId
-                    ]).indexOf(link) !== -1
-                )
-            ) || {}).id, 
-        ] || [],
-        selectedKeys: properties.selectedKeys || [
+                    ]).indexOf(link) !== -1)) ?? {}).id
+        ]) ?? [],
+        selectedKeys: properties.selectedKeys ?? [
             pageId
         ],
         subMenuCloseDelay: properties.subMenuCloseDelay,
@@ -90,8 +84,7 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                 event: {
                     key: item.key
                 }
-            })
-        ,
+            }),
         onClick: (item)=>methods.triggerEvent({
                 name: get(rename, 'events.onClick', {
                     default: 'onClick'
@@ -99,8 +92,7 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                 event: {
                     key: item.key
                 }
-            })
-        ,
+            }),
         onOpenChange: (openKeys)=>methods.triggerEvent({
                 name: get(rename, 'events.onToggleMenuGroup', {
                     default: 'onToggleMenuGroup'
@@ -112,18 +104,18 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
     }, exProps), menu.map((link, i)=>{
         switch(link.type){
             case 'MenuDivider':
-                return(/*#__PURE__*/ React.createElement(Menu.Divider, {
-                    key: `${link.id}_${i}`,
+                return /*#__PURE__*/ React.createElement(Menu.Divider, {
+                    key: link.id,
                     className: methods.makeCssClass([
                         link.style
                     ]),
                     dashed: link.properties && link.properties.dashed
-                }));
+                });
             case 'MenuGroup':
-                return(/*#__PURE__*/ React.createElement(Menu.SubMenu, {
-                    key: `${link.pageId || link.id}_${i}`,
+                return /*#__PURE__*/ React.createElement(Menu.SubMenu, {
+                    key: link.pageId ?? link.id,
                     title: /*#__PURE__*/ React.createElement(Link, _extends({
-                        id: link.pageId || link.id || i,
+                        id: link.pageId ?? link.id ?? i,
                         className: methods.makeCssClass(link.style, true)
                     }, link), getTitle(link)),
                     icon: link.properties && link.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
@@ -136,32 +128,32 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                 }).map((subLink, j)=>{
                     switch(subLink.type){
                         case 'MenuDivider':
-                            return(/*#__PURE__*/ React.createElement(Menu.Divider, {
-                                key: `${subLink.id || i}_${j}`,
+                            return /*#__PURE__*/ React.createElement(Menu.Divider, {
+                                key: subLink.id ?? j,
                                 className: methods.makeCssClass([
                                     subLink.style
                                 ]),
                                 dashed: subLink.properties && subLink.properties.dashed
-                            }));
+                            });
                         case 'MenuGroup':
-                            return(/*#__PURE__*/ React.createElement(Menu.ItemGroup, {
-                                key: `${subLink.pageId || subLink.id}_${j}`,
+                            return /*#__PURE__*/ React.createElement(Menu.ItemGroup, {
+                                key: subLink.pageId ?? subLink.id,
                                 title: /*#__PURE__*/ React.createElement(Link, _extends({
-                                    id: subLink.pageId || subLink.id || j,
+                                    id: subLink.pageId ?? subLink.id ?? j,
                                     className: methods.makeCssClass(subLink.style, true)
                                 }, subLink), getTitle(subLink))
                             }, subLink.links.map((subLinkGroup, k)=>{
                                 if (subLinkGroup.type === 'MenuDivider') {
-                                    return(/*#__PURE__*/ React.createElement(Menu.Divider, {
+                                    return /*#__PURE__*/ React.createElement(Menu.Divider, {
                                         key: `${subLink.id}_${k}`,
                                         className: methods.makeCssClass([
                                             subLink.style
                                         ]),
                                         dashed: subLink.properties && subLink.properties.dashed
-                                    }));
+                                    });
                                 }
-                                return(/*#__PURE__*/ React.createElement(Menu.Item, {
-                                    key: `${subLinkGroup.pageId || subLinkGroup.id}_${k}`,
+                                return /*#__PURE__*/ React.createElement(Menu.Item, {
+                                    key: subLinkGroup.pageId ?? subLinkGroup.id,
                                     danger: get(subLinkGroup, 'properties.danger'),
                                     icon: subLinkGroup.properties && subLinkGroup.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
                                         blockId: `${subLinkGroup.id}_icon`,
@@ -169,14 +161,14 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                                         properties: subLinkGroup.properties.icon
                                     })
                                 }, /*#__PURE__*/ React.createElement(Link, _extends({
-                                    id: subLinkGroup.pageId || subLinkGroup.id || k,
+                                    id: subLinkGroup.pageId ?? subLinkGroup.id ?? k,
                                     className: methods.makeCssClass(subLinkGroup.style, true)
-                                }, subLinkGroup), getTitle(subLinkGroup))));
-                            })));
+                                }, subLinkGroup), getTitle(subLinkGroup)));
+                            }));
                         case 'MenuLink':
                         default:
-                            return(/*#__PURE__*/ React.createElement(Menu.Item, {
-                                key: `${subLink.pageId || subLink.id}_${j}`,
+                            return /*#__PURE__*/ React.createElement(Menu.Item, {
+                                key: subLink.pageId ?? subLink.id,
                                 danger: get(subLink, 'properties.danger'),
                                 icon: subLink.properties && subLink.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
                                     blockId: `${subLink.id}_icon`,
@@ -184,15 +176,15 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                                     properties: subLink.properties.icon
                                 })
                             }, /*#__PURE__*/ React.createElement(Link, _extends({
-                                id: subLink.pageId || subLink.id || j,
+                                id: subLink.pageId ?? subLink.id ?? j,
                                 className: methods.makeCssClass(subLink.style, true)
-                            }, subLink), getTitle(subLink))));
+                            }, subLink), getTitle(subLink)));
                     }
-                })));
+                }));
             case 'MenuLink':
             default:
-                return(/*#__PURE__*/ React.createElement(Menu.Item, {
-                    key: `${link.pageId || link.id}_${i}`,
+                return /*#__PURE__*/ React.createElement(Menu.Item, {
+                    key: link.pageId ?? link.id,
                     danger: get(link, 'properties.danger'),
                     icon: link.properties && link.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${link.id}_icon`,
@@ -200,11 +192,11 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                         properties: link.properties.icon
                     })
                 }, /*#__PURE__*/ React.createElement(Link, _extends({
-                    id: link.pageId || link.id || i,
+                    id: link.pageId ?? link.id ?? i,
                     className: methods.makeCssClass(link.style, true)
-                }, link), getTitle(link))));
+                }, link), getTitle(link)));
         }
-    })));
+    }));
 };
 MenuComp.defaultProps = blockDefaultProps;
 MenuComp.meta = {

package/dist/blocks/Menu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/Message/Message.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -28,8 +28,7 @@ const MessageBlock = ({ blockId , components: { Icon  } , events , methods , pro
                 duration: type.isNone(args.duration) ? properties.duration : args.duration,
                 onClose: ()=>methods.triggerEvent({
                         name: 'onClose'
-                    })
-                ,
+                    }),
                 icon: (args.icon || properties.icon) && /*#__PURE__*/ React.createElement(Icon, {
                     blockId: `${blockId}_icon`,
                     events: events,
@@ -39,9 +38,9 @@ const MessageBlock = ({ blockId , components: { Icon  } , events , methods , pro
             });
         });
     });
-    return(/*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId
-    }));
+    });
 };
 MessageBlock.defaultProps = blockDefaultProps;
 MessageBlock.meta = {

package/dist/blocks/Message/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/MobileMenu/MobileMenu.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -18,7 +18,7 @@ import { mergeObjects, get } from '@lowdefy/helpers';
 import Button from '../Button/Button.js';
 import Drawer from '../Drawer/Drawer.js';
 import Menu from '../Menu/Menu.js';
-const MobileMenu = ({ basePath , blockId , components , events , methods , menus , pageId , properties , rename ,  })=>{
+const MobileMenu = ({ basePath , blockId , components , events , methods , menus , pageId , properties , rename  })=>{
     const [openState, setOpen] = useState(false);
     useEffect(()=>{
         methods.registerMethod(get(rename, 'methods.toggleOpen', {
@@ -38,7 +38,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
             setOpen(open);
         });
     });
-    return(/*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId
     }, /*#__PURE__*/ React.createElement(Button, {
         blockId: `${blockId}_button`,
@@ -55,8 +55,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
         methods: methods,
         onClick: ()=>methods[get(rename, 'methods.toggleOpen', {
                 default: 'toggleOpen'
-            })]()
-        ,
+            })](),
         rename: {
             events: {
                 onClick: 'onToggleDrawer'
@@ -71,7 +70,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                     padding: '3.1em 0 0 0'
                 }
             },
-            properties.drawer, 
+            properties.drawer
         ]),
         rename: {
             events: {
@@ -85,8 +84,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
         methods: methods,
         onClose: ()=>methods[get(rename, 'methods.toggleOpen', {
                 default: 'toggleOpen'
-            })]()
-        ,
+            })](),
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu, {
                     basePath: basePath,
@@ -114,7 +112,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                     }
                 }))
         }
-    })));
+    }));
 };
 MobileMenu.defaultProps = blockDefaultProps;
 MobileMenu.meta = {

package/dist/blocks/MobileMenu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/Modal/Modal.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -12,11 +12,7 @@
   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 { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { get } from '@lowdefy/helpers';
-import { Modal } from 'antd';
-function _extends() {
+*/ function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
@@ -30,6 +26,10 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
+import React, { useState, useEffect } from 'react';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { get } from '@lowdefy/helpers';
+import { Modal } from 'antd';
 const triggerSetOpen = ({ methods , setOpen , state  })=>{
     if (!state) {
         methods.triggerEvent({
@@ -50,14 +50,12 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
                 state: !openState,
                 setOpen,
                 methods
-            })
-        );
+            }));
         methods.registerMethod('setOpen', ({ open  })=>triggerSetOpen({
                 state: !!open,
                 setOpen,
                 methods
-            })
-        );
+            }));
     });
     const extraProps = {};
     if (content.footer) {
@@ -66,14 +64,13 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
     if (properties.footer === false) {
         extraProps.footer = null;
     }
-    return(/*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId
     }, /*#__PURE__*/ React.createElement(Modal, _extends({
         id: `${blockId}_modal`,
         afterClose: ()=>methods.triggerEvent({
                 name: 'afterClose'
-            })
-        ,
+            }),
         bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
         cancelButtonProps: properties.cancelButtonProps,
         cancelText: properties.cancelText || 'Cancel',
@@ -120,7 +117,7 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
                 });
             }
         }
-    }, extraProps), content.content && content.content())));
+    }, extraProps), content.content && content.content()));
 };
 ModalBlock.defaultProps = blockDefaultProps;
 ModalBlock.meta = {