@micromerce/media-fileuploader 1.0.1893 → 1.0.1900

package/dist/esm/types/FileUploader/FileUploader.i18n.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/FileUploader/FileUploader.styles.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/FileUploader/FileUploader.upload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/FileUploader/utils/fakeTus.d.ts

@@ -0,0 +1,62 @@
+/**
+ * A stand-in for @uppy/tus, used by FileUploader.upload.test.tsx.
+ *
+ * It is a real Uppy uploader plugin rather than a jest.fn(), on purpose: the
+ * component's error and progress handling depends on Uppy's *internal* event
+ * chain, not just on its own listeners. For a per-file failure Uppy core
+ * receives `upload-error` first, logs it through `opts.logger.error` (which the
+ * component wires to its own error state) and then re-emits a wrapped `error`,
+ * and the component's own `upload-error` listener runs after all of that. That
+ * ordering is what decides which message the user ends up seeing, and it is
+ * exactly what a major Uppy upgrade changes silently. Driving the events through
+ * `uppy.emit` keeps the whole chain under test.
+ *
+ * Faithful to @uppy/tus 3.x in two details that matter:
+ *  - per-file failures do not reject the uploader (Tus collects them with
+ *    Promise.allSettled), so the global `error` event is not raised by us;
+ *  - `onBeforeRequest` / `onAfterResponse` are invoked with the same shape the
+ *    tus HttpRequest exposes, so the header and response-body contract is real.
+ */
+import { BasePlugin } from '@uppy/core';
+export type FakeTusScenario = 'success' | 'uploadError' | 'fileTooLarge';
+export interface FakeTusProgressStep {
+    bytesUploaded: number;
+    bytesTotal: number;
+    uploadStarted: number | null;
+}
+/**
+ * Lets a test hold the upload open between the progress events and the success
+ * event. Without it the fake emits everything in one tick, React batches the
+ * state updates and the intermediate progress state is never rendered — so any
+ * assertion about "while uploading" would silently test the finished state.
+ */
+export declare const createGate: () => {
+    promise: Promise<void>;
+    release: () => void;
+};
+export declare const tusStub: {
+    scenario: FakeTusScenario;
+    /** Body the media service answers with; the component reads url/name off it. */
+    response: {
+        url: string;
+        name: string;
+    };
+    /** Message for the plain `uploadError` scenario. */
+    errorMessage: string;
+    /** Progress events to replay, in order. */
+    progressSteps: FakeTusProgressStep[];
+    /** Awaited after the progress events and before success, when set. */
+    gate: Promise<void>;
+    /** Everything the component pushed through `onBeforeRequest`. */
+    requestHeaders: Record<string, string>;
+    /** Options the component passed to `uppy.use(Tus, …)`. */
+    pluginOptions: any;
+    reset(): void;
+};
+export declare class FakeTus extends BasePlugin<any, any, any> {
+    constructor(uppy: any, opts: any);
+    install(): void;
+    uninstall(): void;
+    handleUpload(fileIDs: string[]): Promise<void>;
+}
+export default FakeTus;

package/dist/esm/types/FileUploader.stories.d.ts

@@ -2,7 +2,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: (props: import(".").IFileUploader) => JSX.Element;
+    component: (props: import(".").IFileUploader) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     parameters: {
         layout: string;
     };

package/dist/esm/types/main.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { IFileUploader } from './FileUploader/FileUploader';
-export declare const FileUploaderComponent: (props: IFileUploader) => JSX.Element;
+export declare const FileUploaderComponent: (props: IFileUploader) => ReactElement;

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { ReactElement } from 'react';
+
 type mode = 'stateful' | 'stateless';
 
 type endpoint = {
@@ -33,6 +35,6 @@ interface IFileUploader {
     authorizationHeader?: authorizationHeader;
 }
 
-declare const FileUploaderComponent: (props: IFileUploader) => JSX.Element;
+declare const FileUploaderComponent: (props: IFileUploader) => ReactElement;
 
 export { FileUploaderComponent as FileUploader, type IFileUploader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micromerce/media-fileuploader",
-  "version": "1.0.1893",
+  "version": "1.0.1900",
   "homepage": "https://www.micromerce.com",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -10,25 +10,20 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "watch": "npm run lint && rollup -c -w",
-    "build": "npm run lint && rimraf dist && rollup -c",
+    "build": "npm run lint && rimraf dist && rollup -c && npm run verify",
+    "verify": "npm run verify:bundle && npm run verify:types",
     "dev": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "jest --runInBand --no-cache",
+    "verify:bundle": "jest --config jest.bundle.config.js --runInBand --no-cache",
+    "verify:types": "tsc -p verify/tsconfig.consumer.json",
     "test:generate-output": "jest --json --outputFile=.jest-test-results.json || true",
-    "lint": "eslint src/**.*",
+    "lint": "eslint src verify --ext .ts,.tsx,.js,.jsx",
     "storybook": "storybook dev -p 6006"
   },
-  "dependencies": {
-    "@react-icons/all-files": "4.1.0",
-    "@uppy/core": "3.10.0",
-    "@uppy/drag-drop": "3.1.0",
-    "@uppy/react": "3.3.0",
-    "@uppy/tus": "3.5.4",
-    "i18next": "22.4.15",
-    "i18next-browser-languagedetector": "7.0.1",
-    "pretty-bytes": "6.1.1",
-    "react-i18next": "12.2.2",
-    "styled-components": "5.3.10"
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.23.4",
@@ -37,6 +32,7 @@
     "@babel/preset-react": "7.24.1",
     "@babel/preset-typescript": "7.24.1",
     "@chromatic-com/storybook": "^1.3.3",
+    "@react-icons/all-files": "4.1.0",
     "@rollup/plugin-alias": "5.1.0",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -61,6 +57,10 @@
     "@types/react-dom": "18.2.1",
     "@types/styled-components": "5.1.26",
     "@typescript-eslint/parser": "5.59.1",
+    "@uppy/core": "3.10.0",
+    "@uppy/drag-drop": "3.1.0",
+    "@uppy/react": "3.3.0",
+    "@uppy/tus": "3.5.4",
     "babel-jest": "29.7.0",
     "buffer": "^6.0.3",
     "eslint": "8.39.0",
@@ -71,16 +71,21 @@
     "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "5.10.3",
     "hawk": "^9.0.2",
+    "i18next": "22.4.15",
+    "i18next-browser-languagedetector": "7.0.1",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
+    "pretty-bytes": "6.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-i18next": "12.2.2",
     "rollup": "^4.62.2",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-polyfill-node": "^0.13.0",
     "storybook": "^8.0.8",
+    "styled-components": "5.3.10",
     "ts-jest": "29.1.2",
     "ts-node": "10.9.1",
     "tslib": "^2.6.2",