@carbonorm/carbonreact 2.0.1 → 2.0.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { lazy, useState, useEffect } from 'react';
 import { toastOptions, clearCache, isTest, isVerbose } from '@carbonorm/carbonnode';
 import { useNavigate, BrowserRouter } from 'react-router-dom';
 import { toast, ToastContainer } from 'react-toastify';
@@ -2779,13 +2779,13 @@ var initialRequiredCarbonORMState = {
     websocketData: [],
     websocketEvents: [],
 };
-var initialCarbonORMState = __assign(__assign({}, initialRequiredCarbonORMState), initialRestfulObjectsState);
+var initialCarbonReactState = __assign(__assign({}, initialRequiredCarbonORMState), initialRestfulObjectsState);
 var CarbonReact = /** @class */ (function (_super) {
     __extends(CarbonReact, _super);
     function CarbonReact(props) {
         var _this = _super.call(this, props) || this;
         _this.websocketTimeout = 5000;
-        _this.state = initialCarbonORMState;
+        _this.state = initialCarbonReactState;
         CarbonReact.instance = _this;
         // This should only ever be done here, when the full state is being trashed.
         clearCache({
@@ -3436,7 +3436,7 @@ var 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.
  */
-function updateRestfulObjectArray(dataOrCallback, stateKey, uniqueObjectId, insertUpdateOrder, callback) {
+function updateRestfulObjectArrays(dataOrCallback, stateKey, uniqueObjectId, insertUpdateOrder, callback) {
     if (insertUpdateOrder === void 0) { insertUpdateOrder = eUpdateInsertMethod.LAST; }
     var bootstrap = CarbonReact.instance;
     return bootstrap.setState(function (previousBootstrapState) {
@@ -3499,35 +3499,77 @@ 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') {
-                    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])) {
+                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.*')) {
+                                    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') {
+                                    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*/, 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) {
     return function () {
         var input = document.createElement('input');
         input.type = 'file';
-        input.accept = 'image/*';
-        input.onchange = function (e) {
-            uploadImageChange(e, uploadCallback);
-        };
+        input.accept = 'image/*, .heic';
+        input.style.display = 'none';
+        // the element must be appended to the document to work on safari
+        // @link https://stackoverflow.com/questions/47664777/javascript-file-input-onchange-not-working-ios-safari-only
+        document.body.appendChild(input);
+        // safari also requires addEventListener rather than .onChange
+        input.addEventListener('change', function (e) {
+            console.log('upload image event', e);
+            void uploadImageChange(e, uploadCallback);
+        });
         input.click();
     };
 }
@@ -3551,5 +3593,5 @@ function useWindowDimensions() {
     return windowDimensions;
 }
 
-export { AccessDenied, Alert, BackendThrowable, C6, COLUMNS, CarbonReact, ErrorHttpCode, GlobalHistory, HandleResponseCodes, Loading, Nest, PageNotFound, Popup, TABLES, addAlert, addValidSQL$1 as addValidSQL, axiosInstance, carbons, changed, comments, deleteRestfulObjectArrays, documentation, eUpdateInsertMethod, feature_group_references, features, getRootStyleValue, getStyles, globalNavigate, group_references, groups, hexToRgb, history_logs, initialCarbonORMState, initialRequiredCarbonORMState, initialRestfulObjectsState, isEdgeBrowser, isProduction, location_references, locations, parseMultipleJson, photos, range, reports, ScrollIntoViewDirective as scrollIntoView, setCookies, setUrl, toDataURL, updateRestfulObjectArray as updateRestfulObjectArrays, uploadImage, uploadImageChange, user_followers, user_groups, user_messages, user_sessions, user_tasks, users, useWindowDimensions as windowDimensions };
+export { AccessDenied, Alert, BackendThrowable, C6, COLUMNS, CarbonReact, ErrorHttpCode, GlobalHistory, HandleResponseCodes, Loading, Nest, PageNotFound, Popup, TABLES, addAlert, addValidSQL$1 as addValidSQL, axiosInstance, carbons, changed, comments, deleteRestfulObjectArrays, documentation, eUpdateInsertMethod, feature_group_references, features, getRootStyleValue, getStyles, globalNavigate, group_references, groups, hexToRgb, history_logs, initialCarbonReactState, initialRequiredCarbonORMState, initialRestfulObjectsState, isEdgeBrowser, isProduction, location_references, locations, parseMultipleJson, photos, range, reports, ScrollIntoViewDirective as scrollIntoView, setCookies, setUrl, toDataURL, updateRestfulObjectArrays, uploadImage, uploadImageChange, user_followers, user_groups, user_messages, user_sessions, user_tasks, users, useWindowDimensions as windowDimensions };
 //# sourceMappingURL=index.esm.js.map