@react-magma/dropzone 14.0.1 → 15.0.0-next.0

package/dist/src/src/components/dropzone/Dropzone.d.ts

@@ -1,101 +1,101 @@
-/**
- * HELPFUL NOTE!
- * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING
- * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES
- */
-import React from 'react';
-import { DropzoneOptions } from 'react-dropzone';
-import { FormFieldContainerBaseProps } from 'react-magma-dom';
-import { FilePreview, FileError } from './FilePreview';
-export interface OnSendFileProps {
-    file: FilePreview;
-    onError?: ({}: {
-        errors: FileError[];
-        file: FilePreview;
-    }) => void;
-    onFinish?: ({}: {
-        file: FilePreview;
-    }) => void;
-    onProgress?: ({}: {
-        percent: number;
-        file: FilePreview;
-    }) => void;
-}
-export interface DropzoneProps extends Omit<FormFieldContainerBaseProps, 'fieldId' | 'errorMessage'> {
-    /**
-     * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276
-     */
-    accept?: string | string[];
-    /**
-     * Enable/Disable the input
-     */
-    disabled?: boolean;
-    /**
-     * Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src
-     */
-    dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;
-    /**
-     * Content of the helper message.
-     */
-    helperMessage?: string;
-    /**
-     * @internal
-     */
-    id?: string;
-    /**
-     * Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.
-     * @default 0
-     */
-    maxFiles?: number;
-    /**
-     * Minimum accepted number of files.
-     */
-    minFiles?: number;
-    /**
-     * Maximum file size (in bytes)
-     * @default Infinity
-     */
-    maxSize?: number;
-    /**
-     * Minimum file size (in bytes)
-     * @default 0
-     */
-    minSize?: number;
-    /**
-     * Allow drag 'n' drop (or selection from the file dialog) of multiple files.
-     * @default true
-     */
-    multiple?: boolean;
-    /**
-     * If true, disables drag 'n' drop
-     * @default false
-     */
-    noDrag?: boolean;
-    /**
-     * Callback for when a file is deleted
-     */
-    onDeleteFile?: (file: FilePreview) => void;
-    /**
-     * Callback for when a file is deleted
-     */
-    onRemoveFile?: (file: FilePreview) => void;
-    /**
-     * Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.
-     */
-    onSendFile?: (props: OnSendFileProps) => void;
-    /**
-     * Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.
-     * @default false
-     */
-    sendFiles?: boolean;
-    /**
-     * @internal
-     */
-    testId?: string;
-    /**
-     * Show thumbnails for images in lieu of the file icon.
-     * @default true
-     */
-    thumbnails?: boolean;
-}
-export declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * HELPFUL NOTE!
+ * SINCE THIS PACKAGE USES `FILE` WE MUST USE `Object.assign` IN LIEU OF SPREADING
+ * `{...file}` WILL NOT COPY ALL OF THE FILE PROPERTIES
+ */
+import React from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+import { FormFieldContainerBaseProps } from 'react-magma-dom';
+import { FilePreview, FileError } from './FilePreview';
+export interface OnSendFileProps {
+    file: FilePreview;
+    onError?: ({}: {
+        errors: FileError[];
+        file: FilePreview;
+    }) => void;
+    onFinish?: ({}: {
+        file: FilePreview;
+    }) => void;
+    onProgress?: ({}: {
+        percent: number;
+        file: FilePreview;
+    }) => void;
+}
+export interface DropzoneProps extends Omit<FormFieldContainerBaseProps, 'fieldId' | 'errorMessage'> {
+    /**
+     * Set accepted file types. See https://github.com/okonet/attr-accept for more information. Keep in mind that mime type determination is not reliable across platforms. CSV files, for example, are reported as text/plain under macOS but as application/vnd.ms-excel under Windows. In some cases there might not be a mime type set at all. See: https://github.com/react-dropzone/react-dropzone/issues/276
+     */
+    accept?: string | string[];
+    /**
+     * Enable/Disable the input
+     */
+    disabled?: boolean;
+    /**
+     * Additional props to pass to the dropzone, see https://react-dropzone.js.org/#src
+     */
+    dropzoneOptions?: Partial<Omit<DropzoneOptions, 'onDrop'>>;
+    /**
+     * Content of the helper message.
+     */
+    helperMessage?: string;
+    /**
+     * @internal
+     */
+    id?: string;
+    /**
+     * Maximum accepted number of files The default value is 0 which means there is no limitation to how many files are accepted.
+     * @default 0
+     */
+    maxFiles?: number;
+    /**
+     * Minimum accepted number of files.
+     */
+    minFiles?: number;
+    /**
+     * Maximum file size (in bytes)
+     * @default Infinity
+     */
+    maxSize?: number;
+    /**
+     * Minimum file size (in bytes)
+     * @default 0
+     */
+    minSize?: number;
+    /**
+     * Allow drag 'n' drop (or selection from the file dialog) of multiple files.
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * If true, disables drag 'n' drop
+     * @default false
+     */
+    noDrag?: boolean;
+    /**
+     * Callback for when a file is deleted
+     */
+    onDeleteFile?: (file: FilePreview) => void;
+    /**
+     * Callback for when a file is deleted
+     */
+    onRemoveFile?: (file: FilePreview) => void;
+    /**
+     * Callback for when a file is added to the preview list via dropping or selecting. Will be ran on new files when `sendFiles` is true.
+     */
+    onSendFile?: (props: OnSendFileProps) => void;
+    /**
+     * Run `onSendFile` on any new files. Delay processing by setting to `false` until processing is desired.
+     * @default false
+     */
+    sendFiles?: boolean;
+    /**
+     * @internal
+     */
+    testId?: string;
+    /**
+     * Show thumbnails for images in lieu of the file icon.
+     * @default true
+     */
+    thumbnails?: boolean;
+}
+export declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/src/components/dropzone/Dropzone.stories.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { DropzoneProps } from './Dropzone';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;
+    title: string;
+    argTypes: {
+        noDrag: {
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        isInverse: {
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        sendFiles: {
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        thumbnails: {
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    render: (args: DropzoneProps) => JSX.Element;
+};
+export declare const NoLimits: {
+    render: (args: DropzoneProps) => JSX.Element;
+};
+export declare const Image: {
+    render: (args: DropzoneProps) => JSX.Element;
+};
+export declare const Text: {
+    render: (args: DropzoneProps) => JSX.Element;
+};
+export declare const Csv: {
+    render: (args: DropzoneProps) => JSX.Element;
+};

package/dist/src/src/components/dropzone/Dropzone.test.d.ts

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

package/dist/src/src/components/dropzone/FileIcon.d.ts

@@ -1,7 +1,8 @@
-import { IconProps } from 'react-magma-icons';
-import { FilePreview } from './FilePreview';
-export interface FileIconProps extends IconProps {
-    file: FilePreview;
-    isInverse?: boolean;
-}
-export declare const FileIcon: ({ file, isInverse }: FileIconProps) => JSX.Element;
+/// <reference types="react" />
+import { IconProps } from 'react-magma-icons';
+import { FilePreview } from './FilePreview';
+export interface FileIconProps extends IconProps {
+    file: FilePreview;
+    isInverse?: boolean;
+}
+export declare const FileIcon: ({ file, isInverse }: FileIconProps) => JSX.Element;

package/dist/src/src/components/dropzone/FilePreview.d.ts

@@ -1,15 +1,15 @@
-import { FileWithPath } from 'react-dropzone';
-export interface FileError {
-    header?: string;
-    message: string;
-    code: 'file-too-large' | 'file-too-small' | 'too-many-files' | 'file-invalid-type' | string;
-}
-export interface FilePreview extends FileWithPath {
-    preview?: string;
-    errors?: FileError[];
-    processor?: {
-        percent?: string;
-        status?: string;
-        error?: string;
-    };
-}
+import { FileWithPath } from 'react-dropzone';
+export interface FileError {
+    header?: string;
+    message: string;
+    code: 'file-too-large' | 'file-too-small' | 'too-many-files' | 'file-invalid-type' | string;
+}
+export interface FilePreview extends FileWithPath {
+    preview?: string;
+    errors?: FileError[];
+    processor?: {
+        percent?: string;
+        status?: string;
+        error?: string;
+    };
+}

package/dist/src/src/components/dropzone/Preview.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { FlexProps } from 'react-magma-dom';
-import { FilePreview } from './FilePreview';
-export interface PreviewProps extends Omit<FlexProps, 'behavior'> {
-    accept?: string | string[];
-    file: FilePreview;
-    isInverse?: boolean;
-    maxSize?: number;
-    minSize?: number;
-    onDeleteFile?: (file: FilePreview) => void;
-    onRemoveFile?: (file: FilePreview) => void;
-    /**
-     * @internal
-     */
-    testId?: string;
-    thumbnails: boolean;
-}
-export declare const Preview: React.ForwardRefExoticComponent<Omit<PreviewProps, "children"> & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { FlexProps } from 'react-magma-dom';
+import { FilePreview } from './FilePreview';
+export interface PreviewProps extends Omit<FlexProps, 'behavior'> {
+    accept?: string | string[];
+    file: FilePreview;
+    isInverse?: boolean;
+    maxSize?: number;
+    minSize?: number;
+    onDeleteFile?: (file: FilePreview) => void;
+    onRemoveFile?: (file: FilePreview) => void;
+    /**
+     * @internal
+     */
+    testId?: string;
+    thumbnails: boolean;
+}
+export declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/src/components/dropzone/index.d.ts

@@ -1,4 +1,4 @@
-export * from './FileIcon';
-export * from './FilePreview';
-export * from './Dropzone';
-export * from './FilePreview';
+export * from './FileIcon';
+export * from './FilePreview';
+export * from './Dropzone';
+export * from './FilePreview';

package/dist/src/src/components/dropzone/utils.d.ts

@@ -1 +1 @@
-export declare const formatFileSize: (bytes: number | undefined, decimalPoint?: number, bytesLabel?: string) => string;
+export declare const formatFileSize: (bytes: number | undefined, decimalPoint?: number, bytesLabel?: string) => string | undefined;

package/dist/src/src/index.d.ts

@@ -1 +1 @@
-export * from './components/dropzone';
+export * from './components/dropzone';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-magma/dropzone",
-  "version": "14.0.1",
+  "version": "15.0.0-next.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,30 +20,27 @@
     "build": "microbundle build --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx",
     "build-watch": "microbundle watch --jsx jsx --jsxImportSource react --globals react/jsx-runtime=jsx",
     "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "lint:check": "eslint ./src --max-warnings=0",
     "test": "jest",
-    "test-watch": "jest --watch",
-    "compiler-checks": "tsc --noEmit --project ./tsconfig.json"
+    "test-watch": "jest --watch"
   },
   "dependencies": {
-    "polished": "3.7.2",
+    "polished": "^3.7.2",
     "react-dropzone": "11.3.2"
   },
   "devDependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-magma-dom": "^5.2.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-magma-dom": "^6.0.0-next.0",
     "react-magma-icons": "^3.2.5"
   },
   "peerDependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-magma-dom": "^5.0.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-magma-dom": "^6.0.0",
     "react-magma-icons": "^3.2.5"
   },
   "engines": {

package/src/components/dropzone/Dropzone.stories.tsx

@@ -138,7 +138,6 @@ export const Image = {
     const onSendFile = (props: OnSendFileProps) => {
       const { file, onFinish } = props;
       const reader = new FileReader();
-
       reader.onload = function (evt) {
         setFile(
           (evt &&
@@ -184,7 +183,6 @@ export const Text = {
     const onSendFile = (props: OnSendFileProps) => {
       const { file, onFinish } = props;
       const reader = new FileReader();
-
       reader.onload = function (evt) {
         setFile(
           (evt &&
@@ -231,7 +229,6 @@ export const Csv = {
     const onSendFile = (props: OnSendFileProps) => {
       const { file, onFinish } = props;
       const reader = new FileReader();
-
       reader.onload = function (evt) {
         const [columns, rows] =
           (evt &&
@@ -239,7 +236,6 @@ export const Csv = {
             evt.target.result &&
             csvJSON(evt.target.result.toString())) ||
           [];
-
         setColumns(columns);
         setFile(rows);
         onFinish && onFinish({ file });