@lowdefy/blocks-antd 4.0.0-alpha.26 → 4.0.0-alpha.29

package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js

@@ -1,290 +0,0 @@
-/*
-  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.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import { get, mergeObjects, type } from '@lowdefy/helpers';
-import Breadcrumb from '../Breadcrumb/Breadcrumb.js';
-import Content from '../Content/Content.js';
-import Footer from '../Footer/Footer.js';
-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 , menus , methods , pageId , properties ,  })=>{
-    const styles = {
-        layout: {
-            minHeight: '100vh'
-        },
-        header: {
-            display: 'flex',
-            alignItems: 'center',
-            padding: '0 46px',
-            sm: {
-                padding: '0 15px'
-            },
-            md: {
-                padding: '0 30px'
-            },
-            lg: {
-                padding: '0 46px'
-            }
-        },
-        headerContent: {
-            display: 'flex',
-            flex: '1 1 auto',
-            alignItems: 'center',
-            justifyContent: 'flex-end'
-        },
-        logo: {
-            margin: '0px 30px',
-            flex: '0 1 auto',
-            sm: {
-                margin: '0 10px'
-            },
-            md: {
-                margin: '0 15px'
-            }
-        },
-        lgMenu: {
-            flex: '1 1 auto',
-            sm: {
-                display: 'none'
-            },
-            md: {
-                display: 'none'
-            },
-            lg: {
-                display: 'flex'
-            }
-        },
-        mdMenu: {
-            flex: '0 1 auto',
-            paddingLeft: '1rem',
-            sm: {
-                display: 'flex'
-            },
-            md: {
-                display: 'flex'
-            },
-            lg: {
-                display: 'none'
-            }
-        },
-        desktop: {
-            display: 'none',
-            lg: {
-                display: 'block'
-            }
-        },
-        mobile: {
-            display: 'block',
-            lg: {
-                display: 'none'
-            }
-        },
-        body: {
-            padding: '0 40px 40px 40px',
-            sm: {
-                padding: '0 10px 10px 10px'
-            },
-            md: {
-                padding: '0 20px 20px 20px'
-            },
-            lg: {
-                padding: '0 40px 40px 40px'
-            }
-        },
-        noBreadcrumb: {
-            padding: '20px 0',
-            sm: {
-                padding: '5px 0'
-            },
-            md: {
-                padding: '10px 0'
-            }
-        }
-    };
-    return /*#__PURE__*/ React.createElement(Layout, {
-        blockId: blockId,
-        events: events,
-        properties: {
-            style: mergeObjects([
-                {
-                    minHeight: '100vh'
-                },
-                properties.style
-            ])
-        },
-        components: {
-            Icon,
-            Link
-        },
-        content: {
-            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
-                                },
-                                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([
-                                {
-                                    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'
-                                    }
-                                }
-                            }) : /*#__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

@@ -1,215 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "logo": {
-        "type": "object",
-        "description": "Header logo settings.",
-        "additionalProperties": false,
-        "properties": {
-          "src": {
-            "type": "string",
-            "description": "Header logo source url."
-          },
-          "srcSet": {
-            "type": "string",
-            "description": "Header logo srcSet for logo img element."
-          },
-          "size": {
-            "type": "string",
-            "description": "Header logo size for logo img element."
-          },
-          "alt": {
-            "type": "string",
-            "default": "Lowdefy",
-            "description": "Header logo alternative text."
-          },
-          "style": {
-            "type": "object",
-            "description": "Css style object to apply to logo.",
-            "docs": {
-              "displayType": "yaml"
-            }
-          }
-        }
-      },
-      "header": {
-        "type": "object",
-        "description": "Header properties.",
-        "additionalProperties": false,
-        "properties": {
-          "theme": {
-            "type": "string",
-            "enum": ["light", "dark"],
-            "default": "dark",
-            "description": "Header theme color."
-          },
-          "contentStyle": {
-            "type": "object",
-            "description": "Header content css style object.",
-            "docs": {
-              "displayType": "yaml"
-            }
-          },
-          "style": {
-            "type": "object",
-            "description": "Header css style object.",
-            "docs": {
-              "displayType": "yaml"
-            }
-          }
-        }
-      },
-      "footer": {
-        "type": "object",
-        "description": "Footer properties.",
-        "additionalProperties": false,
-        "properties": {
-          "style": {
-            "type": "object",
-            "description": "Footer css style object.",
-            "docs": {
-              "displayType": "yaml"
-            }
-          }
-        }
-      },
-      "content": {
-        "type": "object",
-        "description": "Content properties.",
-        "additionalProperties": false,
-        "properties": {
-          "style": {
-            "type": "object",
-            "description": "Content css style object.",
-            "docs": {
-              "displayType": "yaml"
-            }
-          }
-        }
-      },
-      "breadcrumb": {
-        "type": "object",
-        "description": "Breadcrumb properties.",
-        "properties": {
-          "separator": {
-            "type": "string",
-            "default": "/",
-            "description": "Use a custom separator string."
-          },
-          "list": {
-            "type": "array",
-            "description": "List of breadcrumb links.",
-            "items": {
-              "type": "string",
-              "description": "Title of the breadcrumb link."
-            }
-          }
-        }
-      },
-      "menu": {
-        "type": "object",
-        "description": "Menu properties.",
-        "properties": {
-          "theme": {
-            "type": "string",
-            "enum": ["dark", "light"],
-            "default": "dark",
-            "description": "Color theme of menu."
-          },
-          "links": {
-            "type": "array",
-            "items": {
-              "type": "object",
-              "required": ["id", "type"],
-              "properties": {
-                "id": {
-                  "type": "string",
-                  "description": "Menu item id."
-                },
-                "pageId": {
-                  "type": "string",
-                  "description": "Page to link to."
-                },
-                "properties": {
-                  "type": "object",
-                  "description": "properties from menu item.",
-                  "properties": {
-                    "title": {
-                      "type": "string",
-                      "description": "Menu item title."
-                    },
-                    "icon": {
-                      "type": ["string", "object"],
-                      "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"
-                      }
-                    }
-                  }
-                }
-              }
-            }
-          }
-        }
-      },
-      "menuLg": {
-        "type": "object",
-        "description": "Menu large screen properties. Overwrites menu properties on desktop screen sizes.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "menuMd": {
-        "type": "object",
-        "description": "Mobile menu properties. Overwrites menu properties on mobile screen sizes.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "style": {
-        "type": "object",
-        "description": "Css style object to apply to layout.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onBreadcrumbClick": {
-        "type": "array",
-        "description": "Trigger action when a breadcrumb item is clicked."
-      },
-      "onClose": {
-        "type": "array",
-        "description": "Trigger action when mobile menu is closed."
-      },
-      "onMenuItemClick": {
-        "type": "array",
-        "description": "Trigger action when menu item is clicked."
-      },
-      "onMenuItemSelect": {
-        "type": "array",
-        "description": "Trigger action when menu item is selected."
-      },
-      "onOpen": {
-        "type": "array",
-        "description": "Trigger action when mobile menu is open."
-      },
-      "onToggleDrawer": {
-        "type": "array",
-        "description": "Trigger action when mobile menu drawer is toggled."
-      },
-      "onToggleMenuGroup": {
-        "type": "array",
-        "description": "Trigger action when mobile menu group is opened."
-      }
-    }
-  }
-}

package/dist/blocks/PageHeaderMenu/style.less

@@ -1,23 +0,0 @@
-/*
-  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.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/
-
-@import '../Breadcrumb/style.less';
-@import '../Content/style.less';
-@import '../Footer/style.less';
-@import '../Header/style.less';
-@import '../Layout/style.less';
-@import '../Menu/style.less';
-@import '../MobileMenu/style.less';

package/dist/blocks/PageSHCF/PageSHCF.js

@@ -1,98 +0,0 @@
-/*
-  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.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/ import React from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import { mergeObjects } from '@lowdefy/helpers';
-import Content from '../Content/Content.js';
-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__*/ React.createElement(Layout, {
-        blockId: blockId,
-        components: components,
-        events: events,
-        properties: {
-            style: mergeObjects([
-                {
-                    minHeight: '100vh'
-                },
-                properties.style
-            ])
-        },
-        content: {
-            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()
-                                }
-                            }), 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;