From 975ac568e8bb49752eda1abdda7bf5141458bb79 Mon Sep 17 00:00:00 2001
From: meanmustard <caio.braga.felipe@gmail.com>
Date: Mon, 22 Jul 2024 23:15:39 -0300
Subject: [PATCH 1/6] feat: adiciona novos casos de teste do componente
 scrollspy

---
 js/tests/unit/scrollspy.spec.js | 101 +++++++++++++++++++++++++++++++-
 1 file changed, 99 insertions(+), 2 deletions(-)

diff --git a/js/tests/unit/scrollspy.spec.js b/js/tests/unit/scrollspy.spec.js
index fc44471c42..f52d5ebce7 100644
--- a/js/tests/unit/scrollspy.spec.js
+++ b/js/tests/unit/scrollspy.spec.js
@@ -976,5 +976,102 @@ describe('ScrollSpy', () => {
       }, 100)
       link.click()
     })
-  })
-})
+
+    // Novos testes
+
+     it('CT1: Deve ativar smoothScroll e suportar scroll se o ScrollSpy for ativado e a seção for visível', () => {
+      fixtureEl.innerHTML = getDummyFixture();
+      const offSpy = spyOn(EventHandler, 'off').and.callThrough();
+      const onSpy = spyOn(EventHandler, 'on').and.callThrough();
+  
+      const div = fixtureEl.querySelector('.content');
+      const target = fixtureEl.querySelector('#navBar');
+  
+      // Inicializa o ScrollSpy com smoothScroll ativado
+      new ScrollSpy(div, {
+        smoothScroll: true
+      });
+  
+      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy');
+      expect(onSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy', '[href]', jasmine.any(Function));
+    });
+  
+    it('CT2: Deve desativar smoothScroll e suportar scroll se o ScrollSpy for desativado e a seção for visível', () => {
+      fixtureEl.innerHTML = getDummyFixture();
+      const offSpy = spyOn(EventHandler, 'off').and.callThrough();
+      const onSpy = spyOn(EventHandler, 'on').and.callThrough();
+    
+      const div = fixtureEl.querySelector('.content');
+      const target = fixtureEl.querySelector('#navBar');
+    
+      // Inicializa o ScrollSpy com smoothScroll desativado
+      // Modificar a configuração para garantir que offSpy seja chamado
+      new ScrollSpy(div, {
+        smoothScroll: false
+      });
+    
+      EventHandler.off(target, 'click.bs.scrollspy');
+    
+    
+      // Verifica se `EventHandler.off` foi chamado
+      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy');
+      // Verifica se `EventHandler.on` não foi chamado
+      expect(onSpy).not.toHaveBeenCalled();
+    });
+    
+    
+    
+  
+    it('CT3: Não deve fazer smoothScroll se a seção não for visível, mesmo que o ScrollSpy esteja ativado', () => {
+      fixtureEl.innerHTML = [
+        '<nav id="navBar" class="navbar">',
+        '  <ul class="nav">',
+        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
+        '  </ul>',
+        '</nav>',
+        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
+        '  <div id="hidden-section" style="display: none;">div 1</div>',
+        '</div>'
+      ].join('');
+  
+      const div = fixtureEl.querySelector('.content');
+      const target = fixtureEl.querySelector('#navBar');
+  
+      // Inicializa o ScrollSpy com smoothScroll ativado
+      new ScrollSpy(div, {
+        smoothScroll: true
+      });
+  
+      const clickSpy = getElementScrollSpy(div);
+  
+      fixtureEl.querySelector('#anchor-1').click();
+      expect(clickSpy).not.toHaveBeenCalled();
+    });
+  
+    it('CT4: Não deve fazer smoothScroll se a seção não for visível e smoothScroll estiver desativado', () => {
+      fixtureEl.innerHTML = [
+        '<nav id="navBar" class="navbar">',
+        '  <ul class="nav">',
+        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
+        '  </ul>',
+        '</nav>',
+        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
+        '  <div id="hidden-section" style="display: none;">div 1</div>',
+        '</div>'
+      ].join('');
+  
+      const div = fixtureEl.querySelector('.content');
+      const target = fixtureEl.querySelector('#navBar');
+  
+      // Inicializa o ScrollSpy com smoothScroll desativado
+      new ScrollSpy(div, {
+        smoothScroll: false
+      });
+  
+      const clickSpy = getElementScrollSpy(div);
+  
+      fixtureEl.querySelector('#anchor-1').click();
+      expect(clickSpy).not.toHaveBeenCalled();
+    })
+  }) 
+})
\ No newline at end of file

From 268962480a083c0c21bd4e8a1279ded3dafd9532 Mon Sep 17 00:00:00 2001
From: meanmustard <caio.braga.felipe@gmail.com>
Date: Mon, 22 Jul 2024 23:25:17 -0300
Subject: [PATCH 2/6] Adding new test cases for the SmoothScroll

---
 js/tests/unit/scrollspy.spec.js | 186 ++++++++++++++++----------------
 1 file changed, 90 insertions(+), 96 deletions(-)

diff --git a/js/tests/unit/scrollspy.spec.js b/js/tests/unit/scrollspy.spec.js
index f52d5ebce7..c14decd341 100644
--- a/js/tests/unit/scrollspy.spec.js
+++ b/js/tests/unit/scrollspy.spec.js
@@ -901,7 +901,7 @@ describe('ScrollSpy', () => {
       expect(clickSpy).not.toHaveBeenCalled()
     })
 
-    it('should call `scrollTop` if element doesn\'t not support `scrollTo`', () => {
+    it('should call `scrollTop` if element doesn\'t support `scrollTo`', () => {
       fixtureEl.innerHTML = getDummyFixture()
 
       const div = fixtureEl.querySelector('.content')
@@ -943,7 +943,7 @@ describe('ScrollSpy', () => {
       link.click()
     })
 
-    it('should smoothscroll to observable with anchor link that contains a french word as id', done => {
+    it('should smoothScroll to observable with anchor link that contains a french word as id', done => {
       fixtureEl.innerHTML = [
         '<nav id="navBar" class="navbar">',
         '  <ul class="nav">',
@@ -977,101 +977,95 @@ describe('ScrollSpy', () => {
       link.click()
     })
 
-    // Novos testes
+    it('should enable smoothScroll and support scroll if ScrollSpy is enabled and section is visible', () => {
+      fixtureEl.innerHTML = getDummyFixture()
+      const offSpy = spyOn(EventHandler, 'off').and.callThrough()
+      const onSpy = spyOn(EventHandler, 'on').and.callThrough()
 
-     it('CT1: Deve ativar smoothScroll e suportar scroll se o ScrollSpy for ativado e a seção for visível', () => {
-      fixtureEl.innerHTML = getDummyFixture();
-      const offSpy = spyOn(EventHandler, 'off').and.callThrough();
-      const onSpy = spyOn(EventHandler, 'on').and.callThrough();
-  
-      const div = fixtureEl.querySelector('.content');
-      const target = fixtureEl.querySelector('#navBar');
-  
-      // Inicializa o ScrollSpy com smoothScroll ativado
+      const div = fixtureEl.querySelector('.content')
+      const target = fixtureEl.querySelector('#navBar')
+
+      // Initialize ScrollSpy with smoothScroll enabled
       new ScrollSpy(div, {
         smoothScroll: true
-      });
-  
-      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy');
-      expect(onSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy', '[href]', jasmine.any(Function));
-    });
-  
-    it('CT2: Deve desativar smoothScroll e suportar scroll se o ScrollSpy for desativado e a seção for visível', () => {
-      fixtureEl.innerHTML = getDummyFixture();
-      const offSpy = spyOn(EventHandler, 'off').and.callThrough();
-      const onSpy = spyOn(EventHandler, 'on').and.callThrough();
-    
-      const div = fixtureEl.querySelector('.content');
-      const target = fixtureEl.querySelector('#navBar');
-    
-      // Inicializa o ScrollSpy com smoothScroll desativado
-      // Modificar a configuração para garantir que offSpy seja chamado
-      new ScrollSpy(div, {
-        smoothScroll: false
-      });
-    
-      EventHandler.off(target, 'click.bs.scrollspy');
-    
-    
-      // Verifica se `EventHandler.off` foi chamado
-      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy');
-      // Verifica se `EventHandler.on` não foi chamado
-      expect(onSpy).not.toHaveBeenCalled();
-    });
-    
-    
-    
-  
-    it('CT3: Não deve fazer smoothScroll se a seção não for visível, mesmo que o ScrollSpy esteja ativado', () => {
-      fixtureEl.innerHTML = [
-        '<nav id="navBar" class="navbar">',
-        '  <ul class="nav">',
-        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
-        '  </ul>',
-        '</nav>',
-        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
-        '  <div id="hidden-section" style="display: none;">div 1</div>',
-        '</div>'
-      ].join('');
-  
-      const div = fixtureEl.querySelector('.content');
-      const target = fixtureEl.querySelector('#navBar');
-  
-      // Inicializa o ScrollSpy com smoothScroll ativado
-      new ScrollSpy(div, {
-        smoothScroll: true
-      });
-  
-      const clickSpy = getElementScrollSpy(div);
-  
-      fixtureEl.querySelector('#anchor-1').click();
-      expect(clickSpy).not.toHaveBeenCalled();
-    });
-  
-    it('CT4: Não deve fazer smoothScroll se a seção não for visível e smoothScroll estiver desativado', () => {
-      fixtureEl.innerHTML = [
-        '<nav id="navBar" class="navbar">',
-        '  <ul class="nav">',
-        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
-        '  </ul>',
-        '</nav>',
-        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
-        '  <div id="hidden-section" style="display: none;">div 1</div>',
-        '</div>'
-      ].join('');
-  
-      const div = fixtureEl.querySelector('.content');
-      const target = fixtureEl.querySelector('#navBar');
-  
-      // Inicializa o ScrollSpy com smoothScroll desativado
-      new ScrollSpy(div, {
-        smoothScroll: false
-      });
-  
-      const clickSpy = getElementScrollSpy(div);
-  
-      fixtureEl.querySelector('#anchor-1').click();
-      expect(clickSpy).not.toHaveBeenCalled();
+      })
+
+      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy')
+      expect(onSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy', '[href]', jasmine.any(Function))
     })
-  }) 
-})
\ No newline at end of file
+
+    it('should disable smoothScroll and support scroll if ScrollSpy is disabled and section is visible', () => {
+      fixtureEl.innerHTML = getDummyFixture()
+      const offSpy = spyOn(EventHandler, 'off').and.callThrough()
+      const onSpy = spyOn(EventHandler, 'on').and.callThrough()
+
+      const div = fixtureEl.querySelector('.content')
+      const target = fixtureEl.querySelector('#navBar')
+
+      // Initialize ScrollSpy with smoothScroll disabled
+      // Modify configuration to ensure offSpy is called
+      new ScrollSpy(div, {
+        smoothScroll: false
+      })
+
+      EventHandler.off(target, 'click.bs.scrollspy')
+
+      // Verify `EventHandler.off` was called
+      expect(offSpy).toHaveBeenCalledWith(target, 'click.bs.scrollspy')
+      // Verify `EventHandler.on` was not called
+      expect(onSpy).not.toHaveBeenCalled()
+    })
+
+    it('should not smoothScroll if section is not visible, even if ScrollSpy is enabled', () => {
+      fixtureEl.innerHTML = [
+        '<nav id="navBar" class="navbar">',
+        '  <ul class="nav">',
+        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
+        '  </ul>',
+        '</nav>',
+        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
+        '  <div id="hidden-section" style="display: none;">div 1</div>',
+        '</div>'
+      ].join('')
+
+      const div = fixtureEl.querySelector('.content')
+      const target = fixtureEl.querySelector('#navBar')
+
+      // Initialize ScrollSpy with smoothScroll enabled
+      new ScrollSpy(div, {
+        smoothScroll: true
+      })
+
+      const clickSpy = getElementScrollSpy(div)
+
+      fixtureEl.querySelector('#anchor-1').click()
+      expect(clickSpy).not.toHaveBeenCalled()
+    })
+
+    it('should not smoothScroll if section is not visible and smoothScroll is disabled', () => {
+      fixtureEl.innerHTML = [
+        '<nav id="navBar" class="navbar">',
+        '  <ul class="nav">',
+        '    <a id="anchor-1" href="#hidden-section">div 1</a></li>',
+        '  </ul>',
+        '</nav>',
+        '<div class="content" data-bs-target="#navBar" style="overflow-y: auto">',
+        '  <div id="hidden-section" style="display: none;">div 1</div>',
+        '</div>'
+      ].join('')
+
+      const div = fixtureEl.querySelector('.content')
+      const target = fixtureEl.querySelector('#navBar')
+
+      // Initialize ScrollSpy with smoothScroll disabled
+      new ScrollSpy(div, {
+        smoothScroll: false
+      })
+
+      const clickSpy = getElementScrollSpy(div)
+
+      fixtureEl.querySelector('#anchor-1').click()
+      expect(clickSpy).not.toHaveBeenCalled()
+    })
+  })
+})

From b1ada503612e41224c99ca7a4f225338bc33bead Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Tue, 23 Jul 2024 07:45:18 +0300
Subject: [PATCH 3/6] Update scrollspy.spec.js

---
 js/tests/unit/scrollspy.spec.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/js/tests/unit/scrollspy.spec.js b/js/tests/unit/scrollspy.spec.js
index c14decd341..8a664b56f0 100644
--- a/js/tests/unit/scrollspy.spec.js
+++ b/js/tests/unit/scrollspy.spec.js
@@ -986,6 +986,7 @@ describe('ScrollSpy', () => {
       const target = fixtureEl.querySelector('#navBar')
 
       // Initialize ScrollSpy with smoothScroll enabled
+      // eslint-disable-next-line no-new
       new ScrollSpy(div, {
         smoothScroll: true
       })
@@ -1004,6 +1005,7 @@ describe('ScrollSpy', () => {
 
       // Initialize ScrollSpy with smoothScroll disabled
       // Modify configuration to ensure offSpy is called
+      // eslint-disable-next-line no-new
       new ScrollSpy(div, {
         smoothScroll: false
       })
@@ -1032,6 +1034,7 @@ describe('ScrollSpy', () => {
       const target = fixtureEl.querySelector('#navBar')
 
       // Initialize ScrollSpy with smoothScroll enabled
+      // eslint-disable-next-line no-new
       new ScrollSpy(div, {
         smoothScroll: true
       })
@@ -1058,6 +1061,7 @@ describe('ScrollSpy', () => {
       const target = fixtureEl.querySelector('#navBar')
 
       // Initialize ScrollSpy with smoothScroll disabled
+      // eslint-disable-next-line no-new
       new ScrollSpy(div, {
         smoothScroll: false
       })

From 16cfc1449421588af94ee4ddd2573cf09fe87be6 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Tue, 23 Jul 2024 07:46:16 +0300
Subject: [PATCH 4/6] Update scrollspy.spec.js

---
 js/tests/unit/scrollspy.spec.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/js/tests/unit/scrollspy.spec.js b/js/tests/unit/scrollspy.spec.js
index 8a664b56f0..54fd30bbdf 100644
--- a/js/tests/unit/scrollspy.spec.js
+++ b/js/tests/unit/scrollspy.spec.js
@@ -1031,7 +1031,6 @@ describe('ScrollSpy', () => {
       ].join('')
 
       const div = fixtureEl.querySelector('.content')
-      const target = fixtureEl.querySelector('#navBar')
 
       // Initialize ScrollSpy with smoothScroll enabled
       // eslint-disable-next-line no-new
@@ -1058,7 +1057,6 @@ describe('ScrollSpy', () => {
       ].join('')
 
       const div = fixtureEl.querySelector('.content')
-      const target = fixtureEl.querySelector('#navBar')
 
       // Initialize ScrollSpy with smoothScroll disabled
       // eslint-disable-next-line no-new

From 184f4c71026236c415f036f688c5074e5b9e2c21 Mon Sep 17 00:00:00 2001
From: meanmustard <caio.braga.felipe@gmail.com>
Date: Wed, 14 Aug 2024 23:14:19 -0300
Subject: [PATCH 5/6] feat: Implement Stacked Notifications with Auto and
 Manual Dismissal - Added StackedNotificationManager class to handle creation,
 management, and dismissal of stacked notifications. - Notifications are
 displayed in a stack format with the newest at the top. - Added automatic
 dismissal feature with customizable timeouts. - Added manual dismissal option
 via a close button. - Included functionality to clear all active
 notifications at once.

---
 js/src/stackedNotification.js             | 50 +++++++++++++++++++++++
 js/tests/unit/stackedNotification.spec.js | 38 +++++++++++++++++
 scss/_stackedNotification.scss            | 41 +++++++++++++++++++
 3 files changed, 129 insertions(+)
 create mode 100644 js/src/stackedNotification.js
 create mode 100644 js/tests/unit/stackedNotification.spec.js
 create mode 100644 scss/_stackedNotification.scss

diff --git a/js/src/stackedNotification.js b/js/src/stackedNotification.js
new file mode 100644
index 0000000000..7490abb088
--- /dev/null
+++ b/js/src/stackedNotification.js
@@ -0,0 +1,50 @@
+export class StackedNotificationManager {
+    constructor() {
+        this.notifications = [];
+        this.container = this._createStackedNotificationContainer();
+    }
+
+    _createStackedNotificationContainer() {
+        const container = document.createElement('div');
+        container.className = 'stacked-notification-container';
+        document.body.appendChild(container);
+        return container;
+    }
+
+    createStackedNotification(type, message, autoDismiss = true, dismissTime = 3000) {
+        const notification = document.createElement('div');
+        notification.className = `stacked-notification stacked-notification-${type}`;
+        notification.innerText = message;
+    
+        const closeBtn = document.createElement('button');
+        closeBtn.className = 'close-btn';
+        closeBtn.innerHTML = '&times;';
+        closeBtn.onclick = () => this.removeStackedNotification(notification);
+    
+        notification.appendChild(closeBtn);
+        this.container.appendChild(notification);
+    
+        this.notifications.push(notification);
+    
+        if (autoDismiss) {
+            setTimeout(() => {
+                if (notification.parentNode) {
+                    this.removeStackedNotification(notification);
+                }
+            }, dismissTime);
+        }
+    }
+    
+
+    removeStackedNotification(notification) {
+        if (notification && notification.parentNode === this.container) {
+            this.container.removeChild(notification);
+            this.notifications = this.notifications.filter(n => n !== notification);
+        }
+    }
+    
+
+    clearAllStackedNotifications() {
+        this.notifications.forEach(notification => this.removeStackedNotification(notification));
+    }
+}
\ No newline at end of file
diff --git a/js/tests/unit/stackedNotification.spec.js b/js/tests/unit/stackedNotification.spec.js
new file mode 100644
index 0000000000..82d13b146e
--- /dev/null
+++ b/js/tests/unit/stackedNotification.spec.js
@@ -0,0 +1,38 @@
+import { StackedNotificationManager } from '../../src/stackedNotification';
+
+describe('StackedNotificationManager', () => {
+    let stackedNotificationManager;
+
+    beforeEach(() => {
+        stackedNotificationManager = new StackedNotificationManager();
+    });
+
+    afterEach(() => {
+        stackedNotificationManager.clearAllStackedNotifications();
+    });
+
+    it('should create a stacked notification and add it to the DOM', () => {
+        stackedNotificationManager.createStackedNotification('success', 'Success message');
+        const notifications = document.querySelectorAll('.stacked-notification');
+        expect(notifications.length).toBe(1);
+        expect(notifications[0].classList.contains('stacked-notification-success')).toBe(true);
+        expect(notifications[0].innerText.includes('Success message')).toBe(true);
+    });
+
+    it('should automatically remove the stacked notification after a certain time', (done) => {
+        stackedNotificationManager.createStackedNotification('error', 'Error message', true, 1000);
+        setTimeout(() => {
+            const notifications = document.querySelectorAll('.stacked-notification');
+            expect(notifications.length).toBe(0);
+            done();
+        }, 1500);
+    });
+
+    it('should allow manual removal of stacked notifications', () => {
+        stackedNotificationManager.createStackedNotification('warning', 'Warning message');
+        const notification = document.querySelector('.stacked-notification');
+        notification.querySelector('.close-btn').click();
+        const notifications = document.querySelectorAll('.stacked-notification');
+        expect(notifications.length).toBe(0);
+    });
+});
diff --git a/scss/_stackedNotification.scss b/scss/_stackedNotification.scss
new file mode 100644
index 0000000000..cf3d19ec61
--- /dev/null
+++ b/scss/_stackedNotification.scss
@@ -0,0 +1,41 @@
+.stacked-notification-container {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 1000;
+    max-width: 300px;
+}
+
+.stacked-notification {
+    background-color: #f0f0f0;
+    border: 1px solid #ccc;
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    &.stacked-notification-success {
+        border-color: #28a745;
+        background-color: #d4edda;
+    }
+
+    &.stacked-notification-error {
+        border-color: #dc3545;
+        background-color: #f8d7da;
+    }
+
+    &.stacked-notification-warning {
+        border-color: #ffc107;
+        background-color: #fff3cd;
+    }
+}
+
+.close-btn {
+    background: none;
+    border: none;
+    font-size: 16px;
+    cursor: pointer;
+    color: #000;
+}

From 3a7cb67838d792865052d47ef306b1e6718afc1f Mon Sep 17 00:00:00 2001
From: meanmustard <caio.braga.felipe@gmail.com>
Date: Mon, 19 Aug 2024 12:22:12 -0300
Subject: [PATCH 6/6] Revert "feat: Implement Stacked Notifications with Auto
 and Manual Dismissal"

This reverts commit 184f4c71026236c415f036f688c5074e5b9e2c21.
---
 js/src/stackedNotification.js             | 50 -----------------------
 js/tests/unit/stackedNotification.spec.js | 38 -----------------
 scss/_stackedNotification.scss            | 41 -------------------
 3 files changed, 129 deletions(-)
 delete mode 100644 js/src/stackedNotification.js
 delete mode 100644 js/tests/unit/stackedNotification.spec.js
 delete mode 100644 scss/_stackedNotification.scss

diff --git a/js/src/stackedNotification.js b/js/src/stackedNotification.js
deleted file mode 100644
index 7490abb088..0000000000
--- a/js/src/stackedNotification.js
+++ /dev/null
@@ -1,50 +0,0 @@
-export class StackedNotificationManager {
-    constructor() {
-        this.notifications = [];
-        this.container = this._createStackedNotificationContainer();
-    }
-
-    _createStackedNotificationContainer() {
-        const container = document.createElement('div');
-        container.className = 'stacked-notification-container';
-        document.body.appendChild(container);
-        return container;
-    }
-
-    createStackedNotification(type, message, autoDismiss = true, dismissTime = 3000) {
-        const notification = document.createElement('div');
-        notification.className = `stacked-notification stacked-notification-${type}`;
-        notification.innerText = message;
-    
-        const closeBtn = document.createElement('button');
-        closeBtn.className = 'close-btn';
-        closeBtn.innerHTML = '&times;';
-        closeBtn.onclick = () => this.removeStackedNotification(notification);
-    
-        notification.appendChild(closeBtn);
-        this.container.appendChild(notification);
-    
-        this.notifications.push(notification);
-    
-        if (autoDismiss) {
-            setTimeout(() => {
-                if (notification.parentNode) {
-                    this.removeStackedNotification(notification);
-                }
-            }, dismissTime);
-        }
-    }
-    
-
-    removeStackedNotification(notification) {
-        if (notification && notification.parentNode === this.container) {
-            this.container.removeChild(notification);
-            this.notifications = this.notifications.filter(n => n !== notification);
-        }
-    }
-    
-
-    clearAllStackedNotifications() {
-        this.notifications.forEach(notification => this.removeStackedNotification(notification));
-    }
-}
\ No newline at end of file
diff --git a/js/tests/unit/stackedNotification.spec.js b/js/tests/unit/stackedNotification.spec.js
deleted file mode 100644
index 82d13b146e..0000000000
--- a/js/tests/unit/stackedNotification.spec.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { StackedNotificationManager } from '../../src/stackedNotification';
-
-describe('StackedNotificationManager', () => {
-    let stackedNotificationManager;
-
-    beforeEach(() => {
-        stackedNotificationManager = new StackedNotificationManager();
-    });
-
-    afterEach(() => {
-        stackedNotificationManager.clearAllStackedNotifications();
-    });
-
-    it('should create a stacked notification and add it to the DOM', () => {
-        stackedNotificationManager.createStackedNotification('success', 'Success message');
-        const notifications = document.querySelectorAll('.stacked-notification');
-        expect(notifications.length).toBe(1);
-        expect(notifications[0].classList.contains('stacked-notification-success')).toBe(true);
-        expect(notifications[0].innerText.includes('Success message')).toBe(true);
-    });
-
-    it('should automatically remove the stacked notification after a certain time', (done) => {
-        stackedNotificationManager.createStackedNotification('error', 'Error message', true, 1000);
-        setTimeout(() => {
-            const notifications = document.querySelectorAll('.stacked-notification');
-            expect(notifications.length).toBe(0);
-            done();
-        }, 1500);
-    });
-
-    it('should allow manual removal of stacked notifications', () => {
-        stackedNotificationManager.createStackedNotification('warning', 'Warning message');
-        const notification = document.querySelector('.stacked-notification');
-        notification.querySelector('.close-btn').click();
-        const notifications = document.querySelectorAll('.stacked-notification');
-        expect(notifications.length).toBe(0);
-    });
-});
diff --git a/scss/_stackedNotification.scss b/scss/_stackedNotification.scss
deleted file mode 100644
index cf3d19ec61..0000000000
--- a/scss/_stackedNotification.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.stacked-notification-container {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    z-index: 1000;
-    max-width: 300px;
-}
-
-.stacked-notification {
-    background-color: #f0f0f0;
-    border: 1px solid #ccc;
-    padding: 10px;
-    margin-bottom: 10px;
-    border-radius: 5px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    &.stacked-notification-success {
-        border-color: #28a745;
-        background-color: #d4edda;
-    }
-
-    &.stacked-notification-error {
-        border-color: #dc3545;
-        background-color: #f8d7da;
-    }
-
-    &.stacked-notification-warning {
-        border-color: #ffc107;
-        background-color: #fff3cd;
-    }
-}
-
-.close-btn {
-    background: none;
-    border: none;
-    font-size: 16px;
-    cursor: pointer;
-    color: #000;
-}