@etsoo/react 1.5.26 → 1.5.29

package/lib/app/ReactApp.js

@@ -1,4 +1,5 @@
 import { ActionResultError, BridgeUtils, CoreApp, createClient } from '@etsoo/appscript';
+import { NotificationMessageType } from '@etsoo/notificationbase';
 import { WindowStorage } from '@etsoo/shared';
 import React from 'react';
 import { NotifierMU } from '../mu/NotifierMU';
@@ -68,6 +69,11 @@ export class ReactApp extends CoreApp {
             BridgeUtils.host == null
                 ? undefined
                 : ReactUtils.getMemoryHistory(BridgeUtils.host.getStartUrl());
+        if (BridgeUtils.host) {
+            BridgeUtils.host.onUpdate((app, version) => {
+                this.notifier.message(NotificationMessageType.Success, this.get('updateTip') + `(${[app, version].join(', ')})`, this.get('updateReady'));
+            });
+        }
         this.cultureState = new CultureState(settings.currentCulture);
         this.pageState = new PageState();
         globalApp = this;

package/lib/uses/useDimensions.js

@@ -49,6 +49,7 @@ export function useDimensions(elements, updateCallback, miliseconds = 50, equalC
     const resizeObserver = new ResizeObserver((entries) => {
         // Update Rect
         const indices = [];
+        const init = dimensions.current;
         entries.forEach((entry) => {
             const index = init.findIndex((item) => item[1] === entry.target);
             if (index !== -1) {
@@ -78,31 +79,6 @@ export function useDimensions(elements, updateCallback, miliseconds = 50, equalC
             delayed.call(undefined, update);
         }
     });
-    // Init
-    const init = [];
-    for (let e = 0; e < elements; e++) {
-        init.push(((index) => {
-            return [
-                (instance) => {
-                    if (instance != null) {
-                        // Current element
-                        const currentElement = init[index][1];
-                        if (currentElement != null) {
-                            // Same target, return
-                            if (currentElement == instance)
-                                return;
-                            // Cancel observation
-                            resizeObserver.unobserve(currentElement);
-                        }
-                        // Update element
-                        init[index][1] = instance;
-                        // Start observe
-                        resizeObserver.observe(instance);
-                    }
-                }
-            ];
-        })(e));
-    }
     // Layout ready
     React.useEffect(() => {
         return () => {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.26",
+    "version": "1.5.29",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,11 +50,11 @@
         "@emotion/react": "^11.8.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.8.1",
-        "@etsoo/appscript": "^1.2.56",
+        "@etsoo/appscript": "^1.2.58",
         "@etsoo/notificationbase": "^1.1.2",
-        "@etsoo/shared": "^1.1.14",
-        "@mui/icons-material": "^5.4.2",
-        "@mui/material": "^5.4.3",
+        "@etsoo/shared": "^1.1.15",
+        "@mui/icons-material": "^5.4.4",
+        "@mui/material": "^5.4.4",
         "@reach/router": "^1.3.4",
         "@types/pica": "^9.0.0",
         "@types/pulltorefreshjs": "^0.1.5",
@@ -62,7 +62,7 @@
         "@types/react": "^17.0.39",
         "@types/react-avatar-editor": "^10.3.6",
         "@types/react-beautiful-dnd": "^13.1.2",
-        "@types/react-dom": "^17.0.11",
+        "@types/react-dom": "^17.0.12",
         "@types/react-input-mask": "^3.0.1",
         "@types/react-window": "^1.8.5",
         "pica": "^9.0.1",
@@ -83,8 +83,8 @@
         "@babel/runtime-corejs3": "^7.17.2",
         "@types/jest": "^27.4.1",
         "@types/react-test-renderer": "^17.0.1",
-        "@typescript-eslint/eslint-plugin": "^5.12.1",
-        "@typescript-eslint/parser": "^5.12.1",
+        "@typescript-eslint/eslint-plugin": "^5.13.0",
+        "@typescript-eslint/parser": "^5.13.0",
         "eslint": "^8.10.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.25.4",
@@ -92,6 +92,6 @@
         "jest": "^27.5.1",
         "react-test-renderer": "^17.0.2",
         "ts-jest": "^27.1.3",
-        "typescript": "^4.5.5"
+        "typescript": "^4.6.2"
     }
 }

package/src/app/ReactApp.ts

@@ -10,6 +10,7 @@ import {
     IUserData
 } from '@etsoo/appscript';
 import {
+    NotificationMessageType,
     NotificationRenderProps,
     NotificationReturn
 } from '@etsoo/notificationbase';
@@ -225,6 +226,16 @@ export class ReactApp<
                 ? undefined
                 : ReactUtils.getMemoryHistory(BridgeUtils.host.getStartUrl());
 
+        if (BridgeUtils.host) {
+            BridgeUtils.host.onUpdate((app, version) => {
+                this.notifier.message(
+                    NotificationMessageType.Success,
+                    this.get('updateTip') + `(${[app, version].join(', ')})`,
+                    this.get('updateReady')
+                );
+            });
+        }
+
         this.cultureState = new CultureState(settings.currentCulture);
         this.pageState = new PageState<P>();
 

package/src/uses/useDimensions.ts

@@ -72,6 +72,8 @@ export function useDimensions(
     const resizeObserver = new ResizeObserver((entries) => {
         // Update Rect
         const indices: number[] = [];
+        const init = dimensions.current!;
+
         entries.forEach((entry) => {
             const index = init.findIndex((item) => item[1] === entry.target);
             if (index !== -1) {
@@ -107,37 +109,6 @@ export function useDimensions(
         }
     });
 
-    // Init
-    const init: [React.RefCallback<Element>, Element?, DOMRect?][] = [];
-    for (let e = 0; e < elements; e++) {
-        init.push(
-            ((index): [React.RefCallback<Element>] => {
-                return [
-                    (instance) => {
-                        if (instance != null) {
-                            // Current element
-                            const currentElement = init[index][1];
-
-                            if (currentElement != null) {
-                                // Same target, return
-                                if (currentElement == instance) return;
-
-                                // Cancel observation
-                                resizeObserver.unobserve(currentElement);
-                            }
-
-                            // Update element
-                            init[index][1] = instance;
-
-                            // Start observe
-                            resizeObserver.observe(instance);
-                        }
-                    }
-                ];
-            })(e)
-        );
-    }
-
     // Layout ready
     React.useEffect(() => {
         return () => {