Socket
Socket
Sign inDemoInstall

@uppy/react

Package Overview
Dependencies
Maintainers
5
Versions
112
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@uppy/react - npm Package Compare versions

Comparing version 4.0.0-beta.8 to 4.0.0

lib/useUppyEvent.d.ts

7

CHANGELOG.md
# @uppy/react
## 4.0.0
Released: 2024-07-10
Included in: Uppy v4.0.0
- @uppy/react: introduce useUppyEvent (Merlijn Vos / #5264)
## 4.0.0-beta.8

@@ -4,0 +11,0 @@

3

lib/Dashboard.d.ts
import { Component } from 'react';
import type React from 'react';
import type { Uppy } from '@uppy/core';

@@ -23,3 +24,3 @@ import type { Body, Meta } from '@uppy/utils/lib/UppyFile';

uninstallPlugin(props?: Readonly<DashboardProps<M, B>>): void;
render(): import("react").DetailedReactHTMLElement<{
render(): React.DetailedReactHTMLElement<{
className: string;

@@ -26,0 +27,0 @@ ref: (container: HTMLElement) => void;

import { Component } from 'react';
import type React from 'react';
import { type DashboardOptions } from '@uppy/dashboard';

@@ -29,3 +30,3 @@ import type { Body, Meta } from '@uppy/utils/lib/UppyFile';

uninstallPlugin(props?: Readonly<DashboardModalProps<M, B>>): void;
render(): import("react").DetailedReactHTMLElement<{
render(): React.DetailedReactHTMLElement<{
className: string;

@@ -32,0 +33,0 @@ ref: (container: HTMLElement) => void;

@@ -8,2 +8,3 @@ export { default as Dashboard } from './Dashboard.ts';

export { default as useUppyState } from './useUppyState.ts';
export { default as useUppyEvent } from './useUppyEvent.ts';
//# sourceMappingURL=index.d.ts.map

@@ -7,2 +7,3 @@ export { default as Dashboard } from "./Dashboard.js";

export { default as FileInput } from "./FileInput.js";
export { default as useUppyState } from "./useUppyState.js";
export { default as useUppyState } from "./useUppyState.js";
export { default as useUppyEvent } from "./useUppyEvent.js";
{
"name": "@uppy/react",
"description": "React component wrappers around Uppy's official UI plugins.",
"version": "4.0.0-beta.8",
"version": "4.0.0",
"license": "MIT",

@@ -24,3 +24,3 @@ "main": "lib/index.js",

"dependencies": {
"@uppy/utils": "^6.0.0-beta.9",
"@uppy/utils": "^6.0.0",
"use-sync-external-store": "^1.2.0"

@@ -37,8 +37,8 @@ },

"peerDependencies": {
"@uppy/core": "^4.0.0-beta.11",
"@uppy/dashboard": "^4.0.0-beta.11",
"@uppy/drag-drop": "^4.0.0-beta.4",
"@uppy/file-input": "^4.0.0-beta.6",
"@uppy/progress-bar": "^4.0.0-beta.4",
"@uppy/status-bar": "^4.0.0-beta.9",
"@uppy/core": "^4.0.0",
"@uppy/dashboard": "^4.0.0",
"@uppy/drag-drop": "^4.0.0",
"@uppy/file-input": "^4.0.0",
"@uppy/progress-bar": "^4.0.0",
"@uppy/status-bar": "^4.0.0",
"react": "^18.0.0"

@@ -62,4 +62,3 @@ },

}
},
"stableVersion": "3.3.0"
}
}

@@ -19,3 +19,4 @@ # @uppy/react

```js
```jsx
/** @jsx React */
import React from 'react'

@@ -31,6 +32,7 @@ import Uppy from '@uppy/core'

render() {
const { open } = this.state
return (
<DashboardModal
uppy={uppy}
open={this.state.open}
open={open}
onRequestClose={this.handleClose}

@@ -37,0 +39,0 @@ />

import { createElement as h, Component } from 'react'
import type React from 'react'
import type { UnknownPlugin, Uppy } from '@uppy/core'

@@ -3,0 +4,0 @@ import DashboardPlugin from '@uppy/dashboard'

import { createElement as h, Component } from 'react'
import type React from 'react'
import DashboardPlugin, { type DashboardOptions } from '@uppy/dashboard'

@@ -3,0 +4,0 @@ import type { Body, Meta } from '@uppy/utils/lib/UppyFile'

@@ -8,1 +8,2 @@ export { default as Dashboard } from './Dashboard.ts'

export { default as useUppyState } from './useUppyState.ts'
export { default as useUppyEvent } from './useUppyEvent.ts'

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc