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

package/dist/blocks/MobileMenu/MobileMenu.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.
@@ -39,92 +38,93 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
             setOpen(open);
         });
     });
-    return(/*#__PURE__*/ _jsxs("div", {
-        id: blockId,
-        children: [
-            /*#__PURE__*/ _jsx(Button, {
-                blockId: `${blockId}_button`,
-                components: components,
-                events: events,
-                properties: {
-                    hideTitle: true,
-                    type: 'primary',
-                    icon: {
-                        name: openState ? 'MenuUnfoldOutlined' : 'MenuFoldOutlined'
-                    },
-                    ...properties.toggleMenuButton || {
-                    }
-                },
-                methods: methods,
-                onClick: ()=>methods[get(rename, 'methods.toggleOpen', {
-                        default: 'toggleOpen'
-                    })]()
-                ,
-                rename: {
-                    events: {
-                        onClick: 'onToggleDrawer'
-                    }
+    return(/*#__PURE__*/ React.createElement("div", {
+        id: blockId
+    }, /*#__PURE__*/ React.createElement(Button, {
+        blockId: `${blockId}_button`,
+        components: components,
+        events: events,
+        properties: {
+            hideTitle: true,
+            type: 'primary',
+            icon: {
+                name: openState ? 'AiOutlineMenuUnfold' : 'AiOutlineMenuFold'
+            },
+            ...properties.toggleMenuButton || {}
+        },
+        methods: methods,
+        onClick: ()=>methods[get(rename, 'methods.toggleOpen', {
+                default: 'toggleOpen'
+            })]()
+        ,
+        rename: {
+            events: {
+                onClick: 'onToggleDrawer'
+            }
+        }
+    }), /*#__PURE__*/ React.createElement(Drawer, {
+        blockId: `${blockId}_drawer`,
+        components: components,
+        properties: mergeObjects([
+            {
+                bodyStyle: {
+                    padding: '3.1em 0 0 0'
                 }
-            }),
-            /*#__PURE__*/ _jsx(Drawer, {
-                blockId: `${blockId}_drawer`,
-                components: components,
-                properties: mergeObjects([
-                    {
-                        bodyStyle: {
-                            padding: '3.1em 0 0 0',
-                            backgroundColor: properties.backgroundColor
-                        }
+            },
+            properties.drawer, 
+        ]),
+        rename: {
+            events: {
+                onToggle: 'onToggleDrawer'
+            },
+            methods: {
+                setOpen: '_setOpen',
+                toggleOpen: '_toggleOpen'
+            }
+        },
+        methods: methods,
+        onClose: ()=>methods[get(rename, 'methods.toggleOpen', {
+                default: 'toggleOpen'
+            })]()
+        ,
+        content: {
+            content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu, {
+                    basePath: basePath,
+                    components: components,
+                    blockId: `${blockId}_menu`,
+                    methods: methods,
+                    events: events,
+                    menus: menus,
+                    pageId: pageId,
+                    properties: {
+                        collapsed: false,
+                        theme: 'light',
+                        ...mergeObjects(properties, {
+                            style: {
+                                marginTop: 24
+                            }
+                        }) || {},
+                        mode: 'inline'
                     },
-                    properties.drawer, 
-                ]),
-                rename: {
-                    events: {
-                        onToggle: 'onToggleDrawer'
-                    },
-                    methods: {
-                        setOpen: '_setOpen',
-                        toggleOpen: '_toggleOpen'
+                    rename: {
+                        events: {
+                            onClick: 'onMenuItemClick',
+                            onSelect: 'onMenuItemSelect'
+                        }
                     }
-                },
-                methods: methods,
-                onClose: ()=>methods[get(rename, 'methods.toggleOpen', {
-                        default: 'toggleOpen'
-                    })]()
-                ,
-                content: {
-                    content: ()=>/*#__PURE__*/ _jsx(_Fragment, {
-                            children: /*#__PURE__*/ _jsx(Menu, {
-                                basePath: basePath,
-                                components: components,
-                                blockId: `${blockId}_menu`,
-                                methods: methods,
-                                events: events,
-                                menus: menus,
-                                pageId: pageId,
-                                properties: {
-                                    collapsed: false,
-                                    theme: 'light',
-                                    ...mergeObjects(properties, {
-                                        style: {
-                                            marginTop: 24
-                                        }
-                                    }) || {
-                                    },
-                                    mode: 'inline'
-                                },
-                                rename: {
-                                    events: {
-                                        onClick: 'onMenuItemClick',
-                                        onSelect: 'onMenuItemSelect'
-                                    }
-                                }
-                            })
-                        })
-                }
-            })
-        ]
-    }));
+                }))
+        }
+    })));
 };
 MobileMenu.defaultProps = blockDefaultProps;
+MobileMenu.meta = {
+    category: 'display',
+    icons: [
+        'AiOutlineMenuUnfold',
+        'AiOutlineMenuFold'
+    ],
+    styles: [
+        'blocks/MobileMenu/style.less'
+    ]
+};
 export default MobileMenu;

package/dist/blocks/MobileMenu/schema.json

@@ -18,24 +18,10 @@
           "displayType": "yaml"
         }
       },
-      "backgroundColor": {
-        "type": "string",
-        "description": "Menu background color.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
       "menuId": {
         "type": "string",
         "description": "App menu id used to get menu links."
       },
-      "selectedColor": {
-        "type": "string",
-        "description": "Menu primary selected color.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
       "selectedKeys": {
         "type": "array",
         "description": "Array with the keys of currently selected menu items.",
@@ -95,7 +81,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"
                   }

package/dist/blocks/MobileMenu/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/Modal/Modal.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,6 +16,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { get } from '@lowdefy/helpers';
 import { Modal } from 'antd';
+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 triggerSetOpen = ({ methods , setOpen , state  })=>{
     if (!state) {
         methods.triggerEvent({
@@ -46,72 +59,75 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
             })
         );
     });
-    const extraProps = {
-    };
+    const extraProps = {};
     if (content.footer) {
         extraProps.footer = content.footer();
     }
     if (properties.footer === false) {
         extraProps.footer = null;
     }
-    return(/*#__PURE__*/ _jsx("div", {
-        id: blockId,
-        children: /*#__PURE__*/ _jsx(Modal, {
-            id: `${blockId}_modal`,
-            afterClose: ()=>methods.triggerEvent({
-                    name: 'afterClose'
-                })
-            ,
-            bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
-            cancelButtonProps: properties.cancelButtonProps,
-            cancelText: properties.cancelText || 'Cancel',
-            centered: !!properties.centered,
-            closable: properties.closable !== undefined ? properties.closable : true,
-            confirmLoading: get(events, 'onOk.loading'),
-            mask: properties.mask !== undefined ? properties.mask : true,
-            maskClosable: properties.maskClosable !== undefined ? properties.maskClosable : true,
-            maskStyle: methods.makeCssClass(properties.maskStyle, true),
-            okButtonProps: properties.okButtonProps,
-            okText: properties.okText || 'Ok',
-            okType: properties.okButtonType || 'primary',
-            title: renderHtml({
-                html: properties.title,
-                methods
-            }),
-            visible: openState,
-            width: properties.width,
-            wrapClassName: methods.makeCssClass(properties.wrapperStyle),
-            zIndex: properties.zIndex,
-            onOk: async ()=>{
-                const response = await methods.triggerEvent({
-                    name: 'onOk'
+    return(/*#__PURE__*/ React.createElement("div", {
+        id: blockId
+    }, /*#__PURE__*/ React.createElement(Modal, _extends({
+        id: `${blockId}_modal`,
+        afterClose: ()=>methods.triggerEvent({
+                name: 'afterClose'
+            })
+        ,
+        bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
+        cancelButtonProps: properties.cancelButtonProps,
+        cancelText: properties.cancelText || 'Cancel',
+        centered: !!properties.centered,
+        closable: properties.closable !== undefined ? properties.closable : true,
+        confirmLoading: get(events, 'onOk.loading'),
+        mask: properties.mask !== undefined ? properties.mask : true,
+        maskClosable: properties.maskClosable !== undefined ? properties.maskClosable : true,
+        maskStyle: methods.makeCssClass(properties.maskStyle, true),
+        okButtonProps: properties.okButtonProps,
+        okText: properties.okText || 'Ok',
+        okType: properties.okButtonType || 'primary',
+        title: renderHtml({
+            html: properties.title,
+            methods
+        }),
+        visible: openState,
+        width: properties.width,
+        wrapClassName: methods.makeCssClass(properties.wrapperStyle),
+        zIndex: properties.zIndex,
+        onOk: async ()=>{
+            const response = await methods.triggerEvent({
+                name: 'onOk'
+            });
+            if (response.success === false) return;
+            if (response.bounced !== true) {
+                triggerSetOpen({
+                    state: false,
+                    setOpen,
+                    methods
                 });
-                if (response.success === false) return;
-                if (response.bounced !== true) {
-                    triggerSetOpen({
-                        state: false,
-                        setOpen,
-                        methods
-                    });
-                }
-            },
-            onCancel: async ()=>{
-                const response = await methods.triggerEvent({
-                    name: 'onCancel'
+            }
+        },
+        onCancel: async ()=>{
+            const response = await methods.triggerEvent({
+                name: 'onCancel'
+            });
+            if (response.success === false) return;
+            if (response.bounced !== true) {
+                triggerSetOpen({
+                    state: false,
+                    setOpen,
+                    methods
                 });
-                if (response.success === false) return;
-                if (response.bounced !== true) {
-                    triggerSetOpen({
-                        state: false,
-                        setOpen,
-                        methods
-                    });
-                }
-            },
-            ...extraProps,
-            children: content.content && content.content()
-        })
-    }));
+            }
+        }
+    }, extraProps), content.content && content.content())));
 };
 ModalBlock.defaultProps = blockDefaultProps;
+ModalBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Modal/style.less'
+    ]
+};
 export default ModalBlock;

package/dist/blocks/Modal/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/MonthSelector/MonthSelector.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.
@@ -22,13 +21,12 @@ import Label from '../Label/Label.js';
 import disabledDate from '../../disabledDate.js';
 const MonthPicker = DatePicker.MonthPicker;
 const MonthSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon
         },
         events: events,
-        loading: loading,
         properties: {
             title: properties.title,
             size: properties.size,
@@ -37,49 +35,56 @@ const MonthSelector = ({ blockId , components: { Icon  } , events , loading , me
         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(MonthPicker, {
+                    id: `${blockId}_input`,
+                    allowClear: properties.allowClear !== false,
+                    autoFocus: properties.autoFocus,
+                    bordered: properties.bordered,
+                    className: methods.makeCssClass([
+                        {
+                            width: '100%'
+                        },
+                        properties.inputStyle
+                    ]),
+                    disabled: properties.disabled || loading,
+                    disabledDate: disabledDate(properties.disabledDates),
+                    format: properties.format || 'YYYY-MM',
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
+                    ,
+                    placeholder: properties.placeholder || 'Select Month',
+                    size: properties.size,
+                    value: type.isDate(value) ? moment.utc(value).startOf('month') : null,
+                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_suffixIcon`,
+                        events: events,
+                        properties: properties.suffixIcon || 'AiOutlineCalendar'
                     }),
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            id: `${blockId}_popup`
-                        }),
-                        /*#__PURE__*/ _jsx(MonthPicker, {
-                            id: `${blockId}_input`,
-                            allowClear: properties.allowClear !== false,
-                            autoFocus: properties.autoFocus,
-                            bordered: properties.bordered,
-                            className: methods.makeCssClass([
-                                {
-                                    width: '100%'
-                                },
-                                properties.inputStyle
-                            ]),
-                            disabled: properties.disabled,
-                            disabledDate: disabledDate(properties.disabledDates),
-                            format: properties.format || 'YYYY-MM',
-                            getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                            ,
-                            placeholder: properties.placeholder || 'Select Month',
-                            size: properties.size,
-                            value: type.isDate(value) ? moment.utc(value).startOf('month') : null,
-                            suffixIcon: properties.suffixIcon && /*#__PURE__*/ _jsx(Icon, {
-                                blockId: `${blockId}_suffixIcon`,
-                                events: events,
-                                properties: properties.suffixIcon || 'CalendarOutlined'
-                            }),
-                            onChange: (newVal)=>{
-                                methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate());
-                                methods.triggerEvent({
-                                    name: 'onChange'
-                                });
-                            }
-                        })
-                    ]
-                })
+                    onChange: (newVal)=>{
+                        methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate());
+                        methods.triggerEvent({
+                            name: 'onChange'
+                        });
+                    }
+                }))
         }
     }));
 };
 MonthSelector.defaultProps = blockDefaultProps;
+MonthSelector.meta = {
+    valueType: 'date',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons,
+        'AiOutlineCalendar'
+    ],
+    styles: [
+        'blocks/MonthSelector/style.less'
+    ]
+};
 export default MonthSelector;

package/dist/blocks/MonthSelector/schema.json

@@ -99,8 +99,8 @@
       },
       "suffixIcon": {
         "type": ["string", "object"],
-        "default": "CalendarOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on right-hand side of the date picker.",
+        "default": "AiOutlineCalendar",
+        "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 right-hand side of the date picker.",
         "docs": {
           "displayType": "icon"
         }

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