@lowdefy/plugin-aws 4.2.0 → 4.2.1

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

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

@@ -0,0 +1,44 @@
+# 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

@@ -0,0 +1,87 @@
+{
+  "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."
+      },
+      "maxCount": {
+        "type": "number",
+        "description": "Maximum number of files that can be uploaded."
+      },
+      "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."
+      }
+    }
+  },
+  "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

@@ -0,0 +1,18 @@
+/*
+  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/S3UploadDragger/S3UploadDragger.js

@@ -0,0 +1,101 @@
+/*
+  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, renderHtml } from '@lowdefy/block-utils';
+import useFileList from '../utils/useFileList.js';
+import getS3Upload from '../utils/getS3Upload.js';
+import getOnPaste from '../utils/getOnPaste.js';
+const { Dragger } = Upload;
+const S3UploadDragger = ({ blockId, methods, properties, value })=>{
+    const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
+        properties,
+        methods,
+        value
+    });
+    const s3UploadRequest = getS3Upload({
+        methods,
+        setFileList
+    });
+    const onPaste = getOnPaste({
+        s3UploadRequest,
+        properties
+    });
+    useEffect(()=>{
+        methods.registerEvent({
+            name: '__getS3PostPolicy',
+            actions: [
+                {
+                    id: '__getS3PostPolicy',
+                    type: 'Request',
+                    params: [
+                        properties.s3PostPolicyRequestId
+                    ]
+                }
+            ]
+        });
+    }, []);
+    useEffect(()=>{
+        if (JSON.stringify(value) !== JSON.stringify(state)) {
+            setValue(value);
+        }
+    }, [
+        value
+    ]);
+    useEffect(()=>{
+        methods.registerMethod('uploadFromPaste', async ()=>{
+            await onPaste();
+        });
+    }, [
+        onPaste
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        id: blockId,
+        onPaste: onPaste
+    }, /*#__PURE__*/ React.createElement(Dragger, {
+        accept: properties.accept ?? '*',
+        beforeUpload: loadFileList,
+        className: methods.makeCssClass([
+            properties.style
+        ]),
+        customRequest: s3UploadRequest,
+        disabled: properties.disabled,
+        fileList: state.fileList,
+        maxCount: properties.maxCount,
+        multiple: !properties.singleFile,
+        onRemove: removeFile,
+        showUploadList: properties.showUploadList,
+        onChange: ()=>{
+            methods.triggerEvent({
+                name: 'onChange'
+            });
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "ant-upload-hint"
+    }, renderHtml({
+        html: properties.title ?? 'Click or drag to add a file.',
+        methods
+    }))));
+};
+S3UploadDragger.defaultProps = blockDefaultProps;
+S3UploadDragger.meta = {
+    valueType: 'object',
+    category: 'input',
+    icons: [],
+    styles: [
+        'blocks/S3UploadDragger/style.less'
+    ]
+};
+export default S3UploadDragger;

package/dist/blocks/S3UploadDragger/schema.json

@@ -0,0 +1,81 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "required": ["s3PostPolicyRequestId"],
+    "properties": {
+      "title": {
+        "type": "string",
+        "description": "Title of the file input to be displayed on the draggable area."
+      },
+      "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."
+      },
+      "disabled": {
+        "type": "boolean",
+        "description": "Disable the file input."
+      },
+      "maxCount": {
+        "type": "number",
+        "description": "Maximum number of files that can be uploaded."
+      },
+      "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."
+                }
+              }
+            ]
+          }
+        }
+      },
+      "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."
+      },
+      "style": {
+        "type": "object",
+        "description": "Css style object to applied to draggable area.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Triggered when the upload state is changing."
+      }
+    }
+  }
+}

package/dist/blocks/S3UploadDragger/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';