flicker-alerts 1.0.36 → 1.0.38

package/index.d.ts

@@ -16,10 +16,6 @@ declare module 'flicker-alerts' {
     timer?: number;
   }
 
-  const FlickerAlerts: {
-    showAlert(options: AlertOptions): void;
-    showModal(options: ModalOptions): void;
-  };
-
-  export default FlickerAlerts;
+  export function showAlert(options: AlertOptions): void;
+  export function showModal(options: ModalOptions): void;
 }

package/index.js

@@ -1,3 +1,6 @@
+
+
+
 const FlickerAlerts = {
   showAlert: function ({ type, title, message, timer = 3000, position = 'top-right' }) {
     if (typeof window !== 'undefined' && typeof document !== 'undefined') {
@@ -6,8 +9,8 @@ const FlickerAlerts = {
         container = document.createElement('div');
         container.id = 'alerts-container';
         container.style.position = 'fixed';
-        container.style.top = '0';
-        container.style.left = '0';
+        container.style.top = 0;
+        container.style.left = 0;
         container.style.width = '100vw';
         container.style.height = '100vh';
         container.style.pointerEvents = 'none';
@@ -15,7 +18,8 @@ const FlickerAlerts = {
       }
 
       const alertBox = document.createElement('div');
-      alertBox.className = `notification ${type} ${position}`;
+      alertBox.className = `notification ${type}`;
+      alertBox.classList.add(position);
 
       // Ícone
       const icon = document.createElement('div');
@@ -32,14 +36,15 @@ const FlickerAlerts = {
       // Divisor
       const divider = document.createElement('div');
       divider.className = 'divider';
+      console.log(`Created divider for ${type}`); // Para depuração
       alertBox.appendChild(divider);
-
+      
       // Conteúdo
       const content = document.createElement('div');
       content.innerHTML = `<div class="title">${title}</div><div class="message">${message}</div>`;
       alertBox.appendChild(content);
 
-      // Barra de progresso
+      // Barra de carregamento
       const progressBar = document.createElement('div');
       progressBar.className = 'progress-bar';
       progressBar.style.animationDuration = `${timer}ms`;
@@ -70,16 +75,42 @@ const FlickerAlerts = {
   },
 };
 
+
+
+
+// Botões de teste - Eles podem ser removidos se não forem necessários
+if (typeof document !== 'undefined') {
+  document.getElementById('success-btn')?.addEventListener('click', () => {
+    FlickerAlerts.showAlert({ type: 'success', title: 'Sucesso!', message: 'Essa mensagem é personalizável.' });
+  });
+
+  document.getElementById('info-btn')?.addEventListener('click', () => {
+    FlickerAlerts.showAlert({ type: 'info', title: 'Informação!', message: 'Essa mensagem é personalizável.' });
+  });
+
+  document.getElementById('warning-btn')?.addEventListener('click', () => {
+    FlickerAlerts.showAlert({ type: 'warning', title: 'Alerta!', message: 'Essa mensagem é personalizável.' });
+  });
+
+  document.getElementById('error-btn')?.addEventListener('click', () => {
+    FlickerAlerts.showAlert({ type: 'danger', title: 'Erro!', message: 'Essa mensagem é personalizável.' });
+  });
+}
+
+// Exportação
+
+
+
 const FlickerModals = {
-  showModal: function ({ type, title, message, onConfirm, onCancel }) {
+  showModal: function ({ type, title, message,  onConfirm, onCancel }) {
     if (typeof window !== 'undefined' && typeof document !== 'undefined') {
       let container = document.getElementById('modals-container');
       if (!container) {
         container = document.createElement('div');
         container.id = 'modals-container';
         container.style.position = 'fixed';
-        container.style.top = '0';
-        container.style.left = '0';
+        container.style.top = 0;
+        container.style.left = 0;
         container.style.width = '100vw';
         container.style.height = '100vh';
         container.style.pointerEvents = 'none';
@@ -176,4 +207,30 @@ const FlickerModals = {
   }
 };
 
-export default { FlickerAlerts, FlickerModals };
+// Botões de teste - Eles podem ser removidos se não forem necessários
+if (typeof document !== 'undefined') {
+  document.getElementById('modal-warning-btn')?.addEventListener('click', () => {
+    FlickerModals.showModal({
+      type: 'warning',
+      title: 'Tem certeza que deseja aceitar?',
+      message: 'Você tem certeza que deseja aceitar isso?',
+      onConfirm: () => { console.log('Confirmado!'); },
+      onCancel: () => { console.log('Cancelado!'); }
+    });
+  });
+
+  document.getElementById('modal-delete-btn')?.addEventListener('click', () => {
+    FlickerModals.showModal({
+      type: 'delete',
+      title: 'Tem certeza que deseja deletar?',
+      message: 'Você tem certeza que deseja deletar isso?',
+      onConfirm: () => { console.log('Deletado com sucesso!'); },
+      onCancel: () => { console.log('Cancelado!'); }
+    });
+  });
+}
+
+
+
+
+export default FlickerAlerts;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.36",
+  "version": "1.0.38",
   "description": "Biblioteca para alertas animados",
   "main": "index.js",
   "types": "index.d.ts",
@@ -16,6 +16,6 @@
   "author": "https://www.linkedin.com/in/bruno-carneiro-9a51aa190/",
   "license": "MIT",
   "dependencies": {
-    "flicker-alerts": "^1.0.36"
+    "flicker-alerts": "^1.0.38"
   }
 }