From d9c9c9829cf1d209ac3f102450376e7c768a2cd4 Mon Sep 17 00:00:00 2001
From: Guilherme Leme <leme.guilherme.p@gmail.com>
Date: Thu, 20 Nov 2025 17:19:40 -0300
Subject: [PATCH] [zindex-floating-window] added z-index property into floating
 window constructor

---
 src/extensible-areas/floating-window/component.ts | 5 +++++
 src/extensible-areas/floating-window/types.ts     | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/extensible-areas/floating-window/component.ts b/src/extensible-areas/floating-window/component.ts
index 6b86e76b..4810c782 100644
--- a/src/extensible-areas/floating-window/component.ts
+++ b/src/extensible-areas/floating-window/component.ts
@@ -19,6 +19,8 @@ export class FloatingWindow implements FloatingWindowInterface {
 
   boxShadow: string;
 
+  zIndex?: number;
+
   contentFunction: (element: HTMLElement) => ReactDOM.Root;
 
   /**
@@ -32,6 +34,7 @@ export class FloatingWindow implements FloatingWindowInterface {
    * @param movable - tells whether the floating window is movable or static.
    * @param backgroundColor - background color of the floating window.
    * @param boxShadow - box shadow to apply to the floating window
+   * @param zIndex - z-index of the floating window (Optional).
    * @param contentFunction - function that gives the html element to render the content of
    * the floating window. It must return the root element where the floating window was rendered.
    *
@@ -44,6 +47,7 @@ export class FloatingWindow implements FloatingWindowInterface {
     movable,
     backgroundColor,
     boxShadow,
+    zIndex,
     contentFunction,
   }: FloatingWindowProps) {
     if (id) {
@@ -54,6 +58,7 @@ export class FloatingWindow implements FloatingWindowInterface {
     this.movable = movable;
     this.backgroundColor = backgroundColor;
     this.boxShadow = boxShadow;
+    this.zIndex = zIndex;
 
     this.contentFunction = contentFunction;
     this.type = FloatingWindowType.CONTAINER;
diff --git a/src/extensible-areas/floating-window/types.ts b/src/extensible-areas/floating-window/types.ts
index ecb56732..746514e1 100644
--- a/src/extensible-areas/floating-window/types.ts
+++ b/src/extensible-areas/floating-window/types.ts
@@ -11,6 +11,7 @@ export interface FloatingWindowProps {
   movable: boolean;
   backgroundColor: string;
   boxShadow: string;
+  zIndex?: number;
   contentFunction: (element: HTMLElement) => ReactDOM.Root;
 }