image-dropzone 1.0.20 → 1.0.24
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/assets/images/edit-icon.svg +2 -2
- package/dist/cjs/assets/images/trash.svg +1 -1
- package/dist/cjs/components/App.js +8 -1
- package/dist/cjs/components/App.js.map +1 -1
- package/dist/cjs/style.css +14 -2
- package/dist/esm/assets/images/edit-icon.svg +2 -2
- package/dist/esm/assets/images/trash.svg +1 -1
- package/dist/esm/components/App.js +8 -1
- package/dist/esm/components/App.js.map +1 -1
- package/dist/esm/style.css +14 -2
- package/package.json +1 -1
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg width="
|
2
|
-
<path d="
|
1
|
+
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M17.4023 2.00781C18.1758 2.78125 18.1758 4.01172 17.3672 4.78516L9.73828 12.4141C9.49219 12.6602 9.17578 12.8359 8.82422 12.9414C7.62891 13.2227 5.02734 13.75 5.02734 13.75C4.99219 13.75 4.99219 13.75 4.95703 13.75C4.67578 13.75 4.42969 13.5039 4.5 13.1875L5.34375 9.39062C5.41406 9.03906 5.58984 8.6875 5.87109 8.44141L13.4648 0.847656C13.8516 0.460938 14.3438 0.25 14.8711 0.25C15.3633 0.25 15.8555 0.460938 16.2422 0.847656L17.4023 2.00781ZM16.207 3.58984C16.3125 3.48438 16.3125 3.30859 16.207 3.20312L15.0469 2.04297C14.9766 1.97266 14.9062 1.9375 14.8711 1.9375C14.8008 1.9375 14.7305 1.97266 14.6602 2.04297L7.06641 9.63672C7.03125 9.67188 6.99609 9.70703 6.99609 9.77734L6.53906 11.7109C7.24219 11.5703 7.98047 11.3945 8.47266 11.2891C8.50781 11.2891 8.54297 11.2539 8.57812 11.2188L16.207 3.58984ZM14.9062 10.375C15.3633 10.375 15.75 10.7617 15.75 11.2188L15.6445 15.7188C15.6445 17.125 14.5195 18.25 13.1484 18.25H2.49609C1.125 18.25 0 17.125 0 15.7188V5.03125C0 3.66016 1.125 2.5 2.49609 2.5H7.59375C8.05078 2.5 8.4375 2.88672 8.4375 3.34375C8.4375 3.83594 8.05078 4.1875 7.59375 4.1875H2.53125C2.03906 4.1875 1.6875 4.57422 1.6875 5.03125V15.7188C1.6875 16.2109 2.03906 16.5625 2.53125 16.5625H13.2188C13.6758 16.5625 14.0625 16.2109 14.0625 15.7188V11.2188C14.0625 10.7617 14.4141 10.375 14.9062 10.375Z" fill="#868390"/>
|
3
3
|
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg width="
|
1
|
+
<svg width="19" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
2
|
<path d="M14.9062 3.0625H12.2695L11.0742 1.09375C10.7578 0.566406 10.2305 0.25 9.63281 0.25H6.08203C5.48438 0.25 4.95703 0.566406 4.64062 1.09375L3.44531 3.0625H0.808594C0.351562 3.0625 0 3.44922 0 3.90625C0 4.32812 0.351562 4.75 0.808594 4.75H1.125L1.86328 16.668C1.89844 17.582 2.63672 18.25 3.55078 18.25H12.1641C13.0781 18.25 13.8164 17.582 13.8516 16.668L14.625 4.75H14.9062C15.3633 4.75 15.75 4.39844 15.75 3.90625C15.75 3.44922 15.3633 3.0625 14.9062 3.0625ZM6.08203 1.9375H9.63281L10.3008 3.0625H5.41406L6.08203 1.9375ZM12.1641 16.5625H3.55078L2.8125 4.75H12.9023L12.1641 16.5625Z" fill="#EB5757"/>
|
3
3
|
</svg>
|
@@ -61,7 +61,14 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
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
63
|
react_1.default.createElement("input", tslib_1.__assign({ "data-testid": 'dropZone' }, getInputProps())),
|
64
|
-
paths.length ? (paths.map(function (path) { return (
|
64
|
+
paths.length ? (paths.map(function (path) { return (
|
65
|
+
// <img
|
66
|
+
// data-testid='img-id'
|
67
|
+
// className={`w-100 h-100 ${from === 'profilePicture' ? 'personal-pic' : 'business-logo'}`}
|
68
|
+
// key={path}
|
69
|
+
// src={path}
|
70
|
+
// />
|
71
|
+
react_1.default.createElement("div", { className: 'drop-img', key: path })); })) : (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)')))));
|
65
72
|
}),
|
66
73
|
!!paths.length && (react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
67
74
|
react_1.default.createElement("button", { "data-testid": 'change-img-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', onClick: handleChange },
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/style.css
CHANGED
@@ -13,13 +13,13 @@
|
|
13
13
|
|
14
14
|
/* Circular cropping in personal photo step */
|
15
15
|
|
16
|
-
.drop-zone img.personal-pic {
|
16
|
+
/* .drop-zone img.personal-pic {
|
17
17
|
border-radius: 100px;
|
18
18
|
width: 180px !important;
|
19
19
|
height: 180px !important;
|
20
20
|
object-fit: unset !important;
|
21
21
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
22
|
-
}
|
22
|
+
} */
|
23
23
|
|
24
24
|
.drop-zone img {
|
25
25
|
object-fit: contain;
|
@@ -33,3 +33,15 @@
|
|
33
33
|
.drop-zone div p {
|
34
34
|
white-space: nowrap;
|
35
35
|
}
|
36
|
+
|
37
|
+
|
38
|
+
.drop-zone .drop-img {
|
39
|
+
width: 180px;
|
40
|
+
height: 180px;
|
41
|
+
margin: 0 auto;
|
42
|
+
background-image: url(/public/static/img/Navu.jpg);
|
43
|
+
border-radius: 100px;
|
44
|
+
background-position: center;
|
45
|
+
background-size: cover;
|
46
|
+
background-repeat: no-repeat;
|
47
|
+
}
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg width="
|
2
|
-
<path d="
|
1
|
+
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M17.4023 2.00781C18.1758 2.78125 18.1758 4.01172 17.3672 4.78516L9.73828 12.4141C9.49219 12.6602 9.17578 12.8359 8.82422 12.9414C7.62891 13.2227 5.02734 13.75 5.02734 13.75C4.99219 13.75 4.99219 13.75 4.95703 13.75C4.67578 13.75 4.42969 13.5039 4.5 13.1875L5.34375 9.39062C5.41406 9.03906 5.58984 8.6875 5.87109 8.44141L13.4648 0.847656C13.8516 0.460938 14.3438 0.25 14.8711 0.25C15.3633 0.25 15.8555 0.460938 16.2422 0.847656L17.4023 2.00781ZM16.207 3.58984C16.3125 3.48438 16.3125 3.30859 16.207 3.20312L15.0469 2.04297C14.9766 1.97266 14.9062 1.9375 14.8711 1.9375C14.8008 1.9375 14.7305 1.97266 14.6602 2.04297L7.06641 9.63672C7.03125 9.67188 6.99609 9.70703 6.99609 9.77734L6.53906 11.7109C7.24219 11.5703 7.98047 11.3945 8.47266 11.2891C8.50781 11.2891 8.54297 11.2539 8.57812 11.2188L16.207 3.58984ZM14.9062 10.375C15.3633 10.375 15.75 10.7617 15.75 11.2188L15.6445 15.7188C15.6445 17.125 14.5195 18.25 13.1484 18.25H2.49609C1.125 18.25 0 17.125 0 15.7188V5.03125C0 3.66016 1.125 2.5 2.49609 2.5H7.59375C8.05078 2.5 8.4375 2.88672 8.4375 3.34375C8.4375 3.83594 8.05078 4.1875 7.59375 4.1875H2.53125C2.03906 4.1875 1.6875 4.57422 1.6875 5.03125V15.7188C1.6875 16.2109 2.03906 16.5625 2.53125 16.5625H13.2188C13.6758 16.5625 14.0625 16.2109 14.0625 15.7188V11.2188C14.0625 10.7617 14.4141 10.375 14.9062 10.375Z" fill="#868390"/>
|
3
3
|
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg width="
|
1
|
+
<svg width="19" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
2
|
<path d="M14.9062 3.0625H12.2695L11.0742 1.09375C10.7578 0.566406 10.2305 0.25 9.63281 0.25H6.08203C5.48438 0.25 4.95703 0.566406 4.64062 1.09375L3.44531 3.0625H0.808594C0.351562 3.0625 0 3.44922 0 3.90625C0 4.32812 0.351562 4.75 0.808594 4.75H1.125L1.86328 16.668C1.89844 17.582 2.63672 18.25 3.55078 18.25H12.1641C13.0781 18.25 13.8164 17.582 13.8516 16.668L14.625 4.75H14.9062C15.3633 4.75 15.75 4.39844 15.75 3.90625C15.75 3.44922 15.3633 3.0625 14.9062 3.0625ZM6.08203 1.9375H9.63281L10.3008 3.0625H5.41406L6.08203 1.9375ZM12.1641 16.5625H3.55078L2.8125 4.75H12.9023L12.1641 16.5625Z" fill="#EB5757"/>
|
3
3
|
</svg>
|
@@ -59,7 +59,14 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
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
61
|
React.createElement("input", __assign({ "data-testid": 'dropZone' }, getInputProps())),
|
62
|
-
paths.length ? (paths.map(function (path) { return (
|
62
|
+
paths.length ? (paths.map(function (path) { return (
|
63
|
+
// <img
|
64
|
+
// data-testid='img-id'
|
65
|
+
// className={`w-100 h-100 ${from === 'profilePicture' ? 'personal-pic' : 'business-logo'}`}
|
66
|
+
// key={path}
|
67
|
+
// src={path}
|
68
|
+
// />
|
69
|
+
React.createElement("div", { className: 'drop-img', key: path })); })) : (React.createElement("p", { className: 'mb-0 dropzone-text p-2' }, from === 'patient-forms' ? 'Upload one or more files (PDF, DOC, ...)' : 'Upload image (optional)')))));
|
63
70
|
}),
|
64
71
|
!!paths.length && (React.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
65
72
|
React.createElement("button", { "data-testid": 'change-img-btn', className: 'btn-with-border border-0 bg-transparent', type: 'button', onClick: handleChange },
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/style.css
CHANGED
@@ -13,13 +13,13 @@
|
|
13
13
|
|
14
14
|
/* Circular cropping in personal photo step */
|
15
15
|
|
16
|
-
.drop-zone img.personal-pic {
|
16
|
+
/* .drop-zone img.personal-pic {
|
17
17
|
border-radius: 100px;
|
18
18
|
width: 180px !important;
|
19
19
|
height: 180px !important;
|
20
20
|
object-fit: unset !important;
|
21
21
|
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
|
22
|
-
}
|
22
|
+
} */
|
23
23
|
|
24
24
|
.drop-zone img {
|
25
25
|
object-fit: contain;
|
@@ -33,3 +33,15 @@
|
|
33
33
|
.drop-zone div p {
|
34
34
|
white-space: nowrap;
|
35
35
|
}
|
36
|
+
|
37
|
+
|
38
|
+
.drop-zone .drop-img {
|
39
|
+
width: 180px;
|
40
|
+
height: 180px;
|
41
|
+
margin: 0 auto;
|
42
|
+
background-image: url(/public/static/img/Navu.jpg);
|
43
|
+
border-radius: 100px;
|
44
|
+
background-position: center;
|
45
|
+
background-size: cover;
|
46
|
+
background-repeat: no-repeat;
|
47
|
+
}
|