@lowdefy/blocks-antd 4.0.0-alpha.1 → 4.0.0-alpha.12

package/dist/blocks/TimelineList/schema.json

@@ -5,7 +5,10 @@
     "additionalProperties": false,
     "properties": {
       "data": {
-        "type": "array"
+        "type": "array",
+        "docs": {
+          "displayType": "yaml"
+        }
       },
       "style": {
         "type": "object",

package/dist/blocks/TimelineList/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/Title/Title.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +18,7 @@ import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 const Title = Typography.Title;
 const TitleBlock = ({ blockId , components: { Icon  } , events , properties , methods  })=>{
-    return(/*#__PURE__*/ _jsx(Title, {
+    return(/*#__PURE__*/ React.createElement(Title, {
         id: blockId,
         className: methods.makeCssClass([
             properties.color && {
@@ -39,17 +38,19 @@ const TitleBlock = ({ blockId , components: { Icon  } , events , properties , me
                 });
             },
             icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
-                /*#__PURE__*/ _jsx(Icon, {
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
                     blockId: `${blockId}_copyable_before_icon`,
                     events: events,
                     properties: properties.copyable.icon[0]
-                }, "copy-icon"),
-                /*#__PURE__*/ _jsx(Icon, {
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
                     blockId: `${blockId}_copyable_after_icon`,
                     events: events,
                     properties: properties.copyable.icon[1]
-                }, "copied-icon"), 
-            ] : /*#__PURE__*/ _jsx(Icon, {
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_copyable_icon`,
                 events: events,
                 properties: properties.copyable.icon
@@ -91,12 +92,18 @@ const TitleBlock = ({ blockId , components: { Icon  } , events , properties , me
         level: properties.level,
         mark: properties.mark,
         type: properties.type,
-        underline: properties.underline,
-        children: renderHtml({
-            html: properties.content,
-            methods
-        })
-    }));
+        underline: properties.underline
+    }, renderHtml({
+        html: properties.content,
+        methods
+    })));
 };
 TitleBlock.defaultProps = blockDefaultProps;
+TitleBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Title/style.less'
+    ]
+};
 export default TitleBlock;

package/dist/blocks/Title/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/TitleInput/TitleInput.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +17,7 @@ import { Typography } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
 const Title = Typography.Title;
-const TitleInput = ({ blockId , components: { Icon  } , events , methods , properties , value  })=>{
+const TitleInput = ({ blockId , components: { Icon  } , events , loading , methods , properties , value ,  })=>{
     const [editing, setEdit] = useState(false);
     const editableEvents = {
         onStart: ()=>{
@@ -38,7 +37,7 @@ const TitleInput = ({ blockId , components: { Icon  } , events , methods , prope
             });
         }
     };
-    return(/*#__PURE__*/ _jsx(Title, {
+    return(/*#__PURE__*/ React.createElement(Title, {
         id: blockId,
         code: properties.code,
         italic: properties.italic,
@@ -63,17 +62,19 @@ const TitleInput = ({ blockId , components: { Icon  } , events , methods , prope
                 });
             },
             icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
-                /*#__PURE__*/ _jsx(Icon, {
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
                     events: events,
                     blockId: `${blockId}_copyable_before_icon`,
                     properties: properties.copyable.icon[0]
-                }, "copy-icon"),
-                /*#__PURE__*/ _jsx(Icon, {
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
                     events: events,
                     blockId: `${blockId}_copyable_after_icon`,
                     properties: properties.copyable.icon[1]
-                }, "copied-icon"), 
-            ] : /*#__PURE__*/ _jsx(Icon, {
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_copyable_icon`,
                 events: events,
                 properties: properties.copyable.icon
@@ -81,7 +82,7 @@ const TitleInput = ({ blockId , components: { Icon  } , events , methods , prope
             tooltips: properties.copyable.tooltips
         } : properties.copyable,
         delete: properties.delete,
-        disabled: properties.disabled,
+        disabled: properties.disabled || loading,
         ellipsis: type.isObject(properties.ellipsis) ? {
             rows: properties.ellipsis.rows,
             expandable: properties.ellipsis.expandable,
@@ -96,7 +97,7 @@ const TitleInput = ({ blockId , components: { Icon  } , events , methods , prope
             }
         } : properties.ellipsis,
         editable: type.isObject(properties.editable) ? {
-            icon: properties.editable.icon && /*#__PURE__*/ _jsx(Icon, {
+            icon: properties.editable.icon && /*#__PURE__*/ React.createElement(Icon, {
                 blockId: `${blockId}_editable_icon`,
                 events: events,
                 properties: properties.editable.icon
@@ -106,9 +107,16 @@ const TitleInput = ({ blockId , components: { Icon  } , events , methods , prope
             maxLength: properties.editable.maxLength,
             autoSize: properties.editable.autoSize,
             ...editableEvents
-        } : properties.editable !== false && editableEvents,
-        children: !type.isNone(value) ? value.toString() : ''
-    }));
+        } : properties.editable !== false && editableEvents
+    }, !type.isNone(value) ? value.toString() : ''));
 };
 TitleInput.defaultProps = blockDefaultProps;
+TitleInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [],
+    styles: [
+        'blocks/TitleInput/style.less'
+    ]
+};
 export default TitleInput;

package/dist/blocks/TitleInput/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/Tooltip/Tooltip.js

@@ -1,6 +1,5 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +15,7 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 */ import React from 'react';
 import { Tooltip } from 'antd';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const TooltipBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ _jsxs(Tooltip, {
+const TooltipBlock = ({ blockId , content , properties , methods  })=>/*#__PURE__*/ React.createElement(Tooltip, {
         id: blockId,
         title: renderHtml({
             html: properties.title,
@@ -36,12 +35,15 @@ const TooltipBlock = ({ blockId , content , properties , methods  })=>/*#__PURE_
         onVisibleChange: ()=>methods.triggerEvent({
                 name: 'onVisibleChange'
             })
-        ,
-        children: [
-            content.content && content.content(),
-            '' // required by antd to wrap element in span tag.
-        ]
-    })
+    }, content.content && content.content(), '' // required by antd to wrap element in span tag.
+    )
 ;
 TooltipBlock.defaultProps = blockDefaultProps;
+TooltipBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Tooltip/style.less'
+    ]
+};
 export default TooltipBlock;

package/dist/blocks/Tooltip/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/WeekSelector/WeekSelector.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +21,7 @@ import disabledDate from '../../disabledDate.js';
 import Label from '../Label/Label.js';
 const WeekPicker = DatePicker.WeekPicker;
 const WeekSelector = ({ blockId , components: { Icon , Link  } , events , loading , methods , properties , required , validation , value ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon,
@@ -36,51 +35,57 @@ const WeekSelector = ({ blockId , components: { Icon , Link  } , events , loadin
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
-            content: ()=>/*#__PURE__*/ _jsxs("div", {
+            content: ()=>/*#__PURE__*/ React.createElement("div", {
                     className: methods.makeCssClass({
                         width: '100%'
+                    })
+                }, /*#__PURE__*/ React.createElement("div", {
+                    id: `${blockId}_popup`
+                }), /*#__PURE__*/ React.createElement(WeekPicker, {
+                    id: `${blockId}_input`,
+                    allowClear: properties.allowClear !== false,
+                    autoFocus: properties.autoFocus,
+                    bordered: properties.bordered,
+                    className: methods.makeCssClass([
+                        {
+                            width: '100%'
+                        },
+                        properties.inputStyle
+                    ]),
+                    disabled: properties.disabled || loading,
+                    disabledDate: disabledDate(properties.disabledDates),
+                    format: properties.format || 'YYYY-wo',
+                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
+                    ,
+                    placeholder: properties.placeholder || 'Select Week',
+                    size: properties.size,
+                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
+                        blockId: `${blockId}_suffixIcon`,
+                        events: events,
+                        properties: properties.suffixIcon || 'AiOutlineCalendar'
                     }),
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            id: `${blockId}_popup`
-                        }),
-                        /*#__PURE__*/ _jsx(WeekPicker, {
-                            id: `${blockId}_input`,
-                            allowClear: properties.allowClear !== false,
-                            autoFocus: properties.autoFocus,
-                            bordered: properties.bordered,
-                            className: methods.makeCssClass([
-                                {
-                                    width: '100%'
-                                },
-                                properties.inputStyle
-                            ]),
-                            disabled: properties.disabled,
-                            disabledDate: disabledDate(properties.disabledDates),
-                            format: properties.format || 'YYYY-wo',
-                            getPopupContainer: ()=>document.getElementById(`${blockId}_popup`)
-                            ,
-                            placeholder: properties.placeholder || 'Select Week',
-                            size: properties.size,
-                            suffixIcon: properties.suffixIcon && /*#__PURE__*/ _jsx(Icon, {
-                                blockId: `${blockId}_suffixIcon`,
-                                events: events,
-                                properties: properties.suffixIcon || 'CalendarOutlined'
-                            }),
-                            onChange: (newVal)=>{
-                                methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('week').toDate());
-                                methods.triggerEvent({
-                                    name: 'onChange'
-                                });
-                            },
-                            value: value && type.isDate(value) ? moment.utc(value).startOf('week') : null
-                        })
-                    ]
-                })
+                    onChange: (newVal)=>{
+                        methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('week').toDate());
+                        methods.triggerEvent({
+                            name: 'onChange'
+                        });
+                    },
+                    value: value && type.isDate(value) ? moment.utc(value).startOf('week') : null
+                }))
         }
     }));
 };
 WeekSelector.defaultProps = blockDefaultProps;
+WeekSelector.meta = {
+    valueType: 'date',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons,
+        'AiOutlineCalendar'
+    ],
+    styles: [
+        'blocks/WeekSelector/style.less'
+    ]
+};
 export default WeekSelector;

package/dist/blocks/WeekSelector/schema.json

@@ -158,8 +158,8 @@
       },
       "suffixIcon": {
         "type": ["string", "object"],
-        "default": "CalendarOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at the right-hand side of the date picker.",
+        "default": "AiOutlineCalendar",
+        "description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block to customize icon at the right-hand side of the date picker.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/WeekSelector/style.less

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

@@ -0,0 +1,74 @@
+/*
+  Copyright 2020-2022 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  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.
+*/ export { default as Affix } from './blocks/Affix/Affix.js';
+export { default as Alert } from './blocks/Alert/Alert.js';
+export { default as AutoComplete } from './blocks/AutoComplete/AutoComplete.js';
+export { default as Avatar } from './blocks/Avatar/Avatar.js';
+export { default as Badge } from './blocks/Badge/Badge.js';
+export { default as Breadcrumb } from './blocks/Breadcrumb/Breadcrumb.js';
+export { default as Button } from './blocks/Button/Button.js';
+export { default as ButtonSelector } from './blocks/ButtonSelector/ButtonSelector.js';
+export { default as Card } from './blocks/Card/Card.js';
+export { default as CheckboxSelector } from './blocks/CheckboxSelector/CheckboxSelector.js';
+export { default as CheckboxSwitch } from './blocks/CheckboxSwitch/CheckboxSwitch.js';
+export { default as Collapse } from './blocks/Collapse/Collapse.js';
+export { default as Comment } from './blocks/Comment/Comment.js';
+export { default as ConfirmModal } from './blocks/ConfirmModal/ConfirmModal.js';
+export { default as Content } from './blocks/Content/Content.js';
+export { default as ControlledList } from './blocks/ControlledList/ControlledList.js';
+export { default as DateRangeSelector } from './blocks/DateRangeSelector/DateRangeSelector.js';
+export { default as DateSelector } from './blocks/DateSelector/DateSelector.js';
+export { default as DateTimeSelector } from './blocks/DateTimeSelector/DateTimeSelector.js';
+export { default as Descriptions } from './blocks/Descriptions/Descriptions.js';
+export { default as Divider } from './blocks/Divider/Divider.js';
+export { default as Drawer } from './blocks/Drawer/Drawer.js';
+export { default as Footer } from './blocks/Footer/Footer.js';
+export { default as Header } from './blocks/Header/Header.js';
+export { default as Label } from './blocks/Label/Label.js';
+export { default as Layout } from './blocks/Layout/Layout.js';
+export { default as Menu } from './blocks/Menu/Menu.js';
+export { default as Message } from './blocks/Message/Message.js';
+export { default as MobileMenu } from './blocks/MobileMenu/MobileMenu.js';
+export { default as Modal } from './blocks/Modal/Modal.js';
+export { default as MonthSelector } from './blocks/MonthSelector/MonthSelector.js';
+export { default as MultipleSelector } from './blocks/MultipleSelector/MultipleSelector.js';
+export { default as Notification } from './blocks/Notification/Notification.js';
+export { default as NumberInput } from './blocks/NumberInput/NumberInput.js';
+export { default as PageHCF } from './blocks/PageHCF/PageHCF.js';
+export { default as PageHCSF } from './blocks/PageHCSF/PageHCSF.js';
+export { default as PageHeaderMenu } from './blocks/PageHeaderMenu/PageHeaderMenu.js';
+export { default as PageHSCF } from './blocks/PageHSCF/PageHSCF.js';
+export { default as PageSHCF } from './blocks/PageSHCF/PageSHCF.js';
+export { default as PageSiderMenu } from './blocks/PageSiderMenu/PageSiderMenu.js';
+export { default as Pagination } from './blocks/Pagination/Pagination.js';
+export { default as Paragraph } from './blocks/Paragraph/Paragraph.js';
+export { default as ParagraphInput } from './blocks/ParagraphInput/ParagraphInput.js';
+export { default as PasswordInput } from './blocks/PasswordInput/PasswordInput.js';
+export { default as Progress } from './blocks/Progress/Progress.js';
+export { default as RadioSelector } from './blocks/RadioSelector/RadioSelector.js';
+export { default as RatingSlider } from './blocks/RatingSlider/RatingSlider.js';
+export { default as Result } from './blocks/Result/Result.js';
+export { default as Selector } from './blocks/Selector/Selector.js';
+export { default as Sider } from './blocks/Sider/Sider.js';
+export { default as Statistic } from './blocks/Statistic/Statistic.js';
+export { default as Switch } from './blocks/Switch/Switch.js';
+export { default as Tabs } from './blocks/Tabs/Tabs.js';
+export { default as TimelineList } from './blocks/TimelineList/TimelineList.js';
+export { default as TextArea } from './blocks/TextArea/TextArea.js';
+export { default as TextInput } from './blocks/TextInput/TextInput.js';
+export { default as Title } from './blocks/Title/Title.js';
+export { default as TitleInput } from './blocks/TitleInput/TitleInput.js';
+export { default as Tooltip } from './blocks/Tooltip/Tooltip.js';
+export { default as WeekSelector } from './blocks/WeekSelector/WeekSelector.js';

package/dist/color.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-param-reassign */ /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/disabledDate.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,8 +14,7 @@
   limitations under the License.
 */ import moment from 'moment';
 import { type } from '@lowdefy/helpers';
-const disabledDate = (disabledDates = {
-})=>{
+const disabledDate = (disabledDates = {})=>{
     const min = type.isNone(disabledDates.min) ? undefined : moment(disabledDates.min).utc().startOf('day');
     const max = type.isNone(disabledDates.max) ? undefined : moment(disabledDates.max).utc().endOf('day');
     const dates = (disabledDates.dates || []).map((date)=>moment(date).utc().startOf('day')

package/dist/getUniqueValues.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/getValueIndex.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/style.less

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/Alert/index.js → types.js}

@@ -1,5 +1,5 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
+/* eslint-disable import/namespace */ /*
+  Copyright 2020-2022 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,23 +12,20 @@
   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.
-*/ export default {
-    import: {
-        block: 'blocks/Alert/Alert.js',
-        styles: [
-            'blocks/Alert/style.less'
+*/ import * as blocks from './blocks.js';
+const icons = {};
+const styles = {};
+Object.keys(blocks).forEach((block)=>{
+    icons[block] = blocks[block].meta.icons || [];
+    styles[block] = blocks[block].meta.styles || [];
+});
+export default {
+    blocks: Object.keys(blocks),
+    icons,
+    styles: {
+        default: [
+            'style.less'
         ],
-        icons: [
-            'AiOutlined'
-        ]
-    },
-    meta: {
-        category: 'container',
-        loading: {
-            type: 'Skeleton',
-            properties: {
-                height: 40
-            }
-        }
+        ...styles
     }
 };

package/dist/useRunAfterUpdate.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/validationExamples.js

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