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

package/dist/blocks/Affix/Affix.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -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,9 +30,8 @@ const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#
                     affixed
                 }
             });
-        },
-        children: content.content && content.content()
-    })
+        }
+    }, content.content && content.content())
 ;
 AffixBlock.defaultProps = blockDefaultProps;
 AffixBlock.meta = {

package/dist/blocks/Alert/Alert.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -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,9 +66,8 @@ 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 = {

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -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,
@@ -35,7 +34,7 @@ const AutoCompleteInput = ({ blockId , components , events , loading , methods ,
         required: required,
         loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(AutoComplete, {
+            content: ()=>/*#__PURE__*/ React.createElement(AutoComplete, {
                     id: `${blockId}_input`,
                     autoFocus: properties.autoFocus,
                     backfill: properties.backfill,
@@ -66,34 +65,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
+                    }))
+                ))
         }
     }));
 };

package/dist/blocks/Avatar/Avatar.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -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,13 +33,12 @@ 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 = {

package/dist/blocks/Badge/Badge.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -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,13 +27,12 @@ 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 = {

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -17,53 +16,60 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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__*/ _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__*/ _jsx(Link, {
-                    id: `${blockId}_${index}`,
-                    className: methods.makeCssClass([
-                        {
-                            cursor: events[onClickActionName] && 'pointer'
-                        },
-                        link.style, 
-                    ]),
-                    ...link,
-                    children: (defaultTitle)=>/*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                link.icon && /*#__PURE__*/ _jsx(Icon, {
-                                    blockId: `${blockId}_${index}_icon`,
-                                    events: events,
-                                    properties: {
-                                        name: type.isString(link.icon) && link.icon,
-                                        ...type.isObject(link.icon) ? link.icon : {},
-                                        style: {
-                                            paddingRight: 8,
-                                            ...link.icon.style || {}
-                                        }
-                                    }
-                                }),
-                                type.isString(link) ? link : link.label || defaultTitle
-                            ]
-                        })
+        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 = {

package/dist/blocks/Button/Button.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -22,7 +21,7 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
     const onClickActionName = get(rename, 'events.onClick', {
         default: 'onClick'
     });
-    return(/*#__PURE__*/ _jsx(Button, {
+    return(/*#__PURE__*/ React.createElement(Button, {
         block: properties.block,
         className: methods.makeCssClass([
             {
@@ -50,7 +49,7 @@ const ButtonBlock = ({ blockId , events , loading , components: { Icon  } , meth
         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,12 +57,11 @@ 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 = {

package/dist/blocks/ButtonSelector/ButtonSelector.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -22,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__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -35,7 +34,7 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
         required: required,
         loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Radio.Group, {
+            content: ()=>/*#__PURE__*/ React.createElement(Radio.Group, {
                     id: `${blockId}_input`,
                     className: methods.makeCssClass([
                         properties.color && {
@@ -55,29 +54,28 @@ const ButtonSelector = ({ blockId , components , events , loading , properties ,
                             name: 'onChange'
                         });
                     },
-                    value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || []),
-                    children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Radio.Button, {
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            children: renderHtml({
-                                html: `${opt}`,
-                                methods
-                            })
-                        }, i) : /*#__PURE__*/ _jsx(Radio.Button, {
-                            id: `${blockId}_${i}`,
-                            value: `${i}`,
-                            disabled: opt.disabled,
-                            className: methods.makeCssClass(opt.style),
-                            children: type.isNone(opt.label) ? renderHtml({
-                                html: `${opt.value}`,
-                                methods
-                            }) : renderHtml({
-                                html: opt.label,
-                                methods
-                            })
-                        }, i)
-                    )
-                })
+                    value: type.isNone(value) ? undefined : getValueIndex(value, properties.options || [])
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Radio.Button, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Radio.Button, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`,
+                        disabled: opt.disabled,
+                        className: methods.makeCssClass(opt.style)
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                ))
         }
     }));
 };

package/dist/blocks/Card/Card.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -16,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { Card } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#__PURE__*/ _jsx(Card, {
+const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#__PURE__*/ React.createElement(Card, {
         id: blockId,
         title: content.title ? content.title() : renderHtml({
             html: properties.title,
@@ -39,9 +38,8 @@ const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#_
                 cursor: events.onClick && 'pointer'
             },
             properties.style, 
-        ]),
-        children: content.content && content.content()
-    })
+        ])
+    }, content.content && content.content())
 ;
 CardBlock.defaultProps = blockDefaultProps;
 CardBlock.meta = {

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -22,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__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -35,7 +34,7 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
         required: required,
         loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Checkbox.Group, {
+            content: ()=>/*#__PURE__*/ React.createElement(Checkbox.Group, {
                     id: `${blockId}_input`,
                     className: methods.makeCssClass([
                         properties.color && {
@@ -57,34 +56,32 @@ const CheckboxSelector = ({ blockId , components , events , loading , properties
                             name: 'onChange'
                         });
                     },
-                    value: getValueIndex(value, uniqueValueOptions, true),
-                    children: /*#__PURE__*/ _jsx(Space, {
-                        direction: properties.direction,
-                        wrap: type.isNone(properties.wrap) ? true : properties.wrap,
-                        align: type.isNone(properties.align) ? 'start' : properties.align,
-                        children: uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ _jsx(Checkbox, {
-                                id: `${blockId}_${i}`,
-                                value: `${i}`,
-                                children: renderHtml({
-                                    html: `${opt}`,
-                                    methods
-                                })
-                            }, i) : /*#__PURE__*/ _jsx(Checkbox, {
-                                id: `${blockId}_${i}`,
-                                value: `${i}`,
-                                disabled: opt.disabled,
-                                className: methods.makeCssClass(opt.style),
-                                children: type.isNone(opt.label) ? renderHtml({
-                                    html: `${opt.value}`,
-                                    methods
-                                }) : renderHtml({
-                                    html: opt.label,
-                                    methods
-                                })
-                            }, i)
-                        )
-                    })
-                })
+                    value: getValueIndex(value, uniqueValueOptions, true)
+                }, /*#__PURE__*/ React.createElement(Space, {
+                    direction: properties.direction,
+                    wrap: type.isNone(properties.wrap) ? true : properties.wrap,
+                    align: type.isNone(properties.align) ? 'start' : properties.align
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`,
+                        disabled: opt.disabled,
+                        className: methods.makeCssClass(opt.style)
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                )))
         }
     }));
 };

package/dist/blocks/CheckboxSwitch/CheckboxSwitch.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -18,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__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -31,7 +30,7 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
         required: required,
         loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Checkbox, {
+            content: ()=>/*#__PURE__*/ React.createElement(Checkbox, {
                     id: `${blockId}_input`,
                     checked: value,
                     disabled: properties.disabled,
@@ -52,15 +51,13 @@ const CheckboxSwitch = ({ blockId , components , events , loading , properties ,
                         methods.triggerEvent({
                             name: 'onChange'
                         });
-                    },
-                    children: /*#__PURE__*/ _jsx(Space, {
-                        wrap: true,
-                        children: renderHtml({
-                            html: properties.description,
-                            methods
-                        })
-                    })
-                })
+                    }
+                }, /*#__PURE__*/ React.createElement(Space, {
+                    wrap: true
+                }, renderHtml({
+                    html: properties.description,
+                    methods
+                })))
         }
     }));
 };