@lowdefy/blocks-antd 4.0.0-alpha.1 → 4.0.0-alpha.12

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -22,7 +21,7 @@ import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const ButtonSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -33,9 +32,8 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Radio.Group, {
+            content: ()=>/*#__PURE__*/ React.createElement(Radio.Group, {
                     id: `${blockId}_input`,
                     className: methods.makeCssClass([
                         properties.color && {
@@ -46,7 +44,7 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     size: properties.size,
                     buttonStyle: properties.buttonStyle ? properties.buttonStyle : 'solid',
                     onChange: (event)=>{
@@ -55,31 +53,40 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                             name: 'onChange'
                         });
                     },
-                    value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || []),
-                    children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Radio.Button, {
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            children: renderHtml({
-                                html: `${opt}`,
-                                methods
-                            })
-                        }, i) : /*#__PURE__*/ _jsx(Radio.Button, {
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            disabled: opt.disabled,
-                            className: methods.makeCssClass(opt.style),
-                            children: type.isNone(opt.label) ? renderHtml({
-                                html: `${opt.value}`,
-                                methods
-                            }) : renderHtml({
-                                html: opt.label,
-                                methods
-                            })
-                        }, i)
-                    )
-                })
+                    value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || [])
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Radio.Button, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Radio.Button, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`,
+                        disabled: opt.disabled,
+                        className: methods.makeCssClass(opt.style)
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                ))
         }
     }));
 };
 ButtonSelector.defaultProps = blockDefaultProps;
+ButtonSelector.meta = {
+    valueType: 'any',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/ButtonSelector/style.less'
+    ]
+};
 export default ButtonSelector;

package/dist/blocks/ButtonSelector/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { Card } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#__PURE__*/ _jsx(Card, {
+const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#__PURE__*/ React.createElement(Card, {
         id: blockId,
         title: content.title ? content.title() : renderHtml({
             html: properties.title,
@@ -39,9 +38,15 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
                 cursor: events.onClick && 'pointer'
             },
             properties.style, 
-        ]),
-        children: content.content && content.content()
-    })
+        ])
+    }, content.content && content.content())
 ;
 CardBlock.defaultProps = blockDefaultProps;
+CardBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Card/style.less'
+    ]
+};
 export default CardBlock;

package/dist/blocks/Card/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -22,7 +21,7 @@ import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const CheckboxSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -33,9 +32,8 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Checkbox.Group, {
+            content: ()=>/*#__PURE__*/ React.createElement(Checkbox.Group, {
                     id: `${blockId}_input`,
                     className: methods.makeCssClass([
                         properties.color && {
@@ -46,7 +44,7 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     onChange: (newVal)=>{
                         const val = [];
                         newVal.forEach((nv)=>{
@@ -57,36 +55,44 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                             name: 'onChange'
                         });
                     },
-                    value: getValueIndex(value, uniqueValueOptions, true),
-                    children: /*#__PURE__*/ _jsx(Space, {
-                        direction: properties.direction,
-                        wrap: type.isNone(properties.wrap) ? true : properties.wrap,
-                        align: type.isNone(properties.align) ? 'start' : properties.align,
-                        children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Checkbox, {
-                                id: `${blockId}_${i}`,
-                                value: `${i}`,
-                                children: renderHtml({
-                                    html: `${opt}`,
-                                    methods
-                                })
-                            }, i) : /*#__PURE__*/ _jsx(Checkbox, {
-                                id: `${blockId}_${i}`,
-                                value: `${i}`,
-                                disabled: opt.disabled,
-                                className: methods.makeCssClass(opt.style),
-                                children: type.isNone(opt.label) ? renderHtml({
-                                    html: `${opt.value}`,
-                                    methods
-                                }) : renderHtml({
-                                    html: opt.label,
-                                    methods
-                                })
-                            }, i)
-                        )
-                    })
-                })
+                    value: getValueIndex(value, uniqueValueOptions, true)
+                }, /*#__PURE__*/ React.createElement(Space, {
+                    direction: properties.direction,
+                    wrap: type.isNone(properties.wrap) ? true : properties.wrap,
+                    align: type.isNone(properties.align) ? 'start' : properties.align
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`,
+                        disabled: opt.disabled,
+                        className: methods.makeCssClass(opt.style)
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                )))
         }
     }));
 };
 CheckboxSelector.defaultProps = blockDefaultProps;
+CheckboxSelector.meta = {
+    valueType: 'array',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/CheckboxSelector/style.less'
+    ]
+};
 export default CheckboxSelector;

package/dist/blocks/CheckboxSelector/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +17,7 @@ import { Checkbox, Space } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 const CheckboxSwitch = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -29,12 +28,11 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Checkbox, {
+            content: ()=>/*#__PURE__*/ React.createElement(Checkbox, {
                     id: `${blockId}_input`,
                     checked: value,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     className: methods.makeCssClass([
                         properties.color && {
                             '& > span.ant-checkbox-checked:not(.ant-checkbox-disabled) > span': {
@@ -52,17 +50,25 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
                         methods.triggerEvent({
                             name: 'onChange'
                         });
-                    },
-                    children: /*#__PURE__*/ _jsx(Space, {
-                        wrap: true,
-                        children: renderHtml({
-                            html: properties.description,
-                            methods
-                        })
-                    })
-                })
+                    }
+                }, /*#__PURE__*/ React.createElement(Space, {
+                    wrap: true
+                }, renderHtml({
+                    html: properties.description,
+                    methods
+                })))
         }
     }));
 };
 CheckboxSwitch.defaultProps = blockDefaultProps;
+CheckboxSwitch.meta = {
+    valueType: 'boolean',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/CheckboxSwitch/style.less'
+    ]
+};
 export default CheckboxSwitch;

package/dist/blocks/CheckboxSwitch/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,14 +16,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Collapse } from 'antd';
 import { serializer, type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 const CollapseBlock = ({ blockId , events , content , components: { Icon  } , methods , properties  })=>{
     const panels = properties.panels || Object.keys(content).sort().map((key)=>({
             key,
             title: key
         })
     );
-    const additionalProps = {
-    };
+    const additionalProps = {};
     if (properties.activeKey) {
         additionalProps.activeKey = properties.activeKey;
     }
@@ -34,7 +46,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
             name: propertiesIconExpand
         };
     }
-    return(/*#__PURE__*/ _jsx(Collapse, {
+    return(/*#__PURE__*/ React.createElement(Collapse, _extends({
         id: blockId,
         defaultActiveKey: properties.defaultActiveKey || panels[0].key,
         bordered: properties.bordered,
@@ -46,7 +58,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
                 }
             })
         ,
-        expandIcon: propertiesIconExpand && (({ isActive  })=>/*#__PURE__*/ _jsx(Icon, {
+        expandIcon: propertiesIconExpand && (({ isActive  })=>/*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_expandIcon`,
                 events: events,
                 properties: {
@@ -56,21 +68,26 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
             })
         ),
         expandIconPosition: properties.expandIconPosition,
-        destroyInactivePanel: properties.destroyInactivePanel,
-        ...additionalProps,
-        children: panels.map((panel)=>/*#__PURE__*/ _jsx(Collapse.Panel, {
-                extra: content[panel.extraKey] && content[panel.extraKey](),
-                collapsible: panel.disabled && 'disabled',
-                forceRender: properties.forceRender,
-                header: renderHtml({
-                    html: panel.title,
-                    methods
-                }),
-                showArrow: properties.showArrow,
-                children: content[panel.key] && content[panel.key]()
-            }, panel.key)
-        )
-    }));
+        destroyInactivePanel: properties.destroyInactivePanel
+    }, additionalProps), panels.map((panel)=>/*#__PURE__*/ React.createElement(Collapse.Panel, {
+            extra: content[panel.extraKey] && content[panel.extraKey](),
+            collapsible: panel.disabled && 'disabled',
+            forceRender: properties.forceRender,
+            header: renderHtml({
+                html: panel.title,
+                methods
+            }),
+            key: panel.key,
+            showArrow: properties.showArrow
+        }, content[panel.key] && content[panel.key]())
+    )));
 };
 CollapseBlock.defaultProps = blockDefaultProps;
+CollapseBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Collapse/style.less'
+    ]
+};
 export default CollapseBlock;

package/dist/blocks/Collapse/schema.json

@@ -29,7 +29,7 @@
       },
       "expandIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block for expand icon on the right of selector.",
+        "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 for expand icon on the right of selector.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Collapse/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,8 +18,7 @@ import { type } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Avatar from '../Avatar/Avatar.js';
 const CommentBlock = ({ blockId , components , content , properties , methods  })=>{
-    let avatar = {
-    };
+    let avatar = {};
     if (type.isObject(properties.avatar)) {
         avatar = properties.avatar;
     } else if (type.isString(properties.avatar)) {
@@ -32,7 +30,7 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
             content: properties.author.substring(0, 2)
         };
     }
-    return(/*#__PURE__*/ _jsx(Comment, {
+    return(/*#__PURE__*/ React.createElement(Comment, {
         id: blockId,
         actions: [
             content.actions && content.actions()
@@ -40,13 +38,19 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
         author: properties.author || content.author && content.author(),
         content: properties.content || content.content && content.content(),
         datetime: properties.datetime,
-        avatar: /*#__PURE__*/ _jsx(Avatar, {
+        avatar: /*#__PURE__*/ React.createElement(Avatar, {
             components: components,
             properties: avatar,
             methods: methods
-        }),
-        children: content.children && content.children()
-    }));
+        })
+    }, content.children && content.children()));
 };
 CommentBlock.defaultProps = blockDefaultProps;
+CommentBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Comment/style.less'
+    ]
+};
 export default CommentBlock;

package/dist/blocks/Comment/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,12 +17,10 @@ import { Modal } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 const ConfirmModal = ({ blockId , events , content , components: { Icon  } , methods , properties  })=>{
     useEffect(()=>{
-        methods.registerMethod('open', (args = {
-        })=>{
-            const additionalProps = {
-            };
+        methods.registerMethod('open', (args = {})=>{
+            const additionalProps = {};
             if (properties.icon) {
-                additionalProps.icon = /*#__PURE__*/ _jsx(Icon, {
+                additionalProps.icon = /*#__PURE__*/ React.createElement(Icon, {
                     blockId: `${blockId}_icon`,
                     events: events,
                     properties: properties.icon
@@ -46,8 +43,22 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
                 className: methods.makeCssClass(properties.modalStyle),
                 closable: properties.closable,
                 okText: properties.okText || 'Ok',
-                okButtonProps: properties.okButton,
-                cancelButtonProps: properties.cancelButton,
+                okButtonProps: properties.okButton && properties.okButton.icon ? {
+                    ...properties.okButton,
+                    icon: properties.okButton.icon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_ok_icon`,
+                        events: events,
+                        properties: properties.okButton.icon
+                    })
+                } : properties.okButton,
+                cancelButtonProps: properties.cancelButton && properties.cancelButton.icon ? {
+                    ...properties.cancelButton,
+                    icon: properties.cancelButton.icon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_ok_icon`,
+                        events: events,
+                        properties: properties.cancelButton.icon
+                    })
+                } : properties.cancelButton,
                 cancelText: properties.cancelText || 'Cancel',
                 centered: properties.centered || false,
                 mask: properties.mask !== undefined ? properties.mask : true,
@@ -70,9 +81,16 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
             });
         });
     });
-    return(/*#__PURE__*/ _jsx("div", {
+    return(/*#__PURE__*/ React.createElement("div", {
         id: blockId
     }));
 };
 ConfirmModal.defaultProps = blockDefaultProps;
+ConfirmModal.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/ConfirmModal/style.less'
+    ]
+};
 export default ConfirmModal;

package/dist/blocks/ConfirmModal/schema.json

@@ -30,7 +30,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize modal icon.",
+        "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 modal icon.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/ConfirmModal/style.less

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,11 +16,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Content = Layout.Content;
-const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ _jsx(Content, {
+const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Content, {
         id: blockId,
-        className: methods.makeCssClass(properties.style),
-        children: content.content && content.content()
-    })
+        className: methods.makeCssClass(properties.style)
+    }, content.content && content.content())
 ;
 ContentBlock.defaultProps = blockDefaultProps;
+ContentBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Content/style.less'
+    ]
+};
 export default ContentBlock;

package/dist/blocks/Content/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.