@micromerce/media-fileuploader 1.0.1048 → 1.0.1049

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { mode } from './utils/mode';
 export type endpoint = {
     url: string;
@@ -30,5 +31,5 @@ export interface IFileUploader {
     previewUrl?: previewUrl;
     authorizationHeader?: authorizationHeader;
 }
-declare const FileUploader: ({ ...props }: IFileUploader) => import("react").JSX.Element;
+declare const FileUploader: ({ ...props }: IFileUploader) => JSX.Element;
 export default FileUploader;

package/dist/esm/types/FileUploader/components/EndpointSelector/EndpointSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface EndpointSelectorProps {
     connectorUrl: string;
     endpoints: Endpoint[];
@@ -8,5 +9,5 @@ interface Endpoint {
     name: string;
     url: string;
 }
-declare const EndpointSelector: ({ connectorUrl, endpoints, infoText, changeEndpoint }: EndpointSelectorProps) => import("preact").JSX.Element;
+declare const EndpointSelector: ({ connectorUrl, endpoints, infoText, changeEndpoint }: EndpointSelectorProps) => JSX.Element;
 export default EndpointSelector;

package/dist/esm/types/FileUploader/components/Uploader/Uploader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Uppy from '@uppy/core';
 import { mode } from '../../utils/mode';
 export interface UploaderProps {
@@ -17,5 +18,5 @@ type File = {
     url?: string;
     name?: string;
 };
-declare const Uploader: ({ type, errorMessage, inputType, loaded, previewUrl, uploaderMessage, file, height, mode, onDeleteFile, uppy }: UploaderProps) => import("preact").JSX.Element;
+declare const Uploader: ({ type, errorMessage, inputType, loaded, previewUrl, uploaderMessage, file, height, mode, onDeleteFile, uppy }: UploaderProps) => JSX.Element;
 export default Uploader;

package/dist/esm/types/FileUploader/components/Uploader/components/Error/Error.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { mode } from '../../../../utils/mode';
 interface FileUploaderErrorProps {
     errorMessage: string;
     mode: mode;
 }
-declare const Error: ({ mode, errorMessage }: FileUploaderErrorProps) => import("preact").JSX.Element;
+declare const Error: ({ mode, errorMessage }: FileUploaderErrorProps) => JSX.Element;
 export default Error;

package/dist/esm/types/FileUploader/components/Uploader/components/FilenameText/FilenameText.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 interface FilenametextProps {
     decodedFileName: string;
     type: string;
     previewUrl: string;
 }
-declare const FilenameText: ({ decodedFileName, type, previewUrl }: FilenametextProps) => import("preact").JSX.Element;
+declare const FilenameText: ({ decodedFileName, type, previewUrl }: FilenametextProps) => JSX.Element;
 export default FilenameText;

package/dist/esm/types/FileUploader/components/Uploader/components/ImagePreview/ImagePreview.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 interface ImagePreviewProps {
     previewUrl: string;
     type: string;
     decodedFileName: string;
 }
-declare const ImagePreview: ({ previewUrl, type, decodedFileName }: ImagePreviewProps) => import("preact").JSX.Element;
+declare const ImagePreview: ({ previewUrl, type, decodedFileName }: ImagePreviewProps) => JSX.Element;
 export default ImagePreview;

package/dist/esm/types/FileUploader/components/Uploader/components/Progressbar/CustomProgressbar/CustomProgressbar.d.ts

@@ -1,2 +1,3 @@
-declare const CustomProgressbar: () => import("preact").JSX.Element;
+/// <reference types="react" />
+declare const CustomProgressbar: () => JSX.Element;
 export default CustomProgressbar;

package/dist/esm/types/FileUploader/components/Uploader/components/Progressbar/Progressbar.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 interface ProgressbarProps {
     loaded: number;
 }
-declare const Progressbar: ({ loaded }: ProgressbarProps) => import("preact").JSX.Element;
+declare const Progressbar: ({ loaded }: ProgressbarProps) => JSX.Element;
 export default Progressbar;

package/dist/esm/types/FileUploader/components/Uploader/images/UploadIcon.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => import("react").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => JSX.Element>;
 export default _default;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: (props: import(".").IFileUploader) => JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Image: Story;

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

@@ -1,2 +1,2 @@
-export { renderFileUploader, removeFileUploader, FileUploaderComponent as FileUploader } from './main';
+export { FileUploaderComponent as FileUploader } from './main';
 export { type IFileUploader } from './FileUploader/FileUploader';

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

@@ -1,10 +1,3 @@
-import ReactDOM from 'react-dom';
+/// <reference types="react" />
 import { IFileUploader } from './FileUploader/FileUploader';
-interface IOptions {
-    props: IFileUploader;
-    selector: Element | string;
-}
-export declare const renderFileUploader: (options: IOptions) => void;
-export declare const removeFileUploader: (selector: Element) => void;
-export declare const FileUploaderComponent: (props: IFileUploader) => ReactDOM.JSX.Element;
-export {};
+export declare const FileUploaderComponent: (props: IFileUploader) => JSX.Element;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import ReactDOM from 'react-dom';
-
+/// <reference types="react" />
 type mode = 'stateful' | 'stateless';
 
 type endpoint = {
@@ -34,12 +33,6 @@ interface IFileUploader {
     authorizationHeader?: authorizationHeader;
 }
 
-interface IOptions {
-    props: IFileUploader;
-    selector: Element | string;
-}
-declare const renderFileUploader: (options: IOptions) => void;
-declare const removeFileUploader: (selector: Element) => void;
-declare const FileUploaderComponent: (props: IFileUploader) => ReactDOM.JSX.Element;
+declare const FileUploaderComponent: (props: IFileUploader) => JSX.Element;
 
-export { FileUploaderComponent as FileUploader, type IFileUploader, removeFileUploader, renderFileUploader };
+export { FileUploaderComponent as FileUploader, type IFileUploader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@micromerce/media-fileuploader",
-  "version": "1.0.1048",
+  "version": "1.0.1049",
   "homepage": "https://www.micromerce.com",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -11,9 +11,12 @@
   "scripts": {
     "watch": "npm run lint && rollup -c -w",
     "build": "npm run lint && rimraf dist && rollup -c",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "test": "jest --runInBand --no-cache",
     "test:generate-output": "jest --json --outputFile=.jest-test-results.json || true",
-    "lint": "eslint src/**.*"
+    "lint": "eslint src/**.*",
+    "storybook": "storybook dev -p 6006"
   },
   "dependencies": {
     "@react-icons/all-files": "4.1.0",
@@ -23,21 +26,33 @@
     "@uppy/tus": "3.5.4",
     "i18next": "22.4.15",
     "i18next-browser-languagedetector": "7.0.1",
-    "preact": "10.20.2",
     "pretty-bytes": "6.1.1",
     "react-i18next": "12.2.2",
     "styled-components": "5.3.10"
   },
   "devDependencies": {
+    "@babel/plugin-transform-react-jsx": "^7.23.4",
+    "@babel/plugin-transform-runtime": "7.24.3",
     "@babel/preset-env": "7.24.4",
     "@babel/preset-react": "7.24.1",
     "@babel/preset-typescript": "7.24.1",
+    "@chromatic-com/storybook": "^1.3.3",
     "@rollup/plugin-alias": "5.1.0",
     "@rollup/plugin-babel": "6.0.4",
-    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-inject": "^5.0.5",
     "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "11.1.6",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-onboarding": "^8.0.8",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/blocks": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-webpack5": "^8.0.8",
+    "@storybook/test": "^8.0.8",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "13.5.0",
@@ -47,18 +62,33 @@
     "@types/styled-components": "5.1.26",
     "@typescript-eslint/parser": "5.59.1",
     "babel-jest": "29.7.0",
+    "buffer": "^6.0.3",
     "eslint": "8.39.0",
     "eslint-config-standard": "17.0.0",
     "eslint-plugin-jest": "27.2.1",
     "eslint-plugin-react": "7.32.2",
     "eslint-plugin-standard": "4.1.0",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-testing-library": "5.10.3",
+    "hawk": "^9.0.2",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "rollup": "4.14.2",
-    "rollup-plugin-dts": "6.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.14.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",
     "ts-jest": "29.1.2",
     "ts-node": "10.9.1",
-    "typescript": "5.0.4"
+    "tslib": "^2.6.2",
+    "typescript": "^5.0.4"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
   }
 }