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

package/dist/blocks/Affix/Affix.js

@@ -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/Alert/Alert.js

@@ -1,3 +1,17 @@
+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-2022 Lowdefy, Inc
 
@@ -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,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/AutoComplete/AutoComplete.js

@@ -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,
@@ -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/Avatar/Avatar.js

@@ -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,8 +37,7 @@ const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , prop
             events: events,
             properties: properties.icon
         })
-    }, properties.content)
-;
+    }, properties.content);
 AvatarBlock.defaultProps = blockDefaultProps;
 AvatarBlock.meta = {
     category: 'display',

package/dist/blocks/Badge/Badge.js

@@ -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/Breadcrumb/Breadcrumb.js

@@ -1,3 +1,17 @@
+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-2022 Lowdefy, Inc
 
@@ -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,20 +55,18 @@ 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 = {

package/dist/blocks/Button/Button.js

@@ -21,7 +21,7 @@ const ButtonBlock = ({ blockId , components: { Icon  } , events , loading , meth
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
-    return(/*#__PURE__*/ React.createElement(Button, {
+    return /*#__PURE__*/ React.createElement(Button, {
         block: properties.block,
         className: methods.makeCssClass([
             {
@@ -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/ButtonSelector/ButtonSelector.js

@@ -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,
@@ -73,10 +73,9 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                ))
+                    }))))
         }
-    }));
+    });
 };
 ButtonSelector.defaultProps = blockDefaultProps;
 ButtonSelector.meta = {

package/dist/blocks/Card/Card.js

@@ -30,8 +30,7 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
         type: properties.inner ? 'inner' : null,
         onClick: ()=>methods.triggerEvent({
                 name: 'onClick'
-            })
-        ,
+            }),
         className: methods.makeCssClass([
             {
                 outline: 'none',
@@ -39,8 +38,7 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
             },
             properties.style, 
         ])
-    }, content.content && content.content())
-;
+    }, content.content && content.content());
 CardBlock.defaultProps = blockDefaultProps;
 CardBlock.meta = {
     category: 'container',

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -21,7 +21,7 @@ import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 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,
@@ -79,10 +79,9 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                     }) : renderHtml({
                         html: opt.label,
                         methods
-                    }))
-                )))
+                    })))))
         }
-    }));
+    });
 };
 CheckboxSelector.defaultProps = blockDefaultProps;
 CheckboxSelector.meta = {

package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js

@@ -17,7 +17,7 @@ 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, {
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -58,7 +58,7 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
                     methods
                 })))
         }
-    }));
+    });
 };
 CheckboxSwitch.defaultProps = blockDefaultProps;
 CheckboxSwitch.meta = {

package/dist/blocks/Collapse/Collapse.js

@@ -1,3 +1,17 @@
+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-2022 Lowdefy, Inc
 
@@ -16,26 +30,11 @@
 import { Collapse } from 'antd';
 import { serializer, type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } 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 CollapseBlock = ({ blockId , events , content , components: { Icon  } , methods , properties  })=>{
     const panels = properties.panels || Object.keys(content).sort().map((key)=>({
             key,
             title: key
-        })
-    );
+        }));
     const additionalProps = {};
     if (properties.activeKey) {
         additionalProps.activeKey = properties.activeKey;
@@ -46,7 +45,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
             name: propertiesIconExpand
         };
     }
-    return(/*#__PURE__*/ React.createElement(Collapse, _extends({
+    return /*#__PURE__*/ React.createElement(Collapse, _extends({
         id: blockId,
         defaultActiveKey: properties.defaultActiveKey || panels[0].key,
         bordered: properties.bordered,
@@ -56,8 +55,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
                 event: {
                     activeKey
                 }
-            })
-        ,
+            }),
         expandIcon: propertiesIconExpand && (({ isActive  })=>/*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_expandIcon`,
                 events: events,
@@ -65,8 +63,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
                     rotate: isActive ? 90 : 0,
                     ...propertiesIconExpand
                 }
-            })
-        ),
+            })),
         expandIconPosition: properties.expandIconPosition,
         destroyInactivePanel: properties.destroyInactivePanel
     }, additionalProps), panels.map((panel)=>/*#__PURE__*/ React.createElement(Collapse.Panel, {
@@ -79,8 +76,7 @@ const CollapseBlock = ({ blockId , events , content , components: { Icon  } , me
             }),
             key: panel.key,
             showArrow: properties.showArrow
-        }, content[panel.key] && content[panel.key]())
-    )));
+        }, content[panel.key] && content[panel.key]())));
 };
 CollapseBlock.defaultProps = blockDefaultProps;
 CollapseBlock.meta = {

package/dist/blocks/Comment/Comment.js

@@ -30,7 +30,7 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
             content: properties.author.substring(0, 2)
         };
     }
-    return(/*#__PURE__*/ React.createElement(Comment, {
+    return /*#__PURE__*/ React.createElement(Comment, {
         id: blockId,
         actions: [
             content.actions && content.actions()
@@ -43,7 +43,7 @@ const CommentBlock = ({ blockId , components , content , properties , methods  }
             properties: avatar,
             methods: methods
         })
-    }, content.children && content.children()));
+    }, content.children && content.children());
 };
 CommentBlock.defaultProps = blockDefaultProps;
 CommentBlock.meta = {

package/dist/blocks/ConfirmModal/ConfirmModal.js

@@ -81,9 +81,9 @@ const ConfirmModal = ({ blockId , events , content , components: { Icon  } , met
             });
         });
     });
-    return(/*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         id: blockId
-    }));
+    });
 };
 ConfirmModal.defaultProps = blockDefaultProps;
 ConfirmModal.meta = {

package/dist/blocks/Content/Content.js

@@ -19,8 +19,7 @@ const Content = Layout.Content;
 const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Content, {
         id: blockId,
         className: methods.makeCssClass(properties.style)
-    }, content.content && content.content())
-;
+    }, content.content && content.content());
 ContentBlock.defaultProps = blockDefaultProps;
 ContentBlock.meta = {
     category: 'container',

package/dist/blocks/ControlledList/ControlledList.js

@@ -42,7 +42,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
             width: '100%'
         }
     };
-    return(/*#__PURE__*/ React.createElement(List, {
+    return /*#__PURE__*/ React.createElement(List, {
         id: blockId,
         size: properties.size,
         header: (properties.title || properties.addToFront && !properties.hideAddButton) && /*#__PURE__*/ React.createElement("div", {
@@ -120,7 +120,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
             }, item.content && item.content({
                 width: '100%'
             }))
-    }));
+    });
 };
 ControlledListBlock.defaultProps = blockDefaultProps;
 ControlledListBlock.meta = {

package/dist/blocks/DateRangeSelector/DateRangeSelector.js

@@ -21,14 +21,12 @@ import Label from '../Label/Label.js';
 import disabledDate from '../../disabledDate.js';
 const RangePicker = DatePicker.RangePicker;
 const rangeValue = (value, format)=>{
-    if (value && format) return value.map((val)=>moment.utc(val, format).startOf('day')
-    );
-    if (value) return value.map((val)=>moment.utc(val).startOf('day')
-    );
+    if (value && format) return value.map((val)=>moment.utc(val, format).startOf('day'));
+    if (value) return value.map((val)=>moment.utc(val).startOf('day'));
     return null;
 };
 const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value ,  })=>{
-    return(/*#__PURE__*/ React.createElement(Label, {
+    return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon
@@ -62,10 +60,10 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
                     format: properties.format || 'YYYY-MM-DD',
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                    ,
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
                     separator: properties.separator || '~',
                     size: properties.size,
+                    status: validation.status,
                     placeholder: type.isArray(properties.placeholder) && [
                         properties.placeholder[0] || 'Start Date',
                         properties.placeholder[1] || 'End Date', 
@@ -73,14 +71,13 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
                         'Start Date',
                         'End Date'
                     ],
-                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
+                    suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
                         properties: properties.suffixIcon || 'AiOutlineCalendar'
                     }),
                     onChange: (newVal)=>{
-                        methods.setValue(!newVal ? null : newVal.map((val)=>moment.utc(val.add(val.utcOffset(), 'minutes')).startOf('day').toDate()
-                        ));
+                        methods.setValue(!newVal ? null : newVal.map((val)=>moment.utc(val.add(val.utcOffset(), 'minutes')).startOf('day').toDate()));
                         methods.triggerEvent({
                             name: 'onChange'
                         });
@@ -88,7 +85,7 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
                     value: rangeValue(value)
                 }))
         }
-    }));
+    });
 };
 DateRangeSelector.defaultProps = blockDefaultProps;
 DateRangeSelector.meta = {