@smitch/breeze 2.2.20 → 2.2.21
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.
|
@@ -1,3 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { FileUploadProps } from "./types";
|
|
3
|
+
export interface FileUploadRef {
|
|
4
|
+
clear: () => void;
|
|
5
|
+
getFiles: () => FileList | null;
|
|
6
|
+
}
|
|
7
|
+
declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<FileUploadRef>>;
|
|
3
8
|
export default FileUpload;
|
|
@@ -1,61 +1,102 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
"use client";
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
38
|
};
|
|
6
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
40
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var react_1 = require("react");
|
|
41
|
+
var react_1 = __importStar(require("react"));
|
|
9
42
|
var tailwind_merge_1 = require("tailwind-merge");
|
|
10
43
|
var Files_1 = __importDefault(require("./Files"));
|
|
11
44
|
var types_1 = require("./types");
|
|
12
45
|
var __1 = require("..");
|
|
13
46
|
var fa_1 = require("react-icons/fa");
|
|
14
47
|
var sizes = {
|
|
15
|
-
md:
|
|
16
|
-
lg:
|
|
17
|
-
xl:
|
|
48
|
+
md: "text-base",
|
|
49
|
+
lg: "text-lg",
|
|
50
|
+
xl: "text-xl",
|
|
18
51
|
};
|
|
19
|
-
var FileUpload = function (_a) {
|
|
20
|
-
var _b = _a.className, className = _b === void 0 ?
|
|
52
|
+
var FileUpload = (0, react_1.forwardRef)(function (_a, ref) {
|
|
53
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.size, size = _c === void 0 ? "md" : _c, accept = _a.accept, _d = _a.label, label = _d === void 0 ? "File Upload" : _d, icon = _a.icon, onChange = _a.onChange, _e = _a.showMultiple, showMultiple = _e === void 0 ? false : _e, _f = _a.multipleLabel, multipleLabel = _f === void 0 ? "Multiple" : _f;
|
|
21
54
|
var _g = (0, react_1.useState)(null), files = _g[0], setLocalFiles = _g[1];
|
|
22
55
|
var _h = (0, react_1.useState)(false), multiple = _h[0], setMultiple = _h[1];
|
|
23
|
-
var _j = (0, react_1.useState)(accept ||
|
|
24
|
-
var
|
|
25
|
-
|
|
56
|
+
var _j = (0, react_1.useState)(accept || "*"), selectedAcceptType = _j[0], setSelectedAcceptType = _j[1];
|
|
57
|
+
var inputRef = react_1.default.useRef(null);
|
|
58
|
+
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
59
|
+
clear: function () {
|
|
60
|
+
setLocalFiles(null);
|
|
61
|
+
if (inputRef.current)
|
|
62
|
+
inputRef.current.value = "";
|
|
63
|
+
},
|
|
64
|
+
getFiles: function () { return files; },
|
|
65
|
+
}); });
|
|
66
|
+
var handleAcceptTypeChange = function (e) {
|
|
67
|
+
setSelectedAcceptType(e.target.value);
|
|
26
68
|
setLocalFiles(null);
|
|
69
|
+
if (inputRef.current)
|
|
70
|
+
inputRef.current.value = "";
|
|
27
71
|
};
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
setMultiple(event.target.checked);
|
|
72
|
+
var handleMultipleChange = function (e) {
|
|
73
|
+
setMultiple(e.target.checked);
|
|
31
74
|
};
|
|
32
|
-
var handleFileChange = function (
|
|
33
|
-
var
|
|
34
|
-
if (
|
|
35
|
-
setLocalFiles(
|
|
36
|
-
|
|
37
|
-
onChange(event);
|
|
75
|
+
var handleFileChange = function (e) {
|
|
76
|
+
var selectedFiles = e.target.files;
|
|
77
|
+
if (selectedFiles && selectedFiles.length > 0) {
|
|
78
|
+
setLocalFiles(selectedFiles);
|
|
79
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
38
80
|
}
|
|
39
81
|
};
|
|
40
82
|
var deleteFile = function (fileToDelete) {
|
|
41
|
-
if (files)
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
83
|
+
if (!files)
|
|
84
|
+
return;
|
|
85
|
+
var updated = Array.from(files).filter(function (f) { return f !== fileToDelete; });
|
|
86
|
+
var dt = new DataTransfer();
|
|
87
|
+
updated.forEach(function (f) { return dt.items.add(f); });
|
|
88
|
+
setLocalFiles(dt.files);
|
|
89
|
+
if (inputRef.current)
|
|
90
|
+
inputRef.current.files = dt.files;
|
|
47
91
|
};
|
|
48
|
-
var
|
|
49
|
-
var hiddenLabel = (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: defaultLabel });
|
|
92
|
+
var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
|
|
50
93
|
var GetLabel = function () {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fa_1.FaUpload, { "aria-hidden": "true" }), hasVisibleLabel ? label : hiddenLabel] }));
|
|
94
|
+
if (!icon)
|
|
95
|
+
return label || "Upload File";
|
|
96
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fa_1.FaUpload, { "aria-hidden": "true", className: "w-5 h-5" }), label ? label : (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Upload File" })] }));
|
|
56
97
|
};
|
|
57
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("fileupload group overflow-hidden ".concat(sizeClasses), className),
|
|
58
|
-
|
|
59
|
-
|
|
98
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("fileupload group overflow-hidden ".concat(sizeClasses), className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row flex-wrap gap-4 items-center", children: [(0, jsx_runtime_1.jsx)(__1.Label, { label: (0, jsx_runtime_1.jsx)(GetLabel, {}), layout: "col", size: size, type: "file", className: "items-center !flex !flex-row !w-auto gap-3 cursor-pointer", children: (0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, accept: selectedAcceptType, name: "file", type: "file", onChange: handleFileChange, multiple: multiple, size: size, className: "hidden" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-4 items-center", children: [!accept && ((0, jsx_runtime_1.jsx)(__1.Select, { options: types_1.acceptTypes, id: "acceptType", value: selectedAcceptType, onChange: handleAcceptTypeChange, dropdownSize: size, className: "border-neutral min-w-32", rounded: "md" })), showMultiple && ((0, jsx_runtime_1.jsx)(__1.Switch, { label: multipleLabel, name: "multiple", checked: multiple, onChange: handleMultipleChange, shape: "circle", thin: true }))] })] }), files && files.length > 0 && (0, jsx_runtime_1.jsx)(Files_1.default, { files: Array.from(files), deleteFile: deleteFile })] }));
|
|
99
|
+
});
|
|
100
|
+
FileUpload.displayName = "FileUpload";
|
|
60
101
|
exports.default = FileUpload;
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsZVVwbG9hZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9maWxldXBsb2FkL0ZpbGVVcGxvYWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUViLDZDQUFrRjtBQUNsRixpREFBeUM7QUFDekMsa0RBQTRCO0FBQzVCLGlDQUF1RDtBQUN2RCx3QkFBa0Q7QUFDbEQscUNBQTBDO0FBRTFDLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFdBQVc7SUFDZixFQUFFLEVBQUUsU0FBUztJQUNiLEVBQUUsRUFBRSxTQUFTO0NBQ0wsQ0FBQztBQU9YLElBQU0sVUFBVSxHQUFHLElBQUEsa0JBQVUsRUFDM0IsVUFDRSxFQVNDLEVBQ0QsR0FBRztRQVRELGlCQUFjLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFDZCxZQUFXLEVBQVgsSUFBSSxtQkFBRyxJQUFJLEtBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixhQUFxQixFQUFyQixLQUFLLG1CQUFHLGFBQWEsS0FBQSxFQUNyQixJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixvQkFBb0IsRUFBcEIsWUFBWSxtQkFBRyxLQUFLLEtBQUEsRUFDcEIscUJBQTBCLEVBQTFCLGFBQWEsbUJBQUcsVUFBVSxLQUFBO0lBSXRCLElBQUEsS0FBeUIsSUFBQSxnQkFBUSxFQUFrQixJQUFJLENBQUMsRUFBdkQsS0FBSyxRQUFBLEVBQUUsYUFBYSxRQUFtQyxDQUFDO0lBQ3pELElBQUEsS0FBMEIsSUFBQSxnQkFBUSxFQUFDLEtBQUssQ0FBQyxFQUF4QyxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQW1CLENBQUM7SUFDMUMsSUFBQSxLQUE4QyxJQUFBLGdCQUFRLEVBQVMsTUFBTSxJQUFJLEdBQUcsQ0FBQyxFQUE1RSxrQkFBa0IsUUFBQSxFQUFFLHFCQUFxQixRQUFtQyxDQUFD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
|