@lowdefy/plugin-aws 4.1.0 → 4.2.0

package/dist/blocks/S3UploadButton/__snapshots__/S3UploadButton.test.js.snap

@@ -1,281 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Render default - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
-  >
-    <span
-      class="ant-upload"
-      role="button"
-      tabindex="0"
-    >
-      <input
-        accept=""
-        id="default"
-        multiple=""
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn emotion-0"
-        id="default_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="default_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Render properties.accept - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
-  >
-    <span
-      class="ant-upload"
-      role="button"
-      tabindex="0"
-    >
-      <input
-        accept=".png,.jpg"
-        id="properties.accept"
-        multiple=""
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn emotion-0"
-        id="properties.accept_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="properties.accept_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Render properties.button - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
-  >
-    <span
-      class="ant-upload"
-      role="button"
-      tabindex="0"
-    >
-      <input
-        accept=""
-        id="properties.button"
-        multiple=""
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn ant-btn-primary emotion-0"
-        id="properties.button_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="properties.button_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Render properties.disabled - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text ant-upload-disabled"
-  >
-    <span
-      class="ant-upload ant-upload-disabled"
-      role="button"
-    >
-      <input
-        accept=""
-        multiple=""
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn emotion-0"
-        disabled=""
-        id="properties.disabled_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="properties.disabled_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Render properties.showUploadList - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
-  >
-    <span
-      class="ant-upload"
-      role="button"
-      tabindex="0"
-    >
-      <input
-        accept=""
-        id="properties.showUploadList"
-        multiple=""
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn emotion-0"
-        id="properties.showUploadList_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="properties.showUploadList_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Render properties.singleFile - value[0] 1`] = `
-<span
-  class=""
->
-  <div
-    class="ant-upload ant-upload-select ant-upload-select-text"
-  >
-    <span
-      class="ant-upload"
-      role="button"
-      tabindex="0"
-    >
-      <input
-        accept=""
-        id="properties.singleFile"
-        style="display: none;"
-        type="file"
-      />
-      <button
-        class="ant-btn emotion-0"
-        id="properties.singleFile_button"
-        type="button"
-      >
-        <svg
-          class="emotion-1"
-          data-testid="AiOutlineExclamationCircle"
-          id="properties.singleFile_button_icon"
-        />
-        <span
-          class="emotion-1"
-        >
-          Upload
-        </span>
-      </button>
-    </span>
-  </div>
-  <div
-    class="ant-upload-list ant-upload-list-text"
-  />
-</span>
-`;
-
-exports[`Test Schema default 1`] = `true`;
-
-exports[`Test Schema default 2`] = `null`;
-
-exports[`Test Schema properties.accept 1`] = `true`;
-
-exports[`Test Schema properties.accept 2`] = `null`;
-
-exports[`Test Schema properties.button 1`] = `true`;
-
-exports[`Test Schema properties.button 2`] = `null`;
-
-exports[`Test Schema properties.disabled 1`] = `true`;
-
-exports[`Test Schema properties.disabled 2`] = `null`;
-
-exports[`Test Schema properties.showUploadList 1`] = `true`;
-
-exports[`Test Schema properties.showUploadList 2`] = `null`;
-
-exports[`Test Schema properties.singleFile 1`] = `true`;
-
-exports[`Test Schema properties.singleFile 2`] = `null`;

package/dist/blocks/S3UploadButton/examples.yaml

@@ -1,44 +0,0 @@
-# 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.
-
-- id: default
-  type: S3UploadButton
-  properties:
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-- id: properties.accept
-  type: S3UploadButton
-  properties:
-    accept: '.png,.jpg'
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-- id: properties.button
-  type: S3UploadButton
-  properties:
-    button:
-      type: primary
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-- id: properties.disabled
-  type: S3UploadButton
-  properties:
-    disabled: true
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-- id: properties.showUploadList
-  type: S3UploadButton
-  properties:
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-    showUploadList: true
-- id: properties.singleFile
-  type: S3UploadButton
-  properties:
-    s3PostPolicyRequestId: s3PostPolicyRequestId
-    singleFile: true

package/dist/blocks/S3UploadButton/schema.json

@@ -1,83 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "required": ["s3PostPolicyRequestId"],
-    "properties": {
-      "accept": {
-        "type": "string",
-        "description": "File types accepted by the input. See html file type input accept property at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept."
-      },
-      "button": {
-        "type": "object",
-        "description": "Button block properties.",
-        "default": {
-          "icon": "UploadOutlined",
-          "title": "Upload",
-          "type": "default"
-        },
-        "docs": {
-          "displayType": "button"
-        }
-      },
-      "disabled": {
-        "type": "boolean",
-        "description": "Disable the file input."
-      },
-      "s3PostPolicyRequestId": {
-        "type": "string",
-        "description": "Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.",
-        "docs": {
-          "displayType": "manual",
-          "block": {
-            "id": "block_properties_s3PostPolicyRequestId",
-            "layout": { "_global": "settings_input_layout" },
-            "type": "Label",
-            "required": true,
-            "properties": {
-              "title": "s3PostPolicyRequestId",
-              "span": 8,
-              "align": "right"
-            },
-            "blocks": [
-              {
-                "id": "block_properties_s3PostPolicyRequestId_text",
-                "type": "Markdown",
-                "style": {
-                  "color": "#8c8c8c"
-                },
-                "properties": {
-                  "content": "Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded."
-                }
-              }
-            ]
-          },
-          "getter": {}
-        }
-      },
-      "showUploadList": {
-        "type": "boolean",
-        "default": true,
-        "description": "Whether to show default upload list."
-      },
-      "singleFile": {
-        "type": "boolean",
-        "default": false,
-        "description": "Only allow a single file to be uploaded. Only one file can be selected in the prompt and the upload button is disabled after a file is uploaded."
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Triggered when the upload state is changing."
-      },
-      "onClick": {
-        "type": "array",
-        "description": "Triggered when the upload button is clicked."
-      }
-    }
-  }
-}

package/dist/blocks/S3UploadButton/style.less

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

package/dist/blocks/S3UploadPhoto/S3UploadPhoto.js

@@ -1,221 +0,0 @@
-/*
-  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, useState } from 'react';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import { get } from '@lowdefy/helpers';
-import { Upload } from 'antd';
-const makeFileValue = (file, s3Parameters)=>{
-    const { lastModified, name, percent, size, status, type, uid } = file;
-    const { bucket, key } = get(s3Parameters, uid, {
-        default: {}
-    });
-    return {
-        bucket,
-        key,
-        lastModified,
-        name,
-        percent,
-        size,
-        status,
-        type,
-        uid
-    };
-};
-const makeOnChangeValue = (s3Parameters, changeEvent)=>{
-    const { file, fileList } = changeEvent;
-    return {
-        file: makeFileValue(file, s3Parameters),
-        fileList: fileList.map((fl)=>makeFileValue(fl, s3Parameters))
-    };
-};
-const getCustomRequest = ({ methods, setS3Parameters, setLoading })=>async ({ file, onError, onProgress, onSuccess })=>{
-        let meta;
-        try {
-            setLoading(true);
-            const { name, size, type, uid } = file;
-            if (size > 1024 * 1024 * 10) throw new Error('File cannot exceed 10mb.');
-            const s3PostPolicyResponse = await methods.triggerEvent({
-                name: '__getS3PostPolicy',
-                event: {
-                    filename: name,
-                    size,
-                    type,
-                    uid
-                }
-            });
-            if (s3PostPolicyResponse.success !== true) {
-                throw new Error('S3 post policy request error.');
-            }
-            const { url, fields } = s3PostPolicyResponse.responses.__getS3PostPolicy.response[0];
-            const { bucket, key } = fields;
-            meta = {
-                bucket,
-                key,
-                filename: name,
-                size,
-                type,
-                uid
-            };
-            setS3Parameters((prevState)=>{
-                const ret = {
-                    ...prevState
-                };
-                ret[uid] = {
-                    bucket,
-                    key
-                };
-                return ret;
-            });
-            // Set 20 % progress on policy is acquired else user waits to long before progress is reported
-            onProgress({
-                percent: 20
-            });
-            // Create FormData with all required fields in S3 policy
-            const formData = new FormData();
-            Object.keys(fields).forEach((field)=>{
-                formData.append(field, fields[field]);
-            });
-            // file needs to be the last field in the form
-            formData.append('file', file);
-            const xhr = new XMLHttpRequest();
-            xhr.upload.onprogress = (event)=>{
-                if (event.lengthComputable) {
-                    onProgress({
-                        percent: event.loaded / event.total * 80 + 20
-                    });
-                }
-            };
-            xhr.addEventListener('error', async (event)=>{
-                await methods.triggerEvent({
-                    name: 'onError',
-                    event: {
-                        meta,
-                        event
-                    }
-                });
-                onError(event);
-            });
-            xhr.addEventListener('load', async (event)=>{
-                await methods.triggerEvent({
-                    name: 'onSuccess',
-                    event: {
-                        meta,
-                        event
-                    }
-                });
-                onSuccess(event);
-            });
-            xhr.addEventListener('loadend', async (event)=>{
-                await methods.triggerEvent({
-                    name: 'onDone',
-                    event: {
-                        meta,
-                        event
-                    }
-                });
-                setLoading(false);
-            });
-            xhr.open('post', url);
-            xhr.send(formData);
-        } catch (error) {
-            console.error(error);
-            await methods.triggerEvent({
-                name: 'onError',
-                event: {
-                    meta,
-                    error
-                }
-            });
-            onError(error);
-        }
-    };
-const S3UploadPhoto = ({ blockId, components: { Icon }, events, methods, properties, value })=>{
-    // Use state here because we need to set s3 bucket and key as block value
-    // The customRequest function does not have access to the updated block value,
-    // so it cannot set the value directly. customRequest sets the parameters to s3Parameters state,
-    // and then onChange updates the block value.
-    const [s3Parameters, setS3Parameters] = useState(value);
-    const [loading, setLoading] = useState(false);
-    const customRequest = getCustomRequest({
-        methods,
-        setS3Parameters,
-        setLoading
-    });
-    useEffect(()=>{
-        methods.setValue({
-            file: null,
-            fileList: []
-        });
-        methods.registerEvent({
-            name: '__getS3PostPolicy',
-            actions: [
-                {
-                    id: '__getS3PostPolicy',
-                    type: 'Request',
-                    params: [
-                        properties.s3PostPolicyRequestId
-                    ]
-                }
-            ]
-        });
-    }, []);
-    return /*#__PURE__*/ React.createElement(Upload, {
-        listType: "picture-card",
-        className: "avatar-uploader",
-        accept: "image/*",
-        customRequest: customRequest,
-        maxCount: 1,
-        id: blockId,
-        multiple: !properties.singleFile,
-        showUploadList: properties.showUploadList,
-        onChange: (event)=>{
-            methods.setValue(makeOnChangeValue(s3Parameters, event));
-            methods.triggerEvent({
-                name: 'onChange'
-            });
-        }
-    }, /*#__PURE__*/ React.createElement("div", null, loading ? /*#__PURE__*/ React.createElement(Icon, {
-        blockId: `${blockId}_icon`,
-        events: events,
-        properties: {
-            name: 'AiOutlineLoading',
-            size: 24
-        }
-    }) : /*#__PURE__*/ React.createElement(Icon, {
-        blockId: `${blockId}_icon`,
-        events: events,
-        properties: {
-            name: 'AiOutlineCamera',
-            size: 24
-        }
-    }), /*#__PURE__*/ React.createElement("div", {
-        style: {
-            marginTop: 8
-        }
-    }, "Upload a photo")));
-};
-S3UploadPhoto.defaultProps = blockDefaultProps;
-S3UploadPhoto.meta = {
-    valueType: 'object',
-    category: 'input',
-    icons: [
-        'AiOutlineLoading',
-        'AiOutlineCamera'
-    ],
-    styles: [
-        'blocks/S3UploadPhoto/style.less'
-    ]
-};
-export default S3UploadPhoto;