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

package/dist/blocks/PageSiderMenu/schema.json

@@ -52,13 +52,6 @@
               "displayType": "yaml"
             }
           },
-          "color": {
-            "type": "string",
-            "description": "Header color.",
-            "docs": {
-              "displayType": "color"
-            }
-          },
           "style": {
             "type": "object",
             "description": "Header css style object.",
@@ -88,13 +81,6 @@
             "default": true,
             "description": "Whether can be collapsed."
           },
-          "color": {
-            "type": "string",
-            "description": "Sider color",
-            "docs": {
-              "displayType": "color"
-            }
-          },
           "initialCollapsed": {
             "type": "boolean",
             "default": true,
@@ -221,7 +207,7 @@
                     },
                     "icon": {
                       "type": ["string", "object"],
-                      "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on menu item.",
+                      "description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon on menu item.",
                       "docs": {
                         "displayType": "icon"
                       }
@@ -272,22 +258,6 @@
         "type": "array",
         "description": "Trigger action when menu is closed."
       },
-      "onEnter": {
-        "type": "array",
-        "description": "Trigger actions every time a context is mounted and keep the page in loading until all actions have finished."
-      },
-      "onEnterAsync": {
-        "type": "array",
-        "description": "Trigger actions every time a context is mounted and do not keep the page in loading."
-      },
-      "onInit": {
-        "type": "array",
-        "description": "Trigger actions the first time a context is mounted and keep the page in loading until all actions have finished."
-      },
-      "onInitAsync": {
-        "type": "array",
-        "description": "Trigger actions the first time a context is mounted and do not keep the page in loading."
-      },
       "onMenuItemSelect": {
         "type": "array",
         "description": "Trigger action when menu item is selected."

package/dist/blocks/PageSiderMenu/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/Pagination/Pagination.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.
@@ -42,7 +41,7 @@ const createChangeHandler = ({ eventName , methods  })=>(current, pageSize)=>{
         });
     }
 ;
-const PaginationBlock = ({ blockId , methods , properties , value  })=>{
+const PaginationBlock = ({ blockId , loading , methods , properties , value  })=>{
     const showTotal = type.isFunction(properties.showTotal) ? properties.showTotal : (total, range)=>{
         if (type.isString(properties.showTotal)) {
             return properties.showTotal;
@@ -52,9 +51,9 @@ const PaginationBlock = ({ blockId , methods , properties , value  })=>{
         }
         return `${range[0]}-${range[1]} of ${total} items`;
     };
-    return(/*#__PURE__*/ _jsx(Pagination, {
+    return(/*#__PURE__*/ React.createElement(Pagination, {
         id: blockId,
-        disabled: properties.disabled,
+        disabled: properties.disabled || loading,
         hideOnSinglePage: properties.hideOnSinglePage,
         onChange: createChangeHandler({
             eventName: 'onChange',
@@ -84,4 +83,17 @@ const PaginationBlock = ({ blockId , methods , properties , value  })=>{
     }));
 };
 PaginationBlock.defaultProps = blockDefaultProps;
+PaginationBlock.meta = {
+    valueType: 'object',
+    initValue: {
+        current: 0,
+        pageSize: 10,
+        skip: 0
+    },
+    category: 'input',
+    icons: [],
+    styles: [
+        'blocks/Pagination/style.less'
+    ]
+};
 export default PaginationBlock;

package/dist/blocks/Pagination/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/Paragraph/Paragraph.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 { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 import { Typography } from 'antd';
 const Paragraph = Typography.Paragraph;
-const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>/*#__PURE__*/ _jsx(Paragraph, {
+const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>/*#__PURE__*/ React.createElement(Paragraph, {
         id: blockId,
         className: methods.makeCssClass(properties.style),
         code: properties.code,
@@ -33,17 +32,19 @@ const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , p
                 });
             },
             icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
-                /*#__PURE__*/ _jsx(Icon, {
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
                     events: events,
                     blockId: `${blockId}_copyable_before_icon`,
                     properties: properties.copyable.icon[0]
-                }, "copy-icon"),
-                /*#__PURE__*/ _jsx(Icon, {
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
                     blockId: `${blockId}_copyable_after_icon`,
                     events: events,
                     properties: properties.copyable.icon[1]
-                }, "copied-icon"), 
-            ] : /*#__PURE__*/ _jsx(Icon, {
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_copyable_icon`,
                 events: events,
                 properties: properties.copyable.icon
@@ -85,12 +86,18 @@ const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , p
         mark: properties.mark,
         strong: properties.strong,
         type: properties.type,
-        underline: properties.underline,
-        children: renderHtml({
-            html: properties.content,
-            methods
-        })
-    })
+        underline: properties.underline
+    }, renderHtml({
+        html: properties.content,
+        methods
+    }))
 ;
 ParagraphBlock.defaultProps = blockDefaultProps;
+ParagraphBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Paragraph/style.less'
+    ]
+};
 export default ParagraphBlock;

package/dist/blocks/Paragraph/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/ParagraphInput/ParagraphInput.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 { Typography } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 const Paragraph = Typography.Paragraph;
-const ParagraphInput = ({ blockId , events , components: { Icon  } , properties , methods , value  })=>{
+const ParagraphInput = ({ blockId , components: { Icon  } , events , loading , methods , properties , value ,  })=>{
     const [editing, setEdit] = useState(false);
     const editableEvents = {
         onStart: ()=>{
@@ -38,7 +37,7 @@ const ParagraphInput = ({ blockId , events , components: { Icon  } , properties
             });
         }
     };
-    return(/*#__PURE__*/ _jsx(Paragraph, {
+    return(/*#__PURE__*/ React.createElement(Paragraph, {
         id: blockId,
         className: methods.makeCssClass(properties.style),
         code: properties.code,
@@ -53,17 +52,19 @@ const ParagraphInput = ({ blockId , events , components: { Icon  } , properties
                 });
             },
             icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
-                /*#__PURE__*/ _jsx(Icon, {
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
                     blockId: `${blockId}_copyable_before_icon`,
                     events: events,
                     properties: properties.copyable.icon[0]
-                }, "copy-icon"),
-                /*#__PURE__*/ _jsx(Icon, {
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
                     blockId: `${blockId}_copyable_after_icon`,
                     events: events,
                     properties: properties.copyable.icon[1]
-                }, "copied-icon"), 
-            ] : /*#__PURE__*/ _jsx(Icon, {
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_copyable_icon`,
                 events: events,
                 properties: properties.copyable.icon
@@ -71,7 +72,7 @@ const ParagraphInput = ({ blockId , events , components: { Icon  } , properties
             tooltips: properties.copyable.tooltips
         } : properties.copyable,
         delete: properties.delete,
-        disabled: properties.disabled,
+        disabled: properties.disabled || loading,
         ellipsis: type.isObject(properties.ellipsis) ? {
             rows: properties.ellipsis.rows,
             expandable: properties.ellipsis.expandable,
@@ -94,7 +95,7 @@ const ParagraphInput = ({ blockId , events , components: { Icon  } , properties
             }
         } : properties.ellipsis,
         editable: type.isObject(properties.editable) ? {
-            icon: properties.editable.icon && /*#__PURE__*/ _jsx(Icon, {
+            icon: properties.editable.icon && /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_editable_icon`,
                 events: events,
                 properties: properties.editable.icon
@@ -109,9 +110,16 @@ const ParagraphInput = ({ blockId , events , components: { Icon  } , properties
         mark: properties.mark,
         strong: properties.strong,
         type: properties.type,
-        underline: properties.underline,
-        children: !type.isNone(value) ? value.toString() : ''
-    }));
+        underline: properties.underline
+    }, !type.isNone(value) ? value.toString() : ''));
 };
 ParagraphInput.defaultProps = blockDefaultProps;
+ParagraphInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [],
+    styles: [
+        'blocks/ParagraphInput/style.less'
+    ]
+};
 export default ParagraphInput;

package/dist/blocks/ParagraphInput/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/PasswordInput/PasswordInput.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,11 +18,10 @@ import { blockDefaultProps } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import useRunAfterUpdate from '../../useRunAfterUpdate.js';
 const PasswordInput = ({ blockId , components , events , loading , methods , properties , required , validation , value ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
-        loading: loading,
         properties: {
             title: properties.title,
             size: properties.size,
@@ -34,12 +32,12 @@ const PasswordInput = ({ blockId , components , events , loading , methods , pro
         content: {
             content: ()=>{
                 const runAfterUpdate = useRunAfterUpdate();
-                return(/*#__PURE__*/ _jsx(Input.Password, {
+                return(/*#__PURE__*/ React.createElement(Input.Password, {
                     id: `${blockId}_input`,
                     bordered: properties.bordered,
                     className: methods.makeCssClass(properties.inputStyle),
                     autoFocus: properties.autoFocus,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     onChange: (event)=>{
                         methods.setValue(event.target.value);
                         methods.triggerEvent({
@@ -66,4 +64,14 @@ const PasswordInput = ({ blockId , components , events , loading , methods , pro
     }));
 };
 PasswordInput.defaultProps = blockDefaultProps;
+PasswordInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/PasswordInput/style.less'
+    ]
+};
 export default PasswordInput;

package/dist/blocks/PasswordInput/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/Progress/Progress.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 { Progress } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const ProgressBlock = ({ blockId , properties  })=>/*#__PURE__*/ _jsx(Progress, {
+const ProgressBlock = ({ blockId , properties  })=>/*#__PURE__*/ React.createElement(Progress, {
         gapDegree: properties.gapDegree,
         gapPosition: properties.gapPosition,
         id: blockId,
@@ -34,4 +33,11 @@ const ProgressBlock = ({ blockId , properties  })=>/*#__PURE__*/ _jsx(Progress,
     })
 ;
 ProgressBlock.defaultProps = blockDefaultProps;
+ProgressBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Progress/style.less'
+    ]
+};
 export default ProgressBlock;

package/dist/blocks/Progress/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/RadioSelector/RadioSelector.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.
@@ -23,7 +22,7 @@ import getUniqueValues from '../../getUniqueValues.js';
 const RadioGroup = Radio.Group;
 const RadioSelector = ({ 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,
@@ -34,9 +33,8 @@ const RadioSelector = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(RadioGroup, {
+            content: ()=>/*#__PURE__*/ React.createElement(RadioGroup, {
                     id: `${blockId}_input`,
                     className: methods.makeCssClass([
                         properties.color && {
@@ -49,43 +47,51 @@ const RadioSelector = ({ blockId , components , events , loading , properties ,
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     onChange: (event)=>{
                         methods.setValue(type.isPrimitive(uniqueValueOptions[event.target.value]) ? uniqueValueOptions[event.target.value] : uniqueValueOptions[event.target.value].value);
                         methods.triggerEvent({
                             name: 'onChange'
                         });
                     },
-                    value: getValueIndex(value, uniqueValueOptions),
-                    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(Radio, {
-                                id: `${blockId}_${opt}`,
-                                value: i,
-                                children: renderHtml({
-                                    html: `${opt}`,
-                                    methods
-                                })
-                            }, i) : /*#__PURE__*/ _jsx(Radio, {
-                                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)
+                }, /*#__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(Radio, {
+                        id: `${blockId}_${opt}`,
+                        key: i,
+                        value: i
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Radio, {
+                        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
+                    }))
+                )))
         }
     }));
 };
 RadioSelector.defaultProps = blockDefaultProps;
+RadioSelector.meta = {
+    valueType: 'any',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/RadioSelector/style.less'
+    ]
+};
 export default RadioSelector;

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