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

package/dist/blocks/Affix/Affix.js

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

package/dist/blocks/Affix/style.less

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

package/dist/blocks/Alert/Alert.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -12,11 +12,7 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import React from 'react';
-import { Alert } from 'antd';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { type } from '@lowdefy/helpers';
-function _extends() {
+*/ function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
@@ -30,6 +26,10 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
+import React from 'react';
+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 = {};
     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,11 +62,10 @@ 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 = {

package/dist/blocks/Alert/style.less

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

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -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, {
+const AutoCompleteInput = ({ blockId , components , events , loading , methods , properties , required , validation , value  })=>{
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -38,20 +36,20 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
                     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 || 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'
                         });
@@ -64,35 +62,15 @@ 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 = {

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-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/blocks/Avatar/Avatar.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -24,22 +24,20 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
         src: properties.src,
         onClick: ()=>methods.triggerEvent({
                 name: 'onClick'
-            })
-        ,
+            }),
         className: methods.makeCssClass([
             {
                 backgroundColor: !properties.src && properties.color,
                 cursor: events.onClick && 'pointer'
             },
-            properties.style, 
+            properties.style
         ]),
         icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_icon`,
             events: events,
             properties: properties.icon
         })
-    }, properties.content)
-;
+    }, properties.content);
 AvatarBlock.defaultProps = blockDefaultProps;
 AvatarBlock.meta = {
     category: 'display',

package/dist/blocks/Avatar/style.less

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

package/dist/blocks/Badge/Badge.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -32,8 +32,7 @@ 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',

package/dist/blocks/Badge/style.less

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

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -12,11 +12,7 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import React from 'react';
-import { type, get } from '@lowdefy/helpers';
-import { Breadcrumb } from 'antd';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-function _extends() {
+*/ function _extends() {
     _extends = Object.assign || function(target) {
         for(var i = 1; i < arguments.length; i++){
             var source = arguments[i];
@@ -30,11 +26,15 @@ function _extends() {
     };
     return _extends.apply(this, arguments);
 }
-const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , methods , properties , rename ,  })=>{
+import React from 'react';
+import { type, get } from '@lowdefy/helpers';
+import { Breadcrumb } from 'antd';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+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,30 +46,27 @@ const BreadcrumbBlock = ({ blockId , events , components: { Icon , Link  } , met
                         link,
                         index
                     }
-                })
-            )
+                }))
         }, /*#__PURE__*/ React.createElement(Link, _extends({
             id: `${blockId}_${index}`,
             className: methods.makeCssClass([
                 {
                     cursor: events[onClickActionName] && 'pointer'
                 },
-                link.style, 
+                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 = {

package/dist/blocks/Breadcrumb/style.less

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

package/dist/blocks/Button/Button.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -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 , components: { Icon  } , events , loading , 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([
             {
@@ -40,7 +40,7 @@ const ButtonBlock = ({ blockId , components: { Icon  } , events , loading , meth
                     borderColor: properties.color
                 }
             },
-            properties.style, 
+            properties.style
         ]),
         disabled: properties.disabled || get(events, `${onClickActionName}.loading`) || loading,
         ghost: properties.ghost,
@@ -60,12 +60,11 @@ const ButtonBlock = ({ blockId , components: { Icon  } , events , loading , meth
         }),
         onClick: onClick || (()=>methods.triggerEvent({
                 name: onClickActionName
-            })
-        )
+            }))
     }, !properties.hideTitle && renderHtml({
         html: type.isNone(properties.title) ? blockId : properties.title,
         methods
-    })));
+    }));
 };
 ButtonBlock.defaultProps = blockDefaultProps;
 ButtonBlock.meta = {

package/dist/blocks/Button/style.less

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

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -19,9 +19,9 @@ import { type } from '@lowdefy/helpers';
 import Label from '../Label/Label.js';
 import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
-const ButtonSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
+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,
@@ -42,7 +42,7 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                                 borderColor: `${properties.color} !important`
                             }
                         },
-                        properties.inputStyle, 
+                        properties.inputStyle
                     ]),
                     disabled: properties.disabled || loading,
                     size: properties.size,
@@ -73,10 +73,9 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                ))
+                    }))))
         }
-    }));
+    });
 };
 ButtonSelector.defaultProps = blockDefaultProps;
 ButtonSelector.meta = {

package/dist/blocks/ButtonSelector/style.less

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

package/dist/blocks/Card/Card.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -30,17 +30,15 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
         type: properties.inner ? 'inner' : null,
         onClick: ()=>methods.triggerEvent({
                 name: 'onClick'
-            })
-        ,
+            }),
         className: methods.makeCssClass([
             {
                 outline: 'none',
                 cursor: events.onClick && 'pointer'
             },
-            properties.style, 
+            properties.style
         ])
-    }, content.content && content.content())
-;
+    }, content.content && content.content());
 CardBlock.defaultProps = blockDefaultProps;
 CardBlock.meta = {
     category: 'container',

package/dist/blocks/Card/style.less

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

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -19,9 +19,9 @@ import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
-const CheckboxSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
+const CheckboxSelector = ({ 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,
@@ -42,7 +42,7 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                                 borderColor: `${properties.color} !important`
                             }
                         },
-                        properties.inputStyle, 
+                        properties.inputStyle
                     ]),
                     disabled: properties.disabled || loading,
                     onChange: (newVal)=>{
@@ -79,10 +79,9 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                )))
+                    })))))
         }
-    }));
+    });
 };
 CheckboxSelector.defaultProps = blockDefaultProps;
 CheckboxSelector.meta = {

package/dist/blocks/CheckboxSelector/style.less

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

package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2022 Lowdefy, Inc
+  Copyright 2020-2023 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,8 +16,8 @@
 import { Checkbox, Space } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
-const CheckboxSwitch = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
-    return(/*#__PURE__*/ React.createElement(Label, {
+const CheckboxSwitch = ({ blockId , components , events , loading , properties , required , validation , value , methods  })=>{
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -43,7 +43,7 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
                         properties.description && {
                             marginRight: '30px'
                         },
-                        properties.inputStyle, 
+                        properties.inputStyle
                     ]),
                     onChange: (e)=>{
                         methods.setValue(e.target.checked);
@@ -58,7 +58,7 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
                     methods
                 })))
         }
-    }));
+    });
 };
 CheckboxSwitch.defaultProps = blockDefaultProps;
 CheckboxSwitch.meta = {

package/dist/blocks/CheckboxSwitch/style.less

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