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

package/dist/blocks/Affix/Affix.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Affix } from 'antd';
 import { get } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#__PURE__*/ _jsx(Affix, {
+const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#__PURE__*/ React.createElement(Affix, {
         id: blockId,
         className: methods.makeCssClass(properties.style),
         offsetBottom: properties.offsetBottom,
@@ -31,14 +30,12 @@ const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#
                     affixed
                 }
             });
-        },
-        children: content.content && content.content()
-    })
+        }
+    }, content.content && content.content())
 ;
 AffixBlock.defaultProps = blockDefaultProps;
 AffixBlock.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/Affix/style.less'

package/dist/blocks/Affix/style.less

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

package/dist/blocks/Alert/Alert.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,16 +16,30 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Alert } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 const AlertBlock = ({ blockId , content , events , components: { Icon  } , methods , properties  })=>{
     const additionalProps = {};
     if (properties.icon) {
-        additionalProps.icon = /*#__PURE__*/ _jsx(Icon, {
+        additionalProps.icon = /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_icon`,
             events: events,
             properties: properties.icon
         });
     }
-    return(/*#__PURE__*/ _jsx(Alert, {
+    return(/*#__PURE__*/ React.createElement(Alert, _extends({
         action: content.action && content.action(),
         afterClose: ()=>methods.triggerEvent({
                 name: 'afterClose'
@@ -40,7 +53,7 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
             methods
         }),
         id: blockId,
-        message: type.isNone(properties.message) ? /*#__PURE__*/ _jsx("div", {
+        message: type.isNone(properties.message) ? /*#__PURE__*/ React.createElement("div", {
             style: {
                 marginBottom: -4
             }
@@ -53,19 +66,12 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
             })
         ,
         showIcon: properties.showIcon === false ? false : true,
-        type: properties.type,
-        ...additionalProps
-    }));
+        type: properties.type
+    }, additionalProps)));
 };
 AlertBlock.defaultProps = blockDefaultProps;
 AlertBlock.meta = {
     category: 'container',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 40
-        }
-    },
     icons: [],
     styles: [
         'blocks/Alert/style.less'

package/dist/blocks/Alert/style.less

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

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -22,7 +21,7 @@ import getUniqueValues from '../../getUniqueValues.js';
 const Option = AutoComplete.Option;
 const AutoCompleteInput = ({ blockId , components , events , loading , methods , properties , required , validation , value ,  })=>{
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -33,16 +32,15 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(AutoComplete, {
+            content: ()=>/*#__PURE__*/ React.createElement(AutoComplete, {
                     id: `${blockId}_input`,
                     autoFocus: properties.autoFocus,
                     backfill: properties.backfill,
                     bordered: properties.bordered,
                     className: methods.makeCssClass(properties.inputStyle),
                     defaultOpen: properties.defaultOpen,
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     placeholder: properties.placeholder || 'Type or select item',
                     allowClear: properties.allowClear !== false,
                     size: properties.size,
@@ -66,34 +64,33 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
                             }
                         });
                     },
-                    value: type.isNone(value) ? undefined : value,
-                    children: (properties.options || []).map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Option, {
-                            className: methods.makeCssClass(properties.optionsStyle),
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            children: renderHtml({
-                                html: `${opt}`,
-                                methods
-                            })
-                        }, i) : /*#__PURE__*/ _jsx(Option, {
-                            className: methods.makeCssClass([
-                                properties.optionsStyle,
-                                opt.style
-                            ]),
-                            disabled: opt.disabled,
-                            filterstring: opt.filterString,
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            children: type.isNone(opt.label) ? renderHtml({
-                                html: `${opt.value}`,
-                                methods
-                            }) : renderHtml({
-                                html: opt.label,
-                                methods
-                            })
-                        }, i)
-                    )
-                })
+                    value: type.isNone(value) ? undefined : value
+                }, (properties.options || []).map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass(properties.optionsStyle),
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass([
+                            properties.optionsStyle,
+                            opt.style
+                        ]),
+                        disabled: opt.disabled,
+                        filterstring: opt.filterString,
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                ))
         }
     }));
 };
@@ -101,9 +98,6 @@ AutoCompleteInput.defaultProps = blockDefaultProps;
 AutoCompleteInput.meta = {
     valueType: 'string',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/AutoComplete/style.less

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

package/dist/blocks/Avatar/Avatar.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { Avatar } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , properties  })=>/*#__PURE__*/ _jsx(Avatar, {
+const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , properties  })=>/*#__PURE__*/ React.createElement(Avatar, {
         id: blockId,
         alt: properties.alt,
         gap: properties.gap,
@@ -34,20 +33,16 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
             },
             properties.style, 
         ]),
-        icon: properties.icon && /*#__PURE__*/ _jsx(Icon, {
+        icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_icon`,
             events: events,
             properties: properties.icon
-        }),
-        children: properties.content
-    })
+        })
+    }, properties.content)
 ;
 AvatarBlock.defaultProps = blockDefaultProps;
 AvatarBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonAvatar'
-    },
     icons: [],
     styles: [
         'blocks/Avatar/style.less'

package/dist/blocks/Avatar/schema.json

@@ -25,7 +25,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in avatar.",
+        "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 use an icon in avatar.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Avatar/style.less

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

package/dist/blocks/Badge/Badge.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { type } from '@lowdefy/helpers';
 import { Badge } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const BadgeBlock = ({ blockId , events , content , components: { Icon  } , properties  })=>/*#__PURE__*/ _jsx(Badge, {
+const BadgeBlock = ({ blockId , events , content , components: { Icon  } , properties  })=>/*#__PURE__*/ React.createElement(Badge, {
         id: blockId,
         color: properties.color,
         dot: properties.dot,
@@ -28,18 +27,16 @@ const BadgeBlock = ({ blockId , events , content , components: { Icon  } , prope
         status: properties.status,
         text: properties.text,
         title: properties.title,
-        count: properties.icon && /*#__PURE__*/ _jsx(Icon, {
+        count: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_icon`,
             events: events,
             properties: properties.icon
-        }) || properties.count,
-        children: content.content && content.content()
-    })
+        }) || properties.count
+    }, content.content && content.content())
 ;
 BadgeBlock.defaultProps = blockDefaultProps;
 BadgeBlock.meta = {
     category: 'container',
-    loading: false,
     icons: [],
     styles: [
         'blocks/Badge/style.less'

package/dist/blocks/Badge/schema.json

@@ -31,7 +31,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in badge.",
+        "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 use an icon in badge.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Badge/style.less

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

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,82 +16,64 @@ 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 ,  })=>{
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , methods , properties , rename ,  })=>{
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
-    return(/*#__PURE__*/ _jsx(Breadcrumb, {
+    return(/*#__PURE__*/ React.createElement(Breadcrumb, {
         id: blockId,
         separator: properties.separator,
-        className: methods.makeCssClass(properties.style),
-        children: (properties.list || []).map((link, index)=>/*#__PURE__*/ _jsx(Breadcrumb.Item, {
-                onClick: events[onClickActionName] && (()=>methods.triggerEvent({
-                        name: onClickActionName,
-                        event: {
-                            link,
-                            index
-                        }
-                    })
-                ),
-                children: /*#__PURE__*/ _jsxs(ItemLink, {
-                    basePath: basePath,
-                    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 || {}
-                                }
-                            }
-                        }),
-                        type.isString(link) ? link : link.label || link.pageId || link.url || `Link ${index}`
-                    ]
+        className: methods.makeCssClass(properties.style)
+    }, (properties.list || []).map((link, index)=>/*#__PURE__*/ React.createElement(Breadcrumb.Item, {
+            key: index,
+            onClick: events[onClickActionName] && (()=>methods.triggerEvent({
+                    name: onClickActionName,
+                    event: {
+                        link,
+                        index
+                    }
                 })
-            }, index)
-        )
-    }));
+            )
+        }, /*#__PURE__*/ React.createElement(Link, _extends({
+            id: `${blockId}_${index}`,
+            className: methods.makeCssClass([
+                {
+                    cursor: events[onClickActionName] && 'pointer'
+                },
+                link.style, 
+            ])
+        }, link), (defaultTitle)=>/*#__PURE__*/ React.createElement(React.Fragment, null, link.icon && /*#__PURE__*/ React.createElement(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 || defaultTitle)
+        ))
+    )));
 };
 BreadcrumbBlock.defaultProps = blockDefaultProps;
 BreadcrumbBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonParagraph',
-        properties: {
-            lines: 1
-        }
-    },
     icons: [],
     styles: [
         'blocks/Breadcrumb/style.less'

package/dist/blocks/Breadcrumb/schema.json

@@ -53,7 +53,7 @@
                 },
                 "icon": {
                   "type": ["string", "object"],
-                  "description": "Name of an Ant Design Icon or properties of an Icon block to use an icon in breadcrumb link.",
+                  "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 use an icon in breadcrumb link.",
                   "docs": {
                     "displayType": "icon"
                   }

package/dist/blocks/Breadcrumb/style.less

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

package/dist/blocks/Button/Button.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -18,11 +17,11 @@ import { Button } from 'antd';
 import { get, type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import color from '../../color.js';
-const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , methods , onClick , properties , rename ,  })=>{
+const ButtonBlock = ({ blockId , components: { Icon  } , events , loading , methods , onClick , properties , rename ,  })=>{
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
-    return(/*#__PURE__*/ _jsx(Button, {
+    return(/*#__PURE__*/ React.createElement(Button, {
         block: properties.block,
         className: methods.makeCssClass([
             {
@@ -35,22 +34,26 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
                 '&:hover': properties.color && {
                     backgroundColor: color(properties.color, 5),
                     borderColor: color(properties.color, 5)
+                },
+                '&:focus': properties.color && {
+                    backgroundColor: properties.color,
+                    borderColor: properties.color
                 }
             },
             properties.style, 
         ]),
-        disabled: properties.disabled || get(events, `${onClickActionName}.loading`),
+        disabled: properties.disabled || get(events, `${onClickActionName}.loading`) || loading,
         ghost: properties.ghost,
         danger: properties.danger,
         href: properties.href,
         id: blockId,
-        loading: loading || get(events, `${onClickActionName}.loading`),
+        loading: get(events, `${onClickActionName}.loading`),
         shape: properties.shape,
         size: properties.size,
         type: get(properties, 'type', {
             default: 'primary'
         }),
-        icon: properties.icon && /*#__PURE__*/ _jsx(Icon, {
+        icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_icon`,
             events: events,
             properties: properties.icon
@@ -58,19 +61,15 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
         onClick: onClick || (()=>methods.triggerEvent({
                 name: onClickActionName
             })
-        ),
-        children: !properties.hideTitle && renderHtml({
-            html: type.isNone(properties.title) ? blockId : properties.title,
-            methods
-        })
-    }));
+        )
+    }, !properties.hideTitle && renderHtml({
+        html: type.isNone(properties.title) ? blockId : properties.title,
+        methods
+    })));
 };
 ButtonBlock.defaultProps = blockDefaultProps;
 ButtonBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonButton'
-    },
     icons: [],
     styles: [
         'blocks/Button/style.less'

package/dist/blocks/Button/schema.json

@@ -42,7 +42,7 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to use icon in button.",
+        "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 use icon in button.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Button/style.less

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