@jobber/components 2.83.1 → 2.84.0

package/CHANGELOG.md

@@ -8,6 +8,17 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.84.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.83.1...@jobber/components@2.84.0) (2022-06-07)
+
+
+### Features
+
+* **components:** JOB-40406 Allow PUT requests in InputFile component ([#895](https://github.com/GetJobber/atlantis/issues/895)) ([4101f44](https://github.com/GetJobber/atlantis/commit/4101f441327ecfebb55ce868dbd9bf7d3d9ec837))
+
+
+
+
+
 ## [2.83.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.83.0...@jobber/components@2.83.1) (2022-06-03)
 
 

package/dist/InputFile/InputFile.d.ts

@@ -37,12 +37,24 @@ export interface UploadParams {
      */
     readonly key?: string;
     /**
-     * Any extra fields to send with the upload POST.
+     * Any extra fields or headers to send with the upload.
      * If unspecified only the file will be included.
      */
     readonly fields?: {
         [field: string]: string;
     };
+    /**
+     * The HTTP method which we wish to use for the upload
+     *
+     * When the HTTP method is `"PUT"`, the `fields` will
+     * be used as headers for the request
+     *
+     * When the HTTP method is `"POST"` the `fields` are
+     * form fields
+     *
+     * @default "POST"
+     */
+    readonly httpMethod?: "POST" | "PUT";
 }
 interface InputFileProps {
     /**

package/dist/InputFile/index.js

@@ -55,37 +55,61 @@ function InputFile(_a) {
     }
     function uploadFile(file) {
         return __chunk_1.__awaiter(this, void 0, void 0, function () {
-            var _a, url, _b, key, _c, fields, fileUpload, formData;
-            return __chunk_1.__generator(this, function (_d) {
-                switch (_d.label) {
+            var _a, url, _b, key, _c, fields, _d, httpMethod, fileUpload, handleUploadProgress, handleUploadComplete, axiosConfig;
+            return __chunk_1.__generator(this, function (_e) {
+                switch (_e.label) {
                     case 0: return [4 /*yield*/, getUploadParams(file)];
                     case 1:
-                        _a = _d.sent(), url = _a.url, _b = _a.key, key = _b === void 0 ? uuid.v1() : _b, _c = _a.fields, fields = _c === void 0 ? {} : _c;
+                        _a = _e.sent(), url = _a.url, _b = _a.key, key = _b === void 0 ? uuid.v1() : _b, _c = _a.fields, fields = _c === void 0 ? {} : _c, _d = _a.httpMethod, httpMethod = _d === void 0 ? "POST" : _d;
                         fileUpload = getFileUpload(file, key);
                         onUploadStart && onUploadStart(__chunk_1.__assign({}, fileUpload));
-                        formData = new FormData();
-                        Object.entries(fields).forEach(function (_a) {
-                            var _b = __chunk_1.__read(_a, 2), field = _b[0], value = _b[1];
-                            return formData.append(field, value);
-                        });
-                        formData.append("file", file);
-                        axios
-                            .post(url, formData, {
-                            headers: { "X-Requested-With": "XMLHttpRequest" },
-                            onUploadProgress: function (progressEvent) {
-                                return onUploadProgress &&
-                                    onUploadProgress(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: progressEvent.loaded / progressEvent.total }));
-                            },
-                        })
-                            .then(function () {
-                            onUploadComplete && onUploadComplete(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: 1 }));
+                        handleUploadProgress = function (progressEvent) {
+                            onUploadProgress &&
+                                onUploadProgress(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: progressEvent.loaded / progressEvent.total }));
+                        };
+                        handleUploadComplete = function () {
+                            onUploadComplete === null || onUploadComplete === void 0 ? void 0 : onUploadComplete(__chunk_1.__assign(__chunk_1.__assign({}, fileUpload), { progress: 1 }));
+                        };
+                        axiosConfig = createAxiosConfig({
+                            url: url,
+                            httpMethod: httpMethod,
+                            fields: fields,
+                            file: file,
+                            handleUploadProgress: handleUploadProgress,
                         });
+                        axios.request(axiosConfig).then(handleUploadComplete);
                         return [2 /*return*/];
                 }
             });
         });
     }
 }
+function createAxiosConfig(_a) {
+    var url = _a.url, _b = _a.httpMethod, httpMethod = _b === void 0 ? "POST" : _b, _c = _a.fields, fields = _c === void 0 ? {} : _c, file = _a.file, handleUploadProgress = _a.handleUploadProgress;
+    var data;
+    var headers;
+    if (httpMethod === "POST") {
+        var formData_1 = new FormData();
+        Object.entries(fields).forEach(function (_a) {
+            var _b = __chunk_1.__read(_a, 2), field = _b[0], value = _b[1];
+            return formData_1.append(field, value);
+        });
+        formData_1.append("file", file);
+        data = formData_1;
+        headers = { "X-Requested-With": "XMLHttpRequest" };
+    }
+    else {
+        data = file;
+        headers = fields;
+    }
+    return {
+        method: httpMethod,
+        url: url,
+        headers: headers,
+        data: data,
+        onUploadProgress: handleUploadProgress,
+    };
+}
 function getLabels(providedButtonLabel, multiple, allowedTypes) {
     var buttonLabel = multiple ? "Upload Files" : "Upload File";
     var hintText = multiple

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "2.83.1",
+  "version": "2.84.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -85,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "6cc8ee125a496fcffaea2e9514e6e58dff9ebd6f"
+  "gitHead": "6fe2d488b07f4404331479c697cf67c955e6365f"
 }