@etsoo/materialui 1.4.96 → 1.4.98

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2004-2024 ETSOO ® (亿速思维 ®), https://etsoo.com, https://etsoo.nz
+Copyright (c) 2004-2025 ETSOO ® (亿速思维 ®), https://etsoo.com, https://etsoo.nz
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/cjs/TabBox.d.ts

@@ -11,7 +11,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
     /**
      * Panel box props
      */
-    panel?: Omit<BoxProps, "hidden">;
+    panelProps?: Omit<BoxProps, "hidden">;
     /**
      * To URL
      */
@@ -41,6 +41,10 @@ export interface TabBoxPros extends BoxProps {
      * Root props
      */
     root?: BoxProps;
+    /**
+     * Shared tab props
+     */
+    tabProps?: Omit<BoxProps, "hidden">;
     /**
      * Tabs
      */

package/lib/cjs/TabBox.js

@@ -16,7 +16,7 @@ const react_router_1 = require("react-router");
  */
 function TabBox(props) {
     // Destruct
-    const { index, inputName, root, container = {}, defaultIndex = 0, tabs } = props;
+    const { index, inputName, root, container = {}, defaultIndex = 0, tabProps, tabs } = props;
     const { onChange, ...rest } = container;
     // State
     const [value, setValue] = react_1.default.useState(defaultIndex);
@@ -30,5 +30,5 @@ function TabBox(props) {
                         setValue(newValue);
                         if (onChange)
                             onChange(event, newValue);
-                    }, ...rest, children: tabs.map(({ children, panel, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { value: index, LinkComponent: tabRest.to ? react_router_1.Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panel }, index) => ((0, jsx_runtime_1.jsx)(material_1.Box, { hidden: value !== index, ...panel, children: shared_1.Utils.getResult(children, value === index) }, index)))] }));
+                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { value: index, LinkComponent: tabRest.to ? react_router_1.Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => ((0, jsx_runtime_1.jsx)(material_1.Box, { hidden: value !== index, ...tabProps, ...panelProps, children: shared_1.Utils.getResult(children, value === index) }, index)))] }));
 }

package/lib/cjs/TooltipClick.js

@@ -36,8 +36,10 @@ function TooltipClick(props) {
         };
     }, []);
     // Layout
-    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { PopperProps: {
-                disablePortal: true
+    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: () => setOpen(false), children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { slotProps: {
+                popper: {
+                    disablePortal: true
+                }
             }, onClose: (event) => {
                 setOpen(false);
                 if (onClose)

package/lib/cjs/app/ReactApp.js

@@ -210,6 +210,10 @@ class ReactApp extends appscript_1.CoreApp {
         // Destruct
         const { onFailure = (type) => {
             console.log(`Try login failed: ${type}.`);
+            if (globalThis.navigator.onLine &&
+                !type.includes('"title":"Failed to fetch"')) {
+                this.clearCacheToken();
+            }
             this.toLoginPage(rest);
         }, onSuccess, ...rest } = data ?? {};
         // Check status

package/lib/mjs/TabBox.d.ts

@@ -11,7 +11,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
     /**
      * Panel box props
      */
-    panel?: Omit<BoxProps, "hidden">;
+    panelProps?: Omit<BoxProps, "hidden">;
     /**
      * To URL
      */
@@ -41,6 +41,10 @@ export interface TabBoxPros extends BoxProps {
      * Root props
      */
     root?: BoxProps;
+    /**
+     * Shared tab props
+     */
+    tabProps?: Omit<BoxProps, "hidden">;
     /**
      * Tabs
      */

package/lib/mjs/TabBox.js

@@ -10,7 +10,7 @@ import { Link } from "react-router";
  */
 export function TabBox(props) {
     // Destruct
-    const { index, inputName, root, container = {}, defaultIndex = 0, tabs } = props;
+    const { index, inputName, root, container = {}, defaultIndex = 0, tabProps, tabs } = props;
     const { onChange, ...rest } = container;
     // State
     const [value, setValue] = React.useState(defaultIndex);
@@ -24,5 +24,5 @@ export function TabBox(props) {
                         setValue(newValue);
                         if (onChange)
                             onChange(event, newValue);
-                    }, ...rest, children: tabs.map(({ children, panel, ...tabRest }, index) => (_jsx(Tab, { value: index, LinkComponent: tabRest.to ? Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panel }, index) => (_jsx(Box, { hidden: value !== index, ...panel, children: Utils.getResult(children, value === index) }, index)))] }));
+                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => (_jsx(Tab, { value: index, LinkComponent: tabRest.to ? Link : undefined, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => (_jsx(Box, { hidden: value !== index, ...tabProps, ...panelProps, children: Utils.getResult(children, value === index) }, index)))] }));
 }

package/lib/mjs/TooltipClick.js

@@ -30,8 +30,10 @@ export function TooltipClick(props) {
         };
     }, []);
     // Layout
-    return (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Tooltip, { PopperProps: {
-                disablePortal: true
+    return (_jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: _jsx(Tooltip, { slotProps: {
+                popper: {
+                    disablePortal: true
+                }
             }, onClose: (event) => {
                 setOpen(false);
                 if (onClose)

package/lib/mjs/app/ReactApp.js

@@ -202,6 +202,10 @@ export class ReactApp extends CoreApp {
         // Destruct
         const { onFailure = (type) => {
             console.log(`Try login failed: ${type}.`);
+            if (globalThis.navigator.onLine &&
+                !type.includes('"title":"Failed to fetch"')) {
+                this.clearCacheToken();
+            }
             this.toLoginPage(rest);
         }, onSuccess, ...rest } = data ?? {};
         // Check status

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.4.96",
+  "version": "1.4.98",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -40,13 +40,13 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@etsoo/appscript": "^1.6.13",
+    "@etsoo/appscript": "^1.6.18",
     "@etsoo/notificationbase": "^1.1.59",
     "@etsoo/react": "^1.8.32",
     "@etsoo/shared": "^1.2.62",
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.4",
-    "@mui/x-data-grid": "^7.27.1",
+    "@mui/icons-material": "^6.4.7",
+    "@mui/material": "^6.4.7",
+    "@mui/x-data-grid": "^7.27.3",
     "chart.js": "^4.4.8",
     "chartjs-plugin-datalabels": "^2.2.0",
     "eventemitter3": "^5.0.1",
@@ -66,12 +66,12 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.9",
-    "@babel/plugin-transform-runtime": "^7.26.9",
+    "@babel/core": "^7.26.10",
+    "@babel/plugin-transform-runtime": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@babel/runtime-corejs3": "^7.26.9",
+    "@babel/runtime-corejs3": "^7.26.10",
     "@testing-library/react": "^16.2.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
@@ -82,7 +82,7 @@
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^26.0.0",
-    "typescript": "^5.7.3",
-    "vitest": "^3.0.7"
+    "typescript": "^5.8.2",
+    "vitest": "^3.0.8"
   }
 }

package/src/TabBox.tsx

@@ -15,7 +15,7 @@ export interface TabBoxPanel extends Omit<TabProps, "value" | "children"> {
   /**
    * Panel box props
    */
-  panel?: Omit<BoxProps, "hidden">;
+  panelProps?: Omit<BoxProps, "hidden">;
 
   /**
    * To URL
@@ -52,6 +52,11 @@ export interface TabBoxPros extends BoxProps {
    */
   root?: BoxProps;
 
+  /**
+   * Shared tab props
+   */
+  tabProps?: Omit<BoxProps, "hidden">;
+
   /**
    * Tabs
    */
@@ -71,6 +76,7 @@ export function TabBox(props: TabBoxPros) {
     root,
     container = {},
     defaultIndex = 0,
+    tabProps,
     tabs
   } = props;
   const { onChange, ...rest } = container;
@@ -96,7 +102,7 @@ export function TabBox(props: TabBoxPros) {
           }}
           {...rest}
         >
-          {tabs.map(({ children, panel, ...tabRest }, index) => (
+          {tabs.map(({ children, panelProps, ...tabRest }, index) => (
             <Tab
               key={index}
               value={index}
@@ -106,8 +112,8 @@ export function TabBox(props: TabBoxPros) {
           ))}
         </Tabs>
       </Box>
-      {tabs.map(({ children, panel }, index) => (
-        <Box key={index} hidden={value !== index} {...panel}>
+      {tabs.map(({ children, panelProps }, index) => (
+        <Box key={index} hidden={value !== index} {...tabProps} {...panelProps}>
           {Utils.getResult(children, value === index)}
         </Box>
       ))}

package/src/TooltipClick.tsx

@@ -60,8 +60,10 @@ export function TooltipClick(props: TooltipClickProps) {
   return (
     <ClickAwayListener onClickAway={() => setOpen(false)}>
       <Tooltip
-        PopperProps={{
-          disablePortal: true
+        slotProps={{
+          popper: {
+            disablePortal: true
+          }
         }}
         onClose={(event) => {
           setOpen(false);

package/src/app/ReactApp.ts

@@ -355,6 +355,12 @@ export class ReactApp<S extends IAppSettings, D extends IUser>
     const {
       onFailure = (type: string) => {
         console.log(`Try login failed: ${type}.`);
+        if (
+          globalThis.navigator.onLine &&
+          !type.includes('"title":"Failed to fetch"')
+        ) {
+          this.clearCacheToken();
+        }
         this.toLoginPage(rest);
       },
       onSuccess,