image-dropzone 1.0.11 → 1.0.13
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -5,6 +5,7 @@ interface Props {
|
|
|
5
5
|
sendUploadImage?: (image: string, imageType: string) => void;
|
|
6
6
|
handleResetImage?: () => void;
|
|
7
7
|
handleChangeImage?: () => void;
|
|
8
|
+
showDelete?: boolean;
|
|
8
9
|
}
|
|
9
10
|
declare const ImageDropZone: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
|
|
10
11
|
export default ImageDropZone;
|
|
@@ -9,10 +9,15 @@ var edit_icon_svg_1 = tslib_1.__importDefault(require("../assets/images/edit-ico
|
|
|
9
9
|
var trash_svg_1 = tslib_1.__importDefault(require("../assets/images/trash.svg"));
|
|
10
10
|
require("../style.css");
|
|
11
11
|
var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
12
|
-
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage;
|
|
12
|
+
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage, showDelete = _a.showDelete;
|
|
13
13
|
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
|
14
14
|
handleSetPath: function (image, imageType) {
|
|
15
|
-
|
|
15
|
+
if (!image) {
|
|
16
|
+
setPaths([]);
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
setPaths(["data:image/".concat(imageType, ";base64, ").concat(image)]);
|
|
20
|
+
}
|
|
16
21
|
},
|
|
17
22
|
removePath: function () {
|
|
18
23
|
setPaths([]);
|
|
@@ -40,9 +45,6 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
40
45
|
setPaths(acceptedFiles.map(function (file) { return URL.createObjectURL(file); }));
|
|
41
46
|
};
|
|
42
47
|
var handleChange = function () {
|
|
43
|
-
if (from === 'profilePicture') {
|
|
44
|
-
handleResetImage === null || handleResetImage === void 0 ? void 0 : handleResetImage();
|
|
45
|
-
}
|
|
46
48
|
handleChangeImage === null || handleChangeImage === void 0 ? void 0 : handleChangeImage();
|
|
47
49
|
setBackupImage(paths);
|
|
48
50
|
setPaths([]);
|
|
@@ -65,7 +67,7 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
65
67
|
react_1.default.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', onClick: handleChange },
|
|
66
68
|
react_1.default.createElement("img", { src: edit_icon_svg_1.default, className: 'me-2 edit-icon' }),
|
|
67
69
|
react_1.default.createElement("span", { className: 'light-text' }, "Change")),
|
|
68
|
-
|
|
70
|
+
!!showDelete && (react_1.default.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', "data-bs-toggle": 'modal', "data-bs-target": '#DeleteLogo' },
|
|
69
71
|
react_1.default.createElement("img", { src: trash_svg_1.default, className: 'me-2' }),
|
|
70
72
|
react_1.default.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
|
71
73
|
react_1.default.createElement(DeleteLogo_1.default, { handleDelete: handleDelete })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":";;;AAAA,qDAAmF;AACnF,4CAAmE;AACnE,0EAAqC;AACrC,2EAA4C;AAC5C,yFAAiD;AACjD,iFAA8C;AAC9C,wBAAqB;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ interface Props {
|
|
|
5
5
|
sendUploadImage?: (image: string, imageType: string) => void;
|
|
6
6
|
handleResetImage?: () => void;
|
|
7
7
|
handleChangeImage?: () => void;
|
|
8
|
+
showDelete?: boolean;
|
|
8
9
|
}
|
|
9
10
|
declare const ImageDropZone: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
|
|
10
11
|
export default ImageDropZone;
|
|
@@ -7,10 +7,15 @@ import Edit from '../assets/images/edit-icon.svg';
|
|
|
7
7
|
import Trash from '../assets/images/trash.svg';
|
|
8
8
|
import '../style.css';
|
|
9
9
|
var ImageDropZone = forwardRef(function (_a, ref) {
|
|
10
|
-
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage;
|
|
10
|
+
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage, showDelete = _a.showDelete;
|
|
11
11
|
useImperativeHandle(ref, function () { return ({
|
|
12
12
|
handleSetPath: function (image, imageType) {
|
|
13
|
-
|
|
13
|
+
if (!image) {
|
|
14
|
+
setPaths([]);
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
setPaths(["data:image/".concat(imageType, ";base64, ").concat(image)]);
|
|
18
|
+
}
|
|
14
19
|
},
|
|
15
20
|
removePath: function () {
|
|
16
21
|
setPaths([]);
|
|
@@ -38,9 +43,6 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
|
38
43
|
setPaths(acceptedFiles.map(function (file) { return URL.createObjectURL(file); }));
|
|
39
44
|
};
|
|
40
45
|
var handleChange = function () {
|
|
41
|
-
if (from === 'profilePicture') {
|
|
42
|
-
handleResetImage === null || handleResetImage === void 0 ? void 0 : handleResetImage();
|
|
43
|
-
}
|
|
44
46
|
handleChangeImage === null || handleChangeImage === void 0 ? void 0 : handleChangeImage();
|
|
45
47
|
setBackupImage(paths);
|
|
46
48
|
setPaths([]);
|
|
@@ -63,7 +65,7 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
|
63
65
|
React.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', onClick: handleChange },
|
|
64
66
|
React.createElement("img", { src: Edit, className: 'me-2 edit-icon' }),
|
|
65
67
|
React.createElement("span", { className: 'light-text' }, "Change")),
|
|
66
|
-
|
|
68
|
+
!!showDelete && (React.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', "data-bs-toggle": 'modal', "data-bs-target": '#DeleteLogo' },
|
|
67
69
|
React.createElement("img", { src: Trash, className: 'me-2' }),
|
|
68
70
|
React.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
|
69
71
|
React.createElement(DeleteLogo, { handleDelete: handleDelete })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAC5C,OAAO,IAAI,MAAM,gCAAgC,CAAA;AACjD,OAAO,KAAK,MAAM,4BAA4B,CAAA;AAC9C,OAAO,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|