@lowdefy/blocks-antd 4.0.0-alpha.29 → 4.0.0-alpha.30

package/dist/blocks/TimelineList/TimelineList.js

@@ -0,0 +1,102 @@
+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);
+}
+/*
+  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.
+*/ import React from 'react';
+import { Timeline } from 'antd';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import { get, mergeObjects, serializer, type } from '@lowdefy/helpers';
+// 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 = {};
+    if (properties.mode) {
+        other.mode = properties.mode;
+    }
+    return /*#__PURE__*/ React.createElement(Timeline, _extends({
+        id: blockId,
+        className: methods.makeCssClass([
+            {
+                padding: '5px 0px 0px 5px'
+            },
+            properties.style
+        ]),
+        pending: properties.pending,
+        pendingDot: properties.pendingDotIcon && /*#__PURE__*/ React.createElement(Icon, {
+            blockId: `${blockId}_pendingDotIcon`,
+            events: events,
+            properties: mergeObjects([
+                {
+                    style: {
+                        fontSize: 16
+                    }
+                },
+                properties.pendingDotIcon
+            ])
+        }),
+        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;

package/dist/blocks/TimelineList/schema.json

@@ -0,0 +1,65 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "data": {
+        "type": "array",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "style": {
+        "type": "object",
+        "description": "Css style object to apply to timeline.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "pendingDotIcon": {
+        "type": ["object", "string"],
+        "description": "Set the dot of the last ghost node when pending is true.",
+        "docs": {
+          "displayType": "icon"
+        }
+      },
+      "pending": {
+        "type": "boolean",
+        "default": false,
+        "description": "Set the last ghost node's existence or its content."
+      },
+      "reverse": {
+        "type": "boolean",
+        "default": false,
+        "description": "Reverse timeline nodes."
+      },
+      "iconField": {
+        "type": "string",
+        "description": "Use a custom icon field. Defaults to 'icon'."
+      },
+      "styleField": {
+        "type": "string",
+        "description": "Use a custom style field. Defaults to 'style'."
+      },
+      "colorField": {
+        "type": "string",
+        "description": "Use a custom color field. Defaults to 'color'."
+      },
+      "positionField": {
+        "type": "string",
+        "description": "Use a custom position field. Defaults to 'position'."
+      },
+      "labelField": {
+        "type": "string",
+        "description": "Use a custom label field. Defaults to 'label'."
+      },
+      "mode": {
+        "type": "string",
+        "enum": ["left", "right", "alternate"],
+        "default": "left",
+        "description": "By sending alternate the timeline will distribute the nodes to the left and right."
+      }
+    }
+  }
+}

package/dist/blocks/TimelineList/style.less

@@ -0,0 +1,17 @@
+/*
+  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.
+*/
+
+@import 'antd/lib/timeline/style/index.less';

package/dist/blocks/Title/Title.js

@@ -0,0 +1,109 @@
+/*
+  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.
+*/ import React from 'react';
+import { Typography } from 'antd';
+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__*/ React.createElement(Title, {
+        id: blockId,
+        className: methods.makeCssClass([
+            properties.color && {
+                color: `${properties.color} !important`
+            },
+            properties.style, 
+        ]),
+        code: properties.code,
+        copyable: type.isObject(properties.copyable) ? {
+            text: properties.copyable.text || properties.content,
+            onCopy: ()=>{
+                methods.triggerEvent({
+                    name: 'onCopy',
+                    event: {
+                        value: properties.copyable.text || properties.content
+                    }
+                });
+            },
+            icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
+                    blockId: `${blockId}_copyable_before_icon`,
+                    events: events,
+                    properties: properties.copyable.icon[0]
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
+                    blockId: `${blockId}_copyable_after_icon`,
+                    events: events,
+                    properties: properties.copyable.icon[1]
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
+                blockId: `${blockId}_copyable_icon`,
+                events: events,
+                properties: properties.copyable.icon
+            })),
+            tooltips: properties.copyable.tooltips
+        } : properties.copyable && {
+            text: properties.content,
+            onCopy: ()=>{
+                methods.triggerEvent({
+                    name: 'onCopy',
+                    event: {
+                        value: properties.content
+                    }
+                });
+            }
+        },
+        delete: properties.delete,
+        disabled: properties.disabled,
+        ellipsis: type.isObject(properties.ellipsis) ? {
+            rows: properties.ellipsis.rows,
+            expandable: properties.ellipsis.expandable,
+            suffix: properties.ellipsis.suffix,
+            // FIX: not working, might be and antd issue.
+            // symbol: properties.ellipsis.symbol && <span>{properties.ellipsis.symbol}</span>,
+            // "symbol": {
+            //   "type": "string",
+            //   "description": "Custom ... symbol of ellipsis content."
+            // }
+            onExpand: (ellipsis)=>{
+                methods.triggerEvent({
+                    name: 'onExpand',
+                    event: {
+                        ellipsis
+                    }
+                });
+            }
+        } : properties.ellipsis,
+        italic: properties.italic,
+        level: properties.level,
+        mark: properties.mark,
+        type: properties.type,
+        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/schema.json

@@ -0,0 +1,136 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "code": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply code style."
+      },
+      "color": {
+        "type": "string",
+        "description": "Title color.",
+        "docs": {
+          "displayType": "color"
+        }
+      },
+      "content": {
+        "type": "string",
+        "description": "Title text content - supports html."
+      },
+      "copyable": {
+        "default": false,
+        "oneOf": [
+          {
+            "type": "boolean",
+            "description": "Provide copy text button."
+          },
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "properties": {
+              "text": {
+                "type": "string",
+                "description": "Paragraph text to copy when clicked."
+              },
+              "icon": {
+                "type": ["string", "object", "array"],
+                "description": "Copy icon, can be an array or two icons for before and after clicked.",
+                "docs": {
+                  "displayType": "icon"
+                }
+              },
+              "tooltips": {
+                "type": ["string", "array"],
+                "description": "Tooltip text, can be an array or two strings for before and after clicked.",
+                "docs": {
+                  "displayType": "string"
+                }
+              }
+            }
+          }
+        ]
+      },
+      "delete": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply deleted (strikethrough) style."
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply disabled style."
+      },
+      "ellipsis": {
+        "default": false,
+        "oneOf": [
+          {
+            "type": "boolean",
+            "description": "Display ellipsis when text overflows a single line."
+          },
+          {
+            "type": "object",
+            "additionalProperties": false,
+            "properties": {
+              "rows": {
+                "type": "number",
+                "description": "Max rows of content."
+              },
+              "expandable": {
+                "type": "boolean",
+                "description": "Expand hidden content when clicked."
+              },
+              "suffix": {
+                "type": "string",
+                "description": "Suffix of ellipses content."
+              }
+            }
+          }
+        ]
+      },
+      "italic": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply italic style."
+      },
+      "level": {
+        "type": "number",
+        "default": 1,
+        "enum": [1, 2, 3, 4, 5],
+        "description": "Set title type. Matches with h1, h2, h3 and h4."
+      },
+      "mark": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply marked (highlighted) style."
+      },
+      "type": {
+        "type": "string",
+        "default": "default",
+        "enum": ["secondary", "warning", "danger", "success"],
+        "description": "Additional types. Don't specify for default."
+      },
+      "underline": {
+        "type": "boolean",
+        "default": false,
+        "description": "Apply underline style."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onExpand": {
+        "type": "array",
+        "description": "Trigger action when ellipse expand is clicked."
+      },
+      "onCopy": {
+        "type": "array",
+        "description": "Trigger action when copy text is clicked."
+      }
+    }
+  }
+}

package/dist/blocks/Title/style.less

@@ -0,0 +1,17 @@
+/*
+  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.
+*/
+
+@import 'antd/lib/typography/style/index.less';

package/dist/blocks/TitleInput/TitleInput.js

@@ -0,0 +1,122 @@
+/*
+  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.
+*/ import React, { useState } from 'react';
+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 , loading , methods , properties , value ,  })=>{
+    const [editing, setEdit] = useState(false);
+    const editableEvents = {
+        onStart: ()=>{
+            setEdit(true);
+            methods.triggerEvent({
+                name: 'onStart'
+            });
+        },
+        onChange: (val)=>{
+            setEdit(false);
+            methods.setValue(val);
+            methods.triggerEvent({
+                name: 'onChange',
+                event: {
+                    value: val
+                }
+            });
+        }
+    };
+    return /*#__PURE__*/ React.createElement(Title, {
+        id: blockId,
+        code: properties.code,
+        italic: properties.italic,
+        level: properties.level,
+        mark: properties.mark,
+        type: properties.type,
+        underline: properties.underline,
+        className: methods.makeCssClass([
+            properties.color && {
+                color: `${properties.color} !important`
+            },
+            properties.style, 
+        ]),
+        copyable: type.isObject(properties.copyable) ? {
+            text: properties.copyable.text,
+            onCopy: ()=>{
+                methods.triggerEvent({
+                    name: 'onCopy',
+                    event: {
+                        value: properties.copyable.text
+                    }
+                });
+            },
+            icon: properties.copyable.icon && (type.isArray(properties.copyable.icon) ? [
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copy-icon",
+                    events: events,
+                    blockId: `${blockId}_copyable_before_icon`,
+                    properties: properties.copyable.icon[0]
+                }),
+                /*#__PURE__*/ React.createElement(Icon, {
+                    key: "copied-icon",
+                    events: events,
+                    blockId: `${blockId}_copyable_after_icon`,
+                    properties: properties.copyable.icon[1]
+                }), 
+            ] : /*#__PURE__*/ React.createElement(Icon, {
+                blockId: `${blockId}_copyable_icon`,
+                events: events,
+                properties: properties.copyable.icon
+            })),
+            tooltips: properties.copyable.tooltips
+        } : properties.copyable,
+        delete: properties.delete,
+        disabled: properties.disabled || loading,
+        ellipsis: type.isObject(properties.ellipsis) ? {
+            rows: properties.ellipsis.rows,
+            expandable: properties.ellipsis.expandable,
+            suffix: properties.ellipsis.suffix,
+            onExpand: (ellipsis)=>{
+                methods.triggerEvent({
+                    name: 'onExpand',
+                    event: {
+                        ellipsis
+                    }
+                });
+            }
+        } : properties.ellipsis,
+        editable: type.isObject(properties.editable) ? {
+            icon: properties.editable.icon && /*#__PURE__*/ React.createElement(Icon, {
+                blockId: `${blockId}_editable_icon`,
+                events: events,
+                properties: properties.editable.icon
+            }),
+            tooltip: properties.editable.tooltip,
+            editing: properties.editable.editing || editing,
+            maxLength: properties.editable.maxLength,
+            autoSize: properties.editable.autoSize,
+            ...editableEvents
+        } : 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;