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

package/dist/blocks/ConfirmModal/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/Content/Content.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 { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Content = Layout.Content;
-const ContentBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Content, {
+const ContentBlock = ({ blockId, content, methods, properties })=>/*#__PURE__*/ React.createElement(Content, {
         id: blockId,
         className: methods.makeCssClass(properties.style)
     }, content.content && content.content());

package/dist/blocks/Content/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/ControlledList/ControlledList.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 { get } from '@lowdefy/helpers';
 import { List, Typography } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Button from '../Button/Button.js';
-const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events , list , methods , properties  })=>{
+const ControlledListBlock = ({ blockId, components: { Icon, Link }, events, list, methods, properties })=>{
     useEffect(()=>{
         methods.registerMethod('moveItemDown', methods.moveItemDown);
         methods.registerMethod('moveItemUp', methods.moveItemUp);
@@ -62,7 +62,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
             properties: {
                 icon: 'AiOutlinePlus',
                 size: properties.size,
-                title: get(properties, 'addItemButton.title ') || 'Add Item',
+                title: get(properties, 'addItemButton.title ') ?? 'Add Item',
                 type: 'default',
                 ...properties.addItemButton
             },
@@ -83,7 +83,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
             properties: {
                 icon: 'AiOutlinePlus',
                 size: properties.size,
-                title: get(properties, 'addItemButton.title ') || 'Add Item',
+                title: get(properties, 'addItemButton.title ') ?? 'Add Item',
                 type: 'dashed',
                 ...properties.addItemButton
             },
@@ -91,7 +91,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
         })),
         bordered: true,
         locale: {
-            emptyText: properties.noDataTitle || 'No Items'
+            emptyText: properties.noDataTitle ?? 'No Items'
         },
         dataSource: list,
         renderItem: (item, i)=>/*#__PURE__*/ React.createElement(List.Item, {
@@ -111,7 +111,7 @@ const ControlledListBlock = ({ blockId , components: { Icon , Link  } , events ,
                             style: {
                                 paddingLeft: properties.size === 'small' ? 2 : properties.size === 'large' ? 6 : 4,
                                 fontSize: properties.size === 'small' ? 16 : properties.size === 'large' ? 20 : 18,
-                                ...properties.removeItemIcon && properties.removeItemIcon.style ? properties.removeItemIcon.style : {}
+                                ...properties.removeItemIcon?.style ? properties.removeItemIcon.style : {}
                             }
                         },
                         onClick: ()=>methods.removeItem(i)

package/dist/blocks/ControlledList/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/DateRangeSelector/DateRangeSelector.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 @@ const rangeValue = (value, format)=>{
     if (value) return value.map((val)=>moment.utc(val).startOf('day'));
     return null;
 };
-const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+const DateRangeSelector = ({ blockId, components: { Icon }, events, loading, methods, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -59,22 +59,22 @@ const DateRangeSelector = ({ blockId , components: { Icon  } , events , loading
                     ]),
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
-                    format: properties.format || 'YYYY-MM-DD',
+                    format: properties.format ?? 'YYYY-MM-DD',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    separator: properties.separator || '~',
+                    separator: properties.separator ?? '~',
                     size: properties.size,
                     status: validation.status,
-                    placeholder: type.isArray(properties.placeholder) && [
-                        properties.placeholder[0] || 'Start Date',
-                        properties.placeholder[1] || 'End Date'
-                    ] || [
+                    placeholder: (type.isArray(properties.placeholder) && [
+                        properties.placeholder[0] ?? 'Start Date',
+                        properties.placeholder[1] ?? 'End Date'
+                    ]) ?? [
                         'Start Date',
                         'End Date'
                     ],
                     suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
+                        properties: properties.suffixIcon ?? 'AiOutlineCalendar'
                     }),
                     onChange: (newVal)=>{
                         methods.setValue(!newVal ? null : newVal.map((val)=>moment.utc(val.add(val.utcOffset(), 'minutes')).startOf('day').toDate()));

package/dist/blocks/DateRangeSelector/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/DateSelector/DateSelector.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,7 +19,7 @@ import { blockDefaultProps } from '@lowdefy/block-utils';
 import { DatePicker } from 'antd';
 import Label from '../Label/Label.js';
 import disabledDate from '../../disabledDate.js';
-const DateSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+const DateSelector = ({ blockId, components: { Icon }, events, loading, methods, properties, required, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -52,16 +52,16 @@ const DateSelector = ({ blockId , components: { Icon  } , events , loading , met
                         properties.inputStyle
                     ]),
                     disabled: properties.disabled || loading,
-                    format: properties.format || 'YYYY-MM-DD',
+                    format: properties.format ?? 'YYYY-MM-DD',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    placeholder: properties.placeholder || 'Select Date',
+                    placeholder: properties.placeholder ?? 'Select Date',
                     showToday: properties.showToday,
                     size: properties.size,
                     status: validation.status,
                     suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
+                        properties: properties.suffixIcon ?? 'AiOutlineCalendar'
                     }),
                     disabledDate: disabledDate(properties.disabledDates),
                     onChange: (newVal)=>{

package/dist/blocks/DateSelector/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/DateTimeSelector/DateTimeSelector.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,8 +19,14 @@ import { type } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import disabledDate from '../../disabledDate.js';
-const DateTimeSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value  })=>{
+const DateTimeSelector = ({ blockId, components: { Icon }, events, loading, methods, properties, required, validation, value })=>{
     const timeUnit = !type.isString(properties.timeFormat) ? 'minute' : properties.timeFormat === 'HH:mm:ss' ? 'second' : properties.timeFormat === 'HH' ? 'hour' : 'minute';
+    const onChange = (newVal)=>{
+        methods.setValue(!newVal ? null : moment.utc(newVal.add(properties.selectUTC ? newVal.utcOffset() : 0, 'minutes')).startOf(timeUnit).toDate());
+        methods.triggerEvent({
+            name: 'onChange'
+        });
+    };
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
@@ -54,9 +60,9 @@ const DateTimeSelector = ({ blockId , components: { Icon  } , events , loading ,
                     ]),
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
-                    format: properties.format || 'YYYY-MM-DD HH:mm',
+                    format: properties.format ?? 'YYYY-MM-DD HH:mm',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    placeholder: properties.placeholder || 'Select Date & Time',
+                    placeholder: properties.placeholder ?? 'Select Date & Time',
                     showNow: properties.showNow,
                     showToday: properties.showToday,
                     size: properties.size,
@@ -64,22 +70,18 @@ const DateTimeSelector = ({ blockId , components: { Icon  } , events , loading ,
                     suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
+                        properties: properties.suffixIcon ?? 'AiOutlineCalendar'
                     }),
                     showTime: {
-                        format: properties.timeFormat || 'HH:mm',
-                        hourStep: properties.hourStep || 1,
-                        minuteStep: properties.minuteStep || 5,
-                        secondStep: properties.secondStep || 30
-                    },
-                    onSelect: (newVal)=>{
-                        // NOTE: we use on select instead of onChange to make the block UX
-                        // more like the DataSelector which changes date on click and not on ok.
-                        methods.setValue(!newVal ? null : moment.utc(newVal.add(properties.selectUTC ? newVal.utcOffset() : 0, 'minutes')).startOf(timeUnit).toDate());
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
+                        format: properties.timeFormat ?? 'HH:mm',
+                        hourStep: properties.hourStep ?? 1,
+                        minuteStep: properties.minuteStep ?? 5,
+                        secondStep: properties.secondStep ?? 30
                     },
+                    onChange: onChange,
+                    onSelect: // NOTE: we use on select instead of onChange to make the block UX
+                    // more like the DataSelector which changes date on click and not on ok.
+                    onChange,
                     value: !type.isDate(value) ? null : properties.selectUTC ? moment.utc(value) : moment(value)
                 }))
         }

package/dist/blocks/DateTimeSelector/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/Descriptions/Descriptions.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, renderHtml } from '@lowdefy/block-utils';
 import { Descriptions } from 'antd';
 import { type } from '@lowdefy/helpers';
-const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
+const DescriptionsBlock = ({ blockId, content, properties, methods })=>{
     let dataItem = properties.items || [];
     if (type.isObject(dataItem)) {
         dataItem = Object.keys(dataItem).map((key)=>({
@@ -24,7 +24,7 @@ const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
                 key
             }));
     }
-    const { makeCssClass  } = methods;
+    const { makeCssClass } = methods;
     return /*#__PURE__*/ React.createElement(Descriptions, {
         id: blockId,
         bordered: properties.bordered,

package/dist/blocks/Descriptions/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/Divider/Divider.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 { Divider } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const DividerBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ React.createElement(Divider, {
+const DividerBlock = ({ blockId, properties, methods })=>/*#__PURE__*/ React.createElement(Divider, {
         id: blockId,
         dashed: properties.dashed,
         orientation: properties.orientation,

package/dist/blocks/Divider/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/Drawer/Drawer.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 { Drawer } from 'antd';
 import { get } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const triggerSetOpen = ({ state , setOpen , methods , rename  })=>{
+const triggerSetOpen = ({ state, setOpen, methods, rename })=>{
     if (!state) {
         methods.triggerEvent({
             name: get(rename, 'events.onClose', {
@@ -38,7 +38,7 @@ const triggerSetOpen = ({ state , setOpen , methods , rename  })=>{
     });
     setOpen(state);
 };
-const DrawerBlock = ({ blockId , content , properties , methods , rename , onClose  })=>{
+const DrawerBlock = ({ blockId, content, properties, methods, rename, onClose })=>{
     const [openState, setOpen] = useState(false);
     useEffect(()=>{
         methods.registerMethod(get(rename, 'methods.toggleOpen', {
@@ -51,7 +51,7 @@ const DrawerBlock = ({ blockId , content , properties , methods , rename , onClo
             }));
         methods.registerMethod(get(rename, 'methods.setOpen', {
             default: 'setOpen'
-        }), ({ open  })=>triggerSetOpen({
+        }), ({ open })=>triggerSetOpen({
                 state: !!open,
                 setOpen,
                 methods,

package/dist/blocks/Drawer/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/Footer/Footer.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 { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Footer = Layout.Footer;
-const FooterBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Footer, {
+const FooterBlock = ({ blockId, content, methods, properties })=>/*#__PURE__*/ React.createElement(Footer, {
         id: blockId,
         className: `${methods.makeCssClass([
             {

package/dist/blocks/Footer/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/Header/Header.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 { Layout } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 const Header = Layout.Header;
-const HeaderBlock = ({ blockId , content , methods , properties  })=>/*#__PURE__*/ React.createElement(Header, {
+const HeaderBlock = ({ blockId, content, methods, properties })=>/*#__PURE__*/ React.createElement(Header, {
         id: blockId,
         className: `${methods.makeCssClass([
             {

package/dist/blocks/Header/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/Label/Label.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.
@@ -14,20 +14,6 @@
   limitations under the License.
 */ // Derived from https://github.com/ant-design/ant-design/blob/master/components/form/FormItemLabel.tsx
 // MIT Copyright (c) 2015-present Ant UED, https://xtech.antfin.com/ - 2020-09-08
-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 { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { Col, Row } from 'antd';
@@ -39,8 +25,8 @@ const validationKeyMap = {
     warning: 'warnings'
 };
 let iconMap;
-const Label = ({ blockId , components: { Icon  } , content , methods , properties , required , validation  })=>{
-    const { extraClassName , feedbackClassName , iconClassName , label , labelClassName , labelCol , labelColClassName , rowClassName , showExtra , showFeedback , wrapperCol  } = labelLogic({
+const Label = ({ blockId, components: { Icon }, content, methods, properties, required, validation })=>{
+    const { extraClassName, feedbackClassName, iconClassName, label, labelClassName, labelCol, labelColClassName, rowClassName, showExtra, showFeedback, wrapperCol } = labelLogic({
         blockId,
         content,
         methods,
@@ -71,18 +57,20 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
     return /*#__PURE__*/ React.createElement(Row, {
         id: blockId,
         className: rowClassName
-    }, label && /*#__PURE__*/ React.createElement(Col, _extends({}, labelCol, {
+    }, label && /*#__PURE__*/ React.createElement(Col, {
+        ...labelCol,
         className: labelColClassName
-    }), /*#__PURE__*/ React.createElement("label", {
+    }, /*#__PURE__*/ React.createElement("label", {
         htmlFor: `${blockId}_input`,
         className: labelClassName,
         title: label
     }, renderHtml({
         html: label,
         methods
-    }))), /*#__PURE__*/ React.createElement(Col, _extends({}, wrapperCol, {
+    }))), /*#__PURE__*/ React.createElement(Col, {
+        ...wrapperCol,
         className: "ant-form-item-control"
-    }), /*#__PURE__*/ React.createElement("div", {
+    }, /*#__PURE__*/ React.createElement("div", {
         className: "ant-form-item-control-input"
     }, /*#__PURE__*/ React.createElement("div", {
         className: "ant-form-item-control-input-content"
@@ -91,7 +79,7 @@ const Label = ({ blockId , components: { Icon  } , content , methods , propertie
         motionName: "show-help",
         motionAppear: true,
         removeOnLeave: true
-    }, ({ className: motionClassName  })=>/*#__PURE__*/ React.createElement("div", {
+    }, ({ className: motionClassName })=>/*#__PURE__*/ React.createElement("div", {
             className: classNames(extraClassName, motionClassName)
         }, showFeedback ? /*#__PURE__*/ React.createElement("div", {
             className: classNames(feedbackClassName)

package/dist/blocks/Label/getLabelCol.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.

package/dist/blocks/Label/getWrapperCol.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.
@@ -31,7 +31,7 @@
             span: 24 - value.span
         };
     }
-    if (value.sm && value.sm.span) {
+    if (value.sm?.span) {
         defaultVal.sm = {
             span: 24 - value.sm.span
         };
@@ -39,27 +39,27 @@
             span: 24 - value.sm.span
         };
     }
-    if (value.xs && value.xs.span) {
+    if (value.xs?.span) {
         defaultVal.xs = {
             span: 24 - value.xs.span
         };
     }
-    if (value.md && value.md.span) {
+    if (value.md?.span) {
         defaultVal.md = {
             span: 24 - value.md.span
         };
     }
-    if (value.lg && value.lg.span) {
+    if (value.lg?.span) {
         defaultVal.lg = {
             span: 24 - value.lg.span
         };
     }
-    if (value.xl && value.xl.span) {
+    if (value.xl?.span) {
         defaultVal.xl = {
             span: 24 - value.xl.span
         };
     }
-    if (value.xxl && value.xxl.span) {
+    if (value.xxl?.span) {
         defaultVal.xxl = {
             span: 24 - value.xxl.span
         };

package/dist/blocks/Label/labelLogic.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,10 +16,10 @@
 import classNames from 'classnames';
 import getWrapperCol from './getWrapperCol.js';
 import getLabelCol from './getLabelCol.js';
-const labelLogic = ({ blockId , content , methods , properties ={} , required =false , validation ={
+const labelLogic = ({ blockId, content, methods, properties = {}, required = false, validation = {
     messages: [],
     status: null
-}  })=>{
+} })=>{
     const wrapperCol = getWrapperCol(properties, properties.inline);
     const labelCol = getLabelCol(properties, properties.inline);
     // render label priority order: content.label area -> properties.title -> blockId and do not render an empty label
@@ -27,19 +27,19 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
     label = label === '' ? null : label;
     // trim colon when colon is set, and the user inputs a colon, because antd class renders a colon
     if (type.isString(label) && properties.colon && label.trim() !== '') {
-        label = label.replace(/[:|：]\s*$/, '');
+        label = label.replace(/[:|：]\s*$/u, '');
     }
     const rowClassName = classNames({
-        [`ant-form-item`]: true,
-        [`ant-form-item-with-help`]: false,
+        'ant-form-item': true,
+        'ant-form-item-with-help': false,
         [methods.makeCssClass({
             flexWrap: properties.inline && 'inherit',
             marginBottom: 0
         })]: true
     });
     const labelColClassName = classNames({
-        [`ant-form-item-label`]: true,
-        [`ant-form-item-label-left`]: properties.align === 'left' || !properties.align,
+        'ant-form-item-label': true,
+        'ant-form-item-label-left': properties.align === 'left' || !properties.align,
         [methods.makeCssClass({
             overflow: properties.inline && 'inherit',
             whiteSpace: !properties.inline && 'normal',
@@ -47,8 +47,8 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
         })]: true
     });
     const labelClassName = classNames({
-        [`ant-form-item-required`]: required,
-        [`ant-form-item-no-colon`]: properties.colon === false,
+        'ant-form-item-required': required,
+        'ant-form-item-no-colon': properties.colon === false,
         [methods.makeCssClass([
             {
                 height: 'fit-content !important',
@@ -68,10 +68,10 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
         ])]: true
     });
     const feedbackClassName = classNames({
-        [`ant-form-item-explain-success`]: validation.status === 'success',
-        [`ant-form-item-explain-warning`]: validation.status === 'warning',
-        [`ant-form-item-explain-error`]: validation.status === 'error',
-        [`ant-form-item-explain-validating`]: validation.status === 'validating',
+        'ant-form-item-explain-success': validation.status === 'success',
+        'ant-form-item-explain-warning': validation.status === 'warning',
+        'ant-form-item-explain-error': validation.status === 'error',
+        'ant-form-item-explain-validating': validation.status === 'validating',
         [methods.makeCssClass([
             {
                 marginTop: properties.size === 'small' ? -4 : 0
@@ -81,10 +81,10 @@ const labelLogic = ({ blockId , content , methods , properties ={} , required =f
     });
     const iconClassName = classNames({
         'ant-form-item-feedback-icon': true,
-        [`ant-form-item-feedback-icon-success`]: validation.status === 'success',
-        [`ant-form-item-feedback-icon-warning`]: validation.status === 'warning',
-        [`ant-form-item-feedback-icon-error`]: validation.status === 'error',
-        [`ant-form-item-feedback-icon-validating`]: validation.status === 'validating',
+        'ant-form-item-feedback-icon-success': validation.status === 'success',
+        'ant-form-item-feedback-icon-warning': validation.status === 'warning',
+        'ant-form-item-feedback-icon-error': validation.status === 'error',
+        'ant-form-item-feedback-icon-validating': validation.status === 'validating',
         'ldf-feedback-icon': true
     });
     const showExtra = !!properties.extra && (!validation.status || validation.status === 'success');

package/dist/blocks/Label/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.