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

package/dist/blocks/Affix/Affix.js

@@ -36,4 +36,12 @@ const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#
     })
 ;
 AffixBlock.defaultProps = blockDefaultProps;
+AffixBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Affix/style.less'
+    ]
+};
 export default AffixBlock;

package/dist/blocks/Alert/Alert.js

@@ -18,8 +18,7 @@ import { Alert } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 const AlertBlock = ({ blockId , content , events , components: { Icon  } , methods , properties  })=>{
-    const additionalProps = {
-    };
+    const additionalProps = {};
     if (properties.icon) {
         additionalProps.icon = /*#__PURE__*/ _jsx(Icon, {
             blockId: `${blockId}_icon`,
@@ -59,4 +58,17 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
     }));
 };
 AlertBlock.defaultProps = blockDefaultProps;
+AlertBlock.meta = {
+    category: 'container',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 40
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Alert/style.less'
+    ]
+};
 export default AlertBlock;

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -98,4 +98,17 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
     }));
 };
 AutoCompleteInput.defaultProps = blockDefaultProps;
+AutoCompleteInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/AutoComplete/style.less'
+    ]
+};
 export default AutoCompleteInput;

package/dist/blocks/Avatar/Avatar.js

@@ -43,4 +43,14 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
     })
 ;
 AvatarBlock.defaultProps = blockDefaultProps;
+AvatarBlock.meta = {
+    category: 'display',
+    loading: {
+        type: 'SkeletonAvatar'
+    },
+    icons: [],
+    styles: [
+        'blocks/Avatar/style.less'
+    ]
+};
 export default AvatarBlock;

package/dist/blocks/Badge/Badge.js

@@ -37,4 +37,12 @@ const BadgeBlock = ({ blockId , events , content , components: { Icon  } , prope
     })
 ;
 BadgeBlock.defaultProps = blockDefaultProps;
+BadgeBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Badge/style.less'
+    ]
+};
 export default BadgeBlock;

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -17,27 +17,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { type, get } from '@lowdefy/helpers';
 import { Breadcrumb } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const ItemLink = ({ basePath , children , className , link , Link  })=>{
-    if (type.isString(link.pageId)) {
-        return(/*#__PURE__*/ _jsx(Link, {
-            href: `${basePath}/${link.pageId}`,
-            className: className,
-            children: children
-        }));
-    }
-    if (type.isString(link.url)) {
-        return(/*#__PURE__*/ _jsx(Link, {
-            href: link.url,
-            className: className,
-            children: children
-        }));
-    }
-    return(/*#__PURE__*/ _jsx("span", {
-        className: className,
-        children: children
-    }));
-};
-const BreadcrumbBlock = ({ basePath , blockId , events , components: { Icon , Link  } , methods , properties , rename ,  })=>{
+const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , methods , properties , rename ,  })=>{
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
@@ -54,37 +34,49 @@ const BreadcrumbBlock = ({ basePath , blockId , events , components: { Icon , Li
                         }
                     })
                 ),
-                children: /*#__PURE__*/ _jsxs(ItemLink, {
-                    basePath: basePath,
+                children: /*#__PURE__*/ _jsx(Link, {
+                    id: `${blockId}_${index}`,
                     className: methods.makeCssClass([
                         {
                             cursor: events[onClickActionName] && 'pointer'
                         },
                         link.style, 
                     ]),
-                    link: link,
-                    Link: Link,
-                    children: [
-                        link.icon && /*#__PURE__*/ _jsx(Icon, {
-                            blockId: `${blockId}_${index}_icon`,
-                            events: events,
-                            properties: {
-                                name: type.isString(link.icon) && link.icon,
-                                ...type.isObject(link.icon) ? link.icon : {
-                                },
-                                style: {
-                                    paddingRight: 8,
-                                    ...link.icon.style || {
+                    ...link,
+                    children: (defaultTitle)=>/*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                link.icon && /*#__PURE__*/ _jsx(Icon, {
+                                    blockId: `${blockId}_${index}_icon`,
+                                    events: events,
+                                    properties: {
+                                        name: type.isString(link.icon) && link.icon,
+                                        ...type.isObject(link.icon) ? link.icon : {},
+                                        style: {
+                                            paddingRight: 8,
+                                            ...link.icon.style || {}
+                                        }
                                     }
-                                }
-                            }
-                        }),
-                        type.isString(link) ? link : link.label || link.pageId || link.url || `Link ${index}`
-                    ]
+                                }),
+                                type.isString(link) ? link : link.label || defaultTitle
+                            ]
+                        })
                 })
             }, index)
         )
     }));
 };
 BreadcrumbBlock.defaultProps = blockDefaultProps;
+BreadcrumbBlock.meta = {
+    category: 'display',
+    loading: {
+        type: 'SkeletonParagraph',
+        properties: {
+            lines: 1
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Breadcrumb/style.less'
+    ]
+};
 export default BreadcrumbBlock;

package/dist/blocks/Button/Button.js

@@ -66,4 +66,14 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
     }));
 };
 ButtonBlock.defaultProps = blockDefaultProps;
+ButtonBlock.meta = {
+    category: 'display',
+    loading: {
+        type: 'SkeletonButton'
+    },
+    icons: [],
+    styles: [
+        'blocks/Button/style.less'
+    ]
+};
 export default ButtonBlock;

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -82,4 +82,17 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
     }));
 };
 ButtonSelector.defaultProps = blockDefaultProps;
+ButtonSelector.meta = {
+    valueType: 'any',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/ButtonSelector/style.less'
+    ]
+};
 export default ButtonSelector;

package/dist/blocks/Card/Card.js

@@ -44,4 +44,17 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
     })
 ;
 CardBlock.defaultProps = blockDefaultProps;
+CardBlock.meta = {
+    category: 'container',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 80
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Card/style.less'
+    ]
+};
 export default CardBlock;

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -89,4 +89,17 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
     }));
 };
 CheckboxSelector.defaultProps = blockDefaultProps;
+CheckboxSelector.meta = {
+    valueType: 'array',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/CheckboxSelector/style.less'
+    ]
+};
 export default CheckboxSelector;

package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js

@@ -65,4 +65,17 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
     }));
 };
 CheckboxSwitch.defaultProps = blockDefaultProps;
+CheckboxSwitch.meta = {
+    valueType: 'boolean',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/CheckboxSwitch/style.less'
+    ]
+};
 export default CheckboxSwitch;

package/dist/blocks/Collapse/Collapse.js

@@ -23,8 +23,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
             title: key
         })
     );
-    const additionalProps = {
-    };
+    const additionalProps = {};
     if (properties.activeKey) {
         additionalProps.activeKey = properties.activeKey;
     }
@@ -73,4 +72,17 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
     }));
 };
 CollapseBlock.defaultProps = blockDefaultProps;
+CollapseBlock.meta = {
+    category: 'container',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 80
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Collapse/style.less'
+    ]
+};
 export default CollapseBlock;

package/dist/blocks/Comment/Comment.js

@@ -19,8 +19,7 @@ import { type } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Avatar from '../Avatar/Avatar.js';
 const CommentBlock = ({ blockId , components , content , properties , methods  })=>{
-    let avatar = {
-    };
+    let avatar = {};
     if (type.isObject(properties.avatar)) {
         avatar = properties.avatar;
     } else if (type.isString(properties.avatar)) {
@@ -49,4 +48,14 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
     }));
 };
 CommentBlock.defaultProps = blockDefaultProps;
+CommentBlock.meta = {
+    category: 'container',
+    loading: {
+        type: 'SkeletonParagraph'
+    },
+    icons: [],
+    styles: [
+        'blocks/Comment/style.less'
+    ]
+};
 export default CommentBlock;

package/dist/blocks/ConfirmModal/ConfirmModal.js

@@ -18,10 +18,8 @@ import { Modal } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 const ConfirmModal = ({ blockId , events , content , components: { Icon  } , methods , properties  })=>{
     useEffect(()=>{
-        methods.registerMethod('open', (args = {
-        })=>{
-            const additionalProps = {
-            };
+        methods.registerMethod('open', (args = {})=>{
+            const additionalProps = {};
             if (properties.icon) {
                 additionalProps.icon = /*#__PURE__*/ _jsx(Icon, {
                     blockId: `${blockId}_icon`,
@@ -75,4 +73,12 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
     }));
 };
 ConfirmModal.defaultProps = blockDefaultProps;
+ConfirmModal.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/ConfirmModal/style.less'
+    ]
+};
 export default ConfirmModal;

package/dist/blocks/Content/Content.js

@@ -24,4 +24,12 @@ const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE_
     })
 ;
 ContentBlock.defaultProps = blockDefaultProps;
+ContentBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Content/style.less'
+    ]
+};
 export default ContentBlock;

package/dist/blocks/ControlledList/ControlledList.js

@@ -55,8 +55,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                 properties.title ? /*#__PURE__*/ _jsx(Typography.Text, {
                     strong: true,
                     children: properties.title
-                }) : /*#__PURE__*/ _jsx("br", {
-                }),
+                }) : /*#__PURE__*/ _jsx("br", {}),
                 properties.addToFront && !properties.hideAddButton && /*#__PURE__*/ _jsx(Button, {
                     blockId: `${blockId}_add_button`,
                     components: {
@@ -65,7 +64,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                     },
                     events: events,
                     properties: {
-                        icon: 'PlusOutlined',
+                        icon: 'AiOutlinePlus',
                         size: properties.size,
                         title: get(properties, 'addItemButton.title ') || 'Add Item',
                         type: 'default',
@@ -81,8 +80,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                 properties.footerStyle
             ]),
             children: [
-                /*#__PURE__*/ _jsx("br", {
-                }),
+                /*#__PURE__*/ _jsx("br", {}),
                 /*#__PURE__*/ _jsx(Button, {
                     blockId: `${blockId}_add_button`,
                     components: {
@@ -91,7 +89,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                     },
                     events: events,
                     properties: {
-                        icon: 'PlusOutlined',
+                        icon: 'AiOutlinePlus',
                         size: properties.size,
                         title: get(properties, 'addItemButton.title ') || 'Add Item',
                         type: 'dashed',
@@ -117,13 +115,12 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                         blockId: `${blockId}_${i}_remove_icon`,
                         events: events,
                         properties: {
-                            name: 'MinusCircleOutlined',
+                            name: 'AiOutlineMinusCircle',
                             ...properties.removeItemIcon,
                             style: {
                                 paddingLeft: properties.size === 'small' ? 16 : properties.size === 'large' ? 20 : 18,
                                 fontSize: properties.size === 'small' ? 16 : properties.size === 'large' ? 20 : 18,
-                                ...properties.removeItemIcon && properties.removeItemIcon.style ? properties.removeItemIcon.style : {
-                                }
+                                ...properties.removeItemIcon && properties.removeItemIcon.style ? properties.removeItemIcon.style : {}
                             }
                         },
                         onClick: ()=>methods.removeItem(i)
@@ -136,4 +133,21 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
     }));
 };
 ControlledListBlock.defaultProps = blockDefaultProps;
+ControlledListBlock.meta = {
+    valueType: 'array',
+    category: 'list',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 80
+        }
+    },
+    icons: [
+        'AiOutlinePlus',
+        'AiOutlineMinusCircle'
+    ],
+    styles: [
+        'blocks/ControlledList/style.less'
+    ]
+};
 export default ControlledListBlock;

package/dist/blocks/DateRangeSelector/DateRangeSelector.js

@@ -97,4 +97,17 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
     }));
 };
 DateRangeSelector.defaultProps = blockDefaultProps;
+DateRangeSelector.meta = {
+    valueType: 'array',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/DateRangeSelector/style.less'
+    ]
+};
 export default DateRangeSelector;

package/dist/blocks/DateSelector/DateSelector.js

@@ -82,4 +82,17 @@ const DateSelector = ({ blockId , events , loading , components: { Icon  } , met
     }));
 };
 DateSelector.defaultProps = blockDefaultProps;
+DateSelector.meta = {
+    valueType: 'date',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/DateSelector/style.less'
+    ]
+};
 export default DateSelector;

package/dist/blocks/DateTimeSelector/DateTimeSelector.js

@@ -90,4 +90,17 @@ const DateTimeSelector = ({ blockId , events , loading , components: { Icon  } ,
     }));
 };
 DateTimeSelector.defaultProps = blockDefaultProps;
+DateTimeSelector.meta = {
+    valueType: 'date',
+    category: 'input',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/DateTimeSelector/style.less'
+    ]
+};
 export default DateTimeSelector;

package/dist/blocks/Descriptions/Descriptions.js

@@ -50,8 +50,7 @@ const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
                 };
             }
             const itemOption = (properties.itemOptions || []).find((item)=>row.key === item.key
-            ) || {
-            };
+            ) || {};
             const value = type.isFunction(itemOption.transformValue) ? itemOption.transformValue(row.value, row, i) : row.value;
             const label = type.isFunction(itemOption.transformLabel) ? itemOption.transformLabel(row.key || row.label, row, i) : row.key || row.label;
             return(/*#__PURE__*/ _jsx(Descriptions.Item, {
@@ -78,4 +77,17 @@ const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
     }));
 };
 DescriptionsBlock.defaultProps = blockDefaultProps;
+DescriptionsBlock.meta = {
+    category: 'container',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 80
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Descriptions/style.less'
+    ]
+};
 export default DescriptionsBlock;

package/dist/blocks/Divider/Divider.js

@@ -30,4 +30,17 @@ const DividerBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx(D
     })
 ;
 DividerBlock.defaultProps = blockDefaultProps;
+DividerBlock.meta = {
+    category: 'display',
+    loading: {
+        type: 'Skeleton',
+        properties: {
+            height: 5
+        }
+    },
+    icons: [],
+    styles: [
+        'blocks/Divider/style.less'
+    ]
+};
 export default DividerBlock;

package/dist/blocks/Drawer/Drawer.js

@@ -98,4 +98,12 @@ const DrawerBlock = ({ blockId , content , properties , methods , rename , onClo
     }));
 };
 DrawerBlock.defaultProps = blockDefaultProps;
+DrawerBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Drawer/style.less'
+    ]
+};
 export default DrawerBlock;

package/dist/blocks/Footer/Footer.js

@@ -29,4 +29,12 @@ const FooterBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__
     })
 ;
 FooterBlock.defaultProps = blockDefaultProps;
+FooterBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Footer/style.less'
+    ]
+};
 export default FooterBlock;

package/dist/blocks/Header/Header.js

@@ -32,4 +32,12 @@ const HeaderBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__
     })
 ;
 HeaderBlock.defaultProps = blockDefaultProps;
+HeaderBlock.meta = {
+    category: 'container',
+    loading: false,
+    icons: [],
+    styles: [
+        'blocks/Header/style.less'
+    ]
+};
 export default HeaderBlock;

package/dist/blocks/Label/Label.js

@@ -19,7 +19,7 @@ import React from 'react';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { Col, Row } from 'antd';
 import classNames from 'classnames';
-import CSSMotion from 'rc-animate/lib/CSSMotion.js';
+import CSSMotion from 'rc-motion';
 import labelLogic from './labelLogic.js';
 const validationKeyMap = {
     error: 'errors',
@@ -38,27 +38,26 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
     if (!iconMap) {
         iconMap = {
             error: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledCloseCircle"
+                    properties: "AiFillCloseCircle"
                 })
             ,
             success: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledCheckCircle"
+                    properties: "AiFillCheckCircle"
                 })
             ,
             validating: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiOutlinedLoading"
+                    properties: "AiOutlineLoading"
                 })
             ,
             warning: ()=>/*#__PURE__*/ _jsx(Icon, {
-                    properties: "AiFilledExclamationCircle"
+                    properties: "AiFillExclamationCircle"
                 })
         };
     }
     const IconNode = validation.status && iconMap[validation.status];
     const icon = validation.status && IconNode ? /*#__PURE__*/ _jsx("span", {
         className: "ant-form-item-children-icon",
-        children: /*#__PURE__*/ _jsx(IconNode, {
-        })
+        children: /*#__PURE__*/ _jsx(IconNode, {})
     }) : null;
     return(/*#__PURE__*/ _jsxs(Row, {
         id: blockId,
@@ -114,4 +113,19 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
     }));
 };
 Label.defaultProps = blockDefaultProps;
+Label.meta = {
+    category: 'container',
+    loading: {
+        type: 'SkeletonInput'
+    },
+    icons: [
+        'AiFillCloseCircle',
+        'AiFillCheckCircle',
+        'AiOutlineLoading',
+        'AiFillExclamationCircle'
+    ],
+    styles: [
+        'blocks/Label/style.less'
+    ]
+};
 export default Label;

package/dist/blocks/Label/labelLogic.js

@@ -16,8 +16,7 @@
 import classNames from 'classnames';
 import getWrapperCol from './getWrapperCol.js';
 import getLabelCol from './getLabelCol.js';
-const labelLogic = ({ blockId , content , methods , properties ={
-} , required =false , validation ={
+const labelLogic = ({ blockId , content , methods , properties ={} , required =false , validation ={
     messages: [],
     status: null
 } ,  })=>{