@micromerce/media-fileuploader 1.0.1047

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

@@ -0,0 +1,34 @@
+import { mode } from './utils/mode';
+export type endpoint = {
+    url: string;
+    name: string;
+};
+export type headers = {
+    [key: string]: string;
+};
+export type authorizationHeader = (url: string, method: string) => string;
+export type previewUrl = (url: string) => Promise<string>;
+export type onUploadSuccess = (value: string) => void;
+export type onError = (errorMessage: string) => void;
+export interface IFileUploader {
+    id?: string;
+    className?: string;
+    value?: string;
+    error?: string;
+    info?: string;
+    type?: string;
+    readOnly?: boolean;
+    height?: mode;
+    language?: string;
+    mode?: mode;
+    required?: boolean;
+    endpoints?: endpoint[];
+    headers?: headers;
+    tags?: string | string[];
+    onError?: onError;
+    onUploadSuccess?: onUploadSuccess;
+    previewUrl?: previewUrl;
+    authorizationHeader?: authorizationHeader;
+}
+declare const FileUploader: ({ ...props }: IFileUploader) => import("react").JSX.Element;
+export default FileUploader;

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

@@ -0,0 +1,11 @@
+interface StyledFileUploaderProps {
+    readOnly?: boolean;
+}
+export declare const StyledFileUploader: import("styled-components").StyledComponent<"div", any, StyledFileUploaderProps, never>;
+export declare const StyledFileUploaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledInputProps {
+    inputType: string;
+    'data-disabled': boolean;
+}
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+interface EndpointSelectorProps {
+    connectorUrl: string;
+    endpoints: Endpoint[];
+    infoText: string;
+    changeEndpoint: Function;
+}
+interface Endpoint {
+    name: string;
+    url: string;
+}
+declare const EndpointSelector: ({ connectorUrl, endpoints, infoText, changeEndpoint }: EndpointSelectorProps) => import("preact").JSX.Element;
+export default EndpointSelector;

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

@@ -0,0 +1,4 @@
+export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSelect: import("styled-components").StyledComponent<"select", any, {}, never>;

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

@@ -0,0 +1 @@
+export { default } from './EndpointSelector';

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

@@ -0,0 +1,21 @@
+import Uppy from '@uppy/core';
+import { mode } from '../../utils/mode';
+export interface UploaderProps {
+    type: string;
+    errorMessage: string;
+    inputType: string;
+    loaded: number;
+    previewUrl: string;
+    uploaderMessage: string;
+    file: File;
+    height: string;
+    mode: mode;
+    onDeleteFile: Function;
+    uppy: Uppy;
+}
+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;
+export default Uploader;

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

@@ -0,0 +1,15 @@
+import { mode } from '../../utils/mode';
+export declare const StyledDeleteIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledExistingFile: import("styled-components").StyledComponent<"div", any, import("../../styles/Hidden.styles").StyledVisibilityContainerProps, never>;
+interface IStyledLabelWrapper {
+    mode: mode;
+}
+export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, import("../../styles/Hidden.styles").StyledVisibilityContainerProps & IStyledLabelWrapper, never>;
+export declare const StyledLabelText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledMediaIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface IStyledUploaderWrapper {
+    mode: mode;
+    height: string;
+}
+export declare const StyledUploaderWrapper: import("styled-components").StyledComponent<"div", any, import("../../styles/Hidden.styles").StyledVisibilityContainerProps & IStyledUploaderWrapper, never>;
+export {};

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

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

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

@@ -0,0 +1,9 @@
+import { mode } from '../../../../utils/mode';
+export declare const StyledErrorWrapper: import("styled-components").StyledComponent<"div", any, import("../../../../styles/Hidden.styles").StyledVisibilityContainerProps, never>;
+interface IStyledErrorContainer {
+    mode: mode;
+}
+export declare const StyledErrorContainer: import("styled-components").StyledComponent<"div", any, IStyledErrorContainer, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledErrorMessage: import("styled-components").StyledComponent<"label", any, {}, never>;
+export {};

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

@@ -0,0 +1 @@
+export { default } from './Error';

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

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

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

@@ -0,0 +1,6 @@
+interface StyledFilenametextProps {
+    type: string;
+}
+export declare const StyledFilenametext: import("styled-components").StyledComponent<"span", any, StyledFilenametextProps, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
+export {};

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

@@ -0,0 +1 @@
+export { default } from './FilenameText';

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

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

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

@@ -0,0 +1,3 @@
+export declare const StyledHover: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledImagePreviewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1 @@
+export { default } from './ImagePreview';

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

@@ -0,0 +1,8 @@
+export declare const StyledProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProgressSlider: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProgressLine: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledProgressSublineProps {
+    state: number;
+}
+export declare const StyledProgressSubline: import("styled-components").StyledComponent<"div", any, StyledProgressSublineProps, never>;
+export {};

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

@@ -0,0 +1,2 @@
+declare const CustomProgressbar: () => import("preact").JSX.Element;
+export default CustomProgressbar;

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

@@ -0,0 +1 @@
+export { default } from './CustomProgressbar';

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

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

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

@@ -0,0 +1 @@
+export declare const StyledProgressbar: import("styled-components").StyledComponent<"progress", any, import("../../../../styles/Hidden.styles").StyledVisibilityContainerProps, never>;

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

@@ -0,0 +1 @@
+export { default } from './Progressbar';

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

@@ -0,0 +1,2 @@
+declare const _default: () => import("react").JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './Uploader';

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

@@ -0,0 +1 @@
+export { default } from './FileUploader';

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

@@ -0,0 +1,6 @@
+export interface StyledVisibilityContainerProps {
+    visible: boolean;
+    error?: string;
+}
+export declare const StyledVisibilityContainer: import("styled-components").StyledComponent<"div", any, StyledVisibilityContainerProps, never>;
+export declare const StyledVisibilityContainerProgress: import("styled-components").StyledComponent<"progress", any, StyledVisibilityContainerProps, never>;

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    labelColor: string;
+    errorBgcolor: string;
+    headerColor: string;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import { IconType } from '@react-icons/all-files';
+interface IMediaType {
+    [key: string]: {
+        icon: IconType;
+        name: string[];
+    };
+}
+declare const MEDIA_TYPE: IMediaType;
+export default MEDIA_TYPE;

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

@@ -0,0 +1,5 @@
+export type mode = 'stateful' | 'stateless';
+export declare const MODE: Readonly<{
+    STATELESS: "stateless";
+    STATEFUL: "stateful";
+}>;

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: () => string;
+export default _default;

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

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

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

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

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

@@ -0,0 +1,10 @@
+import ReactDOM from 'react-dom';
+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 {};

package/dist/index.d.ts

@@ -0,0 +1,45 @@
+import ReactDOM from 'react-dom';
+
+type mode = 'stateful' | 'stateless';
+
+type endpoint = {
+    url: string;
+    name: string;
+};
+type headers = {
+    [key: string]: string;
+};
+type authorizationHeader = (url: string, method: string) => string;
+type previewUrl = (url: string) => Promise<string>;
+type onUploadSuccess = (value: string) => void;
+type onError = (errorMessage: string) => void;
+interface IFileUploader {
+    id?: string;
+    className?: string;
+    value?: string;
+    error?: string;
+    info?: string;
+    type?: string;
+    readOnly?: boolean;
+    height?: mode;
+    language?: string;
+    mode?: mode;
+    required?: boolean;
+    endpoints?: endpoint[];
+    headers?: headers;
+    tags?: string | string[];
+    onError?: onError;
+    onUploadSuccess?: onUploadSuccess;
+    previewUrl?: previewUrl;
+    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;
+
+export { FileUploaderComponent as FileUploader, type IFileUploader, removeFileUploader, renderFileUploader };

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@micromerce/media-fileuploader",
+  "version": "1.0.1047",
+  "homepage": "https://www.micromerce.com",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "watch": "npm run lint && rollup -c -w",
+    "build": "npm run lint && rimraf dist && rollup -c",
+    "test": "jest --runInBand --no-cache",
+    "test:generate-output": "jest --json --outputFile=.jest-test-results.json || true",
+    "lint": "eslint src/**.*"
+  },
+  "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",
+    "preact": "10.20.2",
+    "pretty-bytes": "6.1.1",
+    "react-i18next": "12.2.2",
+    "styled-components": "5.3.10"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "5.1.0",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "11.1.6",
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "14.0.0",
+    "@testing-library/user-event": "13.5.0",
+    "@types/jest": "29.5.1",
+    "@types/react": "18.2.0",
+    "@types/react-dom": "18.2.1",
+    "@types/styled-components": "5.1.26",
+    "@typescript-eslint/parser": "5.59.1",
+    "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-testing-library": "5.10.3",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "rollup": "4.14.2",
+    "rollup-plugin-dts": "6.1.0",
+    "ts-jest": "29.1.2",
+    "ts-node": "10.9.1",
+    "typescript": "5.0.4"
+  }
+}