@etsoo/react 1.4.95 → 1.4.99

package/lib/app/ReactApp.js

@@ -1,4 +1,4 @@
-import { ActionResultError, CoreApp, createClient } from '@etsoo/appscript';
+import { ActionResultError, BridgeUtils, CoreApp, createClient } from '@etsoo/appscript';
 import { WindowStorage } from '@etsoo/shared';
 import React from 'react';
 import { NotifierMU } from '../mu/NotifierMU';
@@ -110,7 +110,7 @@ export class ReactApp extends CoreApp {
      * @param culture New culture definition
      */
     changeCulture(culture) {
-        var _a;
+        var _a, _b;
         // Super call to update cultrue
         super.changeCulture(culture);
         // Update component labels
@@ -126,8 +126,10 @@ export class ReactApp extends CoreApp {
                 promptOK: 'ok'
             }
         });
+        // Notify host
+        (_a = BridgeUtils.host) === null || _a === void 0 ? void 0 : _a.changeCulture(culture.name);
         // Document title
-        document.title = (_a = this.get(this.name)) !== null && _a !== void 0 ? _a : this.name;
+        document.title = (_b = this.get(this.name)) !== null && _b !== void 0 ? _b : this.name;
     }
     /**
      * Change culture extended

package/lib/mu/BridgeCloseButton.d.ts

@@ -9,7 +9,7 @@ export interface BridgeCloseButtonProps extends IconButtonProps {
      * Validate the host
      * @param host Host
      */
-    validate(host: IBridgeHost): boolean;
+    validate?(host: IBridgeHost): boolean;
 }
 /**
  * Bridge close button

package/lib/mu/BridgeCloseButton.js

@@ -26,8 +26,8 @@ export function BridgeCloseButton(props) {
     };
     return (React.createElement(IconButton, { "aria-label": "close", color: "primary", onClick: onClickLocal, sx: {
             position: 'absolute',
-            top: (theme) => theme.spacing(1),
-            right: (theme) => theme.spacing(1)
+            top: (theme) => theme.spacing(0.5),
+            right: (theme) => theme.spacing(0.5)
         }, ...rest },
         React.createElement(CloseIcon, null)));
 }

package/lib/mu/ComboBox.js

@@ -75,6 +75,7 @@ export function ComboBox(props) {
             }
         }
     };
+    // When value change
     React.useEffect(() => {
         if (loadData) {
             loadData().then((result) => {
@@ -88,6 +89,8 @@ export function ComboBox(props) {
                 setOptions(result);
             });
         }
+    }, [localValue]);
+    React.useEffect(() => {
         return () => {
             isMounted.current = false;
         };

package/lib/mu/SelectEx.js

@@ -81,16 +81,8 @@ export function SelectEx(props) {
     };
     // Refs
     const divRef = React.useRef();
-    // When layout ready
+    // When value change
     React.useEffect(() => {
-        var _a;
-        const input = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
-        const inputChange = (event) => {
-            // Reset case
-            if (event.cancelable)
-                setValueState(multiple ? [] : '');
-        };
-        input === null || input === void 0 ? void 0 : input.addEventListener('change', inputChange);
         if (loadData) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current)
@@ -103,6 +95,17 @@ export function SelectEx(props) {
                 setOptions(result);
             });
         }
+    }, [localValue]);
+    // When layout ready
+    React.useEffect(() => {
+        var _a;
+        const input = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input');
+        const inputChange = (event) => {
+            // Reset case
+            if (event.cancelable)
+                setValueState(multiple ? [] : '');
+        };
+        input === null || input === void 0 ? void 0 : input.addEventListener('change', inputChange);
         return () => {
             isMounted.current = false;
             input === null || input === void 0 ? void 0 : input.removeEventListener('change', inputChange);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.4.95",
+    "version": "1.4.99",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/react": "^11.7.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.6.0",
-        "@etsoo/appscript": "^1.2.39",
+        "@etsoo/appscript": "^1.2.42",
         "@etsoo/notificationbase": "^1.1.1",
         "@etsoo/shared": "^1.1.11",
         "@mui/icons-material": "^5.4.1",
@@ -72,7 +72,7 @@
         "react-beautiful-dnd": "^13.1.0",
         "react-dom": "^17.0.2",
         "react-draggable": "^4.4.4",
-        "react-imask": "^6.4.0",
+        "react-imask": "^6.4.2",
         "react-window": "^1.8.6"
     },
     "devDependencies": {

package/src/app/ReactApp.ts

@@ -1,5 +1,6 @@
 import {
     ActionResultError,
+    BridgeUtils,
     CoreApp,
     createClient,
     IActionResult,
@@ -271,6 +272,9 @@ export class ReactApp<
             }
         });
 
+        // Notify host
+        BridgeUtils.host?.changeCulture(culture.name);
+
         // Document title
         document.title = this.get(this.name) ?? this.name;
     }

package/src/mu/BridgeCloseButton.tsx

@@ -12,7 +12,7 @@ export interface BridgeCloseButtonProps extends IconButtonProps {
      * Validate the host
      * @param host Host
      */
-    validate(host: IBridgeHost): boolean;
+    validate?(host: IBridgeHost): boolean;
 }
 
 /**
@@ -51,8 +51,8 @@ export function BridgeCloseButton(props: BridgeCloseButtonProps) {
             onClick={onClickLocal}
             sx={{
                 position: 'absolute',
-                top: (theme) => theme.spacing(1),
-                right: (theme) => theme.spacing(1)
+                top: (theme) => theme.spacing(0.5),
+                right: (theme) => theme.spacing(0.5)
             }}
             {...rest}
         >

package/src/mu/ComboBox.tsx

@@ -157,6 +157,7 @@ export function ComboBox<T extends {} = IdLabelDto>(props: ComboBoxProps<T>) {
         }
     };
 
+    // When value change
     React.useEffect(() => {
         if (loadData) {
             loadData().then((result) => {
@@ -168,7 +169,9 @@ export function ComboBox<T extends {} = IdLabelDto>(props: ComboBoxProps<T>) {
                 setOptions(result);
             });
         }
+    }, [localValue]);
 
+    React.useEffect(() => {
         return () => {
             isMounted.current = false;
         };

package/src/mu/SelectEx.tsx

@@ -165,15 +165,8 @@ export function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>) {
     // Refs
     const divRef = React.useRef<HTMLDivElement>();
 
-    // When layout ready
+    // When value change
     React.useEffect(() => {
-        const input = divRef.current?.querySelector('input');
-        const inputChange = (event: Event) => {
-            // Reset case
-            if (event.cancelable) setValueState(multiple ? [] : '');
-        };
-        input?.addEventListener('change', inputChange);
-
         if (loadData) {
             loadData().then((result) => {
                 if (result == null || !isMounted.current) return;
@@ -184,6 +177,16 @@ export function SelectEx<T extends {} = IdLabelDto>(props: SelectExProps<T>) {
                 setOptions(result);
             });
         }
+    }, [localValue]);
+
+    // When layout ready
+    React.useEffect(() => {
+        const input = divRef.current?.querySelector('input');
+        const inputChange = (event: Event) => {
+            // Reset case
+            if (event.cancelable) setValueState(multiple ? [] : '');
+        };
+        input?.addEventListener('change', inputChange);
 
         return () => {
             isMounted.current = false;