@uppy/react - npm Package Compare versions

Comparing version 4.1.0 to 4.2.0

CHANGELOG.md

 # @uppy/react
 
+## 4.2.0
+
+Released: 2025-01-06
+Included in: Uppy v4.11.0
+
+- @uppy/angular,@uppy/audio,@uppy/aws-s3,@uppy/box,@uppy/companion-client,@uppy/compressor,@uppy/core,@uppy/dashboard,@uppy/drag-drop,@uppy/drop-target,@uppy/dropbox,@uppy/facebook,@uppy/file-input,@uppy/form,@uppy/golden-retriever,@uppy/google-drive-picker,@uppy/google-drive,@uppy/google-photos-picker,@uppy/google-photos,@uppy/image-editor,@uppy/informer,@uppy/instagram,@uppy/locales,@uppy/onedrive,@uppy/progress-bar,@uppy/provider-views,@uppy/react,@uppy/remote-sources,@uppy/screen-capture,@uppy/status-bar,@uppy/thumbnail-generator,@uppy/transloadit,@uppy/tus,@uppy/unsplash,@uppy/url,@uppy/vue,@uppy/webcam,@uppy/webdav,@uppy/xhr-upload,@uppy/zoom: Remove "paths" from all tsconfig's (Merlijn Vos / #5572)
+
 ## 4.1.0
@@ -4,0 +11,0 @@

lib/Dashboard.js

 import { createElement as h, Component } from 'react';
 import DashboardPlugin from '@uppy/dashboard';
-import getHTMLProps from "./getHTMLProps.js";
-import nonHtmlPropsHaveChanged from "./nonHtmlPropsHaveChanged.js";
+import getHTMLProps from './getHTMLProps.js';
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js';
 /**
@@ -6,0 +6,0 @@ * React Component that renders a Dashboard for an Uppy instance. This component

lib/DashboardModal.js

 import { createElement as h, Component } from 'react';
 import DashboardPlugin from '@uppy/dashboard';
-import getHTMLProps from "./getHTMLProps.js";
-import nonHtmlPropsHaveChanged from "./nonHtmlPropsHaveChanged.js";
+import getHTMLProps from './getHTMLProps.js';
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js';
 /**
@@ -6,0 +6,0 @@ * React Component that renders a Dashboard for an Uppy instance in a Modal

lib/DragDrop.js

 import { createElement as h, Component } from 'react';
 import DragDropPlugin from '@uppy/drag-drop';
-import getHTMLProps from "./getHTMLProps.js";
-import nonHtmlPropsHaveChanged from "./nonHtmlPropsHaveChanged.js";
+import getHTMLProps from './getHTMLProps.js';
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js';
 /**
@@ -6,0 +6,0 @@ * React component that renders an area in which files can be dropped to be

lib/getHTMLProps.js

 // List taken from React.HTMLAttributes supported properties:
-// https://unpkg.com/@types/react@17.0.22/index.d.ts:1821
+// https://unpkg.com/@types/react@17.0.22/index.d.js:1821
 const reactSupportedHtmlAttr = [
@@ -4,0 +4,0 @@ // React-specific Attributes

lib/index.d.ts

@@ -1,9 +0,9 @@
-export { default as Dashboard } from './Dashboard.ts';
-export { default as DashboardModal } from './DashboardModal.ts';
-export { default as DragDrop } from './DragDrop.ts';
-export { default as ProgressBar } from './ProgressBar.ts';
-export { default as StatusBar } from './StatusBar.ts';
-export { default as FileInput } from './FileInput.ts';
-export { default as useUppyState } from './useUppyState.ts';
-export { default as useUppyEvent } from './useUppyEvent.ts';
+export { default as Dashboard } from './Dashboard.js';
+export { default as DashboardModal } from './DashboardModal.js';
+export { default as DragDrop } from './DragDrop.js';
+export { default as ProgressBar } from './ProgressBar.js';
+export { default as StatusBar } from './StatusBar.js';
+export { default as FileInput } from './FileInput.js';
+export { default as useUppyState } from './useUppyState.js';
+export { default as useUppyEvent } from './useUppyEvent.js';
 //# sourceMappingURL=index.d.ts.map

lib/index.js

@@ -1,8 +0,8 @@
-export { default as Dashboard } from "./Dashboard.js";
-export { default as DashboardModal } from "./DashboardModal.js";
-export { default as DragDrop } from "./DragDrop.js";
-export { default as ProgressBar } from "./ProgressBar.js";
-export { default as StatusBar } from "./StatusBar.js";
-export { default as FileInput } from "./FileInput.js";
-export { default as useUppyState } from "./useUppyState.js";
-export { default as useUppyEvent } from "./useUppyEvent.js";
+export { default as Dashboard } from './Dashboard.js';
+export { default as DashboardModal } from './DashboardModal.js';
+export { default as DragDrop } from './DragDrop.js';
+export { default as ProgressBar } from './ProgressBar.js';
+export { default as StatusBar } from './StatusBar.js';
+export { default as FileInput } from './FileInput.js';
+export { default as useUppyState } from './useUppyState.js';
+export { default as useUppyEvent } from './useUppyEvent.js';

lib/nonHtmlPropsHaveChanged.js

@@ -1,2 +0,2 @@
-import getHTMLProps from "./getHTMLProps.js";
+import getHTMLProps from './getHTMLProps.js';
 export default function nonHtmlPropsHaveChanged(props, prevProps) {
@@ -3,0 +3,0 @@ // todo instead rewrite the components that use nonHtmlPropsHaveChanged

lib/ProgressBar.js

 import { createElement as h, Component } from 'react';
 import ProgressBarPlugin from '@uppy/progress-bar';
-import getHTMLProps from "./getHTMLProps.js";
-import nonHtmlPropsHaveChanged from "./nonHtmlPropsHaveChanged.js";
+import getHTMLProps from './getHTMLProps.js';
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js';
 /**
@@ -6,0 +6,0 @@ * React component that renders a progress bar at the top of the page.

lib/StatusBar.js

 import { createElement as h, Component } from 'react';
 import StatusBarPlugin from '@uppy/status-bar';
-import getHTMLProps from "./getHTMLProps.js";
-import nonHtmlPropsHaveChanged from "./nonHtmlPropsHaveChanged.js";
+import getHTMLProps from './getHTMLProps.js';
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js';
 /**
@@ -6,0 +6,0 @@ * React component that renders a status bar containing upload progress and speed,

package.json

 {
   "name": "@uppy/react",
   "description": "React component wrappers around Uppy's official UI plugins.",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "license": "MIT",
@@ -24,3 +24,3 @@ "main": "lib/index.js",
   "dependencies": {
-    "@uppy/utils": "^6.0.6",
+    "@uppy/utils": "^6.1.0",
     "use-sync-external-store": "^1.2.0"
@@ -37,8 +37,8 @@ },
   "peerDependencies": {
-    "@uppy/core": "^4.3.2",
-    "@uppy/dashboard": "^4.2.0",
-    "@uppy/drag-drop": "^4.0.5",
-    "@uppy/file-input": "^4.0.4",
-    "@uppy/progress-bar": "^4.1.0",
-    "@uppy/status-bar": "^4.0.6",
+    "@uppy/core": "^4.4.0",
+    "@uppy/dashboard": "^4.3.0",
+    "@uppy/drag-drop": "^4.1.0",
+    "@uppy/file-input": "^4.1.0",
+    "@uppy/progress-bar": "^4.2.0",
+    "@uppy/status-bar": "^4.1.0",
     "react": "^18.0.0 || ^19.0.0"
@@ -45,0 +45,0 @@ },

src/Dashboard.ts

@@ -7,4 +7,4 @@ import { createElement as h, Component } from 'react'
 import type { DashboardOptions } from '@uppy/dashboard'
-import getHTMLProps from './getHTMLProps.ts'
-import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.ts'
+import getHTMLProps from './getHTMLProps.js'
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js'
 
@@ -11,0 +11,0 @@ type DashboardInlineOptions<M extends Meta, B extends Body> = Omit<

src/DashboardModal.ts

@@ -6,4 +6,4 @@ import { createElement as h, Component } from 'react'
 import type { Uppy } from '@uppy/core'
-import getHTMLProps from './getHTMLProps.ts'
-import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.ts'
+import getHTMLProps from './getHTMLProps.js'
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js'
 
@@ -10,0 +10,0 @@ type DashboardInlineOptions<M extends Meta, B extends Body> = Omit<

src/DragDrop.ts

@@ -5,4 +5,4 @@ import { createElement as h, Component } from 'react'
 import type { Body, Meta } from '@uppy/utils/lib/UppyFile'
-import getHTMLProps from './getHTMLProps.ts'
-import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.ts'
+import getHTMLProps from './getHTMLProps.js'
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js'
 
@@ -9,0 +9,0 @@ interface DragDropProps<M extends Meta, B extends Body>

src/getHTMLProps.ts

 // List taken from React.HTMLAttributes supported properties:
-// https://unpkg.com/@types/react@17.0.22/index.d.ts:1821
+// https://unpkg.com/@types/react@17.0.22/index.d.js:1821
 const reactSupportedHtmlAttr = [
@@ -4,0 +4,0 @@ // React-specific Attributes

src/index.ts

@@ -1,8 +0,8 @@
-export { default as Dashboard } from './Dashboard.ts'
-export { default as DashboardModal } from './DashboardModal.ts'
-export { default as DragDrop } from './DragDrop.ts'
-export { default as ProgressBar } from './ProgressBar.ts'
-export { default as StatusBar } from './StatusBar.ts'
-export { default as FileInput } from './FileInput.ts'
-export { default as useUppyState } from './useUppyState.ts'
-export { default as useUppyEvent } from './useUppyEvent.ts'
+export { default as Dashboard } from './Dashboard.js'
+export { default as DashboardModal } from './DashboardModal.js'
+export { default as DragDrop } from './DragDrop.js'
+export { default as ProgressBar } from './ProgressBar.js'
+export { default as StatusBar } from './StatusBar.js'
+export { default as FileInput } from './FileInput.js'
+export { default as useUppyState } from './useUppyState.js'
+export { default as useUppyEvent } from './useUppyEvent.js'

src/nonHtmlPropsHaveChanged.ts

@@ -1,2 +0,2 @@
-import getHTMLProps from './getHTMLProps.ts'
+import getHTMLProps from './getHTMLProps.js'
 
@@ -3,0 +3,0 @@ export default function nonHtmlPropsHaveChanged<

src/ProgressBar.ts

@@ -5,4 +5,4 @@ import { createElement as h, Component } from 'react'
 import type { Body, Meta } from '@uppy/utils/lib/UppyFile'
-import getHTMLProps from './getHTMLProps.ts'
-import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.ts'
+import getHTMLProps from './getHTMLProps.js'
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js'
 
@@ -9,0 +9,0 @@ interface ProgressBarProps<M extends Meta, B extends Body>

src/StatusBar.ts

@@ -5,4 +5,4 @@ import { createElement as h, Component } from 'react'
 import type { Body, Meta } from '@uppy/utils/lib/UppyFile'
-import getHTMLProps from './getHTMLProps.ts'
-import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.ts'
+import getHTMLProps from './getHTMLProps.js'
+import nonHtmlPropsHaveChanged from './nonHtmlPropsHaveChanged.js'
 
@@ -9,0 +9,0 @@ interface StatusBarProps<M extends Meta, B extends Body>

src/useUppyEvent.test.ts

@@ -8,3 +8,3 @@ /* eslint-disable react/react-in-jsx-scope */
 import type { Meta, UppyFile } from '@uppy/utils/lib/UppyFile'
-import { useUppyEvent } from './index.ts'
+import { useUppyEvent } from './index.js'
 
@@ -11,0 +11,0 @@ describe('useUppyEvent', () => {

No alert changes

Improved metrics

Total package byte prevSize

110135

increased by0.71%

Dependency changes

• Updated@uppy/utils@^6.1.0