react-dropzone 14.3.4 → 14.3.6

package/package.json

@@ -190,7 +190,7 @@
     "webpack-blocks": "^2.1.0"
   },
   "typings": "typings/react-dropzone.d.ts",
-  "version": "14.3.4",
+  "version": "14.3.6",
   "engines": {
     "node": ">= 10.13"
   },

package/src/utils/index.js

@@ -15,15 +15,18 @@ export const ErrorCode = {
   TooManyFiles: TOO_MANY_FILES,
 };
 
-// File Errors
-export const getInvalidTypeRejectionErr = (accept) => {
-  accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;
-  const messageSuffix = Array.isArray(accept)
-    ? `one of ${accept.join(", ")}`
-    : accept;
+/**
+ *
+ * @param {string} accept
+ */
+export const getInvalidTypeRejectionErr = (accept = "") => {
+  const acceptArr = accept.split(",");
+  const msg =
+    acceptArr.length > 1 ? `one of ${acceptArr.join(", ")}` : acceptArr[0];
+
   return {
     code: FILE_INVALID_TYPE,
-    message: `File type must be ${messageSuffix}`,
+    message: `File type must be ${msg}`,
   };
 };
 
@@ -50,8 +53,16 @@ export const TOO_MANY_FILES_REJECTION = {
   message: "Too many files",
 };
 
-// Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with
-// that MIME type will always be accepted
+/**
+ * Check if file is accepted.
+ *
+ * Firefox versions prior to 53 return a bogus MIME type for every file drag,
+ * so dragovers with that MIME type will always be accepted.
+ *
+ * @param {File} file
+ * @param {string} accept
+ * @returns
+ */
 export function fileAccepted(file, accept) {
   const isAcceptable =
     file.type === "application/x-moz-file" || accepts(file, accept);
@@ -82,7 +93,7 @@ function isDefined(value) {
  *
  * @param {object} options
  * @param {File[]} options.files
- * @param {string|string[]} [options.accept]
+ * @param {string} [options.accept]
  * @param {number} [options.minSize]
  * @param {number} [options.maxSize]
  * @param {boolean} [options.multiple]

package/src/utils/index.spec.js

@@ -269,7 +269,7 @@ describe("fileAccepted()", () => {
 
   it("accepts file when multiple accept criteria", () => {
     const file = createFile("hamster.pdf", 100, "application/pdf");
-    expect(utils.fileAccepted(file, [".pdf", ".png"])).toEqual([true, null]);
+    expect(utils.fileAccepted(file, ".pdf,.png")).toEqual([true, null]);
   });
 
   it("rejects file when single accept criteria", () => {
@@ -282,7 +282,7 @@ describe("fileAccepted()", () => {
 
   it("rejects file when multiple accept criteria", () => {
     const file = createFile("hamster.pdf", 100, "application/pdf");
-    expect(utils.fileAccepted(file, [".gif", ".png"])).toEqual([
+    expect(utils.fileAccepted(file, ".gif,.png")).toEqual([
       false,
       {
         code: "file-invalid-type",
@@ -290,13 +290,51 @@ describe("fileAccepted()", () => {
       },
     ]);
   });
+});
 
-  it("rejects file when single accept criteria as array", () => {
-    const file = createFile("hamster.pdf", 100, "application/pdf");
-    expect(utils.fileAccepted(file, [".gif"])).toEqual([
-      false,
-      { code: "file-invalid-type", message: "File type must be .gif" },
-    ]);
+describe("getTooLargeRejectionErr()", () => {
+  /**
+   * @constant
+   * @type {import('./index')}
+   */
+  let utils;
+  beforeEach(async () => {
+    utils = await import("./index");
+  });
+
+  it("prints byte when maxSize is 1", () => {
+    expect(utils.getTooLargeRejectionErr(1).message).toEqual(
+      "File is larger than 1 byte"
+    );
+  });
+
+  it("prints bytes when maxSize > 1", () => {
+    expect(utils.getTooLargeRejectionErr(100).message).toEqual(
+      "File is larger than 100 bytes"
+    );
+  });
+});
+
+describe("getTooSmallRejectionErr()", () => {
+  /**
+   * @constant
+   * @type {import('./index')}
+   */
+  let utils;
+  beforeEach(async () => {
+    utils = await import("./index");
+  });
+
+  it("prints byte when minSize is 1", () => {
+    expect(utils.getTooSmallRejectionErr(1).message).toEqual(
+      "File is smaller than 1 byte"
+    );
+  });
+
+  it("prints bytes when minSize > 1", () => {
+    expect(utils.getTooSmallRejectionErr(100).message).toEqual(
+      "File is smaller than 100 bytes"
+    );
   });
 });
 

package/typings/react-dropzone.d.ts

@@ -4,11 +4,11 @@ import { FileWithPath } from "file-selector";
 export { FileWithPath };
 export default function Dropzone(
   props: DropzoneProps & React.RefAttributes<DropzoneRef>
-): JSX.Element;
+): React.ReactElement;
 export function useDropzone(options?: DropzoneOptions): DropzoneState;
 
 export interface DropzoneProps extends DropzoneOptions {
-  children?(state: DropzoneState): JSX.Element;
+  children?(state: DropzoneState): React.ReactElement;
 }
 
 export enum ErrorCode {