@etsoo/materialui 1.5.67 → 1.5.69

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/SelectBool.d.ts

@@ -3,7 +3,12 @@ import { SelectExProps } from "./SelectEx";
 /**
  * SelectBool props
  */
-export type SelectBoolProps = Omit<SelectExProps<ListType1>, "options" | "loadData">;
+export type SelectBoolProps = Omit<SelectExProps<ListType1>, "options" | "loadData" | "value"> & {
+    /**
+     * Value
+     */
+    value?: boolean;
+};
 /**
  * SelectBool (yes/no)
  * @param props Props

package/lib/cjs/SelectBool.js

@@ -14,11 +14,11 @@ function SelectBool(props) {
     // Global app
     const app = (0, ReactApp_1.useAppContext)();
     // Destruct
-    const { search = true, autoAddBlankItem = search, ...rest } = props;
+    const { search = true, autoAddBlankItem = search, value, ...rest } = props;
     // Options
     const options = app?.getBools() ?? [];
     if (autoAddBlankItem)
         shared_1.Utils.addBlankItem(options);
     // Layout
-    return (0, jsx_runtime_1.jsx)(SelectEx_1.SelectEx, { options: options, search: search, ...rest });
+    return ((0, jsx_runtime_1.jsx)(SelectEx_1.SelectEx, { options: options, search: search, value: `${value ?? ""}`, ...rest }));
 }

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/SelectBool.d.ts

@@ -3,7 +3,12 @@ import { SelectExProps } from "./SelectEx";
 /**
  * SelectBool props
  */
-export type SelectBoolProps = Omit<SelectExProps<ListType1>, "options" | "loadData">;
+export type SelectBoolProps = Omit<SelectExProps<ListType1>, "options" | "loadData" | "value"> & {
+    /**
+     * Value
+     */
+    value?: boolean;
+};
 /**
  * SelectBool (yes/no)
  * @param props Props

package/lib/mjs/SelectBool.js

@@ -11,11 +11,11 @@ export function SelectBool(props) {
     // Global app
     const app = useAppContext();
     // Destruct
-    const { search = true, autoAddBlankItem = search, ...rest } = props;
+    const { search = true, autoAddBlankItem = search, value, ...rest } = props;
     // Options
     const options = app?.getBools() ?? [];
     if (autoAddBlankItem)
         Utils.addBlankItem(options);
     // Layout
-    return _jsx(SelectEx, { options: options, search: search, ...rest });
+    return (_jsx(SelectEx, { options: options, search: search, value: `${value ?? ""}`, ...rest }));
 }

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.67",
+  "version": "1.5.69",
   "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.8.0",
+    "@mui/icons-material": "^7.3.0",
+    "@mui/material": "^7.3.0",
+    "@mui/x-data-grid": "^8.9.2",
     "chart.js": "^4.5.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "dompurify": "^3.2.6",
@@ -72,7 +72,7 @@
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@babel/runtime-corejs3": "^7.28.0",
+    "@babel/runtime-corejs3": "^7.28.2",
     "@testing-library/react": "^16.3.0",
     "@types/pica": "^9.0.5",
     "@types/pulltorefreshjs": "^0.1.7",
@@ -83,7 +83,7 @@
     "@types/react-window": "^1.8.8",
     "@vitejs/plugin-react": "^4.7.0",
     "jsdom": "^26.1.0",
-    "typescript": "^5.8.3",
+    "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/SelectBool.tsx

@@ -7,8 +7,13 @@ import { useAppContext } from "./app/ReactApp";
  */
 export type SelectBoolProps = Omit<
   SelectExProps<ListType1>,
-  "options" | "loadData"
->;
+  "options" | "loadData" | "value"
+> & {
+  /**
+   * Value
+   */
+  value?: boolean;
+};
 
 /**
  * SelectBool (yes/no)
@@ -20,7 +25,7 @@ export function SelectBool(props: SelectBoolProps) {
   const app = useAppContext();
 
   // Destruct
-  const { search = true, autoAddBlankItem = search, ...rest } = props;
+  const { search = true, autoAddBlankItem = search, value, ...rest } = props;
 
   // Options
   const options = app?.getBools() ?? [];
@@ -28,5 +33,12 @@ export function SelectBool(props: SelectBoolProps) {
   if (autoAddBlankItem) Utils.addBlankItem(options);
 
   // Layout
-  return <SelectEx<ListType1> options={options} search={search} {...rest} />;
+  return (
+    <SelectEx<ListType1>
+      options={options}
+      search={search}
+      value={`${value ?? ""}`}
+      {...rest}
+    />
+  );
 }

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)?"]
   }
 });