@lowdefy/blocks-antd 4.0.0-alpha.9 → 4.0.0-rc.1

package/dist/blocks/Modal/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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 +20,8 @@ import { type } from '@lowdefy/helpers';
 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__*/ React.createElement(Label, {
+const MonthSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon
@@ -55,12 +55,12 @@ const MonthSelector = ({ blockId , components: { Icon  } , events , loading , me
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
                     format: properties.format || 'YYYY-MM',
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                    ,
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
                     placeholder: properties.placeholder || 'Select Month',
                     size: properties.size,
+                    status: validation.status,
                     value: type.isDate(value) ? moment.utc(value).startOf('month') : null,
-                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
+                    suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
                         properties: properties.suffixIcon || 'AiOutlineCalendar'
@@ -73,7 +73,7 @@ const MonthSelector = ({ blockId , components: { Icon  } , events , loading , me
                     }
                 }))
         }
-    }));
+    });
 };
 MonthSelector.defaultProps = blockDefaultProps;
 MonthSelector.meta = {

package/dist/blocks/MonthSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/MultipleSelector/MultipleSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,10 +20,10 @@ import getUniqueValues from '../../getUniqueValues.js';
 import getValueIndex from '../../getValueIndex.js';
 import Label from '../Label/Label.js';
 const Option = Select.Option;
-const MultipleSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value: value1 ,  })=>{
+const MultipleSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
     const [fetchState, setFetch] = useState(false);
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ React.createElement(Label, {
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon
@@ -54,8 +54,7 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                         properties.inputStyle
                     ]),
                     disabled: properties.disabled || loading,
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                    ,
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
                     mode: "multiple",
                     notFoundContent: fetchState ? 'Loading' : 'Not found',
                     placeholder: get(properties, 'placeholder', {
@@ -65,7 +64,8 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                         default: true
                     }),
                     size: properties.size,
-                    value: getValueIndex(value1, uniqueValueOptions, true),
+                    status: validation.status,
+                    value: getValueIndex(value, uniqueValueOptions, true),
                     suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
@@ -81,8 +81,7 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                         events: events,
                         properties: properties.selectedIcon
                     }),
-                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0
-                    ,
+                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0,
                     onChange: (newVal)=>{
                         const val = [];
                         newVal.forEach((nv)=>{
@@ -129,10 +128,9 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                )))
+                    })))))
         }
-    }));
+    });
 };
 MultipleSelector.defaultProps = blockDefaultProps;
 MultipleSelector.meta = {

package/dist/blocks/MultipleSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -35,12 +35,10 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
                 }),
                 onClick: ()=>methods.triggerEvent({
                         name: 'onClick'
-                    })
-                ,
+                    }),
                 onClose: ()=>methods.triggerEvent({
                         name: 'onClose'
-                    })
-                ,
+                    }),
                 placement: properties.placement,
                 top: properties.top,
                 icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
@@ -64,9 +62,9 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
             });
         });
     });
-    return(/*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId
-    }));
+    });
 };
 NotificationBlock.defaultProps = blockDefaultProps;
 NotificationBlock.meta = {

package/dist/blocks/Notification/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,8 +16,8 @@
 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__*/ React.createElement(Label, {
+const NumberInput = ({ blockId , events , components , loading , methods , properties , required , validation , value  })=>{
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -47,9 +47,11 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
                     keyboard: properties.keyboard,
                     max: properties.max,
                     min: properties.min,
+                    parser: properties.parser,
                     placeholder: properties.placeholder,
                     precision: properties.precision,
                     size: properties.size,
+                    status: validation.status,
                     step: properties.step,
                     onChange: (newVal)=>{
                         methods.setValue(newVal);
@@ -65,7 +67,7 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
                     value: value
                 })
         }
-    }));
+    });
 };
 NumberInput.defaultProps = blockDefaultProps;
 NumberInput.meta = {

package/dist/blocks/NumberInput/schema.json

@@ -110,6 +110,13 @@
         "type": "number",
         "description": "Maximum value allowed by the block."
       },
+      "parser": {
+        "type": "object",
+        "description": "A function specifying the value extracted from the formatter.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
       "placeholder": {
         "type": "string",
         "description": "Placeholder text inside the block to show message before user types input."

package/dist/blocks/NumberInput/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -58,8 +58,7 @@ const PageHCF = ({ blockId , components , content , events , properties  })=>/*#
                     }
                 }))
         }
-    })
-;
+    });
 PageHCF.defaultProps = blockDefaultProps;
 PageHCF.meta = {
     category: 'container',

package/dist/blocks/PageHCF/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/PageHCSF/PageHCSF.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -86,8 +86,7 @@ const PageHCSF = ({ blockId , components , content , events , methods , properti
                     }
                 }))
         }
-    })
-;
+    });
 PageHCSF.defaultProps = blockDefaultProps;
 PageHCSF.meta = {
     category: 'container',

package/dist/blocks/PageHCSF/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/PageHSCF/PageHSCF.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -86,8 +86,7 @@ const PageHSCF = ({ blockId , components , content , events , methods , properti
                     }
                 }))
         }
-    })
-;
+    });
 PageHSCF.defaultProps = blockDefaultProps;
 PageHSCF.meta = {
     category: 'container',

package/dist/blocks/PageHSCF/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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/PageHeaderMenu/PageHeaderMenu.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,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 , menus , methods , pageId , properties ,  })=>{
+const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , content , events , menus , methods , pageId , properties  })=>{
     const styles = {
         layout: {
             minHeight: '100vh'
@@ -31,6 +31,9 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
             display: 'flex',
             alignItems: 'center',
             padding: '0 46px',
+            xs: {
+                padding: '0 10px'
+            },
             sm: {
                 padding: '0 15px'
             },
@@ -50,8 +53,14 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
         logo: {
             margin: '0px 30px',
             flex: '0 1 auto',
+            width: 130,
+            xs: {
+                margin: '0 5px',
+                width: 40
+            },
             sm: {
-                margin: '0 10px'
+                margin: '0 10px',
+                width: 130
             },
             md: {
                 margin: '0 15px'
@@ -59,6 +68,9 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
         },
         lgMenu: {
             flex: '1 1 auto',
+            xs: {
+                display: 'none'
+            },
             sm: {
                 display: 'none'
             },
@@ -72,6 +84,9 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
         mdMenu: {
             flex: '0 1 auto',
             paddingLeft: '1rem',
+            xs: {
+                display: 'flex'
+            },
             sm: {
                 display: 'flex'
             },
@@ -96,6 +111,9 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
         },
         body: {
             padding: '0 40px 40px 40px',
+            xs: {
+                padding: '0 5px 5px 5px'
+            },
             sm: {
                 padding: '0 10px 10px 10px'
             },
@@ -106,8 +124,14 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                 padding: '0 40px 40px 40px'
             }
         },
+        breadcrumb: {
+            margin: '16px 0'
+        },
         noBreadcrumb: {
             padding: '20px 0',
+            xs: {
+                padding: '5px 0'
+            },
             sm: {
                 padding: '5px 0'
             },
@@ -116,14 +140,12 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
             }
         }
     };
-    return(/*#__PURE__*/ React.createElement(Layout, {
+    return /*#__PURE__*/ React.createElement(Layout, {
         blockId: blockId,
         events: events,
         properties: {
             style: mergeObjects([
-                {
-                    minHeight: '100vh'
-                },
+                styles.layout,
                 properties.style
             ])
         },
@@ -143,31 +165,23 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                         {
                             style: styles.header
                         },
-                        properties.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',
+                            }, /*#__PURE__*/ React.createElement("picture", null, /*#__PURE__*/ React.createElement("source", {
+                                media: `(min-width:${properties.logo?.breakpoint ?? 577}px)`,
+                                srcSet: properties.logo?.src ?? `${basePath}/logo-${properties.header?.theme ?? 'dark'}-theme.png`
+                            }), /*#__PURE__*/ React.createElement("img", {
+                                src: properties.logo?.srcMobile ?? properties.logo?.src ?? `${basePath}/logo-square-${properties.header?.theme ?? 'dark'}-theme.png`,
+                                alt: 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, 
+                                    properties.logo?.style
                                 ])
-                            })), /*#__PURE__*/ React.createElement("div", {
+                            }))), /*#__PURE__*/ React.createElement("div", {
                                 className: methods.makeCssClass(styles.headerContent)
                             }, /*#__PURE__*/ React.createElement("div", {
                                 className: methods.makeCssClass([
@@ -189,17 +203,17 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                                     {
                                         mode: 'horizontal',
                                         collapsed: false,
-                                        theme: get(properties, 'header.theme') || 'dark'
+                                        theme: get(properties, 'header.theme') ?? 'dark'
                                     },
                                     properties.menu,
-                                    properties.menuLg, 
+                                    properties.menuLg
                                 ])
                             })), content.header && content.header(mergeObjects([
                                 {
                                     width: 'auto',
                                     flex: '0 1 auto'
                                 },
-                                properties.header && properties.header.contentStyle, 
+                                properties.header?.contentStyle
                             ])), /*#__PURE__*/ React.createElement("div", {
                                 className: methods.makeCssClass([
                                     styles.mobile,
@@ -230,10 +244,10 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                     },
                     events: events,
                     properties: mergeObjects([
-                        properties.content,
                         {
                             style: styles.body
-                        }
+                        },
+                        properties.content
                     ]),
                     content: {
                         content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, !type.isNone(properties.breadcrumb) ? /*#__PURE__*/ React.createElement(Breadcrumb, {
@@ -246,12 +260,10 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                                 events: events,
                                 methods: methods,
                                 properties: mergeObjects([
-                                    properties.breadcrumb,
                                     {
-                                        style: {
-                                            padding: '16px 0'
-                                        }
-                                    }, 
+                                        style: styles.breadcrumb
+                                    },
+                                    properties.breadcrumb
                                 ]),
                                 rename: {
                                     events: {
@@ -275,7 +287,7 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                     }
                 }))
         }
-    }));
+    });
 };
 PageHeaderMenu.defaultProps = blockDefaultProps;
 PageHeaderMenu.meta = {

package/dist/blocks/PageHeaderMenu/schema.json

@@ -13,13 +13,13 @@
             "type": "string",
             "description": "Header logo source url."
           },
-          "srcSet": {
+          "srcMobile": {
             "type": "string",
-            "description": "Header logo srcSet for logo img element."
+            "description": "Header logo img element for mobile."
           },
-          "size": {
-            "type": "string",
-            "description": "Header logo size for logo img element."
+          "breakpoint": {
+            "type": "number",
+            "description": "Header logo breakpoint for switching between mobile and desktop logo."
           },
           "alt": {
             "type": "string",

package/dist/blocks/PageHeaderMenu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 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,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -86,8 +86,7 @@ const PageSHCF = ({ blockId , components , events , content , properties , metho
                     }
                 }))
         }
-    })
-;
+    });
 PageSHCF.defaultProps = blockDefaultProps;
 PageSHCF.meta = {
     category: 'container',

package/dist/blocks/PageSHCF/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.