image-dropzone 1.0.30 → 1.0.32
Sign up to get free protection for your applications and to get access to all the features.
|
@@ -60,17 +60,17 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
60
60
|
var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
|
|
61
61
|
return (react_1.default.createElement("section", { className: 'drop-zone d-flex align-items-center justify-content-center text-center cursor-pointer' },
|
|
62
62
|
react_1.default.createElement("div", tslib_1.__assign({}, getRootProps(), { className: 'w-100 h-100 d-flex align-items-center justify-content-center' }),
|
|
63
|
-
react_1.default.createElement("input", tslib_1.__assign({ "data-testid": 'dropZone' }, getInputProps())),
|
|
63
|
+
react_1.default.createElement("input", tslib_1.__assign({ "data-testid": 'dropZone' }, getInputProps(), { id: from === 'profilePicture' ? 'profilePicture' : from === 'businessLogo' ? 'businessLogo' : '' })),
|
|
64
64
|
paths.length ? (paths.map(function (path) {
|
|
65
65
|
return (react_1.default.createElement("div", { className: 'drop-img', key: path, style: { backgroundImage: "url('" + path + "')" }, "data-testid": 'img-id' }));
|
|
66
66
|
})) : (react_1.default.createElement("p", { className: 'mb-0 dropzone-text p-2' }, from === 'patient-forms' ? 'Upload one or more files (PDF, DOC, ...)' : 'Upload image (optional)')))));
|
|
67
67
|
}),
|
|
68
68
|
!!paths.length && (react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
|
69
69
|
react_1.default.createElement("button", { "data-testid": 'change-img-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', onClick: handleChange },
|
|
70
|
-
react_1.default.createElement("img", { src: edit_icon_svg_1.default, className: '
|
|
70
|
+
react_1.default.createElement("img", { src: edit_icon_svg_1.default, className: 'm-right-5' }),
|
|
71
71
|
react_1.default.createElement("span", { className: 'light-text' }, "Change")),
|
|
72
72
|
!!showDelete && (react_1.default.createElement("button", { "data-testid": 'delete-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', "data-bs-toggle": 'modal', "data-bs-target": '#DeleteLogo' },
|
|
73
|
-
react_1.default.createElement("img", { src: trash_svg_1.default, className: '
|
|
73
|
+
react_1.default.createElement("img", { src: trash_svg_1.default, className: 'm-right-5' }),
|
|
74
74
|
react_1.default.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
|
75
75
|
react_1.default.createElement(DeleteLogo_1.default, { handleDelete: handleDelete })));
|
|
76
76
|
});
|
|
@@ -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;AASrB,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,UAAC,EAAiF,EAAE,GAAG;QAApF,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAE,gBAAgB,sBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBAAA;IACvE,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,aAAa,YAAC,KAAoB,EAAE,SAAwB;YAC1D,IAAI,CAAC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.drop-zone {
|
|
2
2
|
height: 200px;
|
|
3
|
-
color: #b59aff;
|
|
3
|
+
color: #b59aff;
|
|
4
4
|
background-size: contain;
|
|
5
5
|
background-repeat: no-repeat;
|
|
6
6
|
background-position: center;
|
|
@@ -19,12 +19,15 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.drop-zone .drop-img {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
22
|
+
width: 180px;
|
|
23
|
+
height: 180px;
|
|
24
|
+
margin: 0 auto;
|
|
25
|
+
border-radius: 100px;
|
|
26
|
+
background-position: center;
|
|
27
|
+
background-size: cover;
|
|
28
|
+
background-repeat: no-repeat;
|
|
29
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
30
|
+
}
|
|
31
|
+
.m-right-5 {
|
|
32
|
+
margin-right: 5px;
|
|
33
|
+
}
|
|
@@ -58,17 +58,17 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
|
58
58
|
var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
|
|
59
59
|
return (React.createElement("section", { className: 'drop-zone d-flex align-items-center justify-content-center text-center cursor-pointer' },
|
|
60
60
|
React.createElement("div", __assign({}, getRootProps(), { className: 'w-100 h-100 d-flex align-items-center justify-content-center' }),
|
|
61
|
-
React.createElement("input", __assign({ "data-testid": 'dropZone' }, getInputProps())),
|
|
61
|
+
React.createElement("input", __assign({ "data-testid": 'dropZone' }, getInputProps(), { id: from === 'profilePicture' ? 'profilePicture' : from === 'businessLogo' ? 'businessLogo' : '' })),
|
|
62
62
|
paths.length ? (paths.map(function (path) {
|
|
63
63
|
return (React.createElement("div", { className: 'drop-img', key: path, style: { backgroundImage: "url('" + path + "')" }, "data-testid": 'img-id' }));
|
|
64
64
|
})) : (React.createElement("p", { className: 'mb-0 dropzone-text p-2' }, from === 'patient-forms' ? 'Upload one or more files (PDF, DOC, ...)' : 'Upload image (optional)')))));
|
|
65
65
|
}),
|
|
66
66
|
!!paths.length && (React.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
|
67
67
|
React.createElement("button", { "data-testid": 'change-img-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', onClick: handleChange },
|
|
68
|
-
React.createElement("img", { src: Edit, className: '
|
|
68
|
+
React.createElement("img", { src: Edit, className: 'm-right-5' }),
|
|
69
69
|
React.createElement("span", { className: 'light-text' }, "Change")),
|
|
70
70
|
!!showDelete && (React.createElement("button", { "data-testid": 'delete-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', "data-bs-toggle": 'modal', "data-bs-target": '#DeleteLogo' },
|
|
71
|
-
React.createElement("img", { src: Trash, className: '
|
|
71
|
+
React.createElement("img", { src: Trash, className: 'm-right-5' }),
|
|
72
72
|
React.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
|
73
73
|
React.createElement(DeleteLogo, { handleDelete: handleDelete })));
|
|
74
74
|
});
|
|
@@ -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;AASrB,IAAM,aAAa,GAAG,UAAU,CAC9B,UAAC,EAAiF,EAAE,GAAG;QAApF,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAE,gBAAgB,sBAAA,EAAE,iBAAiB,uBAAA,EAAE,UAAU,gBAAA;IACvE,mBAAmB,CAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC9B,aAAa,YAAC,KAAoB,EAAE,SAAwB;YAC1D,IAAI,CAAC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/style.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.drop-zone {
|
|
2
2
|
height: 200px;
|
|
3
|
-
color: #b59aff;
|
|
3
|
+
color: #b59aff;
|
|
4
4
|
background-size: contain;
|
|
5
5
|
background-repeat: no-repeat;
|
|
6
6
|
background-position: center;
|
|
@@ -19,12 +19,15 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.drop-zone .drop-img {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
22
|
+
width: 180px;
|
|
23
|
+
height: 180px;
|
|
24
|
+
margin: 0 auto;
|
|
25
|
+
border-radius: 100px;
|
|
26
|
+
background-position: center;
|
|
27
|
+
background-size: cover;
|
|
28
|
+
background-repeat: no-repeat;
|
|
29
|
+
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
|
30
|
+
}
|
|
31
|
+
.m-right-5 {
|
|
32
|
+
margin-right: 5px;
|
|
33
|
+
}
|