image-dropzone 1.0.5 → 1.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/images/cross-icon.svg +3 -0
- package/dist/assets/images/edit-icon.svg +3 -0
- package/dist/assets/images/trash.svg +3 -0
- package/dist/cjs/components/App.js +13 -7
- package/dist/cjs/components/App.js.map +1 -1
- package/dist/cjs/components/modals/DeleteLogo.d.ts +6 -0
- package/dist/cjs/components/modals/DeleteLogo.js +21 -0
- package/dist/cjs/components/modals/DeleteLogo.js.map +1 -0
- package/dist/esm/components/App.js +13 -7
- package/dist/esm/components/App.js.map +1 -1
- package/dist/esm/components/modals/DeleteLogo.d.ts +6 -0
- package/dist/esm/components/modals/DeleteLogo.js +18 -0
- package/dist/esm/components/modals/DeleteLogo.js.map +1 -0
- package/package.json +5 -4
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M12.3125 9.5C12.0664 9.5 11.875 9.71875 11.875 9.9375V13C11.875 13.4922 11.4648 13.875 11 13.875H2.25C1.75781 13.875 1.375 13.4922 1.375 13V4.25C1.375 3.78516 1.75781 3.375 2.25 3.375H5.3125C5.53125 3.375 5.75 3.18359 5.75 2.9375C5.75 2.71875 5.53125 2.5 5.3125 2.5H2.22266C1.26562 2.5 0.5 3.29297 0.5 4.25V13C0.5 13.9844 1.26562 14.75 2.22266 14.75H10.9453C11.9023 14.75 12.668 13.9844 12.668 13L12.75 9.9375C12.75 9.71875 12.5312 9.5 12.3125 9.5ZM14.0898 1.92578L13.3242 1.16016C13.0781 0.886719 12.75 0.75 12.3945 0.75C12.0664 0.75 11.7383 0.886719 11.4648 1.16016L4.92969 7.69531C4.68359 7.94141 4.51953 8.24219 4.4375 8.59766L4 10.8672C3.94531 11.0859 4.10938 11.2773 4.30078 11.2773C4.32812 11.2773 4.35547 11.25 4.38281 11.25L6.65234 10.8125C7.00781 10.7305 7.30859 10.5664 7.55469 10.3203L14.0898 3.78516C14.6094 3.26562 14.6094 2.41797 14.0898 1.92578ZM6.92578 9.69141C6.81641 9.80078 6.65234 9.88281 6.48828 9.91016L5.01172 10.2109L5.3125 8.76172C5.33984 8.59766 5.42188 8.43359 5.55859 8.32422L10.4258 3.42969L11.8203 4.82422L6.92578 9.69141ZM13.4883 3.15625L12.4219 4.22266L11.0273 2.82812L12.0938 1.76172C12.2031 1.65234 12.3398 1.65234 12.3945 1.65234C12.4766 1.65234 12.6133 1.65234 12.7227 1.76172L13.4883 2.52734C13.5977 2.63672 13.625 2.77344 13.625 2.85547C13.625 2.91016 13.5977 3.04688 13.4883 3.15625Z" fill="#898693"/>
|
3
|
+
</svg>
|
@@ -0,0 +1,3 @@
|
|
1
|
+
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
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
|
+
</svg>
|
@@ -4,6 +4,9 @@ var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
5
5
|
var utils_1 = require("../utilities/utils");
|
6
6
|
var react_dropzone_1 = tslib_1.__importDefault(require("react-dropzone"));
|
7
|
+
var DeleteLogo_1 = tslib_1.__importDefault(require("./modals/DeleteLogo"));
|
8
|
+
var edit_icon_svg_1 = tslib_1.__importDefault(require("../assets/images/edit-icon.svg"));
|
9
|
+
var trash_svg_1 = tslib_1.__importDefault(require("../assets/images/trash.svg"));
|
7
10
|
var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
8
11
|
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage;
|
9
12
|
(0, react_1.useImperativeHandle)(ref, function () { return ({
|
@@ -37,12 +40,12 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
37
40
|
setBackupImage(paths);
|
38
41
|
setPaths([]);
|
39
42
|
};
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
43
|
+
var handleDelete = function () {
|
44
|
+
handleResetImage === null || handleResetImage === void 0 ? void 0 : handleResetImage();
|
45
|
+
setPaths([]);
|
46
|
+
var closeDeleteLogoModalBtn = document.getElementById('closeDeleteLogoModalBtn');
|
47
|
+
closeDeleteLogoModalBtn === null || closeDeleteLogoModalBtn === void 0 ? void 0 : closeDeleteLogoModalBtn.click();
|
48
|
+
};
|
46
49
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
47
50
|
react_1.default.createElement(react_dropzone_1.default, { noClick: false, onDrop: function (acceptedFiles) { return handleUploadImage(acceptedFiles); }, multiple: from === 'patient-forms' ? true : false, accept: utils_1.acceptedFileFormats }, function (_a) {
|
48
51
|
var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
|
@@ -53,9 +56,12 @@ var ImageDropZone = (0, react_1.forwardRef)(function (_a, ref) {
|
|
53
56
|
}),
|
54
57
|
!!paths.length && (react_1.default.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
55
58
|
react_1.default.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', onClick: handleChange },
|
59
|
+
react_1.default.createElement("img", { src: edit_icon_svg_1.default, className: 'me-2 edit-icon' }),
|
56
60
|
react_1.default.createElement("span", { className: 'light-text' }, "Change")),
|
57
61
|
from === 'businessLogo' && (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' },
|
58
|
-
react_1.default.createElement("
|
62
|
+
react_1.default.createElement("img", { src: trash_svg_1.default, className: 'me-2' }),
|
63
|
+
react_1.default.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
64
|
+
react_1.default.createElement(DeleteLogo_1.default, { handleDelete: handleDelete })));
|
59
65
|
});
|
60
66
|
exports.default = ImageDropZone;
|
61
67
|
//# sourceMappingURL=App.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":";;;AAAA,qDAAwE;AACxE,4CAAmE;AACnE,0EAAqC;
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
var tslib_1 = require("tslib");
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
5
|
+
var cross_icon_svg_1 = tslib_1.__importDefault(require("../../assets/images/cross-icon.svg"));
|
6
|
+
var DeleteLogo = function (_a) {
|
7
|
+
var handleDelete = _a.handleDelete;
|
8
|
+
return (react_1.default.createElement("div", { className: 'modal fade', id: 'DeleteLogo', tabIndex: -1, "aria-labelledby": 'DeleteLogoLabel', "aria-hidden": 'true' },
|
9
|
+
react_1.default.createElement("div", { className: 'modal-dialog modal-dialog-centered w-481' },
|
10
|
+
react_1.default.createElement("div", { className: 'modal-content p-40' },
|
11
|
+
react_1.default.createElement("div", { className: 'modal-header border-0 p-0 align-items-center mb-40' },
|
12
|
+
react_1.default.createElement("h2", { className: 'main-h mb-0' }, "Delete Logo?"),
|
13
|
+
react_1.default.createElement("button", { type: 'button', id: 'closeDeleteLogoModalBtn', className: 'btn-close p-0', "data-bs-dismiss": 'modal', "aria-label": 'Close' },
|
14
|
+
react_1.default.createElement("img", { src: cross_icon_svg_1.default }))),
|
15
|
+
react_1.default.createElement("div", { className: 'modal-body p-0 fw-bold' },
|
16
|
+
react_1.default.createElement("div", { className: 'd-flex' },
|
17
|
+
react_1.default.createElement("button", { type: 'button', className: 'btn primary-btn form-btn btn-w-fit btn-with-border w-100 fw-bold me-3 dlt-btn', onClick: function () { return handleDelete(); } }, "Delete"),
|
18
|
+
react_1.default.createElement("button", { type: 'button', className: 'btn primary-btn form-btn btn-w-fit btn-with-border gray-border-btn w-100 fw-bold', "data-bs-dismiss": 'modal', "aria-label": 'Close' }, "Cancel")))))));
|
19
|
+
};
|
20
|
+
exports.default = DeleteLogo;
|
21
|
+
//# sourceMappingURL=DeleteLogo.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DeleteLogo.js","sourceRoot":"","sources":["../../../../src/components/modals/DeleteLogo.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,8FAA0D;AAM1D,IAAM,UAAU,GAAG,UAAC,EAAuB;QAArB,YAAY,kBAAA;IAChC,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC,CAAC,qBAAkB,iBAAiB,iBAAa,MAAM;QAC5G,uCAAK,SAAS,EAAC,0CAA0C;YACvD,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,uCAAK,SAAS,EAAC,oDAAoD;oBACjE,sCAAI,SAAS,EAAC,aAAa,mBAAkB;oBAE7C,0CACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAC,eAAe,qBACT,OAAO,gBACZ,OAAO;wBAElB,uCAAK,GAAG,EAAE,wBAAS,GAAI,CAChB,CACL;gBACN,uCAAK,SAAS,EAAC,wBAAwB;oBACrC,uCAAK,SAAS,EAAC,QAAQ;wBACrB,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+EAA+E,EACzF,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,aAGtB;wBACT,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kFAAkF,qBAC5E,OAAO,gBACZ,OAAO,aAGX,CACL,CACF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}
|
@@ -2,6 +2,9 @@ import { __assign } from "tslib";
|
|
2
2
|
import React, { forwardRef, useState, useImperativeHandle } from 'react';
|
3
3
|
import { acceptedFileFormats, getBase64 } from '../utilities/utils';
|
4
4
|
import Dropzone from 'react-dropzone';
|
5
|
+
import DeleteLogo from './modals/DeleteLogo';
|
6
|
+
import Edit from '../assets/images/edit-icon.svg';
|
7
|
+
import Trash from '../assets/images/trash.svg';
|
5
8
|
var ImageDropZone = forwardRef(function (_a, ref) {
|
6
9
|
var from = _a.from, sendUploadImage = _a.sendUploadImage, handleResetImage = _a.handleResetImage, handleChangeImage = _a.handleChangeImage;
|
7
10
|
useImperativeHandle(ref, function () { return ({
|
@@ -35,12 +38,12 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
35
38
|
setBackupImage(paths);
|
36
39
|
setPaths([]);
|
37
40
|
};
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
41
|
+
var handleDelete = function () {
|
42
|
+
handleResetImage === null || handleResetImage === void 0 ? void 0 : handleResetImage();
|
43
|
+
setPaths([]);
|
44
|
+
var closeDeleteLogoModalBtn = document.getElementById('closeDeleteLogoModalBtn');
|
45
|
+
closeDeleteLogoModalBtn === null || closeDeleteLogoModalBtn === void 0 ? void 0 : closeDeleteLogoModalBtn.click();
|
46
|
+
};
|
44
47
|
return (React.createElement(React.Fragment, null,
|
45
48
|
React.createElement(Dropzone, { noClick: false, onDrop: function (acceptedFiles) { return handleUploadImage(acceptedFiles); }, multiple: from === 'patient-forms' ? true : false, accept: acceptedFileFormats }, function (_a) {
|
46
49
|
var getRootProps = _a.getRootProps, getInputProps = _a.getInputProps;
|
@@ -51,9 +54,12 @@ var ImageDropZone = forwardRef(function (_a, ref) {
|
|
51
54
|
}),
|
52
55
|
!!paths.length && (React.createElement("div", { className: 'd-flex align-items-center justify-content-center mt-2' },
|
53
56
|
React.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', onClick: handleChange },
|
57
|
+
React.createElement("img", { src: Edit, className: 'me-2 edit-icon' }),
|
54
58
|
React.createElement("span", { className: 'light-text' }, "Change")),
|
55
59
|
from === 'businessLogo' && (React.createElement("button", { className: 'btn-with-border fw-bold border-0 bg-transparent', type: 'button', "data-bs-toggle": 'modal', "data-bs-target": '#DeleteLogo' },
|
56
|
-
React.createElement("
|
60
|
+
React.createElement("img", { src: Trash, className: 'me-2' }),
|
61
|
+
React.createElement("span", { className: 'danger-text' }, "Delete"))))),
|
62
|
+
React.createElement(DeleteLogo, { handleDelete: handleDelete })));
|
57
63
|
});
|
58
64
|
export default ImageDropZone;
|
59
65
|
//# sourceMappingURL=App.js.map
|
@@ -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,MAAM,OAAO,CAAA;AACxE,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;
|
1
|
+
{"version":3,"file":"App.js","sourceRoot":"","sources":["../../../src/components/App.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import crossIcon from '../../assets/images/cross-icon.svg';
|
3
|
+
var DeleteLogo = function (_a) {
|
4
|
+
var handleDelete = _a.handleDelete;
|
5
|
+
return (React.createElement("div", { className: 'modal fade', id: 'DeleteLogo', tabIndex: -1, "aria-labelledby": 'DeleteLogoLabel', "aria-hidden": 'true' },
|
6
|
+
React.createElement("div", { className: 'modal-dialog modal-dialog-centered w-481' },
|
7
|
+
React.createElement("div", { className: 'modal-content p-40' },
|
8
|
+
React.createElement("div", { className: 'modal-header border-0 p-0 align-items-center mb-40' },
|
9
|
+
React.createElement("h2", { className: 'main-h mb-0' }, "Delete Logo?"),
|
10
|
+
React.createElement("button", { type: 'button', id: 'closeDeleteLogoModalBtn', className: 'btn-close p-0', "data-bs-dismiss": 'modal', "aria-label": 'Close' },
|
11
|
+
React.createElement("img", { src: crossIcon }))),
|
12
|
+
React.createElement("div", { className: 'modal-body p-0 fw-bold' },
|
13
|
+
React.createElement("div", { className: 'd-flex' },
|
14
|
+
React.createElement("button", { type: 'button', className: 'btn primary-btn form-btn btn-w-fit btn-with-border w-100 fw-bold me-3 dlt-btn', onClick: function () { return handleDelete(); } }, "Delete"),
|
15
|
+
React.createElement("button", { type: 'button', className: 'btn primary-btn form-btn btn-w-fit btn-with-border gray-border-btn w-100 fw-bold', "data-bs-dismiss": 'modal', "aria-label": 'Close' }, "Cancel")))))));
|
16
|
+
};
|
17
|
+
export default DeleteLogo;
|
18
|
+
//# sourceMappingURL=DeleteLogo.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"DeleteLogo.js","sourceRoot":"","sources":["../../../../src/components/modals/DeleteLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,oCAAoC,CAAA;AAM1D,IAAM,UAAU,GAAG,UAAC,EAAuB;QAArB,YAAY,kBAAA;IAChC,OAAO,CACL,6BAAK,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,QAAQ,EAAE,CAAC,CAAC,qBAAkB,iBAAiB,iBAAa,MAAM;QAC5G,6BAAK,SAAS,EAAC,0CAA0C;YACvD,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BAAK,SAAS,EAAC,oDAAoD;oBACjE,4BAAI,SAAS,EAAC,aAAa,mBAAkB;oBAE7C,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,yBAAyB,EAC5B,SAAS,EAAC,eAAe,qBACT,OAAO,gBACZ,OAAO;wBAElB,6BAAK,GAAG,EAAE,SAAS,GAAI,CAChB,CACL;gBACN,6BAAK,SAAS,EAAC,wBAAwB;oBACrC,6BAAK,SAAS,EAAC,QAAQ;wBACrB,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,+EAA+E,EACzF,OAAO,EAAE,cAAM,OAAA,YAAY,EAAE,EAAd,CAAc,aAGtB;wBACT,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kFAAkF,qBAC5E,OAAO,gBACZ,OAAO,aAGX,CACL,CACF,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
package/package.json
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
{
|
2
2
|
"name": "image-dropzone",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.7",
|
4
4
|
"description": "",
|
5
5
|
"main": "./dist/cjs/index.js",
|
6
6
|
"module": "./dist/esm/index.js",
|
7
7
|
"types": "./dist/esm/index.d.ts",
|
8
8
|
"scripts": {
|
9
|
-
"build": "yarn build:esm && yarn build:cjs",
|
9
|
+
"build": "yarn build:esm && yarn build:cjs && gulp copy",
|
10
10
|
"build:esm": "tsc",
|
11
11
|
"build:cjs": "tsc --module commonjs --outDir dist/cjs",
|
12
12
|
"lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
|
@@ -45,15 +45,16 @@
|
|
45
45
|
"eslint-plugin-prettier": "^4.2.1",
|
46
46
|
"eslint-plugin-react": "^7.32.2",
|
47
47
|
"eslint-plugin-react-hooks": "^4.6.0",
|
48
|
+
"gulp": "^4.0.2",
|
48
49
|
"jest": "^29.5.0",
|
49
50
|
"jest-canvas-mock": "^2.5.1",
|
50
51
|
"jest-environment-jsdom": "^29.5.0",
|
51
52
|
"prettier": "^2.8.8",
|
52
53
|
"react": "^18.2.0",
|
53
54
|
"react-dom": "^18.2.0",
|
55
|
+
"react-dropzone": "^14.2.3",
|
54
56
|
"ts-jest": "^29.1.0",
|
55
|
-
"typescript": "^5.1.3"
|
56
|
-
"react-dropzone": "^14.2.3"
|
57
|
+
"typescript": "^5.1.3"
|
57
58
|
},
|
58
59
|
"peerDependencies": {
|
59
60
|
"react": ">=16"
|