@lowdefy/plugin-aws 4.2.0 → 4.2.1

package/dist/blocks/S3Download/S3Download.js

@@ -0,0 +1,70 @@
+/*
+  Copyright 2020-2024 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, { useEffect } from 'react';
+import { Upload } from 'antd';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+const downloadFile = async ({ file, methods })=>{
+    const s3DownloadPolicy = await methods.triggerEvent({
+        name: '__getS3DownloadPolicy',
+        event: {
+            file
+        }
+    });
+    window.open(s3DownloadPolicy?.responses?.__getS3DownloadPolicy?.response?.[0]);
+};
+const S3Download = ({ blockId, methods, properties })=>{
+    useEffect(()=>{
+        methods.registerEvent({
+            name: '__getS3DownloadPolicy',
+            actions: [
+                {
+                    id: '__getS3DownloadPolicy',
+                    type: 'Request',
+                    params: [
+                        properties.s3GetPolicyRequestId
+                    ]
+                }
+            ]
+        });
+    }, []);
+    return /*#__PURE__*/ React.createElement(Upload, {
+        id: blockId,
+        className: methods.makeCssClass([
+            properties.style
+        ]),
+        fileList: properties.fileList ?? [],
+        onPreview: async (file)=>await downloadFile({
+                file,
+                methods
+            }),
+        showUploadList: {
+            showRemoveIcon: false,
+            showDownloadIcon: true
+        },
+        onDownload: async (file)=>await downloadFile({
+                file,
+                methods
+            })
+    });
+};
+S3Download.defaultProps = blockDefaultProps;
+S3Download.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/S3Download/style.less'
+    ]
+};
+export default S3Download;

package/dist/blocks/S3Download/schema.json

@@ -0,0 +1,85 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "required": ["s3GetPolicyRequestId"],
+    "properties": {
+      "fileList": {
+        "type": "array",
+        "description": "List of files to be downloaded. If files were uploaded using an S3Upload block, the fileList value can just be mapped to this field.",
+        "items": {
+          "type": "object",
+          "required": ["key"],
+          "properties": {
+            "key": {
+              "type": "string",
+              "description": "S3 file key."
+            },
+            "lastModified": {
+              "type": "string",
+              "description": "File last modified date."
+            },
+            "name": {
+              "type": "string",
+              "description": "File name."
+            },
+            "size": {
+              "type": "number",
+              "description": "File size in bytes."
+            },
+            "type": {
+              "type": "string",
+              "description": "File MIME type."
+            }
+          }
+        }
+      },
+      "s3GetPolicyRequestId": {
+        "type": "string",
+        "description": "Id of a request of type s3GetPolicyRequestId that defines to which S3 bucket and what file should be downloaded.",
+        "docs": {
+          "displayType": "manual",
+          "block": {
+            "id": "block_properties_s3GetPolicyRequestId",
+            "layout": { "_global": "settings_input_layout" },
+            "type": "Label",
+            "required": true,
+            "properties": {
+              "title": "s3GetPolicyRequestId",
+              "span": 8,
+              "align": "right"
+            },
+            "blocks": [
+              {
+                "id": "block_properties_s3GetPolicyRequestId_text",
+                "type": "Markdown",
+                "style": {
+                  "color": "#8c8c8c"
+                },
+                "properties": {
+                  "content": "Id of a request of type AwsS3PresignedGetPolicy that defines to which S3 bucket and what file should be downloaded."
+                }
+              }
+            ]
+          }
+        }
+      },
+      "style": {
+        "type": "object",
+        "description": "Css style object to applied to download component.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Triggered when the upload state is changing."
+      }
+    }
+  }
+}

package/dist/blocks/S3Download/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2024 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/upload/style/index.less';

package/dist/blocks/S3UploadButton/S3UploadButton.js

@@ -0,0 +1,97 @@
+/*
+  Copyright 2020-2024 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, { useEffect } from 'react';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import { Button } from '@lowdefy/blocks-antd/blocks';
+import { Upload } from 'antd';
+import useFileList from '../utils/useFileList.js';
+import getS3Upload from '../utils/getS3Upload.js';
+const S3UploadButtonBlock = ({ blockId, components, events, methods, properties, value })=>{
+    const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
+        properties,
+        methods,
+        value
+    });
+    const s3UploadRequest = getS3Upload({
+        methods,
+        setFileList
+    });
+    useEffect(()=>{
+        methods.setValue({
+            file: null,
+            fileList: []
+        });
+        methods.registerEvent({
+            name: '__getS3PostPolicy',
+            actions: [
+                {
+                    id: '__getS3PostPolicy',
+                    type: 'Request',
+                    params: [
+                        properties.s3PostPolicyRequestId
+                    ]
+                }
+            ]
+        });
+    }, []);
+    useEffect(()=>{
+        if (JSON.stringify(value) !== JSON.stringify(state)) {
+            setValue(value);
+        }
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ React.createElement(Upload, {
+        accept: properties.accept ?? '*',
+        beforeUpload: loadFileList,
+        customRequest: s3UploadRequest,
+        disabled: properties.disabled,
+        fileList: state.fileList,
+        id: blockId,
+        maxCount: properties.maxCount,
+        multiple: !properties.singleFile,
+        onRemove: removeFile,
+        showUploadList: properties.showUploadList,
+        onChange: ()=>{
+            methods.triggerEvent({
+                name: 'onChange'
+            });
+        }
+    }, /*#__PURE__*/ React.createElement(Button, {
+        blockId: `${blockId}_button`,
+        components: components,
+        events: events,
+        properties: {
+            disabled: properties.disabled,
+            icon: 'AiOutlineUpload',
+            title: 'Upload',
+            type: 'default',
+            ...properties.button
+        },
+        methods: methods
+    }));
+};
+S3UploadButtonBlock.defaultProps = blockDefaultProps;
+S3UploadButtonBlock.meta = {
+    valueType: 'object',
+    category: 'input',
+    icons: [
+        'AiOutlineUpload'
+    ],
+    styles: [
+        'blocks/S3UploadButton/style.less'
+    ]
+};
+export default S3UploadButtonBlock;