@etsoo/materialui 1.4.98 → 1.4.99

package/lib/cjs/ErrorAlert.d.ts

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

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

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

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

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.4.98",
+  "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.18",
+    "@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.7",
-    "@mui/material": "^6.4.7",
-    "@mui/x-data-grid": "^7.27.3",
+    "@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",
@@ -83,6 +83,6 @@
     "@vitejs/plugin-react": "^4.3.4",
     "jsdom": "^26.0.0",
     "typescript": "^5.8.2",
-    "vitest": "^3.0.8"
+    "vitest": "^3.0.9"
   }
 }

package/src/ErrorAlert.tsx

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

@@ -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";