@lowdefy/blocks-antd 4.0.0-alpha.8 → 4.0.0-rc.0

package/dist/blocks/Affix/Affix.js

@@ -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.
@@ -31,12 +31,10 @@ const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#
                 }
             });
         }
-    }, 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,5 +1,19 @@
+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);
+}
 /*
-  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,20 +30,6 @@
 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) {
@@ -39,12 +39,11 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
             properties: properties.icon
         });
     }
-    return(/*#__PURE__*/ React.createElement(Alert, _extends({
+    return /*#__PURE__*/ React.createElement(Alert, _extends({
         action: content.action && content.action(),
         afterClose: ()=>methods.triggerEvent({
                 name: 'afterClose'
-            })
-        ,
+            }),
         banner: properties.banner,
         closable: properties.closable,
         closeText: properties.closeText,
@@ -63,21 +62,14 @@ const AlertBlock = ({ blockId , content , events , components: { Icon  } , metho
         }),
         onClose: ()=>methods.triggerEvent({
                 name: 'onClose'
-            })
-        ,
+            }),
         showIcon: properties.showIcon === false ? false : true,
         type: properties.type
-    }, additionalProps)));
+    }, 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,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.
@@ -14,14 +14,12 @@
   limitations under the License.
 */ import React from 'react';
 import { AutoComplete } from 'antd';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { blockDefaultProps } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 import Label from '../Label/Label.js';
-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__*/ React.createElement(Label, {
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -32,27 +30,26 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(AutoComplete, {
                     id: `${blockId}_input`,
                     autoFocus: properties.autoFocus,
                     backfill: properties.backfill,
                     bordered: properties.bordered,
-                    className: methods.makeCssClass(properties.inputStyle),
+                    className: methods.makeCssClass([
+                        {
+                            width: '100%'
+                        },
+                        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,
-                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0
-                    ,
+                    filterOption: (input, option)=>`${option.value}`.toLowerCase().indexOf(input.toLowerCase()) >= 0,
                     onChange: (newVal)=>{
-                        let val = type.isPrimitive(uniqueValueOptions[newVal]) ? uniqueValueOptions[newVal] : uniqueValueOptions[newVal].value;
-                        if (type.isNone(val)) {
-                            val = newVal;
-                        }
-                        methods.setValue(val);
+                        methods.setValue(newVal);
                         methods.triggerEvent({
                             name: 'onChange'
                         });
@@ -65,43 +62,20 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
                             }
                         });
                     },
-                    value: type.isNone(value) ? undefined : value
-                }, (properties.options || []).map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
+                    value: type.isNone(value) ? undefined : `${value}`
+                }, (properties.options || []).map((opt, i)=>/*#__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
-                    }))
-                ))
+                        value: `${opt}`
+                    }, `${opt}`)))
         }
-    }));
+    });
 };
 AutoCompleteInput.defaultProps = blockDefaultProps;
 AutoCompleteInput.meta = {
     valueType: 'string',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/AutoComplete/schema.json

@@ -101,52 +101,11 @@
       },
       "options": {
         "default": [],
-        "oneOf": [
-          {
-            "type": "array",
-            "description": "Options can either be an array of string values, on an array of label, value pairs - supports html.",
-            "items": {
-              "type": "string"
-            }
-          },
-          {
-            "type": "array",
-            "description": "Options can either be an array of string values, on an array of label, value pairs.",
-            "items": {
-              "type": "object",
-              "required": ["value"],
-              "properties": {
-                "label": {
-                  "type": "string",
-                  "description": "Value label shown to user - supports html."
-                },
-                "value": {
-                  "description": "Value selected. Can be of any type.",
-                  "type": "string",
-                  "docs": {
-                    "displayType": "yaml"
-                  }
-                },
-                "disabled": {
-                  "type": "boolean",
-                  "default": false,
-                  "description": "Disable the option if true."
-                },
-                "filterString": {
-                  "type": "string",
-                  "description": "String to match against when filtering selector options during. If no filterString is provided the filter method matches against options.label."
-                },
-                "style": {
-                  "type": "object",
-                  "description": "Css style to applied to option.",
-                  "docs": {
-                    "displayType": "yaml"
-                  }
-                }
-              }
-            }
-          }
-        ]
+        "type": "array",
+        "description": "Options can either be an array of string values.",
+        "items": {
+          "type": "string"
+        }
       },
       "optionsStyle": {
         "type": "object",

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,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.
@@ -24,8 +24,7 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
         src: properties.src,
         onClick: ()=>methods.triggerEvent({
                 name: 'onClick'
-            })
-        ,
+            }),
         className: methods.makeCssClass([
             {
                 backgroundColor: !properties.src && properties.color,
@@ -38,14 +37,10 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
             events: events,
             properties: properties.icon
         })
-    }, 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,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.
@@ -32,12 +32,10 @@ const BadgeBlock = ({ blockId , events , content , components: { Icon  } , prope
             events: events,
             properties: properties.icon
         }) || properties.count
-    }, content.content && content.content())
-;
+    }, 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,5 +1,19 @@
+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);
+}
 /*
-  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,25 +30,11 @@
 import { type, get } from '@lowdefy/helpers';
 import { Breadcrumb } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-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__*/ React.createElement(Breadcrumb, {
+    return /*#__PURE__*/ React.createElement(Breadcrumb, {
         id: blockId,
         separator: properties.separator,
         className: methods.makeCssClass(properties.style)
@@ -46,8 +46,7 @@ const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , met
                         link,
                         index
                     }
-                })
-            )
+                }))
         }, /*#__PURE__*/ React.createElement(Link, _extends({
             id: `${blockId}_${index}`,
             className: methods.makeCssClass([
@@ -56,30 +55,22 @@ const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , met
                 },
                 link.style, 
             ])
-        }, link), (defaultTitle)=>/*#__PURE__*/ React.createElement(React.Fragment, null, link.icon && /*#__PURE__*/ React.createElement(Icon, {
+        }, link), ()=>/*#__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,
+                        marginRight: 8,
                         ...link.icon.style || {}
                     }
                 }
-            }), type.isString(link) ? link : link.label || defaultTitle)
-        ))
-    )));
+            }), type.isString(link) ? link : link.label)))));
 };
 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,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.
@@ -17,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__*/ React.createElement(Button, {
+    return /*#__PURE__*/ React.createElement(Button, {
         block: properties.block,
         className: methods.makeCssClass([
             {
@@ -34,16 +34,20 @@ 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', {
@@ -56,19 +60,15 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
         }),
         onClick: onClick || (()=>methods.triggerEvent({
                 name: onClickActionName
-            })
-        )
+            }))
     }, !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.

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -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.
@@ -21,7 +21,7 @@ import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const ButtonSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
     const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return(/*#__PURE__*/ React.createElement(Label, {
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -32,7 +32,6 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>/*#__PURE__*/ React.createElement(Radio.Group, {
                     id: `${blockId}_input`,
@@ -45,7 +44,7 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     size: properties.size,
                     buttonStyle: properties.buttonStyle ? properties.buttonStyle : 'solid',
                     onChange: (event)=>{
@@ -74,18 +73,14 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                ))
+                    }))))
         }
-    }));
+    });
 };
 ButtonSelector.defaultProps = blockDefaultProps;
 ButtonSelector.meta = {
     valueType: 'any',
     category: 'input',
-    loading: {
-        type: 'SkeletonInput'
-    },
     icons: [
         ...Label.meta.icons
     ],

package/dist/blocks/ButtonSelector/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.