Add "pendingFiles" and "uploadedFiles" to OnUpdate callback

Author: ljwagerfield

MIGRATE.md

@@ -8,8 +8,9 @@ Steps:
 2. Uninstall `react-uploader` and `uploader`
 3. Replace `"react-uploader"` with `"@bytescale/upload-widget-react"` in your `import` statements.
 4. Replace `uploader` with `upload-widget` in all CSS class name overrides (if you have any).
-5. Remove `uploader` (from imports and props)
-6. Add `apiKey` as a field to the object passed to the `options` prop (add it if you don't have one).
+5. Replace `onUpdate: (files) => {}` with `onUpdate: ({uploadedFiles}) => {}`.
+6. Remove `uploader` (from imports and props)
+7. Add `apiKey` as a field to the object passed to the `options` prop (add it if you don't have one).
 
 ### Before
 

package-lock.json

@@ -74,7 +74,7 @@
     "react": ">=16.3.0"
   },
   "dependencies": {
-    "@bytescale/upload-widget": "^4.9.0",
+    "@bytescale/upload-widget": "^4.10.0",
     "lodash.isequal": "^4.5.0"
   },
   "devDependencies": {

package.json

@@ -2,13 +2,14 @@ import React, { useLayoutEffect } from "react";
 import { useElementRef } from "./hooks/UseElementRef";
 import { useAutoUpdatingOptions } from "@bytescale/upload-widget-react/hooks/UseAutoUpdatingOptions";
 import { UploadWidget, UploadWidgetConfig, UploadWidgetResult } from "@bytescale/upload-widget";
+import { UploadWidgetOnUpdateEvent } from "@bytescale/upload-widget/dist/config/UploadWidgetOnUpdateEvent";
 
 interface Props {
   className?: string;
   height?: string;
   minWidth?: string;
   onComplete?: (files: UploadWidgetResult[]) => void;
-  onUpdate?: (files: UploadWidgetResult[]) => void;
+  onUpdate?: (event: UploadWidgetOnUpdateEvent) => void;
   options: UploadWidgetConfig;
   width?: string;
 }