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

package/dist/blocks/PageHeaderMenu/PageHeaderMenu.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.
@@ -23,7 +22,7 @@ import Header from '../Header/Header.js';
 import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
-const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , content , events , homePageId , menus , methods , pageId , properties ,  })=>{
+const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , content , events , menus , methods , pageId , properties ,  })=>{
     const styles = {
         layout: {
             minHeight: '100vh'
@@ -117,7 +116,7 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
             }
         }
     };
-    return(/*#__PURE__*/ _jsx(Layout, {
+    return(/*#__PURE__*/ React.createElement(Layout, {
         blockId: blockId,
         events: events,
         properties: {
@@ -133,174 +132,159 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
             Link
         },
         content: {
-            content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx(Header, {
-                            blockId: `${blockId}_header`,
-                            events: events,
-                            components: {
-                                Icon,
-                                Link
-                            },
-                            properties: mergeObjects([
-                                {
-                                    style: styles.header
+            content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Header, {
+                    blockId: `${blockId}_header`,
+                    events: events,
+                    components: {
+                        Icon,
+                        Link
+                    },
+                    properties: mergeObjects([
+                        {
+                            style: styles.header
+                        },
+                        properties.header, 
+                    ]),
+                    content: {
+                        // TODO: use next/image
+                        content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Link, {
+                                home: true
+                            }, /*#__PURE__*/ React.createElement("img", {
+                                src: properties.logo && properties.logo.src || (get(properties, 'header.theme') === 'light' ? `${basePath}/logo-light-theme.png` : `${basePath}/logo-dark-theme.png`),
+                                srcSet: properties.logo && (properties.logo.srcSet || properties.logo.src) || (get(properties, 'header.theme') === 'light' ? `${basePath}/logo-square-light-theme.png 40w, ${basePath}/logo-light-theme.png 577w` : `${basePath}/logo-square-dark-theme.png 40w, ${basePath}/logo-dark-theme.png 577w`),
+                                sizes: properties.logo && properties.logo.sizes || '(max-width: 576px) 40px, 577px',
+                                alt: properties.logo && properties.logo.alt || 'Lowdefy',
+                                className: methods.makeCssClass([
+                                    {
+                                        width: 130,
+                                        sm: {
+                                            width: properties.logo && properties.logo.src && !properties.logo.srcSet ? 130 : 40
+                                        },
+                                        md: {
+                                            width: 130
+                                        }
+                                    },
+                                    styles.logo,
+                                    properties.logo && properties.logo.style, 
+                                ])
+                            })), /*#__PURE__*/ React.createElement("div", {
+                                className: methods.makeCssClass(styles.headerContent)
+                            }, /*#__PURE__*/ React.createElement("div", {
+                                className: methods.makeCssClass([
+                                    styles.desktop,
+                                    styles.lgMenu
+                                ])
+                            }, /*#__PURE__*/ React.createElement(Menu, {
+                                blockId: `${blockId}_menu`,
+                                basePath: basePath,
+                                components: {
+                                    Icon,
+                                    Link
                                 },
-                                properties.header, 
-                            ]),
-                            content: {
-                                content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-                                        children: [
-                                            /*#__PURE__*/ _jsx(Link, {
-                                                href: `${basePath}/${homePageId}`,
-                                                children: /*#__PURE__*/ _jsx("img", {
-                                                    src: properties.logo && properties.logo.src || (get(properties, 'header.theme') === 'light' ? `${basePath}/public/logo-light-theme.png` : `${basePath}/public/logo-dark-theme.png`),
-                                                    srcSet: properties.logo && (properties.logo.srcSet || properties.logo.src) || (get(properties, 'header.theme') === 'light' ? `${basePath}/public/logo-square-light-theme.png 40w, ${basePath}/public/logo-light-theme.png 577w` : `${basePath}/public/logo-square-dark-theme.png 40w, ${basePath}/public/logo-dark-theme.png 577w`),
-                                                    sizes: properties.logo && properties.logo.sizes || '(max-width: 576px) 40px, 577px',
-                                                    alt: properties.logo && properties.logo.alt || 'Lowdefy',
-                                                    className: methods.makeCssClass([
-                                                        {
-                                                            width: 130,
-                                                            sm: {
-                                                                width: properties.logo && properties.logo.src && !properties.logo.srcSet ? 130 : 40
-                                                            },
-                                                            md: {
-                                                                width: 130
-                                                            }
-                                                        },
-                                                        styles.logo,
-                                                        properties.logo && properties.logo.style, 
-                                                    ])
-                                                })
-                                            }),
-                                            /*#__PURE__*/ _jsxs("div", {
-                                                className: methods.makeCssClass(styles.headerContent),
-                                                children: [
-                                                    /*#__PURE__*/ _jsx("div", {
-                                                        className: methods.makeCssClass([
-                                                            styles.desktop,
-                                                            styles.lgMenu
-                                                        ]),
-                                                        children: /*#__PURE__*/ _jsx(Menu, {
-                                                            blockId: `${blockId}_menu`,
-                                                            basePath: basePath,
-                                                            components: {
-                                                                Icon,
-                                                                Link
-                                                            },
-                                                            events: events,
-                                                            methods: methods,
-                                                            menus: menus,
-                                                            pageId: pageId,
-                                                            properties: mergeObjects([
-                                                                {
-                                                                    mode: 'horizontal',
-                                                                    collapsed: false,
-                                                                    theme: get(properties, 'header.theme') || 'dark',
-                                                                    backgroundColor: get(properties, 'header.color')
-                                                                },
-                                                                properties.menu,
-                                                                properties.menuLg, 
-                                                            ])
-                                                        })
-                                                    }),
-                                                    content.header && content.header(mergeObjects([
-                                                        {
-                                                            width: 'auto',
-                                                            flex: '0 1 auto'
-                                                        },
-                                                        properties.header && properties.header.contentStyle, 
-                                                    ])),
-                                                    /*#__PURE__*/ _jsx("div", {
-                                                        className: methods.makeCssClass([
-                                                            styles.mobile,
-                                                            styles.mdMenu
-                                                        ]),
-                                                        children: /*#__PURE__*/ _jsx(MobileMenu, {
-                                                            blockId: `${blockId}_mobile_menu`,
-                                                            basePath: basePath,
-                                                            components: {
-                                                                Icon,
-                                                                Link
-                                                            },
-                                                            events: events,
-                                                            methods: methods,
-                                                            menus: menus,
-                                                            pageId: pageId,
-                                                            properties: mergeObjects([
-                                                                properties.menu,
-                                                                properties.menuMd
-                                                            ])
-                                                        })
-                                                    })
-                                                ]
-                                            })
-                                        ]
-                                    })
-                            }
-                        }),
-                        /*#__PURE__*/ _jsx(Content, {
-                            blockId: `${blockId}_content`,
-                            components: {
-                                Icon,
-                                Link
-                            },
-                            events: events,
-                            properties: mergeObjects([
-                                properties.content,
+                                events: events,
+                                methods: methods,
+                                menus: menus,
+                                pageId: pageId,
+                                properties: mergeObjects([
+                                    {
+                                        mode: 'horizontal',
+                                        collapsed: false,
+                                        theme: get(properties, 'header.theme') || 'dark'
+                                    },
+                                    properties.menu,
+                                    properties.menuLg, 
+                                ])
+                            })), content.header && content.header(mergeObjects([
                                 {
-                                    style: styles.body
+                                    width: 'auto',
+                                    flex: '0 1 auto'
+                                },
+                                properties.header && properties.header.contentStyle, 
+                            ])), /*#__PURE__*/ React.createElement("div", {
+                                className: methods.makeCssClass([
+                                    styles.mobile,
+                                    styles.mdMenu
+                                ])
+                            }, /*#__PURE__*/ React.createElement(MobileMenu, {
+                                blockId: `${blockId}_mobile_menu`,
+                                basePath: basePath,
+                                components: {
+                                    Icon,
+                                    Link
+                                },
+                                events: events,
+                                methods: methods,
+                                menus: menus,
+                                pageId: pageId,
+                                properties: mergeObjects([
+                                    properties.menu,
+                                    properties.menuMd
+                                ])
+                            }))))
+                    }
+                }), /*#__PURE__*/ React.createElement(Content, {
+                    blockId: `${blockId}_content`,
+                    components: {
+                        Icon,
+                        Link
+                    },
+                    events: events,
+                    properties: mergeObjects([
+                        properties.content,
+                        {
+                            style: styles.body
+                        }
+                    ]),
+                    content: {
+                        content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, !type.isNone(properties.breadcrumb) ? /*#__PURE__*/ React.createElement(Breadcrumb, {
+                                blockId: `${blockId}_breadcrumb`,
+                                basePath: basePath,
+                                components: {
+                                    Icon,
+                                    Link
+                                },
+                                events: events,
+                                methods: methods,
+                                properties: mergeObjects([
+                                    properties.breadcrumb,
+                                    {
+                                        style: {
+                                            padding: '16px 0'
+                                        }
+                                    }, 
+                                ]),
+                                rename: {
+                                    events: {
+                                        onClick: 'onBreadcrumbClick'
+                                    }
                                 }
-                            ]),
-                            content: {
-                                content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-                                        children: [
-                                            !type.isNone(properties.breadcrumb) ? /*#__PURE__*/ _jsx(Breadcrumb, {
-                                                blockId: `${blockId}_breadcrumb`,
-                                                basePath: basePath,
-                                                components: {
-                                                    Icon,
-                                                    Link
-                                                },
-                                                events: events,
-                                                methods: methods,
-                                                properties: mergeObjects([
-                                                    properties.breadcrumb,
-                                                    {
-                                                        style: {
-                                                            padding: '16px 0'
-                                                        }
-                                                    }, 
-                                                ]),
-                                                rename: {
-                                                    events: {
-                                                        onClick: 'onBreadcrumbClick'
-                                                    }
-                                                }
-                                            }) : /*#__PURE__*/ _jsx("div", {
-                                                className: methods.makeCssClass(styles.noBreadcrumb)
-                                            }),
-                                            content.content && content.content()
-                                        ]
-                                    })
-                            }
-                        }),
-                        content.footer && /*#__PURE__*/ _jsx(Footer, {
-                            blockId: `${blockId}_footer`,
-                            components: {
-                                Icon,
-                                Link
-                            },
-                            events: events,
-                            properties: properties.footer,
-                            content: {
-                                content: ()=>content.footer()
-                            }
-                        })
-                    ]
-                })
+                            }) : /*#__PURE__*/ React.createElement("div", {
+                                className: methods.makeCssClass(styles.noBreadcrumb)
+                            }), content.content && content.content())
+                    }
+                }), content.footer && /*#__PURE__*/ React.createElement(Footer, {
+                    blockId: `${blockId}_footer`,
+                    components: {
+                        Icon,
+                        Link
+                    },
+                    events: events,
+                    properties: properties.footer,
+                    content: {
+                        content: ()=>content.footer()
+                    }
+                }))
         }
     }));
 };
 PageHeaderMenu.defaultProps = blockDefaultProps;
+PageHeaderMenu.meta = {
+    category: 'container',
+    icons: [
+        ...MobileMenu.meta.icons
+    ],
+    styles: [
+        'blocks/PageHeaderMenu/style.less'
+    ]
+};
 export default PageHeaderMenu;

package/dist/blocks/PageHeaderMenu/schema.json

@@ -53,13 +53,6 @@
               "displayType": "yaml"
             }
           },
-          "color": {
-            "type": "string",
-            "description": "Header color.",
-            "docs": {
-              "displayType": "color"
-            }
-          },
           "style": {
             "type": "object",
             "description": "Header css style object.",
@@ -150,7 +143,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"
                       }
@@ -197,22 +190,6 @@
         "type": "array",
         "description": "Trigger action when mobile 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."
-      },
       "onMenuItemClick": {
         "type": "array",
         "description": "Trigger action when menu item is clicked."

package/dist/blocks/PageHeaderMenu/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/PageSHCF/PageSHCF.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.
@@ -21,7 +20,7 @@ import Footer from '../Footer/Footer.js';
 import Header from '../Header/Header.js';
 import Layout from '../Layout/Layout.js';
 import Sider from '../Sider/Sider.js';
-const PageSHCF = ({ blockId , components , events , content , properties , methods  })=>/*#__PURE__*/ _jsx(Layout, {
+const PageSHCF = ({ blockId , components , events , content , properties , methods  })=>/*#__PURE__*/ React.createElement(Layout, {
         blockId: blockId,
         components: components,
         events: events,
@@ -34,71 +33,67 @@ const PageSHCF = ({ blockId , components , events , content , properties , metho
             ])
         },
         content: {
-            content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-                    children: [
-                        content.sider && /*#__PURE__*/ _jsx(Sider, {
-                            blockId: `${blockId}_sider`,
-                            components: components,
-                            events: events,
-                            properties: properties.sider,
-                            methods: methods,
-                            content: {
-                                content: ()=>content.sider()
-                            },
-                            rename: {
-                                events: {
-                                    onClose: 'onSiderClose',
-                                    onOpen: 'onSiderOpen'
-                                },
-                                methods: {
-                                    toggleOpen: 'toggleSiderOpen',
-                                    setOpen: 'setSiderOpen'
+            content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, content.sider && /*#__PURE__*/ React.createElement(Sider, {
+                    blockId: `${blockId}_sider`,
+                    components: components,
+                    events: events,
+                    properties: properties.sider,
+                    methods: methods,
+                    content: {
+                        content: ()=>content.sider()
+                    },
+                    rename: {
+                        events: {
+                            onClose: 'onSiderClose',
+                            onOpen: 'onSiderOpen'
+                        },
+                        methods: {
+                            toggleOpen: 'toggleSiderOpen',
+                            setOpen: 'setSiderOpen'
+                        }
+                    }
+                }), /*#__PURE__*/ React.createElement(Layout, {
+                    blockId: `${blockId}_layout`,
+                    components: components,
+                    events: events,
+                    properties: properties.main,
+                    content: {
+                        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()
                                 }
-                            }
-                        }),
-                        /*#__PURE__*/ _jsx(Layout, {
-                            blockId: `${blockId}_layout`,
-                            components: components,
-                            events: events,
-                            properties: properties.main,
-                            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.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()
+                                }
+                            }))
+                    }
+                }))
         }
     })
 ;
 PageSHCF.defaultProps = blockDefaultProps;
+PageSHCF.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/PageSHCF/style.less'
+    ]
+};
 export default PageSHCF;

package/dist/blocks/PageSHCF/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.",
@@ -79,13 +72,6 @@
             "default": true,
             "description": "Whether can be collapsed"
           },
-          "color": {
-            "type": "string",
-            "description": "Sider color",
-            "docs": {
-              "displayType": "color"
-            }
-          },
           "initialCollapsed": {
             "type": "boolean",
             "default": true,
@@ -149,22 +135,6 @@
         "type": "array",
         "description": "Trigger actions when sider breakpoint id crossed."
       },
-      "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."
-      },
       "onSiderClose": {
         "type": "array",
         "description": "Trigger actions when sider is closed."

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