@mainframework/dropzone 1.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Igor Gaponov (gapon2401)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,113 @@
+### A React package, that allows for the selection of files, through drag and drop or the File Dialog api
+
+### Installation:
+
+npm i @mainframework/dropzone
+yarn @mainframework/dropzone
+
+### Configuration and properties
+
+`Hook config properties`
+{
+maximumUploadCount:5, //Defaults to 30
+maximumFileSize = maxFileSize, //Defaults to 10 mb's
+acceptedTypes = defaultTypeExtensions, //See the default extensions above
+}
+
+`Hook - returned properties`
+
+```JS | TS
+{
+    //Properties
+    validFiles,  //These are the valid files selected
+    invalidFiles,  //The invalid files a user attempted to select
+
+    //Methods
+    clearCache,  // This will clear out the valid and invalid files
+    getValidFileStreams,  //This will provde the actual File | Blobs that are within the valid Files
+    onCancel, //This will call clearCache
+    onIdChange, //Use this, if you want to change the name of a File.
+    onRemoveFile,  //Remove a file from the valid files array
+    setMaximumFileSizeExceeded,  //Use this for any errors generated, regarding the maximum file size
+    setMaximumUploadsExceeded,  //Use this for any errors generated regarding the maximum number of uploads
+
+    //Component - Export the FileSelector:  Use this ready made comopnent.
+    FileSelector: () => (
+      <FileSelector
+       inputId={"SomeID"}  //Optional
+       messageParagraph={"A message to display in the dropzone"} //Optional - Defaults to "Drag 'n' drop some files here, or click to select files"
+       inputClassName={"some css classes"} //Optional - You can add your own css.  The default is hidden, a tailwindcss class
+       clickableAreaClassName={"some css classes"} //Optional - You can add your own css.  The default is composed of some tailwindclasses.  It's either or.
+       dropZoneWrapperClassName={"some css classes"} //Optional - You can add your own css.  The default is composed of some tailwindclasses.  It's either or.
+       messageParagraphClassName={"some css classes"} //Optional - You can add your own css.   The default is composed of some tailwindclasses.  It's either or.
+       onChange={onInputChange}
+       onDragOver={onDragOver}
+       onDrop={onDrop}
+       onDragEnter={onDragEnter}
+       onDragLeave={onDragLeave}
+      />
+    ),
+  }
+```
+
+```JS | TS
+//Here are the default upload types the pacakge will handle.  You can send in your own, so long as it's in the following format.
+export const defaultTypeExtensions: Record<string, string> = {
+  "image/png": ".png",
+  "image/jpeg": ".jpeg",
+  "image/jpg": ".jpg",
+  "image/svg+xml": ".svg",
+  "application/pdf": ".pdf",
+  "application/msword": ".doc",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": ".docx",
+};
+```
+
+### Hook configuration
+
+```JS | TS
+//Here you can set the following properties for the FileSelector.  These are all optional
+ const { validFiles, onIdChange, onCancel, onRemoveFile, FileSelector } = useFileSelector({
+  maximumUploadCount:5,  //Defaults to 30
+  maximumFileSize = maxFileSize,  //Defaults to 10 mb's
+  acceptedTypes = defaultTypeExtensions,  //See the default extensions above
+});
+
+```
+
+### Usage
+
+### App.tsx
+
+Once the package is installed, import the hook
+
+```JS | TS
+import { useFileSelector } from "@mainframework/dropzone";
+
+export const App = ()=>{
+  //Note:  You can set the following props for the hook  maximumUploadCount, maximumFileSize, acceptedTypes
+   const { validFiles, onIdChange, onCancel, onRemoveFile, FileSelector } = useFileSelector();
+
+const onSelect = () => {
+    if (Array.isArray(validFiles)) {
+      //This will be used to select the files.  Won't be used here
+    }
+  };
+
+  return (
+    <>
+      <FileSelector />   {/*This is the component that will display the dropzone*/}
+
+      {validFiles.length > 0 && (
+        <PreviewImages  //<---PreviewImages is a component where you render the images.  It's up to you to provide this functionality
+          validFiles={validFiles}
+          onChange={onIdChange}
+          onSelect={onSelect}
+          onCancel={onCancel}
+          onRemoveFile={onRemoveFile}
+        />
+      )}
+    </>
+  );
+}
+```

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export { useFileSelector } from "./shared/hooks/useFileSelector";

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { useFileSelector } from "./shared/hooks/useFileSelector";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/esm/shared/components/FileSelector/FileSelector.d.ts

@@ -0,0 +1,3 @@
+import { FileSelectorProps } from "../../types/types";
+import "../../../tailwind.css";
+export declare const FileSelector: ({ inputId, messageParagraph, inputClassName, clickableAreaClassName, dropZoneWrapperClassName, messageParagraphClassName, onChange, onDragOver, onDrop, onDragEnter, onDragLeave, }: FileSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/shared/components/FileSelector/FileSelector.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import "../../../tailwind.css";
+export var FileSelector = function (_a) {
+    var inputId = _a.inputId, messageParagraph = _a.messageParagraph, inputClassName = _a.inputClassName, clickableAreaClassName = _a.clickableAreaClassName, dropZoneWrapperClassName = _a.dropZoneWrapperClassName, messageParagraphClassName = _a.messageParagraphClassName, onChange = _a.onChange, onDragOver = _a.onDragOver, onDrop = _a.onDrop, onDragEnter = _a.onDragEnter, onDragLeave = _a.onDragLeave;
+    var fileInputRef = useRef(null);
+    var refCallback = function (ref) {
+        fileInputRef.current = ref;
+    };
+    var dropZoneButtonClickRef = useRef(function () {
+        var _a;
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    });
+    //Css classes
+    var inputClassesRef = useRef("hidden ".concat(inputClassName !== null && inputClassName !== void 0 ? inputClassName : ""));
+    var clickableAreaClassNameRef = useRef("".concat(clickableAreaClassName !== null && clickableAreaClassName !== void 0 ? clickableAreaClassName : "dropzone border-dashed border-2 border-silver-600 p-4 rounded-md text-center cursor-pointer bg-inherit  hover:border-yellow-400 text-white font-bold py-2 px-4"));
+    var dropZoneWrapperClassNameRef = useRef("".concat(dropZoneWrapperClassName !== null && dropZoneWrapperClassName !== void 0 ? dropZoneWrapperClassName : "p-4 border border-gray-300 rounded-md shadow-md"));
+    var messageParagraphClassNameRef = useRef("".concat(messageParagraphClassName !== null && messageParagraphClassName !== void 0 ? messageParagraphClassName : "text-silver-600"));
+    var messageParagraphRef = useRef("".concat(messageParagraph !== null && messageParagraph !== void 0 ? messageParagraph : "Drag 'n' drop some files here, or click to select files"));
+    useEffect(function () {
+        //Wire up the drag and drop
+        var preventDefault = function (event) {
+            event.preventDefault();
+        };
+        document.addEventListener("dragover", preventDefault);
+        document.addEventListener("drop", preventDefault);
+        return function () {
+            //Clean up
+            document.removeEventListener("dragover", preventDefault);
+            document.removeEventListener("drop", preventDefault);
+        };
+    }, []);
+    return (_jsxs("div", { className: dropZoneWrapperClassNameRef.current, draggable: false, children: [_jsx("button", { className: clickableAreaClassNameRef.current, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, onDragLeave: onDragLeave, onClick: dropZoneButtonClickRef.current, draggable: true, children: _jsx("p", { className: messageParagraphClassNameRef.current, children: messageParagraphRef.current }) }), _jsx("input", { ref: refCallback, id: inputId, type: "file", className: inputClassesRef.current, onChange: onChange, accept: ".png, .jpg, .jpeg, .pdf, .svg, image/svg+xml, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document", multiple: true })] }));
+};
+//# sourceMappingURL=FileSelector.js.map

package/dist/esm/shared/components/FileSelector/FileSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSelector.js","sourceRoot":"","sources":["../../../../../src/shared/components/FileSelector/FileSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,uBAAuB,CAAC;AAC/B,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAYT;QAXlB,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,sBAAsB,4BAAA,EACtB,wBAAwB,8BAAA,EACxB,yBAAyB,+BAAA,EACzB,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,WAAW,iBAAA;IAEX,IAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,IAAM,WAAW,GAAkC,UAAC,GAAG;QACrD,YAAY,CAAC,OAAO,GAAG,GAAG,CAAC;IAC7B,CAAC,CAAC;IACF,IAAM,sBAAsB,GAAG,MAAM,CAAC;;QACpC,MAAA,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,aAAa;IACb,IAAM,eAAe,GAAG,MAAM,CAAS,iBAAU,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,CAAE,CAAC,CAAC;IAEzE,IAAM,yBAAyB,GAAG,MAAM,CACtC,UAAG,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,gKAAgK,CAAE,CAChM,CAAC;IAEF,IAAM,2BAA2B,GAAG,MAAM,CACxC,UAAG,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,iDAAiD,CAAE,CACnF,CAAC;IAEF,IAAM,4BAA4B,GAAG,MAAM,CAAS,UAAG,yBAAyB,aAAzB,yBAAyB,cAAzB,yBAAyB,GAAI,iBAAiB,CAAE,CAAC,CAAC;IAEzG,IAAM,mBAAmB,GAAG,MAAM,CAChC,UAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,yDAAyD,CAAE,CACnF,CAAC;IAEF,SAAS,CAAC;QACR,2BAA2B;QAC3B,IAAM,cAAc,GAAG,UAAC,KAAgB;YACtC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QACtD,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO;YACL,UAAU;YACV,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;YACzD,QAAQ,CAAC,mBAAmB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,eAAK,SAAS,EAAE,2BAA2B,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,aACnE,iBACE,SAAS,EAAE,yBAAyB,CAAC,OAAO,EAC5C,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,sBAAsB,CAAC,OAAO,EACvC,SAAS,kBAET,YAAG,SAAS,EAAE,4BAA4B,CAAC,OAAO,YAAG,mBAAmB,CAAC,OAAO,GAAK,GAC9E,EAET,gBACE,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,eAAe,CAAC,OAAO,EAClC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,2IAA2I,EAClJ,QAAQ,SACR,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/shared/components/FileSelector/index.d.ts

@@ -0,0 +1 @@
+export { FileSelector } from "./FileSelector";

package/dist/esm/shared/components/FileSelector/index.js

@@ -0,0 +1,2 @@
+export { FileSelector } from "./FileSelector";
+//# sourceMappingURL=index.js.map

package/dist/esm/shared/components/FileSelector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/shared/components/FileSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/shared/hooks/useCustomCallback.d.ts

@@ -0,0 +1 @@
+export declare const useCustomCallback: <T extends (...args: any[]) => unknown>(callback: T, dependencies: unknown[]) => T;

package/dist/esm/shared/hooks/useCustomCallback.js

@@ -0,0 +1,14 @@
+import { useCallback, useRef } from "react";
+import { isEqual } from "../utils/equalityChecks";
+//Need any here to get around TS not liking uknown.   I don't know the shape of a function coming into this hook
+export var useCustomCallback = function (callback, dependencies) {
+    var refDependencies = useRef([]);
+    if (refDependencies.current.length === 0 ||
+        !dependencies.every(function (dep, index) { return isEqual(dep, refDependencies.current[index]); })) {
+        //add the callback as a dependency to address the eslint error: react-hooks/exhaustive-deps
+        dependencies.push(callback);
+        refDependencies.current = dependencies;
+    }
+    return useCallback(callback, refDependencies.current);
+};
+//# sourceMappingURL=useCustomCallback.js.map

package/dist/esm/shared/hooks/useCustomCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCustomCallback.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useCustomCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,gHAAgH;AAChH,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAwC,QAAW,EAAE,YAAuB;IAC3G,IAAM,eAAe,GAAG,MAAM,CAAY,EAAE,CAAC,CAAC;IAE9C,IACE,eAAe,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;QACpC,CAAC,YAAY,CAAC,KAAK,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,OAAO,CAAC,GAAG,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAA5C,CAA4C,CAAC,EACjF,CAAC;QACD,2FAA2F;QAC3F,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5B,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IACzC,CAAC;IACD,OAAO,WAAW,CAAC,QAAQ,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;AACxD,CAAC,CAAC"}

package/dist/esm/shared/hooks/useFileSelector.d.ts

@@ -0,0 +1,13 @@
+import { FileData, IFileUploaderProps } from "../types/types";
+export declare const useFileSelector: ({ maximumUploadCount, maximumFileSize, acceptedTypes, }?: IFileUploaderProps) => {
+    validFiles: FileData[];
+    invalidFiles: File[];
+    clearCache: () => void;
+    getValidFileStreams: () => (File | Blob)[];
+    onCancel: () => void;
+    onIdChange: (index: number, id: string, files: FileData[]) => void;
+    onRemoveFile: (index: number) => void;
+    setMaximumFileSizeExceeded: (status?: boolean) => void;
+    setMaximumUploadsExceeded: (status?: boolean, fileCount?: number, maximumUploads?: number) => void;
+    FileSelector: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/shared/hooks/useFileSelector.js

@@ -0,0 +1,155 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
+import { defaultTypeExtensions, maximumUploadCount as maxUploadCount, maximumFileSize as maxFileSize, printableMaximumFileSize, checkFilesMaximumSize, isValidFileType, SvgXmlnsAttributeCheck, checkFile, } from "../utils/processUploadedFiles";
+import { useCustomCallback } from "./useCustomCallback";
+import { FileSelector } from "../components/FileSelector";
+export var useFileSelector = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.maximumUploadCount, maximumUploadCount = _c === void 0 ? maxUploadCount : _c, _d = _b.maximumFileSize, maximumFileSize = _d === void 0 ? maxFileSize : _d, _e = _b.acceptedTypes, acceptedTypes = _e === void 0 ? defaultTypeExtensions : _e;
+    //State
+    //Trigger a re-render
+    var _f = useState(0), setUpdateTrigger = _f[1];
+    var _g = useState([]), validFiles = _g[0], SetValidFiles = _g[1];
+    var _h = useState([]), invalidFiles = _h[0], SetInvalidFiles = _h[1];
+    //Refs
+    var maxUploadErrorRef = useRef({
+        status: false,
+        message: "",
+    });
+    var maxFileSizeErrorRef = useRef({
+        status: false,
+        message: "",
+    });
+    var setMaximumUploadsExceeded = useCallback(function (status, fileCount, maximumUploads) {
+        if (status === void 0) { status = false; }
+        maxUploadErrorRef.current.status = status;
+        maxUploadErrorRef.current.message = status
+            ? "You have attempted to upload ".concat(fileCount, " files. The maximum allowable uploads for this feature is ").concat(maximumUploads)
+            : "";
+        setUpdateTrigger(function (state) { return (state += 1); });
+    }, []);
+    var setMaximumFileSizeExceeded = useCallback(function (status) {
+        if (status === void 0) { status = false; }
+        maxFileSizeErrorRef.current.status = status;
+        maxFileSizeErrorRef.current.message = status
+            ? "You have attempted upload a file(s) that exceeds the maximum size of ".concat(printableMaximumFileSize)
+            : "";
+        setUpdateTrigger(function (state) { return (state += 1); });
+    }, []);
+    //Callbacks
+    var clearCache = useCallback(function () {
+        SetInvalidFiles([]);
+        SetValidFiles([]);
+    }, []);
+    var onCancel = useCallback(function () {
+        clearCache();
+    }, [clearCache]);
+    var getValidFileStreams = useCallback(function () { return (validFiles.length ? validFiles.map(function (_a) {
+        var file = _a.file;
+        return file;
+    }) : []); }, [validFiles]);
+    //Main Engine to deal with files
+    var processFiles = useCustomCallback(function (files) {
+        var maxFileSizeCheck = checkFilesMaximumSize(files, maximumFileSize) && !maxFileSizeErrorRef.current.status;
+        var maxUploadCountCheck = typeof maximumUploadCount !== "undefined"
+            ? !maxUploadErrorRef.current.status && files.length > maximumUploadCount
+            : false;
+        if (maxFileSizeCheck || maxUploadCountCheck) {
+            if (maxFileSizeCheck)
+                setMaximumFileSizeExceeded(true);
+            if (maxUploadCountCheck)
+                setMaximumUploadsExceeded(true, files.length, maximumUploadCount);
+            onCancel();
+        }
+        else {
+            var _a = files.reduce(function (acc, file) {
+                if (isValidFileType(file, acceptedTypes))
+                    acc.valid.push(SvgXmlnsAttributeCheck(file, defaultTypeExtensions));
+                else
+                    acc.invalid.push(file);
+                return acc;
+            }, { valid: [], invalid: [] }), valid = _a.valid, invalid = _a.invalid;
+            if (valid.length > 0) {
+                Promise.all(valid).then(function (results) {
+                    //validFiles.next(results);
+                    SetValidFiles(results);
+                });
+            }
+            if (invalid.length > 0) {
+                //invalidFiles.next(invalid);
+                SetInvalidFiles(invalid);
+            }
+        }
+    }, [SvgXmlnsAttributeCheck, checkFilesMaximumSize, setMaximumFileSizeExceeded, setMaximumUploadsExceeded]);
+    var onRemoveFile = useCustomCallback(function (index) {
+        var updatedValidFiles = validFiles.filter(function (_, i) { return i !== index; });
+        SetValidFiles(updatedValidFiles);
+    }, [validFiles]);
+    var onIdChange = useCallback(function (index, id, files) {
+        var updatedValidFiles = files.map(function (fileData, i) {
+            if (i === index) {
+                var renamedFile = checkFile(id, fileData.file);
+                return __assign(__assign({}, fileData), { file: renamedFile, id: id });
+            }
+            return fileData;
+        });
+        SetValidFiles(updatedValidFiles);
+    }, []);
+    var onInputChange = useCustomCallback(function (event) {
+        var files = Array.from(event.target.files || []);
+        processFiles(files);
+    }, [processFiles]);
+    //Drag and Drop
+    var onDrop = useCustomCallback(function (e) {
+        e.preventDefault();
+        processFiles(Array.from(e.dataTransfer.files));
+    }, [processFiles]);
+    var onDragOver = useCustomCallback(function (e) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+    }, []);
+    var onDragEnter = useCustomCallback(function (e) {
+        e.preventDefault();
+        var classList = e.currentTarget.classList;
+        classList.add("border-yellow-400");
+        classList.remove("border-silver-600");
+    }, []);
+    var onDragLeave = useCustomCallback(function (e) {
+        e.preventDefault();
+        var currentTarget = e.currentTarget;
+        var timeoutId = setTimeout(function () {
+            if (currentTarget && !currentTarget.contains(e.relatedTarget)) {
+                var classList = currentTarget.classList;
+                classList.remove("border-yellow-400");
+                classList.add("border-silver-600");
+            }
+            clearTimeout(timeoutId);
+        }, 200);
+    }, []);
+    return {
+        //Properties
+        validFiles: validFiles,
+        invalidFiles: invalidFiles,
+        //Methods
+        clearCache: clearCache,
+        getValidFileStreams: getValidFileStreams,
+        onCancel: onCancel,
+        onIdChange: onIdChange,
+        onRemoveFile: onRemoveFile,
+        setMaximumFileSizeExceeded: setMaximumFileSizeExceeded,
+        setMaximumUploadsExceeded: setMaximumUploadsExceeded,
+        //Component - Export the FileSelector
+        FileSelector: function () { return (_jsx(FileSelector, { onChange: onInputChange, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, onDragLeave: onDragLeave })); },
+    };
+};
+//# sourceMappingURL=useFileSelector.js.map

package/dist/esm/shared/hooks/useFileSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileSelector.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useFileSelector.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { ChangeEvent, DragEvent } from "react";
+export interface FileSelectorProps {
+    inputId?: string;
+    messageParagraph?: string;
+    inputClassName?: string;
+    clickableAreaClassName?: string;
+    dropZoneWrapperClassName?: string;
+    messageParagraphClassName?: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDragOver: (e: DragEvent<HTMLButtonElement>) => void;
+    onDrop: (e: DragEvent<HTMLButtonElement>) => void;
+    onDragEnter: (e: DragEvent<HTMLButtonElement>) => void;
+    onDragLeave: (e: DragEvent<HTMLButtonElement>) => void;
+}
+export interface IFileUploaderProps {
+    maximumUploadCount?: number;
+    maximumFileSize?: number;
+    acceptedTypes?: Record<string, string>;
+}
+export interface FileData {
+    id: string;
+    file: File | Blob;
+    url: string;
+    type: string;
+}
+export interface ErrorMessage {
+    status: boolean;
+    message: string;
+}

package/dist/esm/shared/types/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/shared/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/shared/types/types.ts"],"names":[],"mappings":""}

package/dist/esm/shared/utils/equalityChecks.d.ts

@@ -0,0 +1 @@
+export declare const isEqual: (a: unknown, b: unknown) => boolean;

package/dist/esm/shared/utils/equalityChecks.js

@@ -0,0 +1,41 @@
+export var isEqual = function (a, b) {
+    if (typeof a !== typeof b) {
+        return false; // Types are different
+    }
+    if (typeof a !== "object" || a === null) {
+        return a === b; // For non-object types, perform simple comparison
+    }
+    if (Array.isArray(a) && Array.isArray(b)) {
+        if (a.length !== b.length) {
+            return false; // Arrays have different lengths
+        }
+        var i = 0;
+        while (i < a.length) {
+            if (!isEqual(a[i], b[i])) {
+                return false; // Array elements are different
+            }
+            i += 1;
+        }
+        return true; // All array elements are equal
+    }
+    if (Array.isArray(a) || Array.isArray(b)) {
+        return false; // One is an array and the other is not, they can't be equal
+    }
+    var objA = a;
+    var objB = b;
+    var keysA = Object.keys(objA);
+    var keysB = Object.keys(objB);
+    if (keysA.length !== keysB.length) {
+        return false; // Objects have different number of keys
+    }
+    var j = 0;
+    while (j < keysA.length) {
+        var key = keysA[j];
+        if (!keysB.includes(key) || !isEqual(objA[key], objB[key])) {
+            return false; // Keys are different or their values are not equal
+        }
+        j += 1;
+    }
+    return true; // All keys and their values are equal
+};
+//# sourceMappingURL=equalityChecks.js.map

package/dist/esm/shared/utils/equalityChecks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"equalityChecks.js","sourceRoot":"","sources":["../../../../src/shared/utils/equalityChecks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,CAAU,EAAE,CAAU;IAC5C,IAAI,OAAO,CAAC,KAAK,OAAO,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,CAAC,sBAAsB;IACtC,CAAC;IAED,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;QACxC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,kDAAkD;IACpE,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC,CAAC,gCAAgC;QAChD,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACzB,OAAO,KAAK,CAAC,CAAC,+BAA+B;YAC/C,CAAC;YACD,CAAC,IAAI,CAAC,CAAC;QACT,CAAC;QAED,OAAO,IAAI,CAAC,CAAC,+BAA+B;IAC9C,CAAC;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QACzC,OAAO,KAAK,CAAC,CAAC,4DAA4D;IAC5E,CAAC;IAED,IAAM,IAAI,GAAG,CAAqC,CAAC;IACnD,IAAM,IAAI,GAAG,CAAqC,CAAC;IAEnD,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChC,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC,CAAC,wCAAwC;IACxD,CAAC;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;QACxB,IAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YAC3D,OAAO,KAAK,CAAC,CAAC,mDAAmD;QACnE,CAAC;QACD,CAAC,IAAI,CAAC,CAAC;IACT,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,sCAAsC;AACrD,CAAC,CAAC"}

package/dist/esm/shared/utils/processUploadedFiles.d.ts

@@ -0,0 +1,16 @@
+export declare const defaultTypeExtensions: Record<string, string>;
+export declare const maximumUploadCount = 30;
+export declare const maximumFileSize = 1000000;
+export declare const printableMaximumFileSize = "5 Megabytes";
+export declare const isValidFileType: (file: File, acceptedTypes?: Record<string, string>) => boolean;
+export declare const hasSurpassedMaxSize: (file: File | Blob, maxSize?: number) => boolean;
+export declare const checkFilesMaximumSize: (files: (File | Blob)[], maxFileSize?: number) => boolean;
+export declare const createUrlString: (file: File) => string;
+export declare const SvgXmlnsAttributeCheck: (file: File, allowableTypes?: Record<string, string>) => Promise<{
+    id: string;
+    type: string;
+    file: File;
+    url: string;
+}>;
+export declare const renameFile: (file: File | Blob, newName: string) => File;
+export declare const checkFile: (id: string, file: File | Blob) => File | Blob;

package/dist/esm/shared/utils/processUploadedFiles.js

@@ -0,0 +1,124 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+//Use this to quickly get the file extensions
+//TODO:  This needs to be updatable by a dev, programmatically.
+export var defaultTypeExtensions = {
+    "image/png": ".png",
+    "image/jpeg": ".jpeg",
+    "image/jpg": ".jpg",
+    "image/svg+xml": ".svg",
+    "application/pdf": ".pdf",
+    "application/msword": ".doc",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document": ".docx",
+};
+//This is the attribute that should be present in all svg files
+var xmlns = "<svg xmlns='http://www.w3.org/2000/svg' ";
+export var maximumUploadCount = 30;
+export var maximumFileSize = 1e6; //5e6; //5 mb's
+export var printableMaximumFileSize = "5 Megabytes";
+export var isValidFileType = function (file, acceptedTypes) {
+    if (acceptedTypes === void 0) { acceptedTypes = defaultTypeExtensions; }
+    return Boolean(acceptedTypes[file.type]);
+};
+export var hasSurpassedMaxSize = function (file, maxSize) {
+    if (maxSize === void 0) { maxSize = maximumFileSize; }
+    return file.size > maxSize;
+};
+export var checkFilesMaximumSize = function (files, maxFileSize) {
+    if (maxFileSize === void 0) { maxFileSize = maximumFileSize; }
+    return files.every(function (file) { return hasSurpassedMaxSize(file, maxFileSize); });
+};
+export var createUrlString = function (file) { return URL.createObjectURL(file); };
+var createDocumentData = function (file, allowableTypes) {
+    if (allowableTypes === void 0) { allowableTypes = defaultTypeExtensions; }
+    return ({
+        id: file.name.split(".")[0],
+        type: allowableTypes[file.type],
+        file: file,
+        url: createUrlString(file),
+    });
+};
+export var SvgXmlnsAttributeCheck = function (file_1) {
+    var args_1 = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        args_1[_i - 1] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([file_1], args_1, true), void 0, function (file, allowableTypes) {
+        var text, svgWithXmlns;
+        if (allowableTypes === void 0) { allowableTypes = defaultTypeExtensions; }
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (file.type !== "image/svg+xml")
+                        return [2 /*return*/, createDocumentData(file, allowableTypes)];
+                    return [4 /*yield*/, file.text()];
+                case 1:
+                    text = _a.sent();
+                    if (text.includes("xmlns"))
+                        return [2 /*return*/, createDocumentData(file, allowableTypes)];
+                    svgWithXmlns = text.replace("<svg ", xmlns);
+                    return [2 /*return*/, createDocumentData(new File([svgWithXmlns], file.name, {
+                            type: file.type,
+                        }), allowableTypes)];
+            }
+        });
+    });
+};
+export var renameFile = function (file, newName) {
+    return new File([file], "".concat(newName), { type: file.type });
+};
+export var checkFile = function (id, file) {
+    //Blobs don't have a name, so we need to convert it to a file, then we can rename it
+    if (file instanceof Blob) {
+        return id.length > 0 ? renameFile(file, id) : file;
+    }
+    //It's a file, let's process it.
+    if (id.length === 0 || id.toLocaleLowerCase() === file.name.toLocaleLowerCase().split(".")[0]) {
+        return file;
+    }
+    return renameFile(file, id);
+};
+//# sourceMappingURL=processUploadedFiles.js.map

package/dist/esm/shared/utils/processUploadedFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"processUploadedFiles.js","sourceRoot":"","sources":["../../../../src/shared/utils/processUploadedFiles.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@mainframework/dropzone",
+  "version": "1.0.1",
+  "description": "Package to handle the selection of files for upload",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TerrySlack/mainframework-dropzone.git"
+  },
+  "bugs": {
+    "url": "https://github.com/TerrySlack/mainframework-dropzone/issues"
+  },
+  "homepage": "https://github.com/TerrySlack/mainframework-dropzone#readme",
+  "scripts": {
+    "build:css:dev": "npx tailwindcss -i ./src/index.css -o ./src/tailwind.css --watch",
+    "build:css:prod": "npx tailwindcss -i ./src/index.css -o ./src/tailwind.css --minify ",
+    "husky": "husky",
+    "clean": "rimraf dist",
+    "lint": "eslint --ext 'ts,tsx' --max-warnings=0 --fix",
+    "lint-staged": "lint-staged",
+    "prebuild": "yarn husky && yarn clean",
+    "build": "cross-env yarn prebuild && yarn build:css:prod && yarn build:esm",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "test": "jest --config jestconfig.json"
+  },
+  "peerDependencies": {
+    "react": ">=17"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript",
+    "awesome-project"
+  ],
+  "author": "Terry Slack",
+  "license": "MIT",
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint-staged  && git add --all"
+    }
+  },
+  "lint-staged": {
+    "*.(ts|tsx)": [
+      "eslint --fix",
+      "prettier --write"
+    ]
+  },
+  "devDependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/forms": "^0.5.7",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.3.3",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "husky": "^9.1.4",
+    "jest": "^29.7.0",
+    "jest-canvas-mock": "^2.5.2",
+    "jest-environment-jsdom": "^29.7.0",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.2.5",
+    "react": "^18.3.1",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^3.4.7",
+    "ts-jest": "^29.2.3",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4"
+  }
+}