@lowdefy/plugin-aws 5.1.0 → 5.2.0

package/dist/blocks/S3Download/S3Download.js

@@ -40,6 +40,7 @@ const S3Download = ({ blockId, classNames = {}, methods, properties, styles = {}
             ]
         });
     }, []);
+    const showRemoveIcon = properties.showRemoveIcon ?? false;
     return /*#__PURE__*/ React.createElement(Upload, {
         id: blockId,
         className: classNames.element,
@@ -49,14 +50,25 @@ const S3Download = ({ blockId, classNames = {}, methods, properties, styles = {}
                 file,
                 methods
             }),
-        showUploadList: {
-            showRemoveIcon: false,
-            showDownloadIcon: true
-        },
         onDownload: async (file)=>await downloadFile({
                 file,
                 methods
-            })
+            }),
+        onRemove: (file)=>{
+            methods.triggerEvent({
+                name: 'onRemove',
+                event: {
+                    file
+                }
+            });
+            // Controlled fileList: the YAML handler decides whether to update state.
+            // Return false so antd doesn't fire onChange with a removed-file list.
+            return false;
+        },
+        showUploadList: {
+            showDownloadIcon: true,
+            showRemoveIcon
+        }
     });
 };
 export default withBlockDefaults(withTheme('Upload', S3Download));

package/dist/blocks/S3Download/meta.js

@@ -12,7 +12,8 @@
   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.
-*/ export default {
+*/ import uploadTheme from '../../schemas/uploadTheme.js';
+export default {
     category: 'display',
     icons: [],
     valueType: null,
@@ -20,7 +21,13 @@
         element: 'The S3Download element.'
     },
     events: {
-        onChange: 'Triggered when the upload state is changing.'
+        onChange: 'Triggered when the upload state is changing.',
+        onRemove: {
+            description: 'Triggered when a file remove icon is clicked. The file is NOT removed automatically — the handler is responsible for updating `fileList` (e.g. via `SetState`).',
+            event: {
+                file: 'The file whose remove icon was clicked.'
+            }
+        }
     },
     properties: {
         type: 'object',
@@ -64,40 +71,12 @@
                 type: 'string',
                 description: 'Id of a request of type AwsS3PresignedGetObject that defines which S3 bucket and file to download.'
             },
-            theme: {
-                type: 'object',
-                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/upload#design-token">antd design tokens</a>.',
-                docs: {
-                    displayType: 'yaml',
-                    link: 'https://ant.design/components/upload#design-token'
-                },
-                properties: {
-                    actionsColor: {
-                        type: 'string',
-                        description: 'Color of action icons (download, preview).'
-                    },
-                    pictureCardSize: {
-                        type: 'number',
-                        description: 'Size of list items in card type (affects both picture-card and picture-circle).'
-                    },
-                    controlItemBgHover: {
-                        type: 'string',
-                        description: 'Background color of file item on hover.'
-                    },
-                    colorIcon: {
-                        type: 'string',
-                        description: 'Color of file icons.'
-                    },
-                    fontSize: {
-                        type: 'number',
-                        description: 'Font size of file name text.'
-                    },
-                    borderRadiusSM: {
-                        type: 'number',
-                        description: 'Border radius of file list items.'
-                    }
-                }
-            }
+            showRemoveIcon: {
+                type: 'boolean',
+                default: false,
+                description: 'Show a remove (×) icon next to each file in the list. Clicking it fires the `onRemove` event; the file is not removed from `fileList` automatically — the action handler is responsible.'
+            },
+            theme: uploadTheme
         }
     }
 };

package/dist/blocks/S3UploadButton/S3UploadButton.js

@@ -13,11 +13,12 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React, { useEffect } from 'react';
-import { withBlockDefaults } from '@lowdefy/block-utils';
+import { cn, withBlockDefaults } 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';
+import withTheme from '../withTheme.js';
 const S3UploadButtonBlock = ({ blockId, classNames = {}, components, events, methods, properties, styles = {}, value })=>{
     const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
         properties,
@@ -53,15 +54,26 @@ const S3UploadButtonBlock = ({ blockId, classNames = {}, components, events, met
     }, [
         value
     ]);
-    return /*#__PURE__*/ React.createElement(Upload, {
+    return /*#__PURE__*/ React.createElement("div", {
+        id: blockId,
+        className: cn('lf-s3-upload-button', classNames.element),
+        style: styles.element
+    }, /*#__PURE__*/ React.createElement(Upload, {
         accept: properties.accept ?? '*',
         beforeUpload: loadFileList,
-        className: classNames.element,
-        style: styles.element,
+        classNames: {
+            trigger: classNames.trigger,
+            list: classNames.list,
+            item: classNames.item
+        },
+        styles: {
+            trigger: styles.trigger,
+            list: styles.list,
+            item: styles.item
+        },
         customRequest: s3UploadRequest,
         disabled: properties.disabled,
         fileList: state.fileList,
-        id: blockId,
         maxCount: properties.maxCount,
         multiple: !properties.singleFile,
         onRemove: removeFile,
@@ -83,6 +95,6 @@ const S3UploadButtonBlock = ({ blockId, classNames = {}, components, events, met
             ...properties.button
         },
         methods: methods
-    }));
+    })));
 };
-export default withBlockDefaults(S3UploadButtonBlock);
+export default withBlockDefaults(withTheme('Upload', S3UploadButtonBlock));

package/dist/blocks/S3UploadButton/meta.js

@@ -12,14 +12,18 @@
   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.
-*/ export default {
+*/ import uploadTheme from '../../schemas/uploadTheme.js';
+export default {
     category: 'input',
     icons: [
         'AiOutlineUpload'
     ],
     valueType: 'object',
     cssKeys: {
-        element: 'The upload wrapper element.'
+        element: 'The outer block wrapper around the upload button and list.',
+        trigger: 'The antd upload trigger (.ant-upload-select) that wraps the button.',
+        list: 'The uploaded file list container.',
+        item: 'Each uploaded file row in the list.'
     },
     events: {
         onBeforeUpload: {
@@ -139,7 +143,35 @@
             },
             s3PostPolicyRequestId: {
                 type: 'string',
-                description: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.'
+                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',
@@ -150,7 +182,8 @@
                 type: 'boolean',
                 default: false,
                 description: 'Only allow a single file to be uploaded. Only one file can be selected in the prompt.'
-            }
+            },
+            theme: uploadTheme
         }
     }
 };

package/dist/blocks/S3UploadDragger/S3UploadDragger.js

@@ -13,11 +13,14 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React, { useEffect } from 'react';
-import { Upload } from 'antd';
-import { withBlockDefaults, renderHtml } from '@lowdefy/block-utils';
+import { Upload, theme as antdTheme } from 'antd';
+import { cn, renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
+import { type } from '@lowdefy/helpers';
 import useFileList from '../utils/useFileList.js';
 import getS3Upload from '../utils/getS3Upload.js';
 import getOnPaste from '../utils/getOnPaste.js';
+import withTheme from '../withTheme.js';
+import './style.module.css';
 const { Dragger } = Upload;
 const S3UploadDragger = ({ blockId, classNames = {}, methods, properties, styles = {}, value })=>{
     const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
@@ -61,15 +64,32 @@ const S3UploadDragger = ({ blockId, classNames = {}, methods, properties, styles
     }, [
         onPaste
     ]);
+    const { token } = antdTheme.useToken();
+    const height = type.isNone(properties.height) ? token.controlHeight : properties.height;
     return /*#__PURE__*/ React.createElement("div", {
         id: blockId,
-        onPaste: onPaste
+        className: cn('lf-s3-upload-dragger', classNames.element),
+        onPaste: onPaste,
+        style: {
+            '--lf-s3-dragger-height': type.isNumber(height) ? `${height}px` : height,
+            ...styles.element
+        }
     }, /*#__PURE__*/ React.createElement(Dragger, {
         accept: properties.accept ?? '*',
         beforeUpload: loadFileList,
-        className: classNames.element,
-        style: styles.element,
-        height: properties.height,
+        classNames: {
+            trigger: classNames.trigger,
+            list: classNames.list,
+            item: classNames.item
+        },
+        styles: {
+            root: {
+                display: 'block'
+            },
+            trigger: styles.trigger,
+            list: styles.list,
+            item: styles.item
+        },
         customRequest: s3UploadRequest,
         disabled: properties.disabled,
         fileList: state.fileList,
@@ -83,11 +103,11 @@ const S3UploadDragger = ({ blockId, classNames = {}, methods, properties, styles
             });
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames.hint,
+        className: cn(classNames.hint),
         style: styles.hint
     }, renderHtml({
         html: properties.title ?? 'Click or drag to add a file.',
         methods
     }))));
 };
-export default withBlockDefaults(S3UploadDragger);
+export default withBlockDefaults(withTheme('Upload', S3UploadDragger));

package/dist/blocks/S3UploadDragger/meta.js

@@ -12,13 +12,17 @@
   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.
-*/ export default {
+*/ import uploadTheme from '../../schemas/uploadTheme.js';
+export default {
     category: 'input',
     icons: [],
     valueType: 'object',
     cssKeys: {
-        element: 'The upload dragger area.',
-        hint: 'The hint text inside the dragger.'
+        element: 'The outer dragger box (height container, background, border, shadow).',
+        hint: 'The hint content shown inside the drop area.',
+        trigger: 'The antd drag surface (.ant-upload-drag). Target for hover/drag-hover border and background.',
+        list: 'The uploaded file list container.',
+        item: 'Each uploaded file row in the list.'
     },
     events: {
         onBeforeUpload: {
@@ -64,8 +68,11 @@
         ],
         properties: {
             height: {
-                type: 'number',
-                description: 'Height of the dragger area in pixels. Defaults to the antd control height. Overridden by style .element height if set.'
+                type: [
+                    'number',
+                    'string'
+                ],
+                description: 'Height of the dragger area. A number is applied in pixels; a string is passed through as a CSS length (e.g. "300px", "50vh"). Defaults to the antd `controlHeight` theme token. If `style.element.height` is set, it overrides this.'
             },
             title: {
                 type: 'string',
@@ -85,7 +92,35 @@
             },
             s3PostPolicyRequestId: {
                 type: 'string',
-                description: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.'
+                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',
@@ -96,7 +131,8 @@
                 type: 'boolean',
                 default: false,
                 description: 'Only allow a single file to be uploaded. Only one file can be selected in the prompt.'
-            }
+            },
+            theme: uploadTheme
         }
     }
 };

package/dist/blocks/S3UploadDragger/style.module.css

@@ -0,0 +1,30 @@
+/*
+  Copyright 2020-2026 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.
+*/
+
+@layer components {
+  /* Height applies to the drop zone, not the outer wrapper, so the file list
+     (rendered as a sibling of `.ant-upload-drag` inside the Dragger root) can
+     flow inline below it instead of overflowing a fixed-height container. */
+  :global(.lf-s3-upload-dragger .ant-upload-drag) {
+    height: var(--lf-s3-dragger-height);
+  }
+  /* antd v6 applies `padding: token.padding` to `.ant-upload-drag .ant-upload`,
+     which overflows the drag area when the wrapper height is small. Scope the
+     override to this block and let users add padding via style.hint. */
+  :global(.lf-s3-upload-dragger .ant-upload-drag .ant-upload) {
+    padding: 0;
+  }
+}

package/dist/blocks/S3UploadPhoto/S3UploadPhoto.js

@@ -13,10 +13,11 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React, { useEffect, useState } from 'react';
-import { withBlockDefaults, renderHtml } from '@lowdefy/block-utils';
+import { cn, renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
 import { Upload } from 'antd';
 import useFileList from '../utils/useFileList.js';
 import getS3Upload from '../utils/getS3Upload.js';
+import withTheme from '../withTheme.js';
 const S3UploadPhoto = ({ blockId, classNames = {}, components: { Icon }, events, methods, properties, styles = {}, value })=>{
     const [state, loadFileList, setFileList, removeFile, setValue] = useFileList({
         properties,
@@ -54,14 +55,26 @@ const S3UploadPhoto = ({ blockId, classNames = {}, components: { Icon }, events,
     }, [
         value
     ]);
-    return /*#__PURE__*/ React.createElement(Upload, {
+    return /*#__PURE__*/ React.createElement("div", {
+        id: blockId,
+        className: cn('lf-s3-upload-photo', classNames.element),
+        style: styles.element
+    }, /*#__PURE__*/ React.createElement(Upload, {
         accept: "image/*",
         beforeUpload: loadFileList,
-        className: "avatar-uploader",
+        classNames: {
+            trigger: classNames.trigger,
+            list: classNames.list,
+            item: classNames.item
+        },
+        styles: {
+            trigger: styles.trigger,
+            list: styles.list,
+            item: styles.item
+        },
         customRequest: s3UploadRequest,
         disabled: properties.disabled,
         fileList: state.fileList,
-        id: blockId,
         listType: "picture-card",
         maxCount: properties.maxCount,
         multiple: !properties.singleFile,
@@ -73,36 +86,22 @@ const S3UploadPhoto = ({ blockId, classNames = {}, components: { Icon }, events,
             });
         }
     }, /*#__PURE__*/ React.createElement("div", {
-        className: classNames.element,
-        style: styles.element
-    }, loading ? /*#__PURE__*/ React.createElement(Icon, {
-        blockId: `${blockId}_icon`,
-        classNames: {
-            element: classNames.icon
-        },
-        events: events,
-        properties: {
-            name: 'AiOutlineLoading',
-            size: 24
-        },
-        styles: {
-            element: styles.icon
-        }
-    }) : /*#__PURE__*/ React.createElement(Icon, {
+        className: "lf-s3-upload-photo-content"
+    }, /*#__PURE__*/ React.createElement(Icon, {
         blockId: `${blockId}_icon`,
         classNames: {
-            element: classNames.icon
+            element: cn('lf-s3-upload-photo-icon', classNames.icon)
         },
         events: events,
         properties: {
-            name: 'AiOutlineCamera',
+            name: loading ? 'AiOutlineLoading' : 'AiOutlineCamera',
             size: 24
         },
         styles: {
             element: styles.icon
         }
     }), /*#__PURE__*/ React.createElement("div", {
-        className: classNames.title,
+        className: cn('lf-s3-upload-photo-title', classNames.title),
         style: {
             marginTop: 8,
             ...styles.title
@@ -110,6 +109,6 @@ const S3UploadPhoto = ({ blockId, classNames = {}, components: { Icon }, events,
     }, renderHtml({
         html: properties.title ?? 'Upload image',
         methods
-    }))));
+    })))));
 };
-export default withBlockDefaults(S3UploadPhoto);
+export default withBlockDefaults(withTheme('Upload', S3UploadPhoto));

package/dist/blocks/S3UploadPhoto/meta.js

@@ -12,7 +12,8 @@
   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.
-*/ export default {
+*/ import uploadTheme from '../../schemas/uploadTheme.js';
+export default {
     category: 'input',
     icons: [
         'AiOutlineLoading',
@@ -20,11 +21,20 @@
     ],
     valueType: 'object',
     cssKeys: {
-        element: 'The upload content area.',
-        icon: 'The icon in the S3UploadPhoto.',
-        title: 'The upload title text.'
+        element: 'The outer block wrapper around the upload card and list.',
+        trigger: 'The antd upload trigger card (.ant-upload-select) — the dashed upload tile.',
+        list: 'The uploaded photos list container.',
+        item: 'Each uploaded photo tile in the list.',
+        icon: 'The icon shown inside the upload trigger card (camera / loading).',
+        title: 'The title text shown below the icon inside the upload trigger card.'
     },
     events: {
+        onBeforeUpload: {
+            description: 'Triggered before upload starts. If any action throws, the upload is cancelled.',
+            event: {
+                file: 'The raw File object selected by the user.'
+            }
+        },
         onChange: 'Triggered when the upload state is changing.',
         onProgress: {
             description: 'Triggered when the upload state is in progress.',
@@ -76,7 +86,35 @@
             },
             s3PostPolicyRequestId: {
                 type: 'string',
-                description: 'Id of a request of type AwsS3PresignedPostPolicy that defines to which S3 bucket and how the file should be uploaded.'
+                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',
@@ -87,7 +125,8 @@
                 type: 'boolean',
                 default: false,
                 description: 'Only allow a single file to be uploaded. Only one file can be selected in the prompt.'
-            }
+            },
+            theme: uploadTheme
         }
     }
 };

package/dist/connections/AwsS3Bucket/AwsS3PresignedPostPolicy/AwsS3PresignedPostPolicy.js

@@ -38,7 +38,10 @@ async function AwsS3PresignedPostPolicy({ request, connection }) {
     }
     Object.keys(fields).forEach((field)=>{
         if (fields[field]) {
-            params.Fields[field] = fields[field];
+            // S3 user metadata values must be ASCII. URL-encode x-amz-meta-* values so
+            // non-ASCII characters (names, URLs, etc.) survive the round trip. Other
+            // protocol fields (acl, Content-Type, ...) must be passed through literally.
+            params.Fields[field] = field.toLowerCase().startsWith('x-amz-meta-') ? encodeURIComponent(fields[field]) : fields[field];
         }
     });
     const s3 = new S3Client({

package/dist/schemas/uploadTheme.js

@@ -0,0 +1,53 @@
+/*
+  Copyright 2020-2026 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.
+*/ // Shared antd Upload component-token schema for S3 blocks wrapped in
+// `withTheme('Upload', …)`. Values are forwarded into a scoped
+// `<ConfigProvider theme={{ components: { Upload: theme } }}>` wrapper.
+// See https://ant.design/components/upload#design-token.
+const uploadTheme = {
+    type: 'object',
+    description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/upload#design-token">antd design tokens</a>.',
+    docs: {
+        displayType: 'yaml',
+        link: 'https://ant.design/components/upload#design-token'
+    },
+    properties: {
+        actionsColor: {
+            type: 'string',
+            description: 'Color of action icons (download, preview, remove).'
+        },
+        pictureCardSize: {
+            type: 'number',
+            description: 'Size of list items in card type (affects both picture-card and picture-circle).'
+        },
+        controlItemBgHover: {
+            type: 'string',
+            description: 'Background color of file item on hover.'
+        },
+        colorIcon: {
+            type: 'string',
+            description: 'Color of file icons.'
+        },
+        fontSize: {
+            type: 'number',
+            description: 'Font size of file name text.'
+        },
+        borderRadiusSM: {
+            type: 'number',
+            description: 'Border radius of file list items.'
+        }
+    }
+};
+export default uploadTheme;