npm - @etsoo/materialui - Versions diffs - 1.4.97 → 1.4.99 - Mend

@etsoo/materialui 1.4.97 → 1.4.99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/LICENSE CHANGED Viewed

@@ -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/ErrorAlert.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { AlertProps } from "@mui/material";
+/**
+ * Error alert props
+ */
+export type ErrorAlertProps = AlertProps & {
+    /**
+     * Message to display
+     */
+    message?: React.ReactNode;
+};
+/**
+ * Error alert component
+ * @param props Props
+ * @returns Component
+ */
+export declare function ErrorAlert(props: ErrorAlertProps): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/ErrorAlert.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorAlert = ErrorAlert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ReactApp_1 = require("./app/ReactApp");
+/**
+ * Error alert component
+ * @param props Props
+ * @returns Component
+ */
+function ErrorAlert(props) {
+    // Global app
+    const app = (0, ReactApp_1.useAppContext)();
+    // Destruct
+    const { message = app?.get("idError"), ...alertProps } = props;
+    // Layout
+    return ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", ...alertProps, children: message }));
+}

package/lib/cjs/TabBox.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/index.d.ts CHANGED Viewed

@@ -53,6 +53,7 @@ export * from "./DialogButton";
 export * from "./DnDList";
 export * from "./DraggablePaperComponent";
 export * from "./EmailInput";
+export * from "./ErrorAlert";
 export * from "./FabBox";
 export * from "./FieldSetEx";
 export * from "./FileUploadButton";

package/lib/cjs/index.js CHANGED Viewed

@@ -69,6 +69,7 @@ __exportStar(require("./DialogButton"), exports);
 __exportStar(require("./DnDList"), exports);
 __exportStar(require("./DraggablePaperComponent"), exports);
 __exportStar(require("./EmailInput"), exports);
+__exportStar(require("./ErrorAlert"), exports);
 __exportStar(require("./FabBox"), exports);
 __exportStar(require("./FieldSetEx"), exports);
 __exportStar(require("./FileUploadButton"), exports);

package/lib/mjs/ErrorAlert.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { AlertProps } from "@mui/material";
+/**
+ * Error alert props
+ */
+export type ErrorAlertProps = AlertProps & {
+    /**
+     * Message to display
+     */
+    message?: React.ReactNode;
+};
+/**
+ * Error alert component
+ * @param props Props
+ * @returns Component
+ */
+export declare function ErrorAlert(props: ErrorAlertProps): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/ErrorAlert.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert } from "@mui/material";
+import { useAppContext } from "./app/ReactApp";
+/**
+ * Error alert component
+ * @param props Props
+ * @returns Component
+ */
+export function ErrorAlert(props) {
+    // Global app
+    const app = useAppContext();
+    // Destruct
+    const { message = app?.get("idError"), ...alertProps } = props;
+    // Layout
+    return (_jsx(Alert, { severity: "error", ...alertProps, children: message }));
+}

package/lib/mjs/TabBox.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/index.d.ts CHANGED Viewed

@@ -53,6 +53,7 @@ export * from "./DialogButton";
 export * from "./DnDList";
 export * from "./DraggablePaperComponent";
 export * from "./EmailInput";
+export * from "./ErrorAlert";
 export * from "./FabBox";
 export * from "./FieldSetEx";
 export * from "./FileUploadButton";

package/lib/mjs/index.js CHANGED Viewed

@@ -53,6 +53,7 @@ export * from "./DialogButton";
 export * from "./DnDList";
 export * from "./DraggablePaperComponent";
 export * from "./EmailInput";
+export * from "./ErrorAlert";
 export * from "./FabBox";
 export * from "./FieldSetEx";
 export * from "./FileUploadButton";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.4.97",
+  "version": "1.4.99",
   "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.16",
+    "@etsoo/appscript": "^1.6.19",
     "@etsoo/notificationbase": "^1.1.59",
-    "@etsoo/react": "^1.8.32",
+    "@etsoo/react": "^1.8.33",
     "@etsoo/shared": "^1.2.62",
-    "@mui/icons-material": "^6.4.6",
-    "@mui/material": "^6.4.6",
-    "@mui/x-data-grid": "^7.27.2",
+    "@mui/icons-material": "^6.4.8",
+    "@mui/material": "^6.4.8",
+    "@mui/x-data-grid": "^7.28.0",
     "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.9"
   }
 }

package/src/ErrorAlert.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+import { Alert, AlertProps } from "@mui/material";
+import { useAppContext } from "./app/ReactApp";
+/**
+ * Error alert props
+ */
+export type ErrorAlertProps = AlertProps & {
+  /**
+   * Message to display
+   */
+  message?: React.ReactNode;
+};
+/**
+ * Error alert component
+ * @param props Props
+ * @returns Component
+ */
+export function ErrorAlert(props: ErrorAlertProps) {
+  // Global app
+  const app = useAppContext();
+  // Destruct
+  const { message = app?.get("idError"), ...alertProps } = props;
+  // Layout
+  return (
+    <Alert severity="error" {...alertProps}>
+      {message}
+    </Alert>
+  );
+}

package/src/TabBox.tsx CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/index.ts CHANGED Viewed

@@ -58,6 +58,7 @@ export * from "./DialogButton";
 export * from "./DnDList";
 export * from "./DraggablePaperComponent";
 export * from "./EmailInput";
+export * from "./ErrorAlert";
 export * from "./FabBox";
 export * from "./FieldSetEx";
 export * from "./FileUploadButton";