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

package/dist/blocks/Layout/Layout.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -15,7 +15,7 @@
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Layout } from 'antd';
-const LayoutBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ React.createElement(Layout, {
+const LayoutBlock = ({ blockId, content, properties, methods })=>/*#__PURE__*/ React.createElement(Layout, {
         id: blockId,
         className: methods.makeCssClass(properties.style)
     }, content.content && content.content());

package/dist/blocks/Layout/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/Menu/Menu.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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,21 +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.
-*/ 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);
-}
-import React from 'react';
+*/ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Menu } from 'antd';
 import { type, get } from '@lowdefy/helpers';
@@ -36,8 +22,8 @@ const getDefaultMenu = (menus, menuId = 'default', links)=>{
     const menu = menus.find((item)=>item.menuId === menuId) ?? menus[0] ?? {};
     return menu.links ?? [];
 };
-const getTitle = ({ id , properties , pageId , url  })=>(properties && properties.title) ?? pageId ?? url ?? id;
-const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , methods , pageId , properties , rename  })=>{
+const getTitle = ({ id, properties, pageId, url })=>properties?.title ?? pageId ?? url ?? id;
+const MenuComp = ({ blockId, components: { Icon, Link }, events, menus, methods, pageId, properties, rename })=>{
     const styles = {
         lineHeight: '64px',
         width: '100%',
@@ -50,7 +36,7 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
     }
     const menu = getDefaultMenu(menus, properties.menuId, properties.links);
     const theme = properties.theme ?? 'dark';
-    return /*#__PURE__*/ React.createElement(Menu, _extends({
+    return /*#__PURE__*/ React.createElement(Menu, {
         id: blockId,
         expandIcon: properties.expandIcon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_expandIcon`,
@@ -100,8 +86,9 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                 event: {
                     openKeys
                 }
-            })
-    }, exProps), menu.map((link, i)=>{
+            }),
+        ...exProps
+    }, menu.map((link, i)=>{
         switch(link.type){
             case 'MenuDivider':
                 return /*#__PURE__*/ React.createElement(Menu.Divider, {
@@ -109,16 +96,17 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                     className: methods.makeCssClass([
                         link.style
                     ]),
-                    dashed: link.properties && link.properties.dashed
+                    dashed: link.properties?.dashed
                 });
             case 'MenuGroup':
                 return /*#__PURE__*/ React.createElement(Menu.SubMenu, {
                     key: link.pageId ?? link.id,
-                    title: /*#__PURE__*/ React.createElement(Link, _extends({
+                    title: /*#__PURE__*/ React.createElement(Link, {
                         id: link.pageId ?? link.id ?? i,
-                        className: methods.makeCssClass(link.style, true)
-                    }, link), getTitle(link)),
-                    icon: link.properties && link.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+                        className: methods.makeCssClass(link.style, true),
+                        ...link
+                    }, getTitle(link)),
+                    icon: link.properties?.icon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${link.id}_icon`,
                         events: events,
                         properties: link.properties.icon
@@ -133,15 +121,16 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                                 className: methods.makeCssClass([
                                     subLink.style
                                 ]),
-                                dashed: subLink.properties && subLink.properties.dashed
+                                dashed: subLink.properties?.dashed
                             });
                         case 'MenuGroup':
                             return /*#__PURE__*/ React.createElement(Menu.ItemGroup, {
                                 key: subLink.pageId ?? subLink.id,
-                                title: /*#__PURE__*/ React.createElement(Link, _extends({
+                                title: /*#__PURE__*/ React.createElement(Link, {
                                     id: subLink.pageId ?? subLink.id ?? j,
-                                    className: methods.makeCssClass(subLink.style, true)
-                                }, subLink), getTitle(subLink))
+                                    className: methods.makeCssClass(subLink.style, true),
+                                    ...subLink
+                                }, getTitle(subLink))
                             }, subLink.links.map((subLinkGroup, k)=>{
                                 if (subLinkGroup.type === 'MenuDivider') {
                                     return /*#__PURE__*/ React.createElement(Menu.Divider, {
@@ -149,36 +138,38 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                                         className: methods.makeCssClass([
                                             subLink.style
                                         ]),
-                                        dashed: subLink.properties && subLink.properties.dashed
+                                        dashed: subLink.properties?.dashed
                                     });
                                 }
                                 return /*#__PURE__*/ React.createElement(Menu.Item, {
                                     key: subLinkGroup.pageId ?? subLinkGroup.id,
                                     danger: get(subLinkGroup, 'properties.danger'),
-                                    icon: subLinkGroup.properties && subLinkGroup.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+                                    icon: subLinkGroup.properties?.icon && /*#__PURE__*/ React.createElement(Icon, {
                                         blockId: `${subLinkGroup.id}_icon`,
                                         events: events,
                                         properties: subLinkGroup.properties.icon
                                     })
-                                }, /*#__PURE__*/ React.createElement(Link, _extends({
+                                }, /*#__PURE__*/ React.createElement(Link, {
                                     id: subLinkGroup.pageId ?? subLinkGroup.id ?? k,
-                                    className: methods.makeCssClass(subLinkGroup.style, true)
-                                }, subLinkGroup), getTitle(subLinkGroup)));
+                                    className: methods.makeCssClass(subLinkGroup.style, true),
+                                    ...subLinkGroup
+                                }, getTitle(subLinkGroup)));
                             }));
                         case 'MenuLink':
                         default:
                             return /*#__PURE__*/ React.createElement(Menu.Item, {
                                 key: subLink.pageId ?? subLink.id,
                                 danger: get(subLink, 'properties.danger'),
-                                icon: subLink.properties && subLink.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+                                icon: subLink.properties?.icon && /*#__PURE__*/ React.createElement(Icon, {
                                     blockId: `${subLink.id}_icon`,
                                     events: events,
                                     properties: subLink.properties.icon
                                 })
-                            }, /*#__PURE__*/ React.createElement(Link, _extends({
+                            }, /*#__PURE__*/ React.createElement(Link, {
                                 id: subLink.pageId ?? subLink.id ?? j,
-                                className: methods.makeCssClass(subLink.style, true)
-                            }, subLink), getTitle(subLink)));
+                                className: methods.makeCssClass(subLink.style, true),
+                                ...subLink
+                            }, getTitle(subLink)));
                     }
                 }));
             case 'MenuLink':
@@ -186,15 +177,16 @@ const MenuComp = ({ blockId , components: { Icon , Link  } , events , menus , me
                 return /*#__PURE__*/ React.createElement(Menu.Item, {
                     key: link.pageId ?? link.id,
                     danger: get(link, 'properties.danger'),
-                    icon: link.properties && link.properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+                    icon: link.properties?.icon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${link.id}_icon`,
                         events: events,
                         properties: link.properties.icon
                     })
-                }, /*#__PURE__*/ React.createElement(Link, _extends({
+                }, /*#__PURE__*/ React.createElement(Link, {
                     id: link.pageId ?? link.id ?? i,
-                    className: methods.makeCssClass(link.style, true)
-                }, link), getTitle(link)));
+                    className: methods.makeCssClass(link.style, true),
+                    ...link
+                }, getTitle(link)));
         }
     }));
 };

package/dist/blocks/Menu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/Message/Message.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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,23 +16,23 @@
 import { message } from 'antd';
 import { type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const MessageBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>{
+const MessageBlock = ({ blockId, components: { Icon }, events, methods, properties })=>{
     useEffect(()=>{
         methods.registerMethod('open', (args = {})=>{
-            return message[args.status || properties.status || 'success']({
+            return message[args.status ?? properties.status ?? 'success']({
                 id: `${blockId}_message`,
                 content: renderHtml({
-                    html: args.content || properties.content || blockId,
+                    html: args.content ?? properties.content ?? blockId,
                     methods
                 }),
                 duration: type.isNone(args.duration) ? properties.duration : args.duration,
                 onClose: ()=>methods.triggerEvent({
                         name: 'onClose'
                     }),
-                icon: (args.icon || properties.icon) && /*#__PURE__*/ React.createElement(Icon, {
+                icon: (args.icon ?? properties.icon) && /*#__PURE__*/ React.createElement(Icon, {
                     blockId: `${blockId}_icon`,
                     events: events,
-                    properties: args.icon || properties.icon
+                    properties: args.icon ?? properties.icon
                 }),
                 className: methods.makeCssClass(properties.messageStyle)
             });

package/dist/blocks/Message/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/MobileMenu/MobileMenu.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -18,7 +18,7 @@ import { mergeObjects, get } from '@lowdefy/helpers';
 import Button from '../Button/Button.js';
 import Drawer from '../Drawer/Drawer.js';
 import Menu from '../Menu/Menu.js';
-const MobileMenu = ({ basePath , blockId , components , events , methods , menus , pageId , properties , rename  })=>{
+const MobileMenu = ({ basePath, blockId, components, events, methods, menus, pageId, properties, rename })=>{
     const [openState, setOpen] = useState(false);
     useEffect(()=>{
         methods.registerMethod(get(rename, 'methods.toggleOpen', {
@@ -31,7 +31,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
         });
         methods.registerMethod(get(rename, 'methods.setOpen', {
             default: 'setOpen'
-        }), ({ open  })=>{
+        }), ({ open })=>{
             methods._setOpen({
                 open
             });
@@ -86,7 +86,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                 default: 'toggleOpen'
             })](),
         content: {
-            content: ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu, {
+            content: ()=>/*#__PURE__*/ React.createElement(Menu, {
                     basePath: basePath,
                     components: components,
                     blockId: `${blockId}_menu`,
@@ -110,7 +110,7 @@ const MobileMenu = ({ basePath , blockId , components , events , methods , menus
                             onSelect: 'onMenuItemSelect'
                         }
                     }
-                }))
+                })
         }
     }));
 };

package/dist/blocks/MobileMenu/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/Modal/Modal.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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,25 +12,11 @@
   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.
-*/ 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);
-}
-import React, { useState, useEffect } from 'react';
+*/ import React, { useState, useEffect } from 'react';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { get } from '@lowdefy/helpers';
 import { Modal } from 'antd';
-const triggerSetOpen = ({ methods , setOpen , state  })=>{
+const triggerSetOpen = ({ methods, setOpen, state })=>{
     if (!state) {
         methods.triggerEvent({
             name: 'onClose'
@@ -43,7 +29,7 @@ const triggerSetOpen = ({ methods , setOpen , state  })=>{
     }
     setOpen(state);
 };
-const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
+const ModalBlock = ({ blockId, content, events, methods, properties })=>{
     const [openState, setOpen] = useState(false);
     useEffect(()=>{
         methods.registerMethod('toggleOpen', ()=>triggerSetOpen({
@@ -51,7 +37,7 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
                 setOpen,
                 methods
             }));
-        methods.registerMethod('setOpen', ({ open  })=>triggerSetOpen({
+        methods.registerMethod('setOpen', ({ open })=>triggerSetOpen({
                 state: !!open,
                 setOpen,
                 methods
@@ -66,14 +52,14 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
     }
     return /*#__PURE__*/ React.createElement("div", {
         id: blockId
-    }, /*#__PURE__*/ React.createElement(Modal, _extends({
+    }, /*#__PURE__*/ React.createElement(Modal, {
         id: `${blockId}_modal`,
         afterClose: ()=>methods.triggerEvent({
                 name: 'afterClose'
             }),
         bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
         cancelButtonProps: properties.cancelButtonProps,
-        cancelText: properties.cancelText || 'Cancel',
+        cancelText: properties.cancelText ?? 'Cancel',
         centered: !!properties.centered,
         closable: properties.closable !== undefined ? properties.closable : true,
         confirmLoading: get(events, 'onOk.loading'),
@@ -81,8 +67,8 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
         maskClosable: properties.maskClosable !== undefined ? properties.maskClosable : true,
         maskStyle: methods.makeCssClass(properties.maskStyle, true),
         okButtonProps: properties.okButtonProps,
-        okText: properties.okText || 'Ok',
-        okType: properties.okButtonType || 'primary',
+        okText: properties.okText ?? 'Ok',
+        okType: properties.okButtonType ?? 'primary',
         title: renderHtml({
             html: properties.title,
             methods
@@ -116,8 +102,9 @@ const ModalBlock = ({ blockId , content , events , methods , properties  })=>{
                     methods
                 });
             }
-        }
-    }, extraProps), content.content && content.content()));
+        },
+        ...extraProps
+    }, content.content && content.content()));
 };
 ModalBlock.defaultProps = blockDefaultProps;
 ModalBlock.meta = {

package/dist/blocks/Modal/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/MonthSelector/MonthSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -20,7 +20,7 @@ import { type } from '@lowdefy/helpers';
 import Label from '../Label/Label.js';
 import disabledDate from '../../disabledDate.js';
 const MonthPicker = DatePicker.MonthPicker;
-const MonthSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+const MonthSelector = ({ blockId, components: { Icon }, events, loading, methods, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -54,16 +54,16 @@ const MonthSelector = ({ blockId , components: { Icon  } , events , loading , me
                     ]),
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
-                    format: properties.format || 'YYYY-MM',
+                    format: properties.format ?? 'YYYY-MM',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    placeholder: properties.placeholder || 'Select Month',
+                    placeholder: properties.placeholder ?? 'Select Month',
                     size: properties.size,
                     status: validation.status,
                     value: type.isDate(value) ? moment.utc(value).startOf('month') : null,
                     suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
+                        properties: properties.suffixIcon ?? 'AiOutlineCalendar'
                     }),
                     onChange: (newVal)=>{
                         methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('month').toDate());

package/dist/blocks/MonthSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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/MultipleSelector/MultipleSelector.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 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,10 +19,28 @@ import { Select } from 'antd';
 import getUniqueValues from '../../getUniqueValues.js';
 import getValueIndex from '../../getValueIndex.js';
 import Label from '../Label/Label.js';
+import Tag from '../Tag/Tag.js';
 const Option = Select.Option;
-const MultipleSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+const tagRender = (props, option, methods, components)=>{
+    const { label, closable, onClose } = props;
+    return /*#__PURE__*/ React.createElement(Tag, {
+        components: components,
+        methods: methods,
+        onClose: onClose,
+        properties: {
+            title: label ?? '',
+            ...option?.tag ?? {},
+            closable,
+            style: {
+                marginRight: 3,
+                ...option?.tag?.style ?? {}
+            }
+        }
+    });
+};
+const MultipleSelector = ({ blockId, components: { Icon }, events, loading, methods, properties, required, validation, value })=>{
     const [fetchState, setFetch] = useState(false);
-    const uniqueValueOptions = getUniqueValues(properties.options || []);
+    const uniqueValueOptions = getUniqueValues(properties.options ?? []);
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -56,8 +74,12 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                     disabled: properties.disabled || loading,
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
                     mode: "multiple",
+                    tagRender: properties.renderTags && ((props)=>tagRender(props, uniqueValueOptions[props.value], methods, {
+                            Icon
+                        })),
+                    maxTagCount: properties.maxTagCount,
                     notFoundContent: fetchState ? 'Loading' : 'Not found',
-                    placeholder: get(properties, 'placeholder', {
+                    placeholder: loading ? 'Loading...' : get(properties, 'placeholder', {
                         default: 'Select items'
                     }),
                     showArrow: get(properties, 'showArrow', {
@@ -65,7 +87,7 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                     }),
                     size: properties.size,
                     status: validation.status,
-                    value: getValueIndex(value, uniqueValueOptions, true),
+                    value: loading ? [] : getValueIndex(value, uniqueValueOptions, true),
                     suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
@@ -92,6 +114,21 @@ const MultipleSelector = ({ blockId , components: { Icon  } , events , loading ,
                             name: 'onChange'
                         });
                     },
+                    onBlur: ()=>{
+                        methods.triggerEvent({
+                            name: 'onBlur'
+                        });
+                    },
+                    onFocus: ()=>{
+                        methods.triggerEvent({
+                            name: 'onFocus'
+                        });
+                    },
+                    onClear: ()=>{
+                        methods.triggerEvent({
+                            name: 'onClear'
+                        });
+                    },
                     onSearch: async (value)=>{
                         setFetch(true);
                         const result = await methods.triggerEvent({

package/dist/blocks/MultipleSelector/schema.json

@@ -178,12 +178,39 @@
                   "docs": {
                     "displayType": "yaml"
                   }
+                },
+                "tag": {
+                  "type": "object",
+                  "properties": {
+                    "color": {
+                      "type": "string",
+                      "description": "Color of the Tag. Preset options are success, processing, error, warning, default, blue, cyan, geekblue, gold, green, lime, magenta, orange, purple, red, volcano, or alternatively any hex color.",
+                      "docs": {
+                        "displayType": "color"
+                      }
+                    },
+                    "title": {
+                      "type": "string",
+                      "description": "Content title of tag - supports html."
+                    },
+                    "icon": {
+                      "type": ["string", "object"],
+                      "description": "Name of an Ant Design Icon or properties of an Icon block to customize alert icon.",
+                      "docs": {
+                        "displayType": "icon"
+                      }
+                    }
+                  }
                 }
               }
             }
           }
         ]
       },
+      "maxTagCount": {
+        "type": "number",
+        "description": "Max tag count to show."
+      },
       "placeholder": {
         "type": "string",
         "default": "Select item",
@@ -219,6 +246,10 @@
       "title": {
         "type": "string",
         "description": "Multiple selector label title - supports html."
+      },
+      "renderTags": {
+        "type": "boolean",
+        "description": "When true, the selected option labels are rendered as tags in the selector input. This field must be true to render option tag values."
       }
     }
   },
@@ -230,6 +261,18 @@
         "type": "array",
         "description": "Trigger actions when selection is changed."
       },
+      "onBlur": {
+        "type": "array",
+        "description": "Trigger action event occurs when selector loses focus."
+      },
+      "onFocus": {
+        "type": "array",
+        "description": "Trigger action when selector gets focus."
+      },
+      "onClear": {
+        "type": "array",
+        "description": "Trigger action when selector gets cleared."
+      },
       "onSearch": {
         "type": "array",
         "description": "Trigger actions when input is changed. 'value' is passed to the _event operator to be used in actions such as search queries."

package/dist/blocks/MultipleSelector/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -15,4 +15,5 @@
 */
 
 @import 'antd/lib/select/style/index.less';
+@import 'antd/lib/tag/style/index.less';
 @import '../Label/style.less';

package/dist/blocks/Notification/Notification.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -17,7 +17,7 @@ import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { notification } from 'antd';
 import { type } from '@lowdefy/helpers';
 import Button from '../Button/Button.js';
-const NotificationBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>{
+const NotificationBlock = ({ blockId, components: { Icon }, events, methods, properties })=>{
     useEffect(()=>{
         methods.registerMethod('open', (args = {})=>{
             notification[args.status || properties.status || 'success']({

package/dist/blocks/Notification/style.less

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