UI: Use form attribite with a form in doc root to prevent outer form submit

.yarn/patches/preact-npm-10.10.0-dd04de05e8.patch

@@ -1,5 +1,53 @@
+diff --git a/debug/package.json b/debug/package.json
+index 054944f5478a0a5cf7b6b8791950c595f956157b..06a4fe2719605eb42c5ee795101c21cfd10b59ce 100644
+--- a/debug/package.json
++++ b/debug/package.json
+@@ -9,6 +9,7 @@
+ 	"umd:main": "dist/debug.umd.js",
+ 	"source": "src/index.js",
+ 	"license": "MIT",
++	"type": "module",
+ 	"mangle": {
+ 		"regex": "^(?!_renderer)^_"
+ 	},
+diff --git a/devtools/package.json b/devtools/package.json
+index 09b04a77690bdfba01083939ff9eaf987dd50bcb..92c159fbb3cf312c6674202085fb237d6fb921ad 100644
+--- a/devtools/package.json
++++ b/devtools/package.json
+@@ -10,6 +10,7 @@
+ 	"source": "src/index.js",
+ 	"license": "MIT",
+ 	"types": "src/index.d.ts",
++	"type": "module",
+ 	"peerDependencies": {
+ 		"preact": "^10.0.0"
+ 	},
+diff --git a/hooks/package.json b/hooks/package.json
+index 74807025bf3de273ebada2cd355428a2c972503d..98501726ffbfe55ffa09928e56a9dcafb9a348ff 100644
+--- a/hooks/package.json
++++ b/hooks/package.json
+@@ -10,6 +10,7 @@
+ 	"source": "src/index.js",
+ 	"license": "MIT",
+ 	"types": "src/index.d.ts",
++	"type": "module",
+ 	"scripts": {
+ 		"build": "microbundle build --raw",
+ 		"dev": "microbundle watch --raw --format cjs",
+diff --git a/jsx-runtime/package.json b/jsx-runtime/package.json
+index 7a4027831223f16519a74e3028c34f2f8f5f011a..6b58d17dbacce81894467ef43c0a8e2435e388c4 100644
+--- a/jsx-runtime/package.json
++++ b/jsx-runtime/package.json
+@@ -10,6 +10,7 @@
+ 	"source": "src/index.js",
+ 	"types": "src/index.d.ts",
+ 	"license": "MIT",
++	"type": "module",
+ 	"peerDependencies": {
+ 		"preact": "^10.0.0"
+ 	},
 diff --git a/package.json b/package.json
-index 60279c24a08b808ffbf7dc64a038272bddb6785d..71cb8aa038daeeb7edf43564ed78a219003a0c99 100644
+index 60279c24a08b808ffbf7dc64a038272bddb6785d..088f35fb2c92f2e9b7248557857af2839988d1aa 100644
 --- a/package.json
 +++ b/package.json
 @@ -9,6 +9,7 @@

packages/@uppy/core/src/locale.js

@@ -30,6 +30,7 @@ export default {
     connectedToInternet: 'Connected to the Internet',
     // Strings for remote providers
     noFilesFound: 'You have no files or folders here',
+    noSearchResults: 'Unfortunately, there are no results for this search',
     selectX: {
       0: 'Select %{smart_count}',
       1: 'Select %{smart_count}',
@@ -48,6 +49,7 @@ export default {
     searchImages: 'Search for images',
     enterTextToSearch: 'Enter text to search for images',
     search: 'Search',
+    resetSearch: 'Reset search',
     emptyFolderAdded: 'No files were added from empty folder',
     folderAlreadyAdded: 'The folder "%{folder}" was already added',
     folderAdded: {

packages/@uppy/dashboard/src/components/FileCard/RenderMetaFields.jsx

@@ -0,0 +1,46 @@
+import { h } from 'preact'
+
+export default function RenderMetaFields (props)  {
+  const {
+    computedMetaFields,
+    requiredMetaFields,
+    updateMeta,
+    form,
+    formState,
+  } = props
+
+  const fieldCSSClasses = {
+    text: 'uppy-u-reset uppy-c-textInput uppy-Dashboard-FileCard-input',
+  }
+
+  return computedMetaFields.map((field) => {
+    const id = `uppy-Dashboard-FileCard-input-${field.id}`
+    const required = requiredMetaFields.includes(field.id)
+    return (
+      <fieldset key={field.id} className="uppy-Dashboard-FileCard-fieldset">
+        <label className="uppy-Dashboard-FileCard-label" htmlFor={id}>{field.name}</label>
+        {field.render !== undefined
+          ? field.render({
+            value: formState[field.id],
+            onChange: (newVal) => updateMeta(newVal, field.id),
+            fieldCSSClasses,
+            required,
+            form: form.id,
+          }, h)
+          : (
+            <input
+              className={fieldCSSClasses.text}
+              id={id}
+              form={form.id}
+              type={field.type || 'text'}
+              required={required}
+              value={formState[field.id]}
+              placeholder={field.placeholder}
+              onInput={ev => updateMeta(ev.target.value, field.id)}
+              data-uppy-super-focusable
+            />
+          )}
+      </fieldset>
+    )
+  })
+}