@lowdefy/blocks-antd 4.0.0-alpha.5 → 4.0.0-alpha.6

package/dist/blocks/MobileMenu/MobileMenu.js

@@ -50,10 +50,9 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                     hideTitle: true,
                     type: 'primary',
                     icon: {
-                        name: openState ? 'MenuUnfoldOutlined' : 'MenuFoldOutlined'
+                        name: openState ? 'AiOutlineMenuUnfold' : 'AiOutlineMenuFold'
                     },
-                    ...properties.toggleMenuButton || {
-                    }
+                    ...properties.toggleMenuButton || {}
                 },
                 methods: methods,
                 onClick: ()=>methods[get(rename, 'methods.toggleOpen', {
@@ -109,8 +108,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                                         style: {
                                             marginTop: 24
                                         }
-                                    }) || {
-                                    },
+                                    }) || {},
                                     mode: 'inline'
                                 },
                                 rename: {
@@ -129,9 +127,13 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
 MobileMenu.defaultProps = blockDefaultProps;
 MobileMenu.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [
+        'AiOutlineMenuUnfold',
+        'AiOutlineMenuFold'
+    ],
+    styles: [
+        'blocks/MobileMenu/style.less'
+    ]
 };
-MobileMenu.styles = [
-    'blocks/MobileMenu/style.less'
-];
 export default MobileMenu;

package/dist/blocks/Modal/Modal.js

@@ -46,8 +46,7 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
             })
         );
     });
-    const extraProps = {
-    };
+    const extraProps = {};
     if (content.footer) {
         extraProps.footer = content.footer();
     }
@@ -116,9 +115,10 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
 ModalBlock.defaultProps = blockDefaultProps;
 ModalBlock.meta = {
     category: 'container',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Modal/style.less'
+    ]
 };
-ModalBlock.styles = [
-    'blocks/Modal/style.less'
-];
 export default ModalBlock;

package/dist/blocks/MonthSelector/MonthSelector.js

@@ -87,9 +87,12 @@ MonthSelector.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/MonthSelector/style.less'
+    ]
 };
-MonthSelector.styles = [
-    'blocks/MonthSelector/style.less'
-];
 export default MonthSelector;

package/dist/blocks/MultipleSelector/MultipleSelector.js

@@ -99,13 +99,15 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                             },
                             onSearch: async (value)=>{
                                 setFetch(true);
-                                await methods.triggerEvent({
+                                const result = await methods.triggerEvent({
                                     name: 'onSearch',
                                     event: {
                                         value
                                     }
                                 });
-                                setFetch(false);
+                                if (!result.bounced) {
+                                    setFetch(false);
+                                }
                             },
                             children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Option, {
                                     className: methods.makeCssClass(properties.optionsStyle),
@@ -145,9 +147,12 @@ MultipleSelector.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/MultipleSelector/style.less'
+    ]
 };
-MultipleSelector.styles = [
-    'blocks/MultipleSelector/style.less'
-];
 export default MultipleSelector;

package/dist/blocks/Notification/Notification.js

@@ -20,8 +20,7 @@ import { type } from '@lowdefy/helpers';
 import Button from '../Button/Button.js';
 const NotificationBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>{
     useEffect(()=>{
-        methods.registerMethod('open', (args = {
-        })=>{
+        methods.registerMethod('open', (args = {})=>{
             notification[args.status || properties.status || 'success']({
                 id: `${blockId}_notification`,
                 bottom: properties.bottom,
@@ -73,9 +72,10 @@ const NotificationBlock = ({ blockId , components: { Icon  } , events , methods
 NotificationBlock.defaultProps = blockDefaultProps;
 NotificationBlock.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Notification/style.less'
+    ]
 };
-NotificationBlock.styles = [
-    'blocks/Notification/style.less'
-];
 export default NotificationBlock;

package/dist/blocks/NumberInput/NumberInput.js

@@ -75,9 +75,12 @@ NumberInput.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/NumberInput/style.less'
+    ]
 };
-NumberInput.styles = [
-    'blocks/NumberInput/style.less'
-];
 export default NumberInput;

package/dist/blocks/PageHCF/PageHCF.js

@@ -75,9 +75,10 @@ PageHCF.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/PageHCF/style.less'
+    ]
 };
-PageHCF.styles = [
-    'blocks/PageHCF/style.less'
-];
 export default PageHCF;

package/dist/blocks/PageHCSF/PageHCSF.js

@@ -108,9 +108,10 @@ PageHCSF.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/PageHCSF/style.less'
+    ]
 };
-PageHCSF.styles = [
-    'blocks/PageHCSF/style.less'
-];
 export default PageHCSF;

package/dist/blocks/PageHSCF/PageHSCF.js

@@ -108,9 +108,10 @@ PageHSCF.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/PageHSCF/style.less'
+    ]
 };
-PageHSCF.styles = [
-    'blocks/PageHSCF/style.less'
-];
 export default PageHSCF;

package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js

@@ -149,13 +149,15 @@ const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , co
                                 properties.header, 
                             ]),
                             content: {
+                                // TODO: use next/image
+                                // TODO: Link to home=true
                                 content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
                                         children: [
                                             /*#__PURE__*/ _jsx(Link, {
-                                                href: `${basePath}/${homePageId}`,
+                                                href: `${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`),
+                                                    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([
@@ -310,9 +312,12 @@ PageHeaderMenu.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [
+        ...MobileMenu.meta.icons
+    ],
+    styles: [
+        'blocks/PageHeaderMenu/style.less'
+    ]
 };
-PageHeaderMenu.styles = [
-    'blocks/PageHeaderMenu/style.less'
-];
 export default PageHeaderMenu;

package/dist/blocks/PageSHCF/PageSHCF.js

@@ -108,9 +108,10 @@ PageSHCF.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/PageSHCF/style.less'
+    ]
 };
-PageSHCF.styles = [
-    'blocks/PageSHCF/style.less'
-];
 export default PageSHCF;

package/dist/blocks/PageSiderMenu/PageSiderMenu.js

@@ -109,8 +109,7 @@ const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , eve
             height: '100%',
             flexDirection: 'column'
         },
-        content: {
-        },
+        content: {},
         breadcrumb: {
             margin: '16px 0'
         },
@@ -140,6 +139,8 @@ const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , eve
             ])
         },
         content: {
+            // TODO: use next/image
+            // TODO: Link to home=true
             content: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
                         /*#__PURE__*/ _jsx(Header, {
@@ -209,8 +210,8 @@ const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , eve
                                             /*#__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`),
+                                                    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([
@@ -342,10 +343,9 @@ const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , eve
                                                                                         type: 'link',
                                                                                         block: true,
                                                                                         icon: {
-                                                                                            name: openSiderState ? 'MenuFoldOutlined' : 'MenuUnfoldOutlined'
+                                                                                            name: openSiderState ? 'AiOutlineMenuFold' : 'AiOutlineMenuUnfold'
                                                                                         },
-                                                                                        ...properties.toggleSiderButton || {
-                                                                                        }
+                                                                                        ...properties.toggleSiderButton || {}
                                                                                     },
                                                                                     methods: methods,
                                                                                     onClick: ()=>methods.toggleSiderOpen()
@@ -438,9 +438,14 @@ PageSiderMenu.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [
+        'AiOutlineMenuFold',
+        'AiOutlineMenuUnfold',
+        ...MobileMenu.meta.icons
+    ],
+    styles: [
+        'blocks/PageSiderMenu/style.less'
+    ]
 };
-PageSiderMenu.styles = [
-    'blocks/PageSiderMenu/style.less'
-];
 export default PageSiderMenu;

package/dist/blocks/Pagination/Pagination.js

@@ -97,9 +97,10 @@ PaginationBlock.meta = {
         properties: {
             height: 33
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Pagination/style.less'
+    ]
 };
-PaginationBlock.styles = [
-    'blocks/Pagination/style.less'
-];
 export default PaginationBlock;

package/dist/blocks/Paragraph/Paragraph.js

@@ -97,9 +97,10 @@ ParagraphBlock.meta = {
     category: 'display',
     loading: {
         type: 'SkeletonParagraph'
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Paragraph/style.less'
+    ]
 };
-ParagraphBlock.styles = [
-    'blocks/Paragraph/style.less'
-];
 export default ParagraphBlock;

package/dist/blocks/ParagraphInput/ParagraphInput.js

@@ -119,9 +119,10 @@ ParagraphInput.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonParagraph'
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/ParagraphInput/style.less'
+    ]
 };
-ParagraphInput.styles = [
-    'blocks/ParagraphInput/style.less'
-];
 export default ParagraphInput;

package/dist/blocks/PasswordInput/PasswordInput.js

@@ -71,9 +71,12 @@ PasswordInput.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/PasswordInput/style.less'
+    ]
 };
-PasswordInput.styles = [
-    'blocks/PasswordInput/style.less'
-];
 export default PasswordInput;

package/dist/blocks/Progress/Progress.js

@@ -41,9 +41,10 @@ ProgressBlock.meta = {
         properties: {
             height: 40
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Progress/style.less'
+    ]
 };
-ProgressBlock.styles = [
-    'blocks/Progress/style.less'
-];
 export default ProgressBlock;

package/dist/blocks/RadioSelector/RadioSelector.js

@@ -93,9 +93,12 @@ RadioSelector.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/RadioSelector/style.less'
+    ]
 };
-RadioSelector.styles = [
-    'blocks/RadioSelector/style.less'
-];
 export default RadioSelector;

package/dist/blocks/RatingSlider/RatingSlider.js

@@ -21,15 +21,13 @@ import classNames from 'classnames';
 import CheckboxSelector from '../CheckboxSelector/CheckboxSelector.js';
 import Label from '../Label/Label.js';
 const includeMarks = (minMax, minMin, step = 1)=>{
-    const marks = {
-    };
+    const marks = {};
     marks[minMin] = {
         style: {
             marginTop: 2,
             fontSize: 12
         },
-        label: /*#__PURE__*/ _jsx("span", {
-        })
+        label: /*#__PURE__*/ _jsx("span", {})
     };
     // round to fix floating point error
     for(let k = minMax[0]; k <= minMax[1]; k = parseFloat((k + step).toPrecision(8))){
@@ -243,9 +241,12 @@ RatingSlider.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/RatingSlider/style.less'
+    ]
 };
-RatingSlider.styles = [
-    'blocks/RatingSlider/style.less'
-];
 export default RatingSlider;

package/dist/blocks/Result/Result.js

@@ -48,9 +48,10 @@ ResultBlock.meta = {
         properties: {
             height: '100vh'
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Result/style.less'
+    ]
 };
-ResultBlock.styles = [
-    'blocks/Result/style.less'
-];
 export default ResultBlock;

package/dist/blocks/S3UploadButton/S3UploadButton.js

@@ -21,8 +21,7 @@ import Button from '../Button/Button.js';
 const makeFileValue = (file, s3Parameters)=>{
     const { lastModified , name , percent , size , status , type , uid  } = file;
     const { bucket , key  } = get(s3Parameters, uid, {
-        default: {
-        }
+        default: {}
     });
     return {
         bucket,
@@ -158,7 +157,7 @@ const S3UploadButtonBlock = ({ blockId , components , events , methods , propert
             events: events,
             properties: {
                 disabled,
-                icon: 'UploadOutlined',
+                icon: 'AiOutlineUpload',
                 title: 'Upload',
                 type: 'default',
                 ...properties.button
@@ -173,9 +172,12 @@ S3UploadButtonBlock.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonButton'
-    }
+    },
+    icons: [
+        'AiOutlineUpload'
+    ],
+    styles: [
+        'blocks/S3UploadButton/style.less'
+    ]
 };
-S3UploadButtonBlock.styles = [
-    'blocks/S3UploadButton/style.less'
-];
 export default S3UploadButtonBlock;

package/dist/blocks/Selector/Selector.js

@@ -92,13 +92,15 @@ const Selector = ({ blockId , components: { Icon , Link  } , events , loading ,
                             },
                             onSearch: async (value)=>{
                                 setFetch(true);
-                                await methods.triggerEvent({
+                                const result = await methods.triggerEvent({
                                     name: 'onSearch',
                                     event: {
                                         value
                                     }
                                 });
-                                setFetch(false);
+                                if (!result.bounced) {
+                                    setFetch(false);
+                                }
                             },
                             value: getValueIndex(value1, uniqueValueOptions),
                             children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Option, {
@@ -139,9 +141,12 @@ Selector.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/Selector/style.less'
+    ]
 };
-Selector.styles = [
-    'blocks/Selector/style.less'
-];
 export default Selector;

package/dist/blocks/Sider/Sider.js

@@ -83,9 +83,10 @@ const SiderBlock = ({ blockId , properties , content , methods , rename  })=>{
 SiderBlock.defaultProps = blockDefaultProps;
 SiderBlock.meta = {
     category: 'container',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Sider/style.less'
+    ]
 };
-SiderBlock.styles = [
-    'blocks/Sider/style.less'
-];
 export default SiderBlock;

package/dist/blocks/Statistic/Statistic.js

@@ -50,9 +50,10 @@ StatisticBlock.meta = {
         properties: {
             height: 80
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Statistic/style.less'
+    ]
 };
-StatisticBlock.styles = [
-    'blocks/Statistic/style.less'
-];
 export default StatisticBlock;

package/dist/blocks/Switch/Switch.js

@@ -69,8 +69,7 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
                         events: events,
                         properties: {
                             name: 'CheckOutlined',
-                            ...propertiesIconChecked || {
-                            }
+                            ...propertiesIconChecked || {}
                         }
                     }),
                     unCheckedChildren: properties.uncheckedText ? /*#__PURE__*/ _jsx("span", {
@@ -80,8 +79,7 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
                         events: events,
                         properties: {
                             name: 'CloseOutlined',
-                            ...propertiesIconUnchecked || {
-                            }
+                            ...propertiesIconUnchecked || {}
                         }
                     }),
                     onChange: (newVal)=>{
@@ -100,9 +98,12 @@ SwitchBlock.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/Switch/style.less'
+    ]
 };
-SwitchBlock.styles = [
-    'blocks/Switch/style.less'
-];
 export default SwitchBlock;

package/dist/blocks/Tabs/Tabs.js

@@ -30,8 +30,7 @@ const getTabs = ({ content , properties  })=>{
     );
 };
 const getAdditionalProps = ({ content , properties  })=>{
-    const additionalProps = {
-    };
+    const additionalProps = {};
     if (properties.activeKey) {
         additionalProps.activeKey = properties.activeKey;
     }
@@ -105,9 +104,10 @@ TabsBlock.meta = {
         properties: {
             height: 80
         }
-    }
+    },
+    icons: [],
+    styles: [
+        'blocks/Tabs/style.less'
+    ]
 };
-TabsBlock.styles = [
-    'blocks/Tabs/style.less'
-];
 export default TabsBlock;

package/dist/blocks/TextArea/TextArea.js

@@ -81,9 +81,12 @@ TextAreaBlock.meta = {
     category: 'input',
     loading: {
         type: 'SkeletonInput'
-    }
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/TextArea/style.less'
+    ]
 };
-TextAreaBlock.styles = [
-    'blocks/TextArea/style.less'
-];
 export default TextAreaBlock;