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

package/dist/blocks/NumberInput/NumberInput.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,7 +16,7 @@
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { InputNumber } from 'antd';
 import Label from '../Label/Label.js';
-const NumberInput = ({ blockId , events , components , loading , methods , properties , required , validation , value  })=>{
+const NumberInput = ({ blockId, events, components, loading, methods, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
@@ -64,6 +64,16 @@ const NumberInput = ({ blockId , events , components , loading , methods , prope
                             name: 'onPressEnter'
                         });
                     },
+                    onBlur: ()=>{
+                        methods.triggerEvent({
+                            name: 'onBlur'
+                        });
+                    },
+                    onFocus: ()=>{
+                        methods.triggerEvent({
+                            name: 'onFocus'
+                        });
+                    },
                     value: value
                 })
         }

package/dist/blocks/NumberInput/schema.json

@@ -151,9 +151,17 @@
     "type": "object",
     "additionalProperties": false,
     "properties": {
+      "onBlur": {
+        "type": "array",
+        "description": "Trigger action event occurs when number input loses focus."
+      },
       "onChange": {
         "type": "array",
-        "description": "Trigger actions when number is changed."
+        "description": "Trigger action when number input is changed."
+      },
+      "onFocus": {
+        "type": "array",
+        "description": "Trigger action when number input gets focus."
       },
       "onPressEnter": {
         "type": "array",

package/dist/blocks/NumberInput/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/PageHeaderMenu/PageHeaderMenu.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.
@@ -22,7 +22,7 @@ import Header from '../Header/Header.js';
 import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
-const PageHeaderMenu = ({ basePath , blockId , components: { Icon , Link  } , content , events , menus , methods , pageId , properties  })=>{
+const PageHeaderMenu = ({ basePath, blockId, components: { Icon, Link }, content, events, menus, methods, pageId, properties })=>{
     const styles = {
         layout: {
             minHeight: '100vh'

package/dist/blocks/PageHeaderMenu/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/PageSiderMenu/PageSiderMenu.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.
@@ -25,7 +25,7 @@ import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
 import Sider from '../Sider/Sider.js';
-const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , events , content , menus , methods , pageId , properties  })=>{
+const PageSiderMenu = ({ basePath, blockId, components: { Icon, Link }, events, content, menus, methods, pageId, properties })=>{
     const [openSiderState, setSiderOpen] = useState(!properties.sider?.initialCollapsed);
     useEffect(()=>{
         methods.registerMethod('toggleSiderOpen', ()=>{
@@ -34,7 +34,7 @@ const PageSiderMenu = ({ basePath , blockId , components: { Icon , Link  } , eve
             });
             setSiderOpen(!openSiderState);
         });
-        methods.registerMethod('setSiderOpen', ({ open  })=>{
+        methods.registerMethod('setSiderOpen', ({ open })=>{
             methods._toggleSiderOpen({
                 open
             });

package/dist/blocks/PageSiderMenu/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/Pagination/Pagination.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,7 +16,7 @@
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Pagination } from 'antd';
 import { type } from '@lowdefy/helpers';
-const getPageSize = ({ properties , value  })=>{
+const getPageSize = ({ properties, value })=>{
     if (type.isObject(value) && type.isNumber(value.pageSize)) {
         return value.pageSize;
     }
@@ -25,7 +25,7 @@ const getPageSize = ({ properties , value  })=>{
     }
     return 10;
 };
-const createChangeHandler = ({ eventName , methods  })=>(current, pageSize)=>{
+const createChangeHandler = ({ eventName, methods })=>(current, pageSize)=>{
         methods.setValue({
             current,
             pageSize,
@@ -40,7 +40,7 @@ const createChangeHandler = ({ eventName , methods  })=>(current, pageSize)=>{
             }
         });
     };
-const PaginationBlock = ({ blockId , loading , methods , properties , value  })=>{
+const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
     const showTotal = type.isFunction(properties.showTotal) ? properties.showTotal : (total, range)=>{
         if (type.isString(properties.showTotal)) {
             return properties.showTotal;

package/dist/blocks/Pagination/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/Paragraph/Paragraph.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 { type } from '@lowdefy/helpers';
 import { Typography } from 'antd';
 const Paragraph = Typography.Paragraph;
-const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>/*#__PURE__*/ React.createElement(Paragraph, {
+const ParagraphBlock = ({ blockId, components: { Icon }, events, methods, properties })=>/*#__PURE__*/ React.createElement(Paragraph, {
         id: blockId,
         className: methods.makeCssClass(properties.style),
         code: properties.code,
@@ -89,6 +89,7 @@ const ParagraphBlock = ({ blockId , components: { Icon  } , events , methods , p
         underline: properties.underline
     }, renderHtml({
         html: properties.content,
+        events,
         methods
     }));
 ParagraphBlock.defaultProps = blockDefaultProps;

package/dist/blocks/Paragraph/schema.json

@@ -125,6 +125,10 @@
       "onCopy": {
         "type": "array",
         "description": "Trigger action when copy text is clicked."
+      },
+      "onTextSelection": {
+        "type": "array",
+        "description": "Trigger action when text is selected and pass selected text to the event object."
       }
     }
   }

package/dist/blocks/Paragraph/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/ParagraphInput/ParagraphInput.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 { Typography } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 const Paragraph = Typography.Paragraph;
-const ParagraphInput = ({ blockId , components: { Icon  } , events , loading , methods , properties , value  })=>{
+const ParagraphInput = ({ blockId, components: { Icon }, events, loading, methods, properties, value })=>{
     const [editing, setEdit] = useState(false);
     const editableEvents = {
         onStart: ()=>{

package/dist/blocks/ParagraphInput/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/PasswordInput/PasswordInput.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 { Input } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import useRunAfterUpdate from '../../useRunAfterUpdate.js';
-const PasswordInput = ({ blockId , components , events , loading , methods , properties , required , validation , value  })=>{
+const PasswordInput = ({ blockId, components, events, loading, methods, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
@@ -54,6 +54,16 @@ const PasswordInput = ({ blockId , components , events , loading , methods , pro
                             name: 'onPressEnter'
                         });
                     },
+                    onFocus: ()=>{
+                        methods.triggerEvent({
+                            name: 'onFocus'
+                        });
+                    },
+                    onBlur: ()=>{
+                        methods.triggerEvent({
+                            name: 'onBlur'
+                        });
+                    },
                     placeholder: properties.placeholder,
                     value: value,
                     size: properties.size,

package/dist/blocks/PasswordInput/schema.json

@@ -110,10 +110,18 @@
     "type": "object",
     "additionalProperties": false,
     "properties": {
+      "onBlur": {
+        "type": "array",
+        "description": "Trigger action event occurs when text input loses focus."
+      },
       "onChange": {
         "type": "array",
         "description": "Trigger action when text input is changed."
       },
+      "onFocus": {
+        "type": "array",
+        "description": "Trigger action when text input gets focus."
+      },
       "onPressEnter": {
         "type": "array",
         "description": "Trigger action when enter is pressed while text input is focused."

package/dist/blocks/PasswordInput/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/PhoneNumberInput/PhoneNumberInput.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,13 +20,13 @@ import Label from '../Label/Label.js';
 import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const Option = Select.Option;
-function getAllowedRegions({ allowedRegions , regions  }) {
+function getAllowedRegions({ allowedRegions, regions }) {
     if (!allowedRegions || allowedRegions.length === 0) {
         return regions;
     }
     return regions.filter((region)=>allowedRegions.includes(region.code));
 }
-function getDefaultRegion({ allowedRegions , defaultRegion , uniqueValueOptions  }) {
+function getDefaultRegion({ allowedRegions, defaultRegion, uniqueValueOptions }) {
     if (!defaultRegion) {
         return getValueIndex(allowedRegions[0], uniqueValueOptions);
     }
@@ -36,7 +36,7 @@ function getDefaultRegion({ allowedRegions , defaultRegion , uniqueValueOptions
     }
     return getValueIndex(allowedRegions[index], uniqueValueOptions);
 }
-function AddOnSelect({ blockId , defaultValue , loading , methods , properties , uniqueValueOptions , value  }) {
+function AddOnSelect({ blockId, defaultValue, loading, methods, properties, uniqueValueOptions, value }) {
     return /*#__PURE__*/ React.createElement(Select, {
         id: `${blockId}_select_input`,
         bordered: properties.bordered,
@@ -68,6 +68,16 @@ function AddOnSelect({ blockId , defaultValue , loading , methods , properties ,
                 name: 'onChange'
             });
         },
+        onBlur: ()=>{
+            methods.triggerEvent({
+                name: 'onBlur'
+            });
+        },
+        onFocus: ()=>{
+            methods.triggerEvent({
+                name: 'onFocus'
+            });
+        },
         optionFilterProp: "filterString",
         optionLabelProp: "label",
         placeholder: 'Select item',
@@ -89,7 +99,7 @@ function AddOnSelect({ blockId , defaultValue , loading , methods , properties ,
         }, displayLabel);
     }));
 }
-const PhoneNumberInput = ({ blockId , components: { Icon , Link  } , events , loading , methods , properties , required , validation , value  })=>{
+const PhoneNumberInput = ({ blockId, components: { Icon, Link }, events, loading, methods, properties, required, validation, value })=>{
     const allowedRegions = getAllowedRegions({
         allowedRegions: properties.allowedRegions,
         regions
@@ -151,7 +161,7 @@ const PhoneNumberInput = ({ blockId , components: { Icon , Link  } , events , lo
                     status: validation.status,
                     value: value?.input,
                     onChange: (event)=>{
-                        var input = event.target.value;
+                        let input = event.target.value;
                         if (properties.replaceInput) {
                             const regex = new RegExp(properties.replaceInput.pattern, properties.replaceInput.flags ?? 'gm');
                             input = input.replace(regex, properties.replaceInput.replacement ?? '');
@@ -175,6 +185,16 @@ const PhoneNumberInput = ({ blockId , components: { Icon , Link  } , events , lo
                             name: 'onPressEnter'
                         });
                     },
+                    onBlur: ()=>{
+                        methods.triggerEvent({
+                            name: 'onBlur'
+                        });
+                    },
+                    onFocus: ()=>{
+                        methods.triggerEvent({
+                            name: 'onFocus'
+                        });
+                    },
                     prefix: properties.prefix || properties.prefixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_prefixIcon`,
                         events: events,

package/dist/blocks/PhoneNumberInput/schema.json

@@ -199,6 +199,14 @@
         "type": "array",
         "description": "Trigger action when the number is changed."
       },
+      "onBlur": {
+        "type": "array",
+        "description": "Trigger action event occurs when input loses focus."
+      },
+      "onFocus": {
+        "type": "array",
+        "description": "Trigger action when input gets focus."
+      },
       "onPressEnter": {
         "type": "array",
         "description": "Trigger action when enter is pressed while text input is focused."

package/dist/blocks/PhoneNumberInput/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/Progress/Progress.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 { Progress } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const ProgressBlock = ({ blockId , properties  })=>/*#__PURE__*/ React.createElement(Progress, {
+const ProgressBlock = ({ blockId, properties })=>/*#__PURE__*/ React.createElement(Progress, {
         gapDegree: properties.gapDegree,
         gapPosition: properties.gapPosition,
         id: blockId,

package/dist/blocks/Progress/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/RadioSelector/RadioSelector.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 Label from '../Label/Label.js';
 import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const RadioGroup = Radio.Group;
-const RadioSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods  })=>{
+const RadioSelector = ({ blockId, components, events, loading, properties, required, validation, value, methods })=>{
     const uniqueValueOptions = getUniqueValues(properties.options || []);
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,

package/dist/blocks/RadioSelector/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/RatingSlider/RatingSlider.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.
@@ -63,7 +63,7 @@ const styles = {
         flexDirection: 'row'
     }
 };
-const RatingSlider = ({ blockId , components: { Icon , Link  } , events , loading , methods , properties , required , validation , value  })=>{
+const RatingSlider = ({ blockId, components: { Icon, Link }, events, loading, methods, properties, required, validation, value })=>{
     const [check, unCheck] = useState(false);
     let propertiesIconMin = serializer.copy(properties.minIcon);
     if (type.isString(propertiesIconMin)) {
@@ -81,10 +81,10 @@ const RatingSlider = ({ blockId , components: { Icon , Link  } , events , loadin
         get(properties, 'max', {
             default: 10
         }),
-        properties.min || 0
+        properties.min ?? 0
     ].sort((a, b)=>a - b);
     // round to fix floating point error
-    const minMin = parseFloat((minMax[0] - (properties.step || 1)).toPrecision(8));
+    const minMin = parseFloat((minMax[0] - (properties.step ?? 1)).toPrecision(8));
     const validationColor = validation.status === 'error' ? '#ff4d4f' : validation.status === 'warning' ? '#faad14' : null;
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
@@ -123,7 +123,7 @@ const RatingSlider = ({ blockId , components: { Icon , Link  } , events , loadin
                             options: [
                                 {
                                     value: true,
-                                    label: properties.notApplicableLabel || 'N/A'
+                                    label: properties.notApplicableLabel ?? 'N/A'
                                 }
                             ],
                             color: properties.color,
@@ -139,7 +139,7 @@ const RatingSlider = ({ blockId , components: { Icon , Link  } , events , loadin
                         setValue: (val)=>{
                             if (val[0] === true) {
                                 unCheck(true);
-                                methods.setValue(properties.notApplicableLabel || 'N/A');
+                                methods.setValue(properties.notApplicableLabel ?? 'N/A');
                             } else {
                                 unCheck(false);
                             }
@@ -191,13 +191,13 @@ const RatingSlider = ({ blockId , components: { Icon , Link  } , events , loadin
                     }),
                     tooltipVisible: value === null || properties.tooltipVisible === 'never' ? false : properties.tooltipVisible === 'always' ? true : undefined,
                     tipFormatter: (val)=>`${val}`,
-                    marks: properties.marks || (get(properties, 'showMarks', {
+                    marks: properties.marks ?? (get(properties, 'showMarks', {
                         default: true
-                    }) ? includeMarks(minMax, minMin, properties.step || 1) : undefined),
+                    }) ? includeMarks(minMax, minMin, properties.step ?? 1) : undefined),
                     min: minMin,
                     max: minMax[1],
                     range: false,
-                    step: properties.step || 1,
+                    step: properties.step ?? 1,
                     onChange: (val)=>{
                         if (val === minMin) {
                             methods.setValue(null);

package/dist/blocks/RatingSlider/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/Result/Result.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 { Result } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const ResultBlock = ({ blockId , components: { Icon  } , events , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Result, {
+const ResultBlock = ({ blockId, components: { Icon }, events, content, methods, properties })=>/*#__PURE__*/ React.createElement(Result, {
         id: blockId,
         title: renderHtml({
             html: properties.title,

package/dist/blocks/Result/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/Selector/Selector.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 Label from '../Label/Label.js';
 import getValueIndex from '../../getValueIndex.js';
 import getUniqueValues from '../../getUniqueValues.js';
 const Option = Select.Option;
-const Selector = ({ blockId , components: { Icon , Link  } , events , loading , methods , properties , required , validation , value  })=>{
+const Selector = ({ blockId, components: { Icon, Link }, events, loading, methods, properties, required, validation, value })=>{
     const [fetchState, setFetch] = useState(false);
     const uniqueValueOptions = getUniqueValues(properties.options || []);
     return /*#__PURE__*/ React.createElement(Label, {
@@ -85,6 +85,21 @@ const Selector = ({ blockId , components: { Icon , Link  } , 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/Selector/schema.json

@@ -223,10 +223,22 @@
     "type": "object",
     "additionalProperties": false,
     "properties": {
+      "onBlur": {
+        "type": "array",
+        "description": "Trigger action event occurs when selector loses focus."
+      },
       "onChange": {
         "type": "array",
         "description": "Trigger action when selection is changed."
       },
+      "onFocus": {
+        "type": "array",
+        "description": "Trigger action when selector gets focus."
+      },
+      "onClear": {
+        "type": "array",
+        "description": "Trigger action when selector is 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/Selector/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.