@carbonorm/carbonreact 2.0.2 → 2.0.3

package/dist/hoc/updateRestfulObjectArrays.d.ts

@@ -15,4 +15,4 @@ export declare enum eUpdateInsertMethod {
  * @param callback - if you want to do something with the updated state, you can pass a callback here. Run as the second
  *  parameter of setState.
  */
-export default function updateRestfulObjectArray<ObjectType = tRestfulObjectValues, ObjectArrayTypes = iRestfulObjectArrayTypes>(dataOrCallback: ((prev: Readonly<iCarbonReactState>) => ObjectType[]) | ObjectType[], stateKey: keyof ObjectArrayTypes, uniqueObjectId: keyof ObjectType, insertUpdateOrder?: eUpdateInsertMethod, callback?: () => void): void;
+export default function updateRestfulObjectArrays<ObjectType = tRestfulObjectValues, ObjectArrayTypes = iRestfulObjectArrayTypes>(dataOrCallback: ((prev: Readonly<iCarbonReactState>) => ObjectType[]) | ObjectType[], stateKey: keyof ObjectArrayTypes, uniqueObjectId: keyof ObjectType, insertUpdateOrder?: eUpdateInsertMethod, callback?: () => void): void;

package/dist/hoc/uploadImage.d.ts

@@ -1,4 +1,4 @@
 import { ChangeEvent } from "react";
 export declare function toDataURL(src: string, fileType: string, callback: (dataUriEncoded: string) => void): Promise<void>;
-export declare function uploadImageChange(event: ChangeEvent<HTMLInputElement>, uploadCallback: ((imageDataUri: string) => void)): void;
+export declare function uploadImageChange(event: ChangeEvent<HTMLInputElement>, uploadCallback: (dataUriBase64: string) => void): Promise<void>;
 export default function uploadImage(uploadCallback: (dataUriBase64: string) => void): () => void;

package/dist/index.cjs.js

@@ -3438,7 +3438,7 @@ exports.eUpdateInsertMethod = void 0;
  * @param callback - if you want to do something with the updated state, you can pass a callback here. Run as the second
  *  parameter of setState.
  */
-function updateRestfulObjectArray(dataOrCallback, stateKey, uniqueObjectId, insertUpdateOrder, callback) {
+function updateRestfulObjectArrays(dataOrCallback, stateKey, uniqueObjectId, insertUpdateOrder, callback) {
     if (insertUpdateOrder === void 0) { insertUpdateOrder = exports.eUpdateInsertMethod.LAST; }
     var bootstrap = CarbonReact.instance;
     return bootstrap.setState(function (previousBootstrapState) {
@@ -3501,25 +3501,61 @@ function toDataURL(src, fileType, callback) {
     });
 }
 function uploadImageChange(event, uploadCallback) {
-    if (event.target.files !== null && event.target.files[0]) {
-        Object.keys(event.target.files).forEach(function (index) {
-            var _a;
-            var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[index];
-            // loop through all files and create data url then post to postPost
-            if (file.type.match('image.*')) {
-                // get file extension
-                var fileExtension = file.name.split('.').pop();
-                // check file extension is valid data uri
-                if (fileExtension !== 'jpg' && fileExtension !== 'jpeg' && fileExtension !== 'png' && fileExtension !== 'gif') {
-                    reactToastify.toast.error('Please upload a valid image file type (jpg, jpeg, png, gif).');
-                    return;
-                }
-                // @link https://github.com/palantir/tslint/issues/4653
-                // @link https://github.com/Microsoft/TypeScript/issues/13376#issuecomment-273289748
-                void toDataURL(URL.createObjectURL(file), file.type, uploadCallback);
+    var _a, _b;
+    return __awaiter(this, void 0, void 0, function () {
+        var _this = this;
+        return __generator(this, function (_c) {
+            if (event.target.files === null || undefined === ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0])) {
+                reactToastify.toast.error('Please upload a valid image file type (jpg, jpeg, png, gif, heic).');
+                return [2 /*return*/];
             }
+            Object.keys(event.target.files).forEach(function (index) {
+                (function () { return __awaiter(_this, void 0, void 0, function () {
+                    var file, fileExtension, isHeic;
+                    var _a;
+                    return __generator(this, function (_b) {
+                        switch (_b.label) {
+                            case 0:
+                                file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[index];
+                                // loop through all files and create data url then post to postPost
+                                if (false === file.type.match('image.*')) {
+                                    reactToastify.toast.error('Please upload a valid image file type (jpg, jpeg, png, gif, heic). (E_IMAGE_*<>' + file.type + ')');
+                                    return [2 /*return*/];
+                                }
+                                fileExtension = file.name.split('.').pop();
+                                // check file extension is valid data uri
+                                if (fileExtension !== 'jpg'
+                                    && fileExtension !== 'jpeg'
+                                    && fileExtension !== 'heic'
+                                    && fileExtension !== 'png'
+                                    && fileExtension !== 'gif') {
+                                    reactToastify.toast.error('Please upload a valid image file type (jpg, jpeg, png, gif, heic). (E_IMAGE_EXT)');
+                                    return [2 /*return*/];
+                                }
+                                isHeic = fileExtension === 'heic';
+                                if (!isHeic) return [3 /*break*/, 2];
+                                return [4 /*yield*/, React.lazy(function () { return require("heic2any"); })];
+                            case 1:
+                                // todo - this should be code split and lazy loaded, but doesn't work
+                                // look up code splitting, it could be an issue with rewired
+                                file = (_b.sent())({
+                                    blob: file,
+                                    toType: "image/webp",
+                                    quality: 1.0, // 0.5 cuts the quality and size by half
+                                });
+                                _b.label = 2;
+                            case 2:
+                                // @link https://github.com/palantir/tslint/issues/4653
+                                // @link https://github.com/Microsoft/TypeScript/issues/13376#issuecomment-273289748
+                                void toDataURL(URL.createObjectURL(file), 'image/webp', uploadCallback);
+                                return [2 /*return*/];
+                        }
+                    });
+                }); })();
+            });
+            return [2 /*return*/];
         });
-    }
+    });
 }
 // dataUriEncoded is the base64 encoded string which is posted in column post_content
 function uploadImage(uploadCallback) {
@@ -3534,7 +3570,7 @@ function uploadImage(uploadCallback) {
         // safari also requires addEventListener rather than .onChange
         input.addEventListener('change', function (e) {
             console.log('upload image event', e);
-            uploadImageChange(e, uploadCallback);
+            void uploadImageChange(e, uploadCallback);
         });
         input.click();
     };
@@ -3604,7 +3640,7 @@ exports.scrollIntoView = ScrollIntoViewDirective;
 exports.setCookies = setCookies;
 exports.setUrl = setUrl;
 exports.toDataURL = toDataURL;
-exports.updateRestfulObjectArrays = updateRestfulObjectArray;
+exports.updateRestfulObjectArrays = updateRestfulObjectArrays;
 exports.uploadImage = uploadImage;
 exports.uploadImageChange = uploadImageChange;
 exports.user_followers = user_followers;