@mainframework/dropzone 1.0.11 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/dist/esm/shared/components/FileSelector/FileSelector.d.ts +1 -1
- package/dist/esm/shared/components/FileSelector/FileSelector.js +4 -3
- package/dist/esm/shared/components/FileSelector/FileSelector.js.map +1 -1
- package/dist/esm/shared/hooks/useFileSelector.d.ts +1 -1
- package/dist/esm/shared/hooks/useFileSelector.js +2 -2
- package/dist/esm/shared/hooks/useFileSelector.js.map +1 -1
- package/dist/esm/shared/types/types.d.ts +2 -0
- package/dist/esm/shared/utils/processUploadedFiles.d.ts +1 -1
- package/dist/esm/shared/utils/processUploadedFiles.js +1 -1
- package/dist/esm/shared/utils/processUploadedFiles.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@ yarn @mainframework/dropzone
|
|
|
10
10
|
`Hook config properties`
|
|
11
11
|
{
|
|
12
12
|
maximumUploadCount:5, //Defaults to 30
|
|
13
|
-
maximumFileSize = maxFileSize, //Defaults to
|
|
13
|
+
maximumFileSize = maxFileSize, //Defaults to 5 mb's
|
|
14
14
|
acceptedTypes = defaultTypeExtensions, //See the default extensions above
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -68,8 +68,9 @@ export const defaultTypeExtensions: Record<string, string> = {
|
|
|
68
68
|
```JS | TS
|
|
69
69
|
//Here you can set the following properties for the FileSelector. These are all optional
|
|
70
70
|
const { validFiles, onIdChange, onCancel, onRemoveFile, FileSelector } = useFileSelector({
|
|
71
|
+
acceptTypes: ".png" //Defaults to ".png, .jpg, .jpeg, .pdf, .svg, image/svg+xml, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
|
|
71
72
|
maximumUploadCount:5, //Defaults to 30
|
|
72
|
-
maximumFileSize =
|
|
73
|
+
maximumFileSize = 5e6, //Defaults to 5 mb's
|
|
73
74
|
acceptedTypes = defaultTypeExtensions, //See the default extensions above
|
|
74
75
|
});
|
|
75
76
|
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FileSelectorProps } from "../../types/types";
|
|
2
2
|
import "./tailwind.css";
|
|
3
|
-
export declare const FileSelector: ({ inputId, messageParagraph, inputClassName, clickableAreaClassName, dropZoneWrapperClassName, messageParagraphClassName, onChange, onDragOver, onDrop, onDragEnter, onDragLeave, }: FileSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const FileSelector: ({ inputId, acceptTypes, messageParagraph, inputClassName, clickableAreaClassName, dropZoneWrapperClassName, messageParagraphClassName, onChange, onDragOver, onDrop, onDragEnter, onDragLeave, }: FileSelectorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef } from "react";
|
|
3
3
|
import "./tailwind.css";
|
|
4
|
+
var defaultAcceptTypes = ".png, .jpg, .jpeg, .pdf, .svg, image/svg+xml, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document";
|
|
4
5
|
export var FileSelector = function (_a) {
|
|
5
|
-
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;
|
|
6
|
+
var inputId = _a.inputId, acceptTypes = _a.acceptTypes, 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;
|
|
6
7
|
var fileInputRef = useRef(null);
|
|
7
8
|
var refCallback = function (ref) {
|
|
8
9
|
fileInputRef.current = ref;
|
|
@@ -16,7 +17,7 @@ export var FileSelector = function (_a) {
|
|
|
16
17
|
var inputClassesRef = useRef("hiddenInput ".concat(inputClassName !== null && inputClassName !== void 0 ? inputClassName : ""));
|
|
17
18
|
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"));
|
|
18
19
|
var dropZoneWrapperClassNameRef = useRef("".concat(dropZoneWrapperClassName !== null && dropZoneWrapperClassName !== void 0 ? dropZoneWrapperClassName : "p-4 border border-gray-300 rounded-md shadow-md"));
|
|
19
|
-
var messageParagraphClassNameRef = useRef("".concat(messageParagraphClassName !== null && messageParagraphClassName !== void 0 ? messageParagraphClassName : "text-silver-600"));
|
|
20
|
+
var messageParagraphClassNameRef = useRef("".concat(messageParagraphClassName !== null && messageParagraphClassName !== void 0 ? messageParagraphClassName : "text-center text-silver-600"));
|
|
20
21
|
var messageParagraphRef = useRef("".concat(messageParagraph !== null && messageParagraph !== void 0 ? messageParagraph : "Drag 'n' drop some files here, or click to select files"));
|
|
21
22
|
useEffect(function () {
|
|
22
23
|
//Wire up the drag and drop
|
|
@@ -31,6 +32,6 @@ export var FileSelector = function (_a) {
|
|
|
31
32
|
document.removeEventListener("drop", preventDefault);
|
|
32
33
|
};
|
|
33
34
|
}, []);
|
|
34
|
-
return (_jsxs("div", { className: dropZoneWrapperClassNameRef.current, draggable: false, children: [_jsx("button", { type: "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:
|
|
35
|
+
return (_jsxs("div", { className: dropZoneWrapperClassNameRef.current, draggable: false, children: [_jsx("button", { type: "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: acceptTypes !== null && acceptTypes !== void 0 ? acceptTypes : defaultAcceptTypes, multiple: true })] }));
|
|
35
36
|
};
|
|
36
37
|
//# sourceMappingURL=FileSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileSelector.js","sourceRoot":"","sources":["../../../../../src/shared/components/FileSelector/FileSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,SAAS,EAAE,MAAM,EAAc,MAAM,OAAO,CAAC;AAGnE,OAAO,gBAAgB,CAAC;AACxB,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"FileSelector.js","sourceRoot":"","sources":["../../../../../src/shared/components/FileSelector/FileSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ErrorMessage, FileData, IFileUploaderProps } from "../types/types";
|
|
2
|
-
export declare const useFileSelector: ({ maximumUploadCount, maximumFileSize, acceptedTypes, }?: IFileUploaderProps) => {
|
|
2
|
+
export declare const useFileSelector: ({ acceptTypes, maximumUploadCount, maximumFileSize, acceptedTypes, }?: IFileUploaderProps) => {
|
|
3
3
|
validFiles: FileData[];
|
|
4
4
|
invalidFiles: File[];
|
|
5
5
|
clearCache: () => void;
|
|
@@ -15,7 +15,7 @@ import { defaultTypeExtensions, maximumUploadCount as maxUploadCount, maximumFil
|
|
|
15
15
|
import { useCustomCallback } from "./useCustomCallback";
|
|
16
16
|
import { FileSelector } from "../components/FileSelector";
|
|
17
17
|
export var useFileSelector = function (_a) {
|
|
18
|
-
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;
|
|
18
|
+
var _b = _a === void 0 ? {} : _a, acceptTypes = _b.acceptTypes, _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;
|
|
19
19
|
//State
|
|
20
20
|
//Trigger a re-render
|
|
21
21
|
var _f = useState(0), setUpdateTrigger = _f[1];
|
|
@@ -153,7 +153,7 @@ export var useFileSelector = function (_a) {
|
|
|
153
153
|
clearBlobFromMemory(url);
|
|
154
154
|
});
|
|
155
155
|
}, [validFiles]);
|
|
156
|
-
var FileSelectorRef = useRef(function () { return (_jsx(FileSelector, { onChange: onInputChange, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, onDragLeave: onDragLeave })); });
|
|
156
|
+
var FileSelectorRef = useRef(function () { return (_jsx(FileSelector, { acceptTypes: acceptTypes, onChange: onInputChange, onDragOver: onDragOver, onDrop: onDrop, onDragEnter: onDragEnter, onDragLeave: onDragLeave })); });
|
|
157
157
|
return {
|
|
158
158
|
//Properties
|
|
159
159
|
validFiles: validFiles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFileSelector.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useFileSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAA0B,MAAM,OAAO,CAAC;AAE9E,OAAO,EACL,qBAAqB,EACrB,kBAAkB,IAAI,cAAc,EACpC,eAAe,IAAI,WAAW,EAC9B,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,SAAS,EACT,mBAAmB,GACpB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"useFileSelector.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useFileSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeEvent, DragEvent } from "react";
|
|
2
2
|
export interface FileSelectorProps {
|
|
3
3
|
inputId?: string;
|
|
4
|
+
acceptTypes?: string;
|
|
4
5
|
messageParagraph?: string;
|
|
5
6
|
inputClassName?: string;
|
|
6
7
|
clickableAreaClassName?: string;
|
|
@@ -13,6 +14,7 @@ export interface FileSelectorProps {
|
|
|
13
14
|
onDragLeave: (e: DragEvent<HTMLButtonElement>) => void;
|
|
14
15
|
}
|
|
15
16
|
export interface IFileUploaderProps {
|
|
17
|
+
acceptTypes?: string;
|
|
16
18
|
maximumUploadCount?: number;
|
|
17
19
|
maximumFileSize?: number;
|
|
18
20
|
acceptedTypes?: Record<string, string>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const defaultTypeExtensions: Record<string, string>;
|
|
2
2
|
export declare const maximumUploadCount = 30;
|
|
3
|
-
export declare const maximumFileSize =
|
|
3
|
+
export declare const maximumFileSize = 5000000;
|
|
4
4
|
export declare const printableMaximumFileSize = "5 Megabytes";
|
|
5
5
|
export declare const isValidFileType: (file: File, acceptedTypes?: Record<string, string>) => boolean;
|
|
6
6
|
export declare const hasSurpassedMaxSize: (file: File | Blob, maxSize?: number) => boolean;
|
|
@@ -57,7 +57,7 @@ export var defaultTypeExtensions = {
|
|
|
57
57
|
//This is the attribute that should be present in all svg files
|
|
58
58
|
var xmlns = "<svg xmlns='http://www.w3.org/2000/svg' ";
|
|
59
59
|
export var maximumUploadCount = 30;
|
|
60
|
-
export var maximumFileSize =
|
|
60
|
+
export var maximumFileSize = 5e6; //5 mb's
|
|
61
61
|
export var printableMaximumFileSize = "5 Megabytes";
|
|
62
62
|
export var isValidFileType = function (file, acceptedTypes) {
|
|
63
63
|
if (acceptedTypes === void 0) { acceptedTypes = defaultTypeExtensions; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"processUploadedFiles.js","sourceRoot":"","sources":["../../../../src/shared/utils/processUploadedFiles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,+DAA+D;AAC/D,MAAM,CAAC,IAAM,qBAAqB,GAA2B;IAC3D,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,MAAM;IACnB,eAAe,EAAE,MAAM;IACvB,iBAAiB,EAAE,MAAM;IACzB,oBAAoB,EAAE,MAAM;IAC5B,yEAAyE,EAAE,OAAO;CACnF,CAAC;AAEF,+DAA+D;AAC/D,IAAM,KAAK,GAAG,0CAA0C,CAAC;AACzD,MAAM,CAAC,IAAM,kBAAkB,GAAG,EAAE,CAAC;AACrC,MAAM,CAAC,IAAM,eAAe,GAAG,GAAG,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"processUploadedFiles.js","sourceRoot":"","sources":["../../../../src/shared/utils/processUploadedFiles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mainframework/dropzone",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "A file selection package, without all of the re-rendering issues that come with other dropzone packages",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|