@lowdefy/blocks-antd 3.23.2 → 4.0.0-alpha.10

package/dist/blocks/Affix/Affix.js

@@ -0,0 +1,44 @@
+/*
+  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 { Affix } from 'antd';
+import { get } from '@lowdefy/helpers';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+const AffixBlock = ({ blockId , content , methods , properties , rename  })=>/*#__PURE__*/ React.createElement(Affix, {
+        id: blockId,
+        className: methods.makeCssClass(properties.style),
+        offsetBottom: properties.offsetBottom,
+        offsetTop: properties.offsetTop,
+        onChange: (affixed)=>{
+            methods.triggerEvent({
+                name: get(rename, 'events.onChange', {
+                    default: 'onChange'
+                }),
+                event: {
+                    affixed
+                }
+            });
+        }
+    }, content.content && content.content())
+;
+AffixBlock.defaultProps = blockDefaultProps;
+AffixBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Affix/style.less'
+    ]
+};
+export default AffixBlock;

package/dist/blocks/Affix/schema.json

@@ -0,0 +1,34 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "offsetBottom": {
+        "type": "number",
+        "description": "Offset from the bottom of the viewport (in pixels)."
+      },
+      "offsetTop": {
+        "type": "number",
+        "description": "Offset from the top of the viewport (in pixels)."
+      },
+      "style": {
+        "type": "object",
+        "description": "Css style object to applied to affix.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Triggered when container affix status changes."
+      }
+    }
+  }
+}

package/dist/blocks/Affix/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/affix/style/index.less';

package/dist/blocks/Alert/Alert.js

@@ -0,0 +1,80 @@
+/*
+  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 { Alert } from 'antd';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { 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);
+}
+const AlertBlock = ({ blockId , content , events , components: { Icon  } , methods , properties  })=>{
+    const additionalProps = {};
+    if (properties.icon) {
+        additionalProps.icon = /*#__PURE__*/ React.createElement(Icon, {
+            blockId: `${blockId}_icon`,
+            events: events,
+            properties: properties.icon
+        });
+    }
+    return(/*#__PURE__*/ React.createElement(Alert, _extends({
+        action: content.action && content.action(),
+        afterClose: ()=>methods.triggerEvent({
+                name: 'afterClose'
+            })
+        ,
+        banner: properties.banner,
+        closable: properties.closable,
+        closeText: properties.closeText,
+        description: renderHtml({
+            html: properties.description,
+            methods
+        }),
+        id: blockId,
+        message: type.isNone(properties.message) ? /*#__PURE__*/ React.createElement("div", {
+            style: {
+                marginBottom: -4
+            }
+        }) : renderHtml({
+            html: properties.message,
+            methods
+        }),
+        onClose: ()=>methods.triggerEvent({
+                name: 'onClose'
+            })
+        ,
+        showIcon: properties.showIcon === false ? false : true,
+        type: properties.type
+    }, additionalProps)));
+};
+AlertBlock.defaultProps = blockDefaultProps;
+AlertBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Alert/style.less'
+    ]
+};
+export default AlertBlock;

package/dist/blocks/Alert/schema.json

@@ -0,0 +1,62 @@
+{
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "banner": {
+        "type": "boolean",
+        "default": false,
+        "description": "Style as banner at top of application window."
+      },
+      "closable": {
+        "type": "boolean",
+        "default": false,
+        "description": "Allow alert to be closed."
+      },
+      "closeText": {
+        "type": "string",
+        "description": "Close text to show."
+      },
+      "description": {
+        "type": "string",
+        "description": "Content description of alert - supports html."
+      },
+      "icon": {
+        "type": ["string", "object"],
+        "description": "Name of an Ant Design Icon or properties of an Icon block to customize alert icon.",
+        "docs": {
+          "displayType": "icon"
+        }
+      },
+      "message": {
+        "type": "string",
+        "description": "Content message of alert - supports html."
+      },
+      "showIcon": {
+        "type": "boolean",
+        "default": true,
+        "description": "Show type default icon."
+      },
+      "type": {
+        "type": "string",
+        "enum": ["success", "info", "warning", "error"],
+        "default": "info",
+        "description": "Alert style type."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onClose": {
+        "type": "array",
+        "description": "Called when Alert close button is clicked."
+      },
+      "afterClose": {
+        "type": "array",
+        "description": "Called after Alert has been closed."
+      }
+    }
+  }
+}

package/dist/blocks/Alert/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/alert/style/index.less';

package/dist/blocks/AutoComplete/AutoComplete.js

@@ -0,0 +1,108 @@
+/*
+  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 { AutoComplete } from 'antd';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { type } from '@lowdefy/helpers';
+import Label from '../Label/Label.js';
+import getUniqueValues from '../../getUniqueValues.js';
+const Option = AutoComplete.Option;
+const AutoCompleteInput = ({ blockId , components , events , loading , methods , properties , required , validation , value ,  })=>{
+    const uniqueValueOptions = getUniqueValues(properties.options || []);
+    return(/*#__PURE__*/ React.createElement(Label, {
+        blockId: blockId,
+        components: components,
+        events: events,
+        properties: {
+            title: properties.title,
+            size: properties.size,
+            ...properties.label
+        },
+        validation: validation,
+        required: required,
+        content: {
+            content: ()=>/*#__PURE__*/ React.createElement(AutoComplete, {
+                    id: `${blockId}_input`,
+                    autoFocus: properties.autoFocus,
+                    backfill: properties.backfill,
+                    bordered: properties.bordered,
+                    className: methods.makeCssClass(properties.inputStyle),
+                    defaultOpen: properties.defaultOpen,
+                    disabled: properties.disabled || loading,
+                    placeholder: properties.placeholder || 'Type or select item',
+                    allowClear: properties.allowClear !== false,
+                    size: properties.size,
+                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0
+                    ,
+                    onChange: (newVal)=>{
+                        let val = type.isPrimitive(uniqueValueOptions[newVal]) ? uniqueValueOptions[newVal] : uniqueValueOptions[newVal].value;
+                        if (type.isNone(val)) {
+                            val = newVal;
+                        }
+                        methods.setValue(val);
+                        methods.triggerEvent({
+                            name: 'onChange'
+                        });
+                    },
+                    onSearch: (newVal)=>{
+                        methods.triggerEvent({
+                            name: 'onSearch',
+                            event: {
+                                value: newVal
+                            }
+                        });
+                    },
+                    value: type.isNone(value) ? undefined : value
+                }, (properties.options || []).map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass(properties.optionsStyle),
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Option, {
+                        className: methods.makeCssClass([
+                            properties.optionsStyle,
+                            opt.style
+                        ]),
+                        disabled: opt.disabled,
+                        filterstring: opt.filterString,
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    }))
+                ))
+        }
+    }));
+};
+AutoCompleteInput.defaultProps = blockDefaultProps;
+AutoCompleteInput.meta = {
+    valueType: 'string',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/AutoComplete/style.less'
+    ]
+};
+export default AutoCompleteInput;

package/dist/blocks/AutoComplete/schema.json

@@ -0,0 +1,189 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "allowClear": {
+        "type": "boolean",
+        "default": true,
+        "description": "Allow the user to clear the selected value, sets the value to null."
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "default": false,
+        "description": "Autofocus to the block on page load."
+      },
+      "bordered": {
+        "type": "boolean",
+        "default": true,
+        "description": "Whether or not the input has a border style."
+      },
+      "backfill": {
+        "type": "boolean",
+        "default": false,
+        "description": "Backfill selected item the input when using keyboard"
+      },
+      "defaultOpen": {
+        "type": "boolean",
+        "default": false,
+        "description": "Initial open state of dropdown."
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Disable the block if true."
+      },
+      "inputStyle": {
+        "type": "object",
+        "description": "Css style to applied to input.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "label": {
+        "type": "object",
+        "description": "Label properties.",
+        "additionalProperties": false,
+        "properties": {
+          "align": {
+            "type": "string",
+            "enum": ["left", "right"],
+            "default": "left",
+            "description": "Align label left or right when inline."
+          },
+          "colon": {
+            "type": "boolean",
+            "default": true,
+            "description": "Append label with colon."
+          },
+          "extra": {
+            "type": "string",
+            "description": "Extra text to display beneath the content."
+          },
+          "title": {
+            "type": "string",
+            "description": "Label title."
+          },
+          "span": {
+            "type": "number",
+            "description": "Label inline span."
+          },
+          "disabled": {
+            "type": "boolean",
+            "description": "Hide input label."
+          },
+          "hasFeedback": {
+            "type": "boolean",
+            "default": true,
+            "description": "Display feedback extra from validation, this does not disable validation."
+          },
+          "inline": {
+            "type": "boolean",
+            "default": false,
+            "description": "Render input and label inline."
+          },
+          "extraStyle": {
+            "type": "object",
+            "description": "Css style to applied to label extra.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          },
+          "feedbackStyle": {
+            "type": "object",
+            "description": "Css style to applied to label feedback.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          }
+        }
+      },
+      "options": {
+        "default": [],
+        "oneOf": [
+          {
+            "type": "array",
+            "description": "Options can either be an array of string values, on an array of label, value pairs - supports html.",
+            "items": {
+              "type": "string"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of string values, on an array of label, value pairs.",
+            "items": {
+              "type": "object",
+              "required": ["value"],
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "description": "Value label shown to user - supports html."
+                },
+                "value": {
+                  "description": "Value selected. Can be of any type.",
+                  "type": "string",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "disabled": {
+                  "type": "boolean",
+                  "default": false,
+                  "description": "Disable the option if true."
+                },
+                "filterString": {
+                  "type": "string",
+                  "description": "String to match against when filtering selector options during. If no filterString is provided the filter method matches against options.label."
+                },
+                "style": {
+                  "type": "object",
+                  "description": "Css style to applied to option.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "optionsStyle": {
+        "type": "object",
+        "description": "Css style to applied to option elements.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "placeholder": {
+        "type": "string",
+        "default": "Type or select item",
+        "description": "Placeholder text inside the block before user selects input."
+      },
+      "size": {
+        "type": "string",
+        "enum": ["small", "default", "large"],
+        "default": "default",
+        "description": "Size of the block."
+      },
+      "title": {
+        "type": "string",
+        "description": "Title to describe the input component, if no title is specified the block id is displayed."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Trigger actions when selection is changed."
+      },
+      "onSearch": {
+        "type": "array",
+        "description": "Called when searching items."
+      }
+    }
+  }
+}

package/dist/blocks/AutoComplete/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/auto-complete/style/index.less';

package/dist/blocks/Avatar/Avatar.js

@@ -0,0 +1,51 @@
+/*
+  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 { Avatar } from 'antd';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+const AvatarBlock = ({ blockId , events , components: { Icon  } , methods , properties  })=>/*#__PURE__*/ React.createElement(Avatar, {
+        id: blockId,
+        alt: properties.alt,
+        gap: properties.gap,
+        shape: properties.shape,
+        size: properties.size,
+        src: properties.src,
+        onClick: ()=>methods.triggerEvent({
+                name: 'onClick'
+            })
+        ,
+        className: methods.makeCssClass([
+            {
+                backgroundColor: !properties.src && properties.color,
+                cursor: events.onClick && 'pointer'
+            },
+            properties.style, 
+        ]),
+        icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
+            blockId: `${blockId}_icon`,
+            events: events,
+            properties: properties.icon
+        })
+    }, properties.content)
+;
+AvatarBlock.defaultProps = blockDefaultProps;
+AvatarBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Avatar/style.less'
+    ]
+};
+export default AvatarBlock;