From 53cb32f5d9e3a87cf7213621e81113155727afae Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
<41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 14 May 2024 15:14:15 +0000
Subject: [PATCH] Release: uppy@4.0.0-beta.7 (#5162)
| Package | Version | Package | Version |
| ---------------------- | ------------ | ---------------------- | ------------ |
| @uppy/companion | 5.0.0-beta.6 | @uppy/status-bar | 4.0.0-beta.7 |
| @uppy/companion-client | 4.0.0-beta.6 | @uppy/unsplash | 4.0.0-beta.6 |
| @uppy/compressor | 2.0.0-beta.7 | @uppy/url | 4.0.0-beta.6 |
| @uppy/core | 4.0.0-beta.7 | @uppy/utils | 6.0.0-beta.6 |
| @uppy/dashboard | 4.0.0-beta.7 | @uppy/webcam | 4.0.0-beta.6 |
| @uppy/dropbox | 4.0.0-beta.6 | @uppy/xhr-upload | 4.0.0-beta.4 |
| @uppy/image-editor | 3.0.0-beta.4 | uppy | 4.0.0-beta.7 |
| @uppy/screen-capture | 4.0.0-beta.5 | | |
- @uppy/companion: switch from `node-redis` to `ioredis` (Dominik Schmidt / #4623)
- meta: Fix headings in xhr.mdx (Merlijn Vos)
- @uppy/xhr-upload: introduce hooks similar to tus (Merlijn Vos / #5094)
- @uppy/core: close->destroy, clearUploadedFiles->clear (Merlijn Vos / #5154)
- @uppy/companion-client,@uppy/dropbox,@uppy/screen-capture,@uppy/unsplash,@uppy/url,@uppy/webcam: Use `title` consistently from locales (Merlijn Vos / #5134)
| Package | Version | Package | Version |
| ------------------ | ------- | ------------------ | ------- |
| @uppy/core | 3.11.3 | uppy | 3.25.3 |
| @uppy/image-editor | 2.4.6 | | |
- @uppy/image-editor: fix tooltips (Avneet Singh Malhotra / #5156)
- meta: Remove redundant `plugins` prop from examples (Merlijn Vos / #5145)
- @uppy/image-editor: Remove `target` option from examples and document consistently (Merlijn Vos / #5146)
- @uppy/core: make getObjectOfFilesPerState more efficient (Merlijn Vos / #5155)
---
BUNDLE-README.md | 2 +-
CHANGELOG.md | 37 +++
README.md | 81 +++--
docs/framework-integrations/react.mdx | 4 +-
docs/framework-integrations/svelte.mdx | 4 +-
docs/framework-integrations/vue.mdx | 2 +-
docs/guides/migration-guides.md | 6 +-
docs/presets/remote-sources.mdx | 3 +-
docs/sources/audio.mdx | 11 +-
docs/sources/companion-plugins/box.mdx | 10 +-
docs/sources/companion-plugins/dropbox.mdx | 10 +-
docs/sources/companion-plugins/facebook.mdx | 8 +-
.../companion-plugins/google-drive.mdx | 8 +-
docs/sources/companion-plugins/instagram.mdx | 8 +-
docs/sources/companion-plugins/onedrive.mdx | 8 +-
docs/sources/companion-plugins/unsplash.mdx | 8 +-
docs/sources/companion-plugins/url.mdx | 10 +-
docs/sources/companion-plugins/zoom.mdx | 10 +-
docs/sources/screen-capture.mdx | 11 +-
docs/sources/webcam.mdx | 11 +-
.../user-interfaces/elements/image-editor.mdx | 4 +-
docs/user-interfaces/elements/status-bar.mdx | 5 +-
examples/aws-nodejs/public/drag.html | 4 +-
examples/aws-nodejs/public/index.html | 4 +-
examples/cdn-example/index.html | 4 +-
.../uppy-with-companion/client/index.html | 4 +-
packages/@uppy/companion-client/CHANGELOG.md | 7 +
packages/@uppy/companion-client/package.json | 2 +-
packages/@uppy/companion/CHANGELOG.md | 7 +
packages/@uppy/companion/package.json | 2 +-
packages/@uppy/compressor/package.json | 4 +-
packages/@uppy/core/CHANGELOG.md | 14 +
packages/@uppy/core/package.json | 4 +-
packages/@uppy/core/src/Uppy.ts | 69 ++--
packages/@uppy/dashboard/package.json | 4 +-
packages/@uppy/dropbox/CHANGELOG.md | 7 +
packages/@uppy/dropbox/package.json | 2 +-
packages/@uppy/image-editor/CHANGELOG.md | 8 +
packages/@uppy/image-editor/README.md | 5 +-
packages/@uppy/image-editor/package.json | 2 +-
packages/@uppy/image-editor/src/Editor.tsx | 306 +++++++++---------
packages/@uppy/screen-capture/CHANGELOG.md | 7 +
packages/@uppy/screen-capture/package.json | 2 +-
packages/@uppy/status-bar/package.json | 4 +-
packages/@uppy/unsplash/CHANGELOG.md | 7 +
packages/@uppy/unsplash/package.json | 2 +-
packages/@uppy/url/CHANGELOG.md | 7 +
packages/@uppy/url/package.json | 2 +-
packages/@uppy/utils/package.json | 2 +-
packages/@uppy/webcam/CHANGELOG.md | 7 +
packages/@uppy/webcam/package.json | 2 +-
packages/@uppy/xhr-upload/CHANGELOG.md | 7 +
packages/@uppy/xhr-upload/package.json | 2 +-
packages/uppy/package.json | 2 +-
yarn.lock | 16 +-
55 files changed, 476 insertions(+), 313 deletions(-)
diff --git a/BUNDLE-README.md b/BUNDLE-README.md
index a8c4479c92..6e2865f88b 100644
--- a/BUNDLE-README.md
+++ b/BUNDLE-README.md
@@ -2,7 +2,7 @@
Hi, thanks for trying out the bundled version of the Uppy File Uploader. You can
use this from a CDN
-(``)
+(``)
or bundle it with your webapp.
Note that the recommended way to use Uppy is to install it with yarn/npm and use
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78a170c5d9..65e0203a8d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,28 @@ Please add your entries in this format:
In the current stage we aim to release a new version at least every month.
+## 4.0.0-beta.7
+
+Released: 2024-05-14
+
+| Package | Version | Package | Version |
+| ---------------------- | ------------ | ---------------------- | ------------ |
+| @uppy/companion | 5.0.0-beta.6 | @uppy/status-bar | 4.0.0-beta.7 |
+| @uppy/companion-client | 4.0.0-beta.6 | @uppy/unsplash | 4.0.0-beta.6 |
+| @uppy/compressor | 2.0.0-beta.7 | @uppy/url | 4.0.0-beta.6 |
+| @uppy/core | 4.0.0-beta.7 | @uppy/utils | 6.0.0-beta.6 |
+| @uppy/dashboard | 4.0.0-beta.7 | @uppy/webcam | 4.0.0-beta.6 |
+| @uppy/dropbox | 4.0.0-beta.6 | @uppy/xhr-upload | 4.0.0-beta.4 |
+| @uppy/image-editor | 3.0.0-beta.4 | uppy | 4.0.0-beta.7 |
+| @uppy/screen-capture | 4.0.0-beta.5 | | |
+
+- @uppy/companion: switch from `node-redis` to `ioredis` (Dominik Schmidt / #4623)
+- meta: Fix headings in xhr.mdx (Merlijn Vos)
+- @uppy/xhr-upload: introduce hooks similar to tus (Merlijn Vos / #5094)
+- @uppy/core: close->destroy, clearUploadedFiles->clear (Merlijn Vos / #5154)
+- @uppy/companion-client,@uppy/dropbox,@uppy/screen-capture,@uppy/unsplash,@uppy/url,@uppy/webcam: Use `title` consistently from locales (Merlijn Vos / #5134)
+
+
## 4.0.0-beta.6
Released: 2024-05-08
@@ -287,6 +309,21 @@ Released: 2024-03-28
- @uppy/vue: [v4.x] remove manual types (Antoine du Hamel / #4803)
- meta: prepare release workflow for beta versions (Antoine du Hamel)
+## 3.25.3
+
+Released: 2024-05-14
+
+| Package | Version | Package | Version |
+| ------------------ | ------- | ------------------ | ------- |
+| @uppy/core | 3.11.3 | uppy | 3.25.3 |
+| @uppy/image-editor | 2.4.6 | | |
+
+- @uppy/image-editor: fix tooltips (Avneet Singh Malhotra / #5156)
+- meta: Remove redundant `plugins` prop from examples (Merlijn Vos / #5145)
+- @uppy/image-editor: Remove `target` option from examples and document consistently (Merlijn Vos / #5146)
+- @uppy/core: make getObjectOfFilesPerState more efficient (Merlijn Vos / #5155)
+
+
## 3.25.2
Released: 2024-05-07
diff --git a/README.md b/README.md
index b9327d499a..6ee7c50689 100644
--- a/README.md
+++ b/README.md
@@ -41,8 +41,8 @@ import Tus from '@uppy/tus'
const uppy = new Uppy()
.use(Dashboard, { trigger: '#select-files' })
.use(RemoteSources, { companionUrl: 'https://companion.uppy.io' })
- .use(Webcam, { target: Dashboard })
- .use(ImageEditor, { target: Dashboard })
+ .use(Webcam)
+ .use(ImageEditor)
.use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
.on('complete', (result) => {
console.log('Upload result:', result)
@@ -79,7 +79,7 @@ npm install @uppy/core @uppy/dashboard @uppy/tus
```
Add CSS
-[uppy.min.css](https://releases.transloadit.com/uppy/v4.0.0-beta.6/uppy.min.css),
+[uppy.min.css](https://releases.transloadit.com/uppy/v4.0.0-beta.7/uppy.min.css),
either to your HTML page’s `
` or include in JS, if your bundler of choice
supports it.
@@ -94,7 +94,7 @@ object.
```html
@@ -105,7 +105,7 @@ object.
Uppy,
Dashboard,
Tus,
- } from 'https://releases.transloadit.com/uppy/v4.0.0-beta.6/uppy.min.mjs'
+ } from 'https://releases.transloadit.com/uppy/v4.0.0-beta.7/uppy.min.mjs'
const uppy = new Uppy()
uppy.use(Dashboard, { target: '#files-drag-drop' })
@@ -203,7 +203,48 @@ server-side component, is needed for a plugin to work.
## Browser Support
-We aim to support recent versions of Chrome, Firefox, and Safari.
+<<<<<<< HEAD We aim to support recent versions of Chrome, Firefox, and Safari.
+\======= We aim to support recent versions of Chrome, Firefox, Safari and Edge.
+
+We still provide a bundle which should work on IE11, but we are not running
+tests on it.
+
+### Polyfills
+
+Here’s a list of polyfills you’ll need to include to make Uppy work in older
+browsers, such as IE11:
+
+- [abortcontroller-polyfill](https://github.com/mo/abortcontroller-polyfill)
+- [core-js](https://github.com/zloirock/core-js)
+- [md-gum-polyfill](https://github.com/mozdevs/mediaDevices-getUserMedia-polyfill)
+- [resize-observer-polyfill](https://github.com/que-etc/resize-observer-polyfill)
+- [whatwg-fetch](https://github.com/github/fetch)
+
+If you’re using a bundler, you need to import them before Uppy:
+
+```js
+import 'core-js'
+import 'whatwg-fetch'
+import 'abortcontroller-polyfill/dist/polyfill-patch-fetch'
+// Order matters: AbortController needs fetch which needs Promise (provided by core-js).
+
+import 'md-gum-polyfill'
+import ResizeObserver from 'resize-observer-polyfill'
+
+window.ResizeObserver ??= ResizeObserver
+
+export { default } from '@uppy/core'
+export * from '@uppy/core'
+```
+
+If you’re using Uppy from CDN, those polyfills are already included in the
+legacy bundle, so no need to include anything additionally:
+
+```html
+
+```
+
+> > > > > > > 86e2e6750192055bfba24abf62e227976be5e085
## FAQ
@@ -320,7 +361,7 @@ Use Uppy in your project?
-
+
@@ -338,27 +379,27 @@ Use Uppy in your project?
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
-
+
+
-
+
-
+
-
+
diff --git a/docs/framework-integrations/react.mdx b/docs/framework-integrations/react.mdx
index e04684f242..c4b0e04990 100644
--- a/docs/framework-integrations/react.mdx
+++ b/docs/framework-integrations/react.mdx
@@ -117,7 +117,7 @@ function Component() {
// IMPORTANT: passing an initializer function to prevent Uppy from being reinstantiated on every render.
const [uppy] = useState(() => new Uppy().use(Webcam));
- return ;
+ return ;
}
```
@@ -175,7 +175,7 @@ function Component(props) {
uppy.getPlugin('Webcam').setOptions({ modes: props.webcamModes });
}, [props.webcamModes]);
- return ;
+ return ;
}
```
diff --git a/docs/framework-integrations/svelte.mdx b/docs/framework-integrations/svelte.mdx
index 4bb490b4c0..a0735f7cac 100644
--- a/docs/framework-integrations/svelte.mdx
+++ b/docs/framework-integrations/svelte.mdx
@@ -50,7 +50,7 @@ instance can be passed into components as an `uppy` prop. Due to the way Svelte
handles reactivity, you can initialize Uppy the same way you would with vanilla
JavaScript.
-```html
+```svelte
-
+
```
[svelte]: https://svelte.dev
diff --git a/docs/framework-integrations/vue.mdx b/docs/framework-integrations/vue.mdx
index 4564e5d83b..2d348f8022 100644
--- a/docs/framework-integrations/vue.mdx
+++ b/docs/framework-integrations/vue.mdx
@@ -66,7 +66,7 @@ JavaScript.
-
+
```
diff --git a/docs/guides/migration-guides.md b/docs/guides/migration-guides.md
index ca09b5f75f..4413da8fea 100644
--- a/docs/guides/migration-guides.md
+++ b/docs/guides/migration-guides.md
@@ -60,16 +60,14 @@ new Uppy()
companionAllowedHosts: COMPANION_ALLOWED_HOSTS,
})
.use(Webcam, {
- target: Dashboard,
showVideoSourceDropdown: true,
showRecordingLength: true,
})
.use(Audio, {
- target: Dashboard,
showRecordingLength: true,
})
- .use(ScreenCapture, { target: Dashboard })
- .use(ImageEditor, { target: Dashboard })
+ .use(ScreenCapture)
+ .use(ImageEditor)
.use(Transloadit, {
service: 'https://api2.transloadit.com',
async getAssemblyOptions(file) {
diff --git a/docs/presets/remote-sources.mdx b/docs/presets/remote-sources.mdx
index 8c7655621c..1169bf90ab 100644
--- a/docs/presets/remote-sources.mdx
+++ b/docs/presets/remote-sources.mdx
@@ -135,7 +135,8 @@ default: `same-origin`).
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string`, `Element`, `Function`, or `UIPlugin`, default: `Dashboard`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
[`request.credentials` value]:
https://developer.mozilla.org/en-US/docs/Web/API/Request/credentials
diff --git a/docs/sources/audio.mdx b/docs/sources/audio.mdx
index 0a612cfcc4..c9528d3f22 100644
--- a/docs/sources/audio.mdx
+++ b/docs/sources/audio.mdx
@@ -50,7 +50,7 @@ yarn add @uppy/audio
import { Uppy, Dashboard, Audio } from "{{UPPY_JS_URL}}"
const uppy = new Uppy()
uppy.use(Dashboard, { inline: true, target: 'body' })
- uppy.use(Audio, { target: Uppy.Dashboard })
+ uppy.use(Audio)
`}
@@ -67,9 +67,7 @@ import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
import '@uppy/audio/dist/style.min.css';
-new Uppy()
- .use(Dashboard, { inline: true, target: 'body' })
- .use(Audio, { target: Dashboard });
+new Uppy().use(Dashboard, { inline: true, target: 'body' }).use(Audio);
```
### API
@@ -87,8 +85,9 @@ Configures the title / name shown in the UI, for instance, on Dashboard tabs
#### `target`
-DOM element, CSS selector, or plugin to place the audio into (`string` or
-`Element`, default: `null`).
+DOM element, CSS selector, or plugin to place the drag and drop area into
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `showAudioSourceDropdown`
diff --git a/docs/sources/companion-plugins/box.mdx b/docs/sources/companion-plugins/box.mdx
index 695a0579cd..df35317e58 100644
--- a/docs/sources/companion-plugins/box.mdx
+++ b/docs/sources/companion-plugins/box.mdx
@@ -76,10 +76,9 @@ import Box from '@uppy/box';
import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
-new Uppy().use(Dashboard, { inline: true, target: '#dashboard' }).use(Box, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
-});
+new Uppy()
+ .use(Dashboard, { inline: true, target: '#dashboard' })
+ .use(Box, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -150,7 +149,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/dropbox.mdx b/docs/sources/companion-plugins/dropbox.mdx
index 4ac6b712ec..b5c52dd86c 100644
--- a/docs/sources/companion-plugins/dropbox.mdx
+++ b/docs/sources/companion-plugins/dropbox.mdx
@@ -76,10 +76,9 @@ import Dropbox from '@uppy/dropbox';
import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
-new Uppy().use(Dashboard, { inline: true, target: '#dashboard' }).use(Dropbox, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
-});
+new Uppy()
+ .use(Dashboard, { inline: true, target: '#dashboard' })
+ .use(Dropbox, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -149,7 +148,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/facebook.mdx b/docs/sources/companion-plugins/facebook.mdx
index 40927d7c66..059f68c45e 100644
--- a/docs/sources/companion-plugins/facebook.mdx
+++ b/docs/sources/companion-plugins/facebook.mdx
@@ -78,10 +78,7 @@ import '@uppy/dashboard/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(Facebook, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
- });
+ .use(Facebook, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -148,7 +145,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/google-drive.mdx b/docs/sources/companion-plugins/google-drive.mdx
index 0c58b86e8f..3685c7ddc9 100644
--- a/docs/sources/companion-plugins/google-drive.mdx
+++ b/docs/sources/companion-plugins/google-drive.mdx
@@ -78,10 +78,7 @@ import '@uppy/dashboard/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(GoogleDrive, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
- });
+ .use(GoogleDrive, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -152,7 +149,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/instagram.mdx b/docs/sources/companion-plugins/instagram.mdx
index 8a032ed615..358f184940 100644
--- a/docs/sources/companion-plugins/instagram.mdx
+++ b/docs/sources/companion-plugins/instagram.mdx
@@ -78,10 +78,7 @@ import '@uppy/dashboard/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(Instagram, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
- });
+ .use(Instagram, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -142,7 +139,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/onedrive.mdx b/docs/sources/companion-plugins/onedrive.mdx
index e88397f6bd..499cddb3de 100644
--- a/docs/sources/companion-plugins/onedrive.mdx
+++ b/docs/sources/companion-plugins/onedrive.mdx
@@ -78,10 +78,7 @@ import '@uppy/dashboard/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(OneDrive, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
- });
+ .use(OneDrive, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -142,7 +139,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/unsplash.mdx b/docs/sources/companion-plugins/unsplash.mdx
index 6e8da0d745..7bb1f59d14 100644
--- a/docs/sources/companion-plugins/unsplash.mdx
+++ b/docs/sources/companion-plugins/unsplash.mdx
@@ -78,10 +78,7 @@ import '@uppy/dashboard/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(Unsplash, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
- });
+ .use(Unsplash, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -127,7 +124,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/url.mdx b/docs/sources/companion-plugins/url.mdx
index 8ad4d207da..000ecebf38 100644
--- a/docs/sources/companion-plugins/url.mdx
+++ b/docs/sources/companion-plugins/url.mdx
@@ -83,10 +83,9 @@ import Url from '@uppy/url';
import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
-new Uppy().use(Dashboard, { inline: true, target: '#dashboard' }).use(Url, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
-});
+new Uppy()
+ .use(Dashboard, { inline: true, target: '#dashboard' })
+ .use(Url, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -110,7 +109,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/companion-plugins/zoom.mdx b/docs/sources/companion-plugins/zoom.mdx
index 141bf151b6..2b38c6f5ac 100644
--- a/docs/sources/companion-plugins/zoom.mdx
+++ b/docs/sources/companion-plugins/zoom.mdx
@@ -76,10 +76,9 @@ import Zoom from '@uppy/zoom';
import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
-new Uppy().use(Dashboard, { inline: true, target: '#dashboard' }).use(Zoom, {
- target: Dashboard,
- companionUrl: 'https://your-companion.com',
-});
+new Uppy()
+ .use(Dashboard, { inline: true, target: '#dashboard' })
+ .use(Zoom, { companionUrl: 'https://your-companion.com' });
```
### Use in Companion
@@ -121,7 +120,8 @@ Title / name shown in the UI, such as Dashboard tabs (`string`, default:
#### `target`
DOM element, CSS selector, or plugin to place the drag and drop area into
-(`string` or `Element`, default: `null`).
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `companionUrl`
diff --git a/docs/sources/screen-capture.mdx b/docs/sources/screen-capture.mdx
index 131ae50278..a2329f7336 100644
--- a/docs/sources/screen-capture.mdx
+++ b/docs/sources/screen-capture.mdx
@@ -62,7 +62,7 @@ yarn add @uppy/screen-capture
import { Uppy, Dashboard, ScreenCapture } from "{{UPPY_JS_URL}}"
const uppy = new Uppy()
uppy.use(Dashboard, { inline: true, target: 'body' })
- uppy.use(ScreenCapture, { target: Uppy.Dashboard })
+ uppy.use(ScreenCapture)
`}
@@ -79,9 +79,7 @@ import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
import '@uppy/screen-capture/dist/style.min.css';
-new Uppy()
- .use(Dashboard, { inline: true, target: 'body' })
- .use(ScreenCapture, { target: Dashboard });
+new Uppy().use(Dashboard, { inline: true, target: 'body' }).use(ScreenCapture);
```
### API
@@ -99,8 +97,9 @@ Configures the title / name shown in the UI, for instance, on Dashboard tabs
#### `target`
-DOM element, CSS selector, or plugin to place the screen capture into (`string`
-or `Element`, default: `null`).
+DOM element, CSS selector, or plugin to place the drag and drop area into
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `displayMediaConstraints`
diff --git a/docs/sources/webcam.mdx b/docs/sources/webcam.mdx
index 8df2bf2234..08cf5e3bf4 100644
--- a/docs/sources/webcam.mdx
+++ b/docs/sources/webcam.mdx
@@ -51,7 +51,7 @@ yarn add @uppy/webcam
import { Uppy, Dashboard, Webcam } from "{{UPPY_JS_URL}}"
const uppy = new Uppy()
uppy.use(Dashboard, { inline: true, target: 'body' })
- uppy.use(Webcam, { target: Uppy.Dashboard })
+ uppy.use(Webcam)
`}
@@ -77,9 +77,7 @@ import '@uppy/core/dist/style.min.css';
import '@uppy/dashboard/dist/style.min.css';
import '@uppy/webcam/dist/style.min.css';
-new Uppy()
- .use(Dashboard, { inline: true, target: 'body' })
- .use(Webcam, { target: Dashboard });
+new Uppy().use(Dashboard, { inline: true, target: 'body' }).use(Webcam);
```
## API
@@ -92,8 +90,9 @@ A unique identifier for this plugin (`string`, default: `'Webcam'`).
#### `target`
-DOM element, CSS selector, or plugin to place the webcam into (`string` or
-`Element`, default: `null`).
+DOM element, CSS selector, or plugin to place the drag and drop area into
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `countdown`
diff --git a/docs/user-interfaces/elements/image-editor.mdx b/docs/user-interfaces/elements/image-editor.mdx
index 255038693e..033dd635ee 100644
--- a/docs/user-interfaces/elements/image-editor.mdx
+++ b/docs/user-interfaces/elements/image-editor.mdx
@@ -48,7 +48,7 @@ yarn add @uppy/core @uppy/dashboard @uppy/image-editor
import { Uppy, Dashboard, ImageEditor } from "{{UPPY_JS_URL}}"
const uppy = new Uppy()
uppy.use(Dashboard, { target: '#uppy', inline: true })
- uppy.use(ImageEditor, { target: Uppy.Dashboard })
+ uppy.use(ImageEditor)
`}
@@ -67,7 +67,7 @@ import '@uppy/image-editor/dist/style.min.css';
new Uppy()
.use(Dashboard, { inline: true, target: '#dashboard' })
- .use(ImageEditor, { target: Dashboard });
+ .use(ImageEditor);
```
## API
diff --git a/docs/user-interfaces/elements/status-bar.mdx b/docs/user-interfaces/elements/status-bar.mdx
index 663414f22b..b740672feb 100644
--- a/docs/user-interfaces/elements/status-bar.mdx
+++ b/docs/user-interfaces/elements/status-bar.mdx
@@ -82,8 +82,9 @@ Use this if you need to add several StatusBar instances.
#### `target`
-DOM element, CSS selector, or plugin to mount the Status Bar into (`Element`,
-`string`, `UIPlugin`, default: `'body'`).
+DOM element, CSS selector, or plugin to place the drag and drop area into
+(`string`, `Element`, `Function`, or `UIPlugin`, default:
+[`Dashboard`](/docs/dashboard)).
#### `hideAfterFinish`
diff --git a/examples/aws-nodejs/public/drag.html b/examples/aws-nodejs/public/drag.html
index 9843b79b02..66d5c8e476 100644
--- a/examples/aws-nodejs/public/drag.html
+++ b/examples/aws-nodejs/public/drag.html
@@ -4,7 +4,7 @@
Uppy
@@ -22,7 +22,7 @@
Uploaded files:
DragDrop,
ProgressBar,
AwsS3,
- } from 'https://releases.transloadit.com/uppy/v4.0.0-beta.6/uppy.min.mjs'
+ } from 'https://releases.transloadit.com/uppy/v4.0.0-beta.7/uppy.min.mjs'
// Function for displaying uploaded files
const onUploadSuccess = (elForUploadedFiles) => (file, response) => {
diff --git a/examples/aws-nodejs/public/index.html b/examples/aws-nodejs/public/index.html
index 01381747c2..0082a87c60 100644
--- a/examples/aws-nodejs/public/index.html
+++ b/examples/aws-nodejs/public/index.html
@@ -4,7 +4,7 @@
Uppy – AWS upload example
@@ -16,7 +16,7 @@