@m4l/components 9.1.92 → 9.1.93

package/components/WindowBase/WindowBase.d.ts

@@ -5,7 +5,7 @@ import { WindowBaseProps } from './types';
  * It uses hooks like `useModal` and utility style classes.
  * @author cesar - automatic
  * @createdAt 2024-11-15 18:08:44 - automatic
- * @updatedAt 2025-01-13 11:59:58 - automatic
+ * @updatedAt 2025-01-31 08:23:27 - automatic
  * @updatedUser cesar - automatic
  */
 export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;

package/components/WindowBase/WindowBase.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
@@ -6,6 +6,7 @@ import { W as WINDOW_BASE_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";
 import { H as HeaderWindowBase } from "./subcomponents/Header/HeaderWindowBase.js";
+import { T as ToastContainer } from "../ToastContainer/ToastContainer.js";
 import { W as WindowBaseStyled, C as ContentWindowStyled, L as LinearProgressIndeterminateStyled } from "./slots/WindowBaseSlots.js";
 import { W as WindowBaseSlots } from "./slots/WindowBaseEnum.js";
 const WindowBase = (props) => {
@@ -20,6 +21,7 @@ const WindowBase = (props) => {
     onClose,
     className,
     isLoading,
+    windowId,
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -30,36 +32,39 @@ const WindowBase = (props) => {
     windowBaseVariant: variant,
     windowBaseSize: normalizedSize
   };
-  return /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: currentSize, children: /* @__PURE__ */ jsxs(
-    WindowBaseStyled,
-    {
-      className: clsx(getComponentSlotRoot(WINDOW_BASE_KEY_COMPONENT), className),
-      ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.wrapperWindowBase, dataTestId),
-      ownerState,
-      children: [
-        /* @__PURE__ */ jsx(
-          HeaderWindowBase,
-          {
-            ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.headerContentWindowBase, dataTestId),
-            version,
-            size,
-            selected,
-            onClose,
-            ...other
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ContentWindowStyled,
-          {
-            ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.contentWindowBase, dataTestId),
-            ownerState,
-            children
-          }
-        ),
-        isLoading && /* @__PURE__ */ jsx(LinearProgressIndeterminateStyled, { ownerState: {} })
-      ]
-    }
-  ) });
+  return /* @__PURE__ */ jsxs(AppearanceComponentProvider, { defaultSize: currentSize, children: [
+    /* @__PURE__ */ jsx(ToastContainer, { fixed: false, position: "top-center", containerId: windowId }),
+    /* @__PURE__ */ jsxs(
+      WindowBaseStyled,
+      {
+        className: clsx(getComponentSlotRoot(WINDOW_BASE_KEY_COMPONENT), className),
+        ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.wrapperWindowBase, dataTestId),
+        ownerState,
+        children: [
+          /* @__PURE__ */ jsx(
+            HeaderWindowBase,
+            {
+              ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.headerContentWindowBase, dataTestId),
+              version,
+              size,
+              selected,
+              onClose,
+              ...other
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ContentWindowStyled,
+            {
+              ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.contentWindowBase, dataTestId),
+              ownerState,
+              children
+            }
+          ),
+          isLoading && /* @__PURE__ */ jsx(LinearProgressIndeterminateStyled, { ownerState: {} })
+        ]
+      }
+    )
+  ] });
 };
 export {
   WindowBase as W

package/components/WindowBase/types.d.ts

@@ -8,7 +8,7 @@ import { ComponentPalletColor, Sizes } from '@m4l/styles';
  * Type representing a single action in the `WindowBase` component.
  * @author cesar - automatic
  * @createdAt 2024-12-23 09:48:25 - automatic
- * @updatedAt 2025-01-13 09:31:36 - automatic
+ * @updatedAt 2025-01-31 08:23:27 - automatic
  * @updatedUser cesar - automatic
  */
 export interface WindowBaseAction {
@@ -131,6 +131,11 @@ export interface WindowBaseProps {
      * Indicates if the window is in a loading state.
      */
     isLoading?: boolean;
+    /**
+     * A unique identifier for the window.
+     * This is used to identify and manage multiple windows.
+     */
+    windowId?: string;
 }
 /**
  * Type representing the possible values of `WindowBaseSlots`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.92",
+  "version": "9.1.93",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"