@etsoo/materialui 1.5.68 → 1.5.70

package/__tests__/ReactAppTests.tsx

@@ -4,34 +4,6 @@ import { DataTypes, DomUtils, IActionResult, Utils } from "@etsoo/shared";
 import React, { act } from "react";
 import { createRoot } from "react-dom/client";
 
-if (typeof localStorage === "undefined") {
-  const mockLocalStorage = (() => {
-    let store = {} as Storage;
-
-    return {
-      getItem(key: string) {
-        return store[key];
-      },
-
-      setItem(key: string, value: string) {
-        store[key] = value;
-      },
-
-      removeItem(key: string) {
-        delete store[key];
-      },
-
-      clear() {
-        store = {} as Storage;
-      }
-    };
-  })();
-
-  Object.defineProperty(globalThis, "localStorage", {
-    value: mockLocalStorage
-  });
-}
-
 // Detected country or region
 const { detectedCountry } = DomUtils;
 

package/lib/cjs/TabBox.d.ts

@@ -3,7 +3,7 @@ import { TabProps } from "@mui/material/Tab";
 import { TabsProps } from "@mui/material/Tabs";
 import React from "react";
 type TabBoxPanelActionType = () => void;
-type TabBoxPanelChildrenType = TabBoxPanelActionType | ((visible: boolean) => React.ReactNode) | React.ReactNode;
+type TabBoxPanelChildrenType = TabBoxPanelActionType | ((visible: boolean, index: number) => React.ReactNode) | React.ReactNode;
 /**
  * Tab with box panel props
  */

package/lib/cjs/TabBox.js

@@ -50,5 +50,5 @@ function TabBox(props) {
                             if (onChange)
                                 onChange(event, newValue);
                         }
-                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(Tab_1.default, { value: index, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => ((0, jsx_runtime_1.jsx)(Box_1.default, { hidden: value !== index, ...tabProps, ...panelProps, children: isActionTab(children) ? ((0, jsx_runtime_1.jsx)(react_2.default.Fragment, {})) : (shared_1.Utils.getResult(children, value === index)) }, index)))] }));
+                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => ((0, jsx_runtime_1.jsx)(Tab_1.default, { value: index, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => ((0, jsx_runtime_1.jsx)(Box_1.default, { hidden: value !== index, ...tabProps, ...panelProps, children: isActionTab(children) ? ((0, jsx_runtime_1.jsx)(react_2.default.Fragment, {})) : (shared_1.Utils.getResult(children, value === index, index)) }, index)))] }));
 }

package/lib/mjs/TabBox.d.ts

@@ -3,7 +3,7 @@ import { TabProps } from "@mui/material/Tab";
 import { TabsProps } from "@mui/material/Tabs";
 import React from "react";
 type TabBoxPanelActionType = () => void;
-type TabBoxPanelChildrenType = TabBoxPanelActionType | ((visible: boolean) => React.ReactNode) | React.ReactNode;
+type TabBoxPanelChildrenType = TabBoxPanelActionType | ((visible: boolean, index: number) => React.ReactNode) | React.ReactNode;
 /**
  * Tab with box panel props
  */

package/lib/mjs/TabBox.js

@@ -44,5 +44,5 @@ export function TabBox(props) {
                             if (onChange)
                                 onChange(event, newValue);
                         }
-                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => (_jsx(Tab, { value: index, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => (_jsx(Box, { hidden: value !== index, ...tabProps, ...panelProps, children: isActionTab(children) ? (_jsx(React.Fragment, {})) : (Utils.getResult(children, value === index)) }, index)))] }));
+                    }, ...rest, children: tabs.map(({ children, panelProps, ...tabRest }, index) => (_jsx(Tab, { value: index, ...tabRest }, index))) }) }), tabs.map(({ children, panelProps }, index) => (_jsx(Box, { hidden: value !== index, ...tabProps, ...panelProps, children: isActionTab(children) ? (_jsx(React.Fragment, {})) : (Utils.getResult(children, value === index, index)) }, index)))] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.5.68",
+  "version": "1.5.70",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -44,9 +44,9 @@
     "@etsoo/notificationbase": "^1.1.63",
     "@etsoo/react": "^1.8.49",
     "@etsoo/shared": "^1.2.75",
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@mui/x-data-grid": "^8.9.2",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@mui/x-data-grid": "^8.10.1",
     "chart.js": "^4.5.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "dompurify": "^3.2.6",
@@ -66,13 +66,13 @@
     "@emotion/react": "$@emotion/react"
   },
   "devDependencies": {
-    "@babel/cli": "^7.28.0",
-    "@babel/core": "^7.28.0",
-    "@babel/plugin-transform-runtime": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.3",
+    "@babel/plugin-transform-runtime": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@babel/runtime-corejs3": "^7.28.2",
+    "@babel/runtime-corejs3": "^7.28.3",
     "@testing-library/react": "^16.3.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
@@ -81,7 +81,7 @@
     "@types/react-dom": "^18.3.7",
     "@types/react-input-mask": "^3.0.6",
     "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@vitejs/plugin-react": "^5.0.1",
     "jsdom": "^26.1.0",
     "typescript": "^5.9.2",
     "vitest": "^3.2.4"

package/setupTests.ts

@@ -0,0 +1,24 @@
+import { vi } from "vitest";
+
+vi.mock("localStorage", () => {
+  let store = {} as Storage;
+  return {
+    default: {
+      getItem(key: string) {
+        return store[key];
+      },
+
+      setItem(key: string, value: string) {
+        store[key] = value;
+      },
+
+      removeItem(key: string) {
+        delete store[key];
+      },
+
+      clear() {
+        store = {} as Storage;
+      }
+    }
+  };
+});

package/src/TabBox.tsx

@@ -9,7 +9,7 @@ type TabBoxPanelActionType = () => void;
 
 type TabBoxPanelChildrenType =
   | TabBoxPanelActionType
-  | ((visible: boolean) => React.ReactNode)
+  | ((visible: boolean, index: number) => React.ReactNode)
   | React.ReactNode;
 
 function isActionTab(
@@ -137,7 +137,7 @@ export function TabBox(props: TabBoxProps) {
           {isActionTab(children) ? (
             <React.Fragment />
           ) : (
-            Utils.getResult(children, value === index)
+            Utils.getResult(children, value === index, index)
           )}
         </Box>
       ))}

package/vite.config.mts

@@ -11,6 +11,7 @@ export default defineConfig({
     },
     globals: true,
     environment: "jsdom",
+    setupFiles: "./setupTests.ts",
     include: ["__tests__/**/*.ts(x)?"]
   }
 });