@lowdefy/blocks-antd 4.0.0 → 4.0.2

package/dist/blocks/Breadcrumb/Breadcrumb.js

@@ -41,7 +41,7 @@ const BreadcrumbBlock = ({ blockId, events, components: { Icon, Link }, methods,
                 },
                 link.style
             ]),
-            ...link
+            ...type.isObject(link) ? link : {}
         }, ()=>/*#__PURE__*/ React.createElement(React.Fragment, null, link.icon && /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_${index}_icon`,
                 events: events,
@@ -50,7 +50,7 @@ const BreadcrumbBlock = ({ blockId, events, components: { Icon, Link }, methods,
                     ...type.isObject(link.icon) ? link.icon : {},
                     style: {
                         marginRight: 8,
-                        ...link.icon.style || {}
+                        ...type.isObject(link.icon?.style) ? link.icon.style : {}
                     }
                 }
             }), type.isString(link) ? link : link.label)))));

package/dist/blocks/Modal/Modal.js

@@ -69,6 +69,7 @@ const ModalBlock = ({ blockId, content, events, methods, properties })=>{
         okButtonProps: properties.okButtonProps,
         okText: properties.okText ?? 'Ok',
         okType: properties.okButtonType ?? 'primary',
+        style: properties.style,
         title: renderHtml({
             html: properties.title,
             methods

package/dist/blocks/Modal/schema.json

@@ -59,6 +59,13 @@
           "displayType": "yaml"
         }
       },
+      "style": {
+        "type": "object",
+        "description": "Css style to applied to modal.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
       "cancelText": {
         "type": "string",
         "default": "Cancel",

package/dist/blocks/MultipleSelector/MultipleSelector.js

@@ -78,7 +78,7 @@ const MultipleSelector = ({ blockId, components: { Icon }, events, loading, meth
                             Icon
                         })),
                     maxTagCount: properties.maxTagCount,
-                    notFoundContent: fetchState ? 'Loading' : 'Not found',
+                    notFoundContent: fetchState ? properties.loadingPlaceholder || 'Loading' : properties.notFoundContent || 'Not found',
                     placeholder: loading ? 'Loading...' : get(properties, 'placeholder', {
                         default: 'Select items'
                     }),

package/dist/blocks/MultipleSelector/schema.json

@@ -216,6 +216,16 @@
         "default": "Select item",
         "description": "Placeholder text inside the block before user selects input."
       },
+      "loadingPlaceholder": {
+        "type": "string",
+        "default": "Loading",
+        "description": "Placeholder text to show in options while the block is loading."
+      },
+      "notFoundContent": {
+        "type": "string",
+        "default": "not Found",
+        "description": "Placeholder text to show when list of options are empty."
+      },
       "selectedIcon": {
         "type": ["string", "object"],
         "default": "AiOutlineCheck",

package/dist/blocks/Pagination/Pagination.js

@@ -12,20 +12,16 @@
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/ import React from 'react';
+*/ import React, { useState, useEffect } from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Pagination } from 'antd';
 import { type } from '@lowdefy/helpers';
-const getPageSize = ({ properties, value })=>{
-    if (type.isObject(value) && type.isNumber(value.pageSize)) {
-        return value.pageSize;
-    }
-    if (type.isArray(properties.pageSizeOptions)) {
-        return properties.pageSizeOptions[0];
-    }
-    return 10;
-};
-const createChangeHandler = ({ eventName, methods })=>(current, pageSize)=>{
+const createChangeHandler = ({ eventName, methods, setState })=>(current, pageSize)=>{
+        setState({
+            current,
+            pageSize,
+            skip: (current - 1) * pageSize
+        });
         methods.setValue({
             current,
             pageSize,
@@ -41,6 +37,24 @@ const createChangeHandler = ({ eventName, methods })=>(current, pageSize)=>{
         });
     };
 const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
+    const [state, setState] = useState({
+        current: parseInt(value?.current) || 1,
+        pageSize: parseInt(value?.pageSize) || properties.pageSizeOptions?.[0] || 10,
+        skip: parseInt(value?.skip) || 0
+    });
+    useEffect(()=>{
+        if (JSON.stringify(value) !== JSON.stringify(state)) {
+            const nextState = {
+                current: parseInt(value?.current) || state.current,
+                pageSize: parseInt(value?.pageSize) || state.pageSize,
+                skip: parseInt(value?.skip) || state.skip
+            };
+            setState(nextState);
+            methods.setValue(nextState);
+        }
+    }, [
+        value
+    ]);
     const showTotal = type.isFunction(properties.showTotal) ? properties.showTotal : (total, range)=>{
         if (type.isString(properties.showTotal)) {
             return properties.showTotal;
@@ -56,16 +70,15 @@ const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
         hideOnSinglePage: properties.hideOnSinglePage,
         onChange: createChangeHandler({
             eventName: 'onChange',
-            methods
+            methods,
+            setState
         }),
         onShowSizeChange: createChangeHandler({
             eventName: 'onSizeChange',
-            methods
-        }),
-        pageSize: getPageSize({
-            properties,
-            value
+            methods,
+            setState
         }),
+        pageSize: state.pageSize,
         pageSizeOptions: properties.pageSizeOptions || [
             10,
             20,
@@ -78,14 +91,14 @@ const PaginationBlock = ({ blockId, loading, methods, properties, value })=>{
         simple: !!properties.simple,
         size: properties.size,
         total: properties.total !== undefined ? properties.total : 100,
-        current: type.isNone(value) || !type.isObject(value) || !type.isNumber(value.current) ? 1 : value.current
+        current: state.current
     });
 };
 PaginationBlock.defaultProps = blockDefaultProps;
 PaginationBlock.meta = {
     valueType: 'object',
     initValue: {
-        current: 0,
+        current: 1,
         pageSize: 10,
         skip: 0
     },

package/dist/blocks/Selector/Selector.js

@@ -78,7 +78,7 @@ const Selector = ({ blockId, components: { Icon, Link }, events, loading, method
                     }),
                     size: properties.size,
                     filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0,
-                    notFoundContent: fetchState ? 'Loading' : 'Not found',
+                    notFoundContent: fetchState ? properties.loadingPlaceholder || 'Loading' : properties.notFoundContent || 'Not found',
                     onChange: (newVal)=>{
                         methods.setValue(type.isPrimitive(uniqueValueOptions[newVal]) ? uniqueValueOptions[newVal] : uniqueValueOptions[newVal].value);
                         methods.triggerEvent({

package/dist/blocks/Selector/schema.json

@@ -189,6 +189,16 @@
         "default": "Select item",
         "description": "Placeholder text inside the block before user selects input."
       },
+      "loadingPlaceholder": {
+        "type": "string",
+        "default": "Loading",
+        "description": "Placeholder text to show in options while the block is loading."
+      },
+      "notFoundContent": {
+        "type": "string",
+        "default": "not Found",
+        "description": "Placeholder text to show when list of options are empty."
+      },
       "showArrow": {
         "type": "boolean",
         "default": true,

package/dist/blocks/TextInput/TextInput.js

@@ -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 TextInput = ({ blockId, components: { Icon, Link }, events, loading, methods, properties, required, validation, value })=>{
+const TextInput = ({ blockId, components: { Icon, Link }, events, loading, methods, onChange, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -45,9 +45,10 @@ const TextInput = ({ blockId, components: { Icon, Link }, events, loading, metho
                     maxLength: properties.maxLength,
                     placeholder: properties.placeholder,
                     size: properties.size,
+                    showCount: properties.showCount,
                     status: validation.status,
                     value: value,
-                    onChange: (event)=>{
+                    onChange: onChange || ((event)=>{
                         let input = event.target.value;
                         if (properties.replaceInput) {
                             const regex = new RegExp(properties.replaceInput.pattern, properties.replaceInput.flags ?? 'gm');
@@ -62,7 +63,7 @@ const TextInput = ({ blockId, components: { Icon, Link }, events, loading, metho
                         runAfterUpdate(()=>{
                             event.target.setSelectionRange(cStart, cEnd);
                         });
-                    },
+                    }),
                     onPressEnter: ()=>{
                         methods.triggerEvent({
                             name: 'onPressEnter'

package/dist/blocks/TextInput/schema.json

@@ -136,6 +136,11 @@
         "default": "middle",
         "description": "Size of the block."
       },
+      "showCount": {
+        "type": "boolean",
+        "default": false,
+        "description": "Show text character count"
+      },
       "suffix": {
         "type": "string",
         "description": "Suffix text for the block, priority over suffixIcon."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -43,8 +43,8 @@
   ],
   "dependencies": {
     "@ant-design/icons": "4.8.0",
-    "@lowdefy/block-utils": "4.0.0",
-    "@lowdefy/helpers": "4.0.0",
+    "@lowdefy/block-utils": "4.0.2",
+    "@lowdefy/helpers": "4.0.2",
     "antd": "4.24.14",
     "classnames": "2.3.2",
     "moment": "2.29.4",
@@ -55,9 +55,9 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.10.5",
-    "@lowdefy/block-dev": "4.0.0",
-    "@lowdefy/jest-yaml-transform": "4.0.0",
-    "@lowdefy/node-utils": "4.0.0",
+    "@lowdefy/block-dev": "4.0.2",
+    "@lowdefy/jest-yaml-transform": "4.0.2",
+    "@lowdefy/node-utils": "4.0.2",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "@swc/jest": "0.2.29",