@etsoo/react 1.3.56 → 1.3.60

package/lib/app/ReactApp.d.ts

@@ -13,6 +13,7 @@ import { InputDialogProps } from './InputDialogProps';
  * Case 1: undefined, when refresh the whole page
  * Case 2: false, unauthorized
  * Case 3: true, authorized or considered as authorized (maynot, like token expiry)
+ * Case 4: property or properties changed
  * @param props Props
  * @returns Component
  */

package/lib/app/ReactApp.js

@@ -13,6 +13,7 @@ let globalApp;
  * Case 1: undefined, when refresh the whole page
  * Case 2: false, unauthorized
  * Case 3: true, authorized or considered as authorized (maynot, like token expiry)
+ * Case 4: property or properties changed
  * @param props Props
  * @returns Component
  */
@@ -24,6 +25,7 @@ export function ReactAppStateDetector(props) {
         ? { state: {} }
         : React.useContext(globalApp.userState.context);
     // Match fields
+    const authorized = state.authorized;
     const changedFields = state.lastChangedFields;
     let matchedFields;
     if (targetFields == null || changedFields == null) {
@@ -36,11 +38,12 @@ export function ReactAppStateDetector(props) {
                 matchedFields === null || matchedFields === void 0 ? void 0 : matchedFields.push(targetField);
         });
     }
+    console.log('ReactAppStateDetector', changedFields, targetFields, matchedFields);
     // Ready
     React.useEffect(() => {
         // Callback
-        update(state.authorized, matchedFields);
-    }, [state.authorized, matchedFields]);
+        update(authorized, matchedFields);
+    }, [authorized, matchedFields]);
     // return
     return React.createElement(React.Fragment);
 }

package/lib/states/UserState.js

@@ -30,6 +30,7 @@ export class UserState {
                     const lastChangedFields = state.authorized && action.user
                         ? this.getChangedFields(action.user, state)
                         : [];
+                    console.log('UserState', state, action.user, lastChangedFields);
                     return {
                         ...action.user,
                         authorized: true,
@@ -68,6 +69,7 @@ export class UserState {
     }
     getChangedFields(input, init) {
         return Utils.objectUpdated(input, init, [
+            'authorized',
             'seconds',
             'lastChangedFields'
         ]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.3.56",
+    "version": "1.3.60",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/app/ReactApp.ts

@@ -37,6 +37,7 @@ let globalApp: IReactApp<IAppSettings, any, IPageData>;
  * Case 1: undefined, when refresh the whole page
  * Case 2: false, unauthorized
  * Case 3: true, authorized or considered as authorized (maynot, like token expiry)
+ * Case 4: property or properties changed
  * @param props Props
  * @returns Component
  */
@@ -53,6 +54,7 @@ export function ReactAppStateDetector(props: IStateProps) {
               );
 
     // Match fields
+    const authorized = state.authorized;
     const changedFields = state.lastChangedFields;
     let matchedFields: string[] | undefined;
     if (targetFields == null || changedFields == null) {
@@ -65,11 +67,18 @@ export function ReactAppStateDetector(props: IStateProps) {
         });
     }
 
+    console.log(
+        'ReactAppStateDetector',
+        changedFields,
+        targetFields,
+        matchedFields
+    );
+
     // Ready
     React.useEffect(() => {
         // Callback
-        update(state.authorized, matchedFields);
-    }, [state.authorized, matchedFields]);
+        update(authorized, matchedFields);
+    }, [authorized, matchedFields]);
 
     // return
     return React.createElement(React.Fragment);

package/src/states/UserState.ts

@@ -78,6 +78,12 @@ export class UserState<D extends IUser> {
                             state.authorized && action.user
                                 ? this.getChangedFields(action.user, state)
                                 : [];
+                        console.log(
+                            'UserState',
+                            state,
+                            action.user,
+                            lastChangedFields
+                        );
                         return {
                             ...action.user!,
                             authorized: true,
@@ -124,6 +130,7 @@ export class UserState<D extends IUser> {
 
     private getChangedFields(input: {}, init: {}) {
         return Utils.objectUpdated(input, init, [
+            'authorized',
             'seconds',
             'lastChangedFields'
         ]);