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

package/dist/blocks/Descriptions/Descriptions.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.
@@ -27,7 +26,7 @@ const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
         );
     }
     const { makeCssClass  } = methods;
-    return(/*#__PURE__*/ _jsx(Descriptions, {
+    return(/*#__PURE__*/ React.createElement(Descriptions, {
         id: blockId,
         bordered: properties.bordered,
         colon: properties.colon,
@@ -40,42 +39,47 @@ const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
         title: renderHtml({
             html: properties.title,
             methods
-        }),
-        children: dataItem.map((item1, i)=>{
-            let row = item1;
-            if (type.isPrimitive(item1)) {
-                row = {
-                    value: item1,
-                    key: item1.toString()
-                };
-            }
-            const itemOption = (properties.itemOptions || []).find((item)=>row.key === item.key
-            ) || {
-            };
-            const value = type.isFunction(itemOption.transformValue) ? itemOption.transformValue(row.value, row, i) : row.value;
-            const label = type.isFunction(itemOption.transformLabel) ? itemOption.transformLabel(row.key || row.label, row, i) : row.key || row.label;
-            return(/*#__PURE__*/ _jsx(Descriptions.Item, {
-                label: renderHtml({
-                    html: label,
-                    methods
-                }),
-                contentStyle: row.contentStyle,
-                labelStyle: row.labelStyle,
-                span: row.span || (type.isFunction(itemOption.span) ? itemOption.span(row, i) : itemOption.span),
-                className: `${makeCssClass([
-                    {
-                        whiteSpace: 'pre-wrap'
-                    },
-                    type.isFunction(itemOption.style) ? itemOption.style(row, i) : itemOption.style,
-                    row.style, 
-                ])}`,
-                children: renderHtml({
-                    html: value,
-                    methods
-                })
-            }, i));
         })
-    }));
+    }, dataItem.map((item1, i)=>{
+        let row = item1;
+        if (type.isPrimitive(item1)) {
+            row = {
+                value: item1,
+                key: item1.toString()
+            };
+        }
+        const itemOption = (properties.itemOptions || []).find((item)=>row.key === item.key
+        ) || {};
+        const value = type.isFunction(itemOption.transformValue) ? itemOption.transformValue(row.value, row, i) : row.value;
+        const label = type.isFunction(itemOption.transformLabel) ? itemOption.transformLabel(row.key || row.label, row, i) : row.key || row.label;
+        return(/*#__PURE__*/ React.createElement(Descriptions.Item, {
+            key: i,
+            label: renderHtml({
+                html: label,
+                methods
+            }),
+            contentStyle: row.contentStyle,
+            labelStyle: row.labelStyle,
+            span: row.span || (type.isFunction(itemOption.span) ? itemOption.span(row, i) : itemOption.span),
+            className: `${makeCssClass([
+                {
+                    whiteSpace: 'pre-wrap'
+                },
+                type.isFunction(itemOption.style) ? itemOption.style(row, i) : itemOption.style,
+                row.style, 
+            ])}`
+        }, renderHtml({
+            html: value,
+            methods
+        })));
+    })));
 };
 DescriptionsBlock.defaultProps = blockDefaultProps;
+DescriptionsBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Descriptions/style.less'
+    ]
+};
 export default DescriptionsBlock;

package/dist/blocks/Descriptions/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/Divider/Divider.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,18 +15,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { Divider } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const DividerBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx(Divider, {
+const DividerBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ React.createElement(Divider, {
         id: blockId,
         dashed: properties.dashed,
         orientation: properties.orientation,
         plain: properties.plain,
         style: properties.style,
-        type: properties.type,
-        children: renderHtml({
-            html: properties.title,
-            methods
-        })
-    })
+        type: properties.type
+    }, renderHtml({
+        html: properties.title,
+        methods
+    }))
 ;
 DividerBlock.defaultProps = blockDefaultProps;
+DividerBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Divider/style.less'
+    ]
+};
 export default DividerBlock;

package/dist/blocks/Divider/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/Drawer/Drawer.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.
@@ -61,7 +60,7 @@ const DrawerBlock = ({ blockId , content , properties , methods , rename , onClo
             })
         );
     });
-    return(/*#__PURE__*/ _jsx(Drawer, {
+    return(/*#__PURE__*/ React.createElement(Drawer, {
         id: blockId,
         closable: properties.closable,
         extra: content.extra && content.extra(),
@@ -93,9 +92,15 @@ const DrawerBlock = ({ blockId , content , properties , methods , rename , onClo
         headerStyle: methods.makeCssClass(properties.headerStyle, true),
         bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
         maskStyle: methods.makeCssClass(properties.maskStyle, true),
-        contentWrapperStyle: methods.makeCssClass(properties.contentWrapperStyle, true),
-        children: content.content && content.content()
-    }));
+        contentWrapperStyle: methods.makeCssClass(properties.contentWrapperStyle, true)
+    }, content.content && content.content()));
 };
 DrawerBlock.defaultProps = blockDefaultProps;
+DrawerBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Drawer/style.less'
+    ]
+};
 export default DrawerBlock;

package/dist/blocks/Drawer/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/Footer/Footer.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,16 +16,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Footer = Layout.Footer;
-const FooterBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ _jsx(Footer, {
+const FooterBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Footer, {
         id: blockId,
         className: `${methods.makeCssClass([
             {
                 margin: 'auto'
             },
             properties.style
-        ])} hide-on-print`,
-        children: content.content && content.content()
-    })
+        ])} hide-on-print`
+    }, content.content && content.content())
 ;
 FooterBlock.defaultProps = blockDefaultProps;
+FooterBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Footer/style.less'
+    ]
+};
 export default FooterBlock;

package/dist/blocks/Footer/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/Header/Header.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,19 +16,22 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Header = Layout.Header;
-const HeaderBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ _jsx(Header, {
+const HeaderBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Header, {
         id: blockId,
         className: `${methods.makeCssClass([
             {
                 backgroundColor: properties.theme === 'light' && '#fff'
             },
-            properties.color && {
-                backgroundColor: properties.color
-            },
             properties.style, 
-        ])} hide-on-print`,
-        children: content.content && content.content()
-    })
+        ])} hide-on-print`
+    }, content.content && content.content())
 ;
 HeaderBlock.defaultProps = blockDefaultProps;
+HeaderBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Header/style.less'
+    ]
+};
 export default HeaderBlock;

package/dist/blocks/Header/schema.json

@@ -4,10 +4,6 @@
     "type": "object",
     "additionalProperties": false,
     "properties": {
-      "color": {
-        "type": "string",
-        "description": "Header color."
-      },
       "style": {
         "type": "object",
         "description": "Css style object to applied to header.",

package/dist/blocks/Header/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/Label/Label.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } 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,22 @@ import React from 'react';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { Col, Row } from 'antd';
 import classNames from 'classnames';
-import CSSMotion from 'rc-animate/lib/CSSMotion.js';
+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++){
+            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 validationKeyMap = {
     error: 'errors',
     warning: 'warnings'
@@ -37,81 +50,71 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
     });
     if (!iconMap) {
         iconMap = {
-            error: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledCloseCircle"
+            error: ()=>/*#__PURE__*/ React.createElement(Icon, {
+                    properties: "AiFillCloseCircle"
                 })
             ,
-            success: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledCheckCircle"
+            success: ()=>/*#__PURE__*/ React.createElement(Icon, {
+                    properties: "AiFillCheckCircle"
                 })
             ,
-            validating: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiOutlinedLoading"
+            validating: ()=>/*#__PURE__*/ React.createElement(Icon, {
+                    properties: "AiOutlineLoading"
                 })
             ,
-            warning: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledExclamationCircle"
+            warning: ()=>/*#__PURE__*/ React.createElement(Icon, {
+                    properties: "AiFillExclamationCircle"
                 })
         };
     }
     const IconNode = validation.status && iconMap[validation.status];
-    const icon = validation.status && IconNode ? /*#__PURE__*/ _jsx("span", {
-        className: "ant-form-item-children-icon",
-        children: /*#__PURE__*/ _jsx(IconNode, {
-        })
-    }) : null;
-    return(/*#__PURE__*/ _jsxs(Row, {
+    const icon = validation.status && IconNode ? /*#__PURE__*/ React.createElement("span", {
+        className: "ant-form-item-children-icon"
+    }, /*#__PURE__*/ React.createElement(IconNode, null)) : null;
+    return(/*#__PURE__*/ React.createElement(Row, {
         id: blockId,
-        className: rowClassName,
-        children: [
-            label && /*#__PURE__*/ _jsx(Col, {
-                ...labelCol,
-                className: labelColClassName,
-                children: /*#__PURE__*/ _jsx("label", {
-                    htmlFor: `${blockId}_input`,
-                    className: labelClassName,
-                    title: label,
-                    children: renderHtml({
-                        html: label,
-                        methods
-                    })
-                })
-            }),
-            /*#__PURE__*/ _jsxs(Col, {
-                ...wrapperCol,
-                className: "ant-form-item-control",
-                children: [
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: "ant-form-item-control-input",
-                        children: [
-                            /*#__PURE__*/ _jsx("div", {
-                                className: "ant-form-item-control-input-content",
-                                children: content.content && content.content()
-                            }),
-                            icon
-                        ]
-                    }),
-                    /*#__PURE__*/ _jsx(CSSMotion, {
-                        visible: showFeedback,
-                        motionName: "show-help",
-                        motionAppear: true,
-                        removeOnLeave: true,
-                        children: ({ className: motionClassName  })=>/*#__PURE__*/ _jsx("div", {
-                                className: classNames(feedbackClassName, motionClassName),
-                                children: validation[validationKeyMap[validation.status]] && validation[validationKeyMap[validation.status]].length > 0 && validation[validationKeyMap[validation.status]][0]
-                            })
-                    }),
-                    showExtra && /*#__PURE__*/ _jsx("div", {
-                        className: extraClassName,
-                        children: renderHtml({
-                            html: properties.extra,
-                            methods
-                        })
-                    })
-                ]
-            })
-        ]
-    }));
+        className: rowClassName
+    }, label && /*#__PURE__*/ React.createElement(Col, _extends({}, labelCol, {
+        className: labelColClassName
+    }), /*#__PURE__*/ React.createElement("label", {
+        htmlFor: `${blockId}_input`,
+        className: labelClassName,
+        title: label
+    }, renderHtml({
+        html: label,
+        methods
+    }))), /*#__PURE__*/ React.createElement(Col, _extends({}, wrapperCol, {
+        className: "ant-form-item-control"
+    }), /*#__PURE__*/ React.createElement("div", {
+        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,
+        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
+    })))));
 };
 Label.defaultProps = blockDefaultProps;
+Label.meta = {
+    category: 'container',
+    icons: [
+        'AiFillCloseCircle',
+        'AiFillCheckCircle',
+        'AiOutlineLoading',
+        'AiFillExclamationCircle'
+    ],
+    styles: [
+        'blocks/Label/style.less'
+    ]
+};
 export default Label;

package/dist/blocks/Label/getLabelCol.js

@@ -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/Label/getWrapperCol.js

@@ -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/Label/labelLogic.js

@@ -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.
@@ -16,8 +16,7 @@
 import classNames from 'classnames';
 import getWrapperCol from './getWrapperCol.js';
 import getLabelCol from './getLabelCol.js';
-const labelLogic = ({ blockId , content , methods , properties ={
-} , required =false , validation ={
+const labelLogic = ({ blockId , content , methods , properties ={} , required =false , validation ={
     messages: [],
     status: null
 } ,  })=>{

package/dist/blocks/Label/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/Layout/Layout.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,11 +15,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Layout } from 'antd';
-const LayoutBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ _jsx(Layout, {
+const LayoutBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ React.createElement(Layout, {
         id: blockId,
-        className: methods.makeCssClass(properties.style),
-        children: content.content && content.content()
-    })
+        className: methods.makeCssClass(properties.style)
+    }, content.content && content.content())
 ;
 LayoutBlock.defaultProps = blockDefaultProps;
+LayoutBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Layout/style.less'
+    ]
+};
 export default LayoutBlock;

package/dist/blocks/Layout/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.