Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-18 00:55:35 +00:00
Code Issues Projects Releases Wiki Activity

Transform the accept prop into a string everywhere (#5380)

Browse source 
* `/dev/Dashboard.js` - add all restrictions for the development environment

* `AddFiles.tsx` - turn `accept` into a string

* everywhere - make `accept` a string across uppy
This commit is contained in:
Evgenia Karunus 2024-08-01 15:18:55 +05:00 • committed by GitHub
parent f76d744246
commit b9582e1e67
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/@uppy/dashboard/src/components/AddFiles.tsx
View file

@ -55,7 +55,7 @@ class AddFiles extends Component {
name="files[]"
multiple={this.props.maxNumberOfFiles !== 1}
onChange={this.onFileInputChange}
accept={this.props.allowedFileTypes}
accept={this.props.allowedFileTypes?.join(', ')}
ref={refCallback}
/>
)

3
packages/@uppy/drag-drop/src/DragDrop.tsx
View file

@ -165,8 +165,7 @@ export default class DragDrop<M extends Meta, B extends Body> extends UIPlugin<
}}
name={this.opts.inputName}
multiple={restrictions.maxNumberOfFiles !== 1}
// @ts-expect-error We actually want to coerce the array to a string (or keep it as null/undefined)
accept={restrictions.allowedFileTypes}
accept={restrictions.allowedFileTypes?.join(', ')}
onChange={this.onInputChange}
/>
)

6
packages/@uppy/file-input/src/FileInput.tsx
View file

@ -96,10 +96,6 @@ export default class FileInput<M extends Meta, B extends Body> extends UIPlugin<
} satisfies h.JSX.IntrinsicElements['input']['style']
const { restrictions } = this.uppy.opts
const accept =
restrictions.allowedFileTypes ?
restrictions.allowedFileTypes.join(',')
: undefined
return (
<div className="uppy-FileInput-container">
@ -110,7 +106,7 @@ export default class FileInput<M extends Meta, B extends Body> extends UIPlugin<
name={this.opts.inputName}
onChange={this.handleInputChange}
multiple={restrictions.maxNumberOfFiles !== 1}
accept={accept}
accept={restrictions.allowedFileTypes?.join(', ')}
ref={(input) => {
this.input = input as HTMLFileInputElement
}}

10
private/dev/Dashboard.js
View file

@ -79,7 +79,15 @@ function getCompanionKeysParams (name) {
export default () => {
const restrictions = undefined
// const restrictions = { requiredMetaFields: ['caption'], maxNumberOfFiles: 3 }
// const restrictions = {
// maxFileSize: 1 * 1000000, // 1mb
// minFileSize: 1 * 1000000, // 1mb
// maxTotalFileSize: 1 * 1000000, // 1mb
// maxNumberOfFiles: 3,
// minNumberOfFiles: 1,
// allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif'],
// requiredMetaFields: ['caption'],
// }
const uppyDashboard = new Uppy({
logger: debugLogger,