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

package/dist/blocks/Sider/Sider.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.
@@ -57,14 +56,13 @@ const SiderBlock = ({ blockId , properties , content , methods , rename  })=>{
             })
         );
     });
-    return(/*#__PURE__*/ _jsx(Sider, {
+    return(/*#__PURE__*/ React.createElement(Sider, {
         id: blockId,
         className: `${methods.makeCssClass([
             {
-                overflow: 'auto',
-                backgroundColor: properties.color && `${properties.color} !important`
+                overflow: 'auto'
             },
-            properties.style, 
+            properties.style
         ])} hide-on-print`,
         breakpoint: properties.breakpoint,
         collapsed: !openState,
@@ -76,9 +74,14 @@ const SiderBlock = ({ blockId , properties , content , methods , rename  })=>{
         onBreakpoint: ()=>methods.triggerEvent({
                 name: 'onBreakpoint'
             })
-        ,
-        children: content.content && content.content()
-    }));
+    }, content.content && content.content()));
 };
 SiderBlock.defaultProps = blockDefaultProps;
+SiderBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Sider/style.less'
+    ]
+};
 export default SiderBlock;

package/dist/blocks/Sider/schema.json

@@ -18,13 +18,6 @@
         "type": "boolean",
         "description": "Whether can be collapsed"
       },
-      "color": {
-        "type": "string",
-        "description": "Sider color",
-        "docs": {
-          "displayType": "color"
-        }
-      },
       "initialCollapsed": {
         "type": "boolean",
         "default": true,

package/dist/blocks/Sider/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/Statistic/Statistic.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.
@@ -17,7 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Statistic } from 'antd';
 import { type } from '@lowdefy/helpers';
 import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-const StatisticBlock = ({ blockId , components: { Icon  } , events , properties , methods  })=>/*#__PURE__*/ _jsx(Statistic, {
+const StatisticBlock = ({ blockId , components: { Icon  } , events , properties , methods  })=>/*#__PURE__*/ React.createElement(Statistic, {
         className: methods.makeCssClass(properties.style),
         decimalSeparator: properties.decimalSeparator,
         groupSeparator: properties.groupSeparator,
@@ -30,12 +29,12 @@ const StatisticBlock = ({ blockId , components: { Icon  } , events , properties
         }),
         value: type.isNone(properties.value) ? '' : properties.value,
         valueStyle: methods.makeCssClass(properties.valueStyle, true),
-        prefix: properties.prefixIcon ? /*#__PURE__*/ _jsx(Icon, {
+        prefix: properties.prefixIcon ? /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_prefixIcon`,
             events: events,
             properties: properties.prefixIcon
         }) : properties.prefix || '',
-        suffix: properties.suffixIcon ? /*#__PURE__*/ _jsx(Icon, {
+        suffix: properties.suffixIcon ? /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_suffixIcon`,
             events: events,
             properties: properties.suffixIcon
@@ -43,4 +42,11 @@ const StatisticBlock = ({ blockId , components: { Icon  } , events , properties
     })
 ;
 StatisticBlock.defaultProps = blockDefaultProps;
+StatisticBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Statistic/style.less'
+    ]
+};
 export default StatisticBlock;

package/dist/blocks/Statistic/schema.json

@@ -29,7 +29,7 @@
       },
       "prefixIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon which prefix the statistic.",
+        "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 which prefix the statistic.",
         "docs": {
           "displayType": "icon"
         }
@@ -40,7 +40,7 @@
       },
       "suffixIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon which suffix the statistic.",
+        "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 which suffix the statistic.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Statistic/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/Switch/Switch.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.
@@ -31,14 +30,13 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
             name: propertiesIconUnchecked
         };
     }
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon,
             Link
         },
         events: events,
-        loading: loading,
         properties: {
             title: properties.title,
             size: properties.size,
@@ -47,7 +45,7 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
         required: required,
         validation: validation,
         content: {
-            content: ()=>/*#__PURE__*/ _jsx(Switch, {
+            content: ()=>/*#__PURE__*/ React.createElement(Switch, {
                     autoFocus: properties.autoFocus,
                     checked: !!value,
                     className: methods.makeCssClass([
@@ -58,30 +56,23 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
                         },
                         properties.inputStyle, 
                     ]),
-                    disabled: properties.disabled,
-                    loading: loading,
+                    disabled: properties.disabled || loading,
                     id: `${blockId}_input`,
                     size: properties.size,
-                    checkedChildren: properties.checkedText ? /*#__PURE__*/ _jsx("span", {
-                        children: properties.checkedText
-                    }) : /*#__PURE__*/ _jsx(Icon, {
+                    checkedChildren: properties.checkedText ? /*#__PURE__*/ React.createElement("span", null, properties.checkedText) : /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_checkedIcon`,
                         events: events,
                         properties: {
-                            name: 'CheckOutlined',
-                            ...propertiesIconChecked || {
-                            }
+                            name: 'AiOutlineCheck',
+                            ...propertiesIconChecked || {}
                         }
                     }),
-                    unCheckedChildren: properties.uncheckedText ? /*#__PURE__*/ _jsx("span", {
-                        children: properties.uncheckedText
-                    }) : /*#__PURE__*/ _jsx(Icon, {
+                    unCheckedChildren: properties.uncheckedText ? /*#__PURE__*/ React.createElement("span", null, properties.uncheckedText) : /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_uncheckedIcon`,
                         events: events,
                         properties: {
-                            name: 'CloseOutlined',
-                            ...propertiesIconUnchecked || {
-                            }
+                            name: 'AiOutlineClose',
+                            ...propertiesIconUnchecked || {}
                         }
                     }),
                     onChange: (newVal)=>{
@@ -95,4 +86,16 @@ const SwitchBlock = ({ blockId , components: { Icon , Link  } , events , loading
     }));
 };
 SwitchBlock.defaultProps = blockDefaultProps;
+SwitchBlock.meta = {
+    valueType: 'boolean',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons,
+        'AiOutlineCheck',
+        'AiOutlineClose'
+    ],
+    styles: [
+        'blocks/Switch/style.less'
+    ]
+};
 export default SwitchBlock;

package/dist/blocks/Switch/schema.json

@@ -11,8 +11,8 @@
       },
       "checkedIcon": {
         "type": ["string", "object"],
-        "default": "CheckOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is checked (true).",
+        "default": "AiOutlineCheck",
+        "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 to shown when switch is checked (true).",
         "docs": {
           "displayType": "icon"
         }
@@ -111,8 +111,8 @@
       },
       "uncheckedIcon": {
         "type": ["string", "object"],
-        "default": "CloseOutlined",
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is unchecked (false).",
+        "default": "AiOutlineClose",
+        "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 to shown when switch is unchecked (false).",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/Switch/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/Tabs/Tabs.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.
@@ -16,6 +15,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { Tabs } from 'antd';
+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);
+}
 const getTabs = ({ content , properties  })=>{
     let tabs = properties.tabs;
     if (!tabs) {
@@ -30,8 +43,7 @@ const getTabs = ({ content , properties  })=>{
     );
 };
 const getAdditionalProps = ({ content , properties  })=>{
-    const additionalProps = {
-    };
+    const additionalProps = {};
     if (properties.activeKey) {
         additionalProps.activeKey = properties.activeKey;
     }
@@ -49,7 +61,7 @@ const TabsBlock = ({ blockId , components: { Icon  } , events , content , method
         content,
         properties
     });
-    return(/*#__PURE__*/ _jsx(Tabs, {
+    return(/*#__PURE__*/ React.createElement(Tabs, _extends({
         animated: properties.animated !== undefined ? properties.animated : true,
         defaultActiveKey: properties.defaultActiveKey || tabs[0].key,
         id: blockId,
@@ -77,25 +89,25 @@ const TabsBlock = ({ blockId , components: { Icon  } , events , content , method
                     key
                 }
             })
-        ,
-        ...additionalProps,
-        children: tabs.map((tab)=>/*#__PURE__*/ _jsx(Tabs.TabPane, {
-                disabled: tab.disabled,
-                tab: /*#__PURE__*/ _jsxs("span", {
-                    className: methods.makeCssClass(tab.titleStyle),
-                    children: [
-                        tab.icon && /*#__PURE__*/ _jsx(Icon, {
-                            blockId: `${blockId}_icon`,
-                            events: events,
-                            properties: tab.icon
-                        }),
-                        tab.title || tab.key
-                    ]
-                }),
-                children: content[tab.key] && content[tab.key]()
-            }, tab.key)
-        )
-    }));
+    }, additionalProps), tabs.map((tab)=>/*#__PURE__*/ React.createElement(Tabs.TabPane, {
+            disabled: tab.disabled,
+            key: tab.key,
+            tab: /*#__PURE__*/ React.createElement("span", {
+                className: methods.makeCssClass(tab.titleStyle)
+            }, tab.icon && /*#__PURE__*/ React.createElement(Icon, {
+                blockId: `${blockId}_icon`,
+                events: events,
+                properties: tab.icon
+            }), tab.title || tab.key)
+        }, content[tab.key] && content[tab.key]())
+    )));
 };
 TabsBlock.defaultProps = blockDefaultProps;
+TabsBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Tabs/style.less'
+    ]
+};
 export default TabsBlock;

package/dist/blocks/Tabs/schema.json

@@ -56,7 +56,7 @@
             },
             "icon": {
               "type": ["string", "object"],
-              "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to show in tab title.",
+              "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 to show in tab title.",
               "docs": {
                 "displayType": "icon"
               }

package/dist/blocks/Tabs/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/TextArea/TextArea.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.
@@ -21,7 +20,7 @@ import Label from '../Label/Label.js';
 import useRunAfterUpdate from '../../useRunAfterUpdate.js';
 const TextAreaComp = Input.TextArea;
 const TextAreaBlock = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: components,
         events: events,
@@ -32,17 +31,16 @@ const TextAreaBlock = ({ blockId , components , events , loading , properties ,
         },
         validation: validation,
         required: required,
-        loading: loading,
         content: {
             content: ()=>{
                 const runAfterUpdate = useRunAfterUpdate();
-                return(/*#__PURE__*/ _jsx(TextAreaComp, {
+                return(/*#__PURE__*/ React.createElement(TextAreaComp, {
                     id: `${blockId}_input`,
                     allowClear: properties.allowClear,
                     autoFocus: properties.autoFocus,
                     bordered: properties.bordered,
                     className: methods.makeCssClass(properties.inputStyle),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     maxLength: properties.maxLength,
                     placeholder: properties.placeholder,
                     showCount: properties.showCount,
@@ -76,4 +74,14 @@ const TextAreaBlock = ({ blockId , components , events , loading , properties ,
     }));
 };
 TextAreaBlock.defaultProps = blockDefaultProps;
+TextAreaBlock.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/TextArea/style.less'
+    ]
+};
 export default TextAreaBlock;

package/dist/blocks/TextArea/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/TextInput/TextInput.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,14 +18,13 @@ 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 ,  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
+    return(/*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
         components: {
             Icon,
             Link
         },
         events: events,
-        loading: loading,
         properties: {
             title: properties.title,
             size: properties.size,
@@ -37,13 +35,13 @@ const TextInput = ({ blockId , components: { Icon , Link  } , events , loading ,
         content: {
             content: ()=>{
                 const runAfterUpdate = useRunAfterUpdate();
-                return(/*#__PURE__*/ _jsx(Input, {
+                return(/*#__PURE__*/ React.createElement(Input, {
                     id: `${blockId}_input`,
                     allowClear: properties.allowClear,
                     autoFocus: properties.autoFocus,
                     bordered: properties.bordered,
                     className: methods.makeCssClass(properties.inputStyle),
-                    disabled: properties.disabled,
+                    disabled: properties.disabled || loading,
                     maxLength: properties.maxLength,
                     placeholder: properties.placeholder,
                     size: properties.size,
@@ -64,12 +62,12 @@ const TextInput = ({ blockId , components: { Icon , Link  } , events , loading ,
                             name: 'onPressEnter'
                         });
                     },
-                    prefix: properties.prefix || properties.prefixIcon && /*#__PURE__*/ _jsx(Icon, {
+                    prefix: properties.prefix || properties.prefixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_prefixIcon`,
                         events: events,
                         properties: properties.prefixIcon
                     }),
-                    suffix: properties.suffix || properties.suffixIcon && /*#__PURE__*/ _jsx(Icon, {
+                    suffix: properties.suffix || properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         events: events,
                         properties: properties.suffixIcon
@@ -80,4 +78,14 @@ const TextInput = ({ blockId , components: { Icon , Link  } , events , loading ,
     }));
 };
 TextInput.defaultProps = blockDefaultProps;
+TextInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/TextInput/style.less'
+    ]
+};
 export default TextInput;

package/dist/blocks/TextInput/schema.json

@@ -38,7 +38,7 @@
       },
       "prefixIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to prefix the text input.",
+        "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 to prefix the text input.",
         "docs": {
           "displayType": "icon"
         }
@@ -121,7 +121,7 @@
       },
       "suffixIcon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to suffix the text input.",
+        "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 to suffix the text input.",
         "docs": {
           "displayType": "icon"
         }

package/dist/blocks/TextInput/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/TimelineList/TimelineList.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.
@@ -17,16 +16,29 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Timeline } from 'antd';
 import { blockDefaultProps } from '@lowdefy/block-utils';
 import { get, mergeObjects, serializer, type } from '@lowdefy/helpers';
+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);
+}
 // TODO: need to pass value to list blocks to render item level settings.
 const TimelineList = ({ blockId , components: { Icon  } , events , list , methods , properties  })=>{
     // Temporary fix until list blocks get value from state
     const value = properties.data;
-    const other = {
-    };
+    const other = {};
     if (properties.mode) {
         other.mode = properties.mode;
     }
-    return(/*#__PURE__*/ _jsx(Timeline, {
+    return(/*#__PURE__*/ React.createElement(Timeline, _extends({
         id: blockId,
         className: methods.makeCssClass([
             {
@@ -35,7 +47,7 @@ const TimelineList = ({ blockId , components: { Icon  } , events , list , method
             properties.style
         ]),
         pending: properties.pending,
-        pendingDot: properties.pendingDotIcon && /*#__PURE__*/ _jsx(Icon, {
+        pendingDot: properties.pendingDotIcon && /*#__PURE__*/ React.createElement(Icon, {
             blockId: `${blockId}_pendingDotIcon`,
             events: events,
             properties: mergeObjects([
@@ -47,40 +59,44 @@ const TimelineList = ({ blockId , components: { Icon  } , events , list , method
                 properties.pendingDotIcon
             ])
         }),
-        reverse: properties.reverse,
-        ...other,
-        children: (list || []).map((child, i)=>{
-            let icon = serializer.copy(get(value, `${i}.${properties.iconField || 'icon'}`));
-            let style = get(value, `${i}.${properties.styleField || 'style'}`);
-            if (type.isString(icon)) {
-                icon = {
-                    name: icon
-                };
-            }
-            if (!type.isObject(style)) {
-                style = {
-                };
-            }
-            const color = get(value, `${i}.${properties.colorField || 'color'}`);
-            return(/*#__PURE__*/ _jsx(Timeline.Item, {
-                color: color,
-                position: get(value, `${i}.${properties.positionField || 'position'}`),
-                label: get(value, `${i}.${properties.labelField || 'label'}`),
-                dot: icon && /*#__PURE__*/ _jsx(Icon, {
-                    blockId: `${blockId}_${i}_icon`,
-                    events: events,
-                    properties: mergeObjects([
-                        {
-                            style,
-                            color
-                        },
-                        icon
-                    ])
-                }),
-                children: child.content && child.content()
-            }, `${blockId}_${i}`));
-        })
-    }));
+        reverse: properties.reverse
+    }, other), (list || []).map((child, i)=>{
+        let icon = serializer.copy(get(value, `${i}.${properties.iconField || 'icon'}`));
+        let style = get(value, `${i}.${properties.styleField || 'style'}`);
+        if (type.isString(icon)) {
+            icon = {
+                name: icon
+            };
+        }
+        if (!type.isObject(style)) {
+            style = {};
+        }
+        const color = get(value, `${i}.${properties.colorField || 'color'}`);
+        return(/*#__PURE__*/ React.createElement(Timeline.Item, {
+            key: `${blockId}_${i}`,
+            color: color,
+            position: get(value, `${i}.${properties.positionField || 'position'}`),
+            label: get(value, `${i}.${properties.labelField || 'label'}`),
+            dot: icon && /*#__PURE__*/ React.createElement(Icon, {
+                blockId: `${blockId}_${i}_icon`,
+                events: events,
+                properties: mergeObjects([
+                    {
+                        style,
+                        color
+                    },
+                    icon
+                ])
+            })
+        }, child.content && child.content()));
+    })));
 };
 TimelineList.defaultProps = blockDefaultProps;
+TimelineList.meta = {
+    category: 'list',
+    icons: [],
+    styles: [
+        'blocks/TimelineList/style.less'
+    ]
+};
 export default TimelineList;