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

package/dist/blocks/MultipleSelector/MultipleSelector.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.
@@ -24,12 +23,11 @@ const Option = Select.Option;
 const MultipleSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value: value1 ,  })=>{
     const [fetchState, setFetch] = useState(false);
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon
         },
-        loading: loading,
         properties: {
             title: properties.title,
             size: properties.size,
@@ -38,106 +36,113 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
         required: required,
         validation: validation,
         content: {
-            content: ()=>/*#__PURE__*/ _jsxs("div", {
+            content: ()=>/*#__PURE__*/ React.createElement("div", {
                     className: methods.makeCssClass({
                         width: '100%'
+                    })
+                }, /*#__PURE__*/ React.createElement("div", {
+                    id: `${blockId}_popup`
+                }), /*#__PURE__*/ React.createElement(Select, {
+                    id: `${blockId}_input`,
+                    allowClear: properties.allowClear !== false,
+                    autoFocus: properties.autoFocus,
+                    bordered: properties.bordered,
+                    className: methods.makeCssClass([
+                        {
+                            width: '100%'
+                        },
+                        properties.inputStyle
+                    ]),
+                    disabled: properties.disabled || loading,
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
+                    ,
+                    mode: "multiple",
+                    notFoundContent: fetchState ? 'Loading' : 'Not found',
+                    placeholder: get(properties, 'placeholder', {
+                        default: 'Select items'
                     }),
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            id: `${blockId}_popup`
-                        }),
-                        /*#__PURE__*/ _jsx(Select, {
-                            id: `${blockId}_input`,
-                            allowClear: properties.allowClear !== false,
-                            autoFocus: properties.autoFocus,
-                            bordered: properties.bordered,
-                            className: methods.makeCssClass([
-                                {
-                                    width: '100%'
-                                },
-                                properties.inputStyle
-                            ]),
-                            disabled: properties.disabled,
-                            getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                            ,
-                            mode: "multiple",
-                            notFoundContent: fetchState ? 'Loading' : 'Not found',
-                            placeholder: get(properties, 'placeholder', {
-                                default: 'Select items'
-                            }),
-                            showArrow: get(properties, 'showArrow', {
-                                default: true
-                            }),
-                            size: properties.size,
-                            value: getValueIndex(value1, uniqueValueOptions, true),
-                            suffixIcon: properties.suffixIcon && /*#__PURE__*/ _jsx(Icon, {
-                                blockId: `${blockId}_suffixIcon`,
-                                events: events,
-                                properties: properties.suffixIcon
-                            }),
-                            clearIcon: properties.clearIcon && /*#__PURE__*/ _jsx(Icon, {
-                                blockId: `${blockId}_clearIcon`,
-                                events: events,
-                                properties: properties.clearIcon
-                            }),
-                            menuItemSelectedIcon: properties.selectedIcon && /*#__PURE__*/ _jsx(Icon, {
-                                blockId: `${blockId}_selectedIcon`,
-                                events: events,
-                                properties: properties.selectedIcon
-                            }),
-                            filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0
-                            ,
-                            onChange: (newVal)=>{
-                                const val = [];
-                                newVal.forEach((nv)=>{
-                                    val.push(type.isPrimitive(uniqueValueOptions[nv]) ? uniqueValueOptions[nv] : uniqueValueOptions[nv].value);
-                                });
-                                methods.setValue(val);
-                                methods.triggerEvent({
-                                    name: 'onChange'
-                                });
-                            },
-                            onSearch: async (value)=>{
-                                setFetch(true);
-                                await methods.triggerEvent({
-                                    name: 'onSearch',
-                                    event: {
-                                        value
-                                    }
-                                });
-                                setFetch(false);
-                            },
-                            children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Option, {
-                                    className: methods.makeCssClass(properties.optionsStyle),
-                                    id: `${blockId}_${i}`,
-                                    value: `${i}`,
-                                    children: renderHtml({
-                                        html: `${opt}`,
-                                        methods
-                                    })
-                                }, i) : /*#__PURE__*/ _jsx(Option, {
-                                    className: methods.makeCssClass([
-                                        properties.optionsStyle,
-                                        opt.style
-                                    ]),
-                                    disabled: opt.disabled,
-                                    filterstring: opt.filterString,
-                                    id: `${blockId}_${i}`,
-                                    value: `${i}`,
-                                    children: type.isNone(opt.label) ? renderHtml({
-                                        html: `${opt.value}`,
-                                        methods
-                                    }) : renderHtml({
-                                        html: opt.label,
-                                        methods
-                                    })
-                                }, i)
-                            )
-                        })
-                    ]
-                })
+                    showArrow: get(properties, 'showArrow', {
+                        default: true
+                    }),
+                    size: properties.size,
+                    value: getValueIndex(value1, uniqueValueOptions, true),
+                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_suffixIcon`,
+                        events: events,
+                        properties: properties.suffixIcon
+                    }),
+                    clearIcon: properties.clearIcon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_clearIcon`,
+                        events: events,
+                        properties: properties.clearIcon
+                    }),
+                    menuItemSelectedIcon: properties.selectedIcon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_selectedIcon`,
+                        events: events,
+                        properties: properties.selectedIcon
+                    }),
+                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0
+                    ,
+                    onChange: (newVal)=>{
+                        const val = [];
+                        newVal.forEach((nv)=>{
+                            val.push(type.isPrimitive(uniqueValueOptions[nv]) ? uniqueValueOptions[nv] : uniqueValueOptions[nv].value);
+                        });
+                        methods.setValue(val);
+                        methods.triggerEvent({
+                            name: 'onChange'
+                        });
+                    },
+                    onSearch: async (value)=>{
+                        setFetch(true);
+                        const result = await methods.triggerEvent({
+                            name: 'onSearch',
+                            event: {
+                                value
+                            }
+                        });
+                        if (!result.bounced) {
+                            setFetch(false);
+                        }
+                    }
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass(properties.optionsStyle),
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass([
+                            properties.optionsStyle,
+                            opt.style
+                        ]),
+                        disabled: opt.disabled,
+                        filterstring: opt.filterString,
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                )))
         }
     }));
 };
 MultipleSelector.defaultProps = blockDefaultProps;
+MultipleSelector.meta = {
+    valueType: 'array',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/MultipleSelector/style.less'
+    ]
+};
 export default MultipleSelector;

package/dist/blocks/MultipleSelector/schema.json

@@ -21,8 +21,8 @@
       },
       "clearIcon": {
         "type": ["string", "object"],
-        "default": "CloseCircleOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at far right position of the selector, shown when user is given option to clear input.",
+        "default": "AiOutlineCloseCircle",
+        "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 at far right position of the selector, shown when user is given option to clear input.",
         "docs": {
           "displayType": "icon"
         }
@@ -191,8 +191,8 @@
       },
       "selectedIcon": {
         "type": ["string", "object"],
-        "default": "CheckOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon showing when a selection is made in the drop-down list.",
+        "default": "AiOutlineCheck",
+        "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 showing when a selection is made in the drop-down list.",
         "docs": {
           "displayType": "icon"
         }
@@ -210,8 +210,8 @@
       },
       "suffixIcon": {
         "type": ["string", "object"],
-        "default": "DownOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize at the drop-down position of the selector.",
+        "default": "AiOutlineDown",
+        "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 at the drop-down position of the selector.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/MultipleSelector/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/Notification/Notification.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.
@@ -20,8 +19,7 @@ import { type } from '@lowdefy/helpers';
 import Button from '../Button/Button.js';
 const NotificationBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>{
     useEffect(()=>{
-        methods.registerMethod('open', (args = {
-        })=>{
+        methods.registerMethod('open', (args = {})=>{
             notification[args.status || properties.status || 'success']({
                 id: `${blockId}_notification`,
                 bottom: properties.bottom,
@@ -45,12 +43,12 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
                 ,
                 placement: properties.placement,
                 top: properties.top,
-                icon: properties.icon && /*#__PURE__*/ _jsx(Icon, {
+                icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
                     blockId: `${blockId}_icon`,
                     events: events,
                     properties: properties.icon
                 }),
-                btn: properties.button && /*#__PURE__*/ _jsx(Button, {
+                btn: properties.button && /*#__PURE__*/ React.createElement(Button, {
                     blockId: `${blockId}_button`,
                     events: events,
                     properties: properties.button,
@@ -58,7 +56,7 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
                             name: 'onClose'
                         })
                 }),
-                closeIcon: properties.closeIcon && /*#__PURE__*/ _jsx(Icon, {
+                closeIcon: properties.closeIcon && /*#__PURE__*/ React.createElement(Icon, {
                     blockId: `${blockId}_closeIcon`,
                     events: events,
                     properties: properties.closeIcon
@@ -66,9 +64,16 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
             });
         });
     });
-    return(/*#__PURE__*/ _jsx("div", {
+    return(/*#__PURE__*/ React.createElement("div", {
         id: blockId
     }));
 };
 NotificationBlock.defaultProps = blockDefaultProps;
+NotificationBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Notification/style.less'
+    ]
+};
 export default NotificationBlock;

package/dist/blocks/Notification/schema.json

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

package/dist/blocks/Notification/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/NumberInput/NumberInput.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,11 +17,10 @@ import { blockDefaultProps } from '@lowdefy/block-utils';
 import { InputNumber } from 'antd';
 import Label from '../Label/Label.js';
 const NumberInput = ({ blockId , events , components , 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,
@@ -31,7 +29,7 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
         required: required,
         validation: validation,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(InputNumber, {
+            content: ()=>/*#__PURE__*/ React.createElement(InputNumber, {
                     id: `${blockId}_input`,
                     autoComplete: "off",
                     autoFocus: properties.autoFocus,
@@ -44,7 +42,7 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
                     ]),
                     controls: properties.controls,
                     decimalSeparator: properties.decimalSeparator,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     formatter: properties.formatter,
                     keyboard: properties.keyboard,
                     max: properties.max,
@@ -70,4 +68,14 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
     }));
 };
 NumberInput.defaultProps = blockDefaultProps;
+NumberInput.meta = {
+    valueType: 'number',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/NumberInput/style.less'
+    ]
+};
 export default NumberInput;

package/dist/blocks/NumberInput/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/PageHCF/PageHCF.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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.
@@ -20,7 +19,7 @@ import Content from '../Content/Content.js';
 import Footer from '../Footer/Footer.js';
 import Header from '../Header/Header.js';
 import Layout from '../Layout/Layout.js';
-const PageHCF = ({ blockId , components , content , events , properties  })=>/*#__PURE__*/ _jsx(Layout, {
+const PageHCF = ({ blockId , components , content , events , properties  })=>/*#__PURE__*/ React.createElement(Layout, {
         blockId: blockId,
         components: components,
         events: events,
@@ -33,39 +32,40 @@ const PageHCF = ({ blockId , components , content , events , properties  })=>/*#
             ])
         },
         content: {
-            content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        content.header && /*#__PURE__*/ _jsx(Header, {
-                            blockId: `${blockId}_header`,
-                            components: components,
-                            events: events,
-                            properties: properties.header,
-                            content: {
-                                content: ()=>content.header()
-                            }
-                        }),
-                        content.content && /*#__PURE__*/ _jsx(Content, {
-                            blockId: `${blockId}_content`,
-                            components: components,
-                            events: events,
-                            properties: properties.content,
-                            content: {
-                                content: ()=>content.content()
-                            }
-                        }),
-                        content.footer && /*#__PURE__*/ _jsx(Footer, {
-                            blockId: `${blockId}_footer`,
-                            components: components,
-                            events: events,
-                            properties: properties.footer,
-                            content: {
-                                content: ()=>content.footer()
-                            }
-                        })
-                    ]
-                })
+            content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, content.header && /*#__PURE__*/ React.createElement(Header, {
+                    blockId: `${blockId}_header`,
+                    components: components,
+                    events: events,
+                    properties: properties.header,
+                    content: {
+                        content: ()=>content.header()
+                    }
+                }), content.content && /*#__PURE__*/ React.createElement(Content, {
+                    blockId: `${blockId}_content`,
+                    components: components,
+                    events: events,
+                    properties: properties.content,
+                    content: {
+                        content: ()=>content.content()
+                    }
+                }), content.footer && /*#__PURE__*/ React.createElement(Footer, {
+                    blockId: `${blockId}_footer`,
+                    components: components,
+                    events: events,
+                    properties: properties.footer,
+                    content: {
+                        content: ()=>content.footer()
+                    }
+                }))
         }
     })
 ;
 PageHCF.defaultProps = blockDefaultProps;
+PageHCF.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/PageHCF/style.less'
+    ]
+};
 export default PageHCF;

package/dist/blocks/PageHCF/schema.json

@@ -15,13 +15,6 @@
             "default": "dark",
             "description": "Header theme color."
           },
-          "color": {
-            "type": "string",
-            "description": "Header color.",
-            "docs": {
-              "displayType": "color"
-            }
-          },
           "style": {
             "type": "object",
             "description": "Header css style object.",
@@ -67,27 +60,5 @@
         }
       }
     }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "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."
-      }
-    }
   }
 }

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