@bloom-housing/ui-components 12.0.3 → 12.0.4
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.
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/dist/src/forms/Dropzone.stories.d.ts +1 -0
- package/dist/src/forms/Dropzone.stories.js +8 -23
- package/dist/src/forms/Dropzone.stories.js.map +1 -1
- package/index.ts +0 -1
- package/package.json +1 -1
- package/src/forms/Dropzone.stories.tsx +19 -32
- package/dist/src/forms/CloudinaryUpload.d.ts +0 -12
- package/dist/src/forms/CloudinaryUpload.js +0 -75
- package/dist/src/forms/CloudinaryUpload.js.map +0 -1
- package/src/forms/CloudinaryUpload.ts +0 -50
package/dist/index.d.ts
CHANGED
|
@@ -24,7 +24,6 @@ export * from "./src/footers/ExygyFooter";
|
|
|
24
24
|
export * from "./src/footers/SiteFooter";
|
|
25
25
|
export * from "./src/forms/DateField";
|
|
26
26
|
export * from "./src/forms/DOBField";
|
|
27
|
-
export * from "./src/forms/CloudinaryUpload";
|
|
28
27
|
export * from "./src/forms/Dropzone";
|
|
29
28
|
export * from "./src/forms/Field";
|
|
30
29
|
export * from "./src/forms/PhoneField";
|
package/dist/index.js
CHANGED
|
@@ -29,7 +29,6 @@ export * from "./src/footers/SiteFooter";
|
|
|
29
29
|
/* Forms */
|
|
30
30
|
export * from "./src/forms/DateField";
|
|
31
31
|
export * from "./src/forms/DOBField";
|
|
32
|
-
export * from "./src/forms/CloudinaryUpload";
|
|
33
32
|
export * from "./src/forms/Dropzone";
|
|
34
33
|
export * from "./src/forms/Field";
|
|
35
34
|
export * from "./src/forms/PhoneField";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AAEnC,YAAY;AACZ,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AAEpC,cAAc;AACd,cAAc,cAAc,CAAA;AAE5B,aAAa;AACb,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AAExC,WAAW;AACX,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { withKnobs
|
|
3
|
-
import { CloudinaryUpload } from "./CloudinaryUpload";
|
|
2
|
+
import { withKnobs } from "@storybook/addon-knobs";
|
|
4
3
|
import { Dropzone } from "./Dropzone";
|
|
5
4
|
export default {
|
|
6
5
|
title: "Forms/Dropzone",
|
|
7
6
|
decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }, withKnobs],
|
|
8
7
|
};
|
|
9
8
|
export var defaultDropzone = function () {
|
|
10
|
-
var _a = React.useState(0), progressValue = _a[0], setProgressValue = _a[1];
|
|
11
|
-
var _b = React.useState(""), cloudinaryImage = _b[0], setCloudinaryImage = _b[1];
|
|
12
|
-
var cloudName = text("Cloudinary Cloud", "");
|
|
13
|
-
var uploadPreset = text("Upload Preset", "");
|
|
14
|
-
var exampleUploader = function (file) {
|
|
15
|
-
CloudinaryUpload({
|
|
16
|
-
file: file,
|
|
17
|
-
onUploadProgress: function (progress) {
|
|
18
|
-
setProgressValue(progress);
|
|
19
|
-
},
|
|
20
|
-
cloudName: cloudName,
|
|
21
|
-
uploadPreset: uploadPreset,
|
|
22
|
-
}).then(function (response) {
|
|
23
|
-
setProgressValue(100);
|
|
24
|
-
var imgUrl = "https://res.cloudinary.com/".concat(cloudName, "/image/upload/w_400,c_limit,q_65/").concat(response.data.public_id, ".jpg");
|
|
25
|
-
setCloudinaryImage(imgUrl);
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
9
|
return (React.createElement(React.Fragment, null,
|
|
29
|
-
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader:
|
|
30
|
-
|
|
31
|
-
|
|
10
|
+
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: function () {
|
|
11
|
+
alert("Uploader function called");
|
|
12
|
+
}, accept: "image/*", progress: 0 })));
|
|
13
|
+
};
|
|
14
|
+
export var inProgress = function () {
|
|
15
|
+
return (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: function () { }, accept: "image/*", progress: 50 })));
|
|
32
17
|
};
|
|
33
18
|
//# sourceMappingURL=Dropzone.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,EAAE,SAAS,CAAC;CAC9F,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE;gBACR,KAAK,CAAC,0BAA0B,CAAC,CAAA;YACnC,CAAC,EACD,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,CAAC,GACX,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE,cAAO,CAAC,EAClB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,GACZ,CACD,CACJ,CAAA;AACH,CAAC,CAAA"}
|
package/index.ts
CHANGED
|
@@ -33,7 +33,6 @@ export * from "./src/footers/SiteFooter"
|
|
|
33
33
|
/* Forms */
|
|
34
34
|
export * from "./src/forms/DateField"
|
|
35
35
|
export * from "./src/forms/DOBField"
|
|
36
|
-
export * from "./src/forms/CloudinaryUpload"
|
|
37
36
|
export * from "./src/forms/Dropzone"
|
|
38
37
|
export * from "./src/forms/Field"
|
|
39
38
|
export * from "./src/forms/PhoneField"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.4",
|
|
4
4
|
"author": "Sean Albert <sean.albert@exygy.com>",
|
|
5
5
|
"description": "Shared user interface components for Bloom affordable housing system",
|
|
6
6
|
"homepage": "https://github.com/bloom-housing/ui-components",
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react"
|
|
2
|
-
import { withKnobs
|
|
3
|
-
import { CloudinaryUpload } from "./CloudinaryUpload"
|
|
2
|
+
import { withKnobs } from "@storybook/addon-knobs"
|
|
4
3
|
import { Dropzone } from "./Dropzone"
|
|
5
4
|
|
|
6
5
|
export default {
|
|
@@ -9,44 +8,32 @@ export default {
|
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
export const defaultDropzone = () => {
|
|
12
|
-
const [progressValue, setProgressValue] = React.useState(0)
|
|
13
|
-
const [cloudinaryImage, setCloudinaryImage] = React.useState("")
|
|
14
|
-
const cloudName = text("Cloudinary Cloud", "")
|
|
15
|
-
const uploadPreset = text("Upload Preset", "")
|
|
16
|
-
|
|
17
|
-
const exampleUploader = (file: File) => {
|
|
18
|
-
CloudinaryUpload({
|
|
19
|
-
file: file,
|
|
20
|
-
onUploadProgress: (progress) => {
|
|
21
|
-
setProgressValue(progress)
|
|
22
|
-
},
|
|
23
|
-
cloudName,
|
|
24
|
-
uploadPreset,
|
|
25
|
-
}).then((response) => {
|
|
26
|
-
setProgressValue(100)
|
|
27
|
-
const imgUrl = `https://res.cloudinary.com/${cloudName}/image/upload/w_400,c_limit,q_65/${response.data.public_id}.jpg`
|
|
28
|
-
setCloudinaryImage(imgUrl)
|
|
29
|
-
})
|
|
30
|
-
}
|
|
31
|
-
|
|
32
11
|
return (
|
|
33
12
|
<>
|
|
34
13
|
<Dropzone
|
|
35
14
|
id="test-uploading"
|
|
36
15
|
label="Upload File"
|
|
37
16
|
helptext="Select JPEG or PNG files"
|
|
38
|
-
uploader={
|
|
17
|
+
uploader={() => {
|
|
18
|
+
alert("Uploader function called")
|
|
19
|
+
}}
|
|
39
20
|
accept="image/*"
|
|
40
|
-
progress={
|
|
21
|
+
progress={0}
|
|
41
22
|
/>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
23
|
+
</>
|
|
24
|
+
)
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export const inProgress = () => {
|
|
28
|
+
return (
|
|
29
|
+
<>
|
|
30
|
+
<Dropzone
|
|
31
|
+
id="test-uploading"
|
|
32
|
+
label="Upload File"
|
|
33
|
+
helptext="Select JPEG or PNG files"
|
|
34
|
+
uploader={() => {}}
|
|
35
|
+
accept="image/*"
|
|
36
|
+
progress={50}
|
|
50
37
|
/>
|
|
51
38
|
</>
|
|
52
39
|
)
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface CloudinaryUploadProps {
|
|
2
|
-
file: File;
|
|
3
|
-
onUploadProgress: (progress: number) => void;
|
|
4
|
-
cloudName: string;
|
|
5
|
-
uploadPreset: string;
|
|
6
|
-
tag?: string;
|
|
7
|
-
signature?: string;
|
|
8
|
-
apiKey?: string;
|
|
9
|
-
timestamp?: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const CloudinaryUpload: ({ file, onUploadProgress, cloudName, uploadPreset, signature, apiKey, timestamp, tag, }: CloudinaryUploadProps) => Promise<import("axios").AxiosResponse<any>>;
|
|
12
|
-
export {};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
-
function step(op) {
|
|
15
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
-
switch (op[0]) {
|
|
20
|
-
case 0: case 1: t = op; break;
|
|
21
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
-
default:
|
|
25
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
-
if (t[2]) _.ops.pop();
|
|
30
|
-
_.trys.pop(); continue;
|
|
31
|
-
}
|
|
32
|
-
op = body.call(thisArg, _);
|
|
33
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
import axios from "axios";
|
|
38
|
-
export var CloudinaryUpload = function (_a) {
|
|
39
|
-
var file = _a.file, onUploadProgress = _a.onUploadProgress, cloudName = _a.cloudName, uploadPreset = _a.uploadPreset, signature = _a.signature, apiKey = _a.apiKey, timestamp = _a.timestamp, _b = _a.tag, tag = _b === void 0 ? "browser_upload" : _b;
|
|
40
|
-
return __awaiter(void 0, void 0, void 0, function () {
|
|
41
|
-
var url, data, err, response;
|
|
42
|
-
return __generator(this, function (_c) {
|
|
43
|
-
switch (_c.label) {
|
|
44
|
-
case 0:
|
|
45
|
-
url = "https://api.cloudinary.com/v1_1/".concat(cloudName, "/upload");
|
|
46
|
-
data = new FormData();
|
|
47
|
-
data.append("upload_preset", uploadPreset);
|
|
48
|
-
data.append("tags", tag);
|
|
49
|
-
data.append("file", file);
|
|
50
|
-
if (signature && timestamp && apiKey) {
|
|
51
|
-
data.append("signature", signature);
|
|
52
|
-
data.append("timestamp", "".concat(timestamp));
|
|
53
|
-
data.append("api_key", apiKey);
|
|
54
|
-
}
|
|
55
|
-
if (!cloudName || cloudName == "" || !uploadPreset || uploadPreset == "") {
|
|
56
|
-
err = "Please supply a cloud name and upload preset for Cloudinary";
|
|
57
|
-
alert(err);
|
|
58
|
-
throw err;
|
|
59
|
-
}
|
|
60
|
-
return [4 /*yield*/, axios.request({
|
|
61
|
-
method: "post",
|
|
62
|
-
url: url,
|
|
63
|
-
data: data,
|
|
64
|
-
onUploadProgress: function (p) {
|
|
65
|
-
onUploadProgress(parseInt(((p.loaded / p.total) * 100).toFixed(0), 10));
|
|
66
|
-
},
|
|
67
|
-
})];
|
|
68
|
-
case 1:
|
|
69
|
-
response = _c.sent();
|
|
70
|
-
return [2 /*return*/, response];
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=CloudinaryUpload.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CloudinaryUpload.js","sourceRoot":"","sources":["../../../src/forms/CloudinaryUpload.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAO,EASf;QARtB,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,WAAsB,EAAtB,GAAG,mBAAG,gBAAgB,KAAA;;;;;;oBAEhB,GAAG,GAAG,0CAAmC,SAAS,YAAS,CAAA;oBAC3D,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAA;oBAC3B,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;oBAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;oBACxB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;oBACzB,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE;wBACpC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;wBACnC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,UAAG,SAAS,CAAE,CAAC,CAAA;wBACxC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;qBAC/B;oBAED,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,YAAY,IAAI,EAAE,EAAE;wBAClE,GAAG,GAAG,6DAA6D,CAAA;wBACzE,KAAK,CAAC,GAAG,CAAC,CAAA;wBACV,MAAM,GAAG,CAAA;qBACV;oBAEgB,qBAAM,KAAK,CAAC,OAAO,CAAC;4BACnC,MAAM,EAAE,MAAM;4BACd,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,IAAI;4BACV,gBAAgB,EAAE,UAAC,CAAC;gCAClB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;4BACzE,CAAC;yBACF,CAAC,EAAA;;oBAPI,QAAQ,GAAG,SAOf;oBACF,sBAAO,QAAQ,EAAA;;;;CAChB,CAAA"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import axios from "axios"
|
|
2
|
-
|
|
3
|
-
interface CloudinaryUploadProps {
|
|
4
|
-
file: File
|
|
5
|
-
onUploadProgress: (progress: number) => void
|
|
6
|
-
cloudName: string
|
|
7
|
-
uploadPreset: string
|
|
8
|
-
tag?: string
|
|
9
|
-
signature?: string
|
|
10
|
-
apiKey?: string
|
|
11
|
-
timestamp?: number
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const CloudinaryUpload = async ({
|
|
15
|
-
file,
|
|
16
|
-
onUploadProgress,
|
|
17
|
-
cloudName,
|
|
18
|
-
uploadPreset,
|
|
19
|
-
signature,
|
|
20
|
-
apiKey,
|
|
21
|
-
timestamp,
|
|
22
|
-
tag = "browser_upload",
|
|
23
|
-
}: CloudinaryUploadProps) => {
|
|
24
|
-
const url = `https://api.cloudinary.com/v1_1/${cloudName}/upload`
|
|
25
|
-
const data = new FormData()
|
|
26
|
-
data.append("upload_preset", uploadPreset)
|
|
27
|
-
data.append("tags", tag)
|
|
28
|
-
data.append("file", file)
|
|
29
|
-
if (signature && timestamp && apiKey) {
|
|
30
|
-
data.append("signature", signature)
|
|
31
|
-
data.append("timestamp", `${timestamp}`)
|
|
32
|
-
data.append("api_key", apiKey)
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
if (!cloudName || cloudName == "" || !uploadPreset || uploadPreset == "") {
|
|
36
|
-
const err = "Please supply a cloud name and upload preset for Cloudinary"
|
|
37
|
-
alert(err)
|
|
38
|
-
throw err
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
const response = await axios.request({
|
|
42
|
-
method: "post",
|
|
43
|
-
url: url,
|
|
44
|
-
data: data,
|
|
45
|
-
onUploadProgress: (p) => {
|
|
46
|
-
onUploadProgress(parseInt(((p.loaded / p.total) * 100).toFixed(0), 10))
|
|
47
|
-
},
|
|
48
|
-
})
|
|
49
|
-
return response
|
|
50
|
-
}
|