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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "4.0.0-alpha.26",
+  "version": "4.0.0-alpha.29",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -42,18 +42,17 @@
     "dist/*"
   ],
   "scripts": {
-    "build": "yarn swc",
+    "build": "swc src --out-dir dist --config-file ../../../../.swcrc --delete-dir-on-start && pnpm copyfiles",
     "clean": "rm -rf dist",
     "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
-    "prepare": "yarn build",
-    "swc": "swc src --out-dir dist --config-file ../../../../.swcrc --delete-dir-on-start && yarn copyfiles",
+    "prepublishOnly": "pnpm build",
     "test:watch": "jest --coverage --watch",
     "test": "jest --coverage"
   },
   "dependencies": {
     "@ant-design/icons": "4.7.0",
-    "@lowdefy/block-utils": "4.0.0-alpha.26",
-    "@lowdefy/helpers": "4.0.0-alpha.26",
+    "@lowdefy/block-utils": "4.0.0-alpha.29",
+    "@lowdefy/helpers": "4.0.0-alpha.29",
     "antd": "4.22.5",
     "classnames": "2.3.1",
     "moment": "2.29.4",
@@ -64,9 +63,9 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.9.1",
-    "@lowdefy/block-dev": "4.0.0-alpha.26",
-    "@lowdefy/jest-yaml-transform": "4.0.0-alpha.26",
-    "@lowdefy/node-utils": "4.0.0-alpha.26",
+    "@lowdefy/block-dev": "4.0.0-alpha.29",
+    "@lowdefy/jest-yaml-transform": "4.0.0-alpha.29",
+    "@lowdefy/node-utils": "4.0.0-alpha.29",
     "@swc/cli": "0.1.57",
     "@swc/core": "1.2.194",
     "@swc/jest": "0.2.21",
@@ -81,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ef60e34f87b95204d103db4a65e4ba3c54a5a1b5"
+  "gitHead": "621a191ebc0a1569ee6669dc74c12f8be5a8c7f3"
 }

package/dist/blocks/Affix/Affix.js

@@ -1,43 +0,0 @@
-/*
-  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

@@ -1,34 +0,0 @@
-{
-  "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

@@ -1,17 +0,0 @@
-/*
-  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

@@ -1,78 +0,0 @@
-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 { Alert } from 'antd';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { type } from '@lowdefy/helpers';
-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

@@ -1,62 +0,0 @@
-{
-  "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

@@ -1,17 +0,0 @@
-/*
-  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

@@ -1,86 +0,0 @@
-/*
-  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 } from '@lowdefy/block-utils';
-import { type } from '@lowdefy/helpers';
-import Label from '../Label/Label.js';
-const Option = AutoComplete.Option;
-const AutoCompleteInput = ({ blockId , components , events , loading , methods , properties , required , validation , value ,  })=>{
-    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([
-                        {
-                            width: '100%'
-                        },
-                        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.value}`.toLowerCase().indexOf(input.toLowerCase()) >= 0,
-                    onChange: (newVal)=>{
-                        methods.setValue(newVal);
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    },
-                    onSearch: (newVal)=>{
-                        methods.triggerEvent({
-                            name: 'onSearch',
-                            event: {
-                                value: newVal
-                            }
-                        });
-                    },
-                    value: type.isNone(value) ? undefined : `${value}`
-                }, (properties.options || []).map((opt, i)=>/*#__PURE__*/ React.createElement(Option, {
-                        className: methods.makeCssClass(properties.optionsStyle),
-                        id: `${blockId}_${i}`,
-                        key: i,
-                        value: `${opt}`
-                    }, `${opt}`)))
-        }
-    });
-};
-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

@@ -1,148 +0,0 @@
-{
-  "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": [],
-        "type": "array",
-        "description": "Options can either be an array of string values.",
-        "items": {
-          "type": "string"
-        }
-      },
-      "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

@@ -1,17 +0,0 @@
-/*
-  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

@@ -1,49 +0,0 @@
-/*
-  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;

package/dist/blocks/Avatar/schema.json

@@ -1,71 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "alt": {
-        "type": "string",
-        "description": "This attribute defines the alternative text describing the image."
-      },
-      "color": {
-        "type": "string",
-        "description": "The background color of the avatar if not using a src url. Should be a hex color string. Color is a random color if not specified.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
-      "content": {
-        "type": "string",
-        "description": "Text to display inside avatar."
-      },
-      "gap": {
-        "type": "number",
-        "description": "Letter type unit distance between left and right sides."
-      },
-      "icon": {
-        "type": ["string", "object"],
-        "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 use an icon in avatar.",
-        "docs": {
-          "displayType": "icon"
-        }
-      },
-      "shape": {
-        "type": "string",
-        "enum": ["circle", "square"],
-        "default": "circle",
-        "description": "Shape of the avatar."
-      },
-      "size": {
-        "type": ["string", "object"],
-        "default": "default",
-        "enum": ["default", "small", "large"],
-        "description": "Size of the avatar; default, small, large or responsive.",
-        "docs": {
-          "displayType": "string"
-        }
-      },
-      "src": {
-        "type": "string",
-        "description": "The address of the image for an image avatar."
-      },
-      "style": {
-        "type": "object",
-        "description": "Css style object to applied to avatar.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onClick": {
-        "type": "array",
-        "description": "Triggered when avatar item is clicked."
-      }
-    }
-  }
-}