flicker-alerts 1.0.33 → 1.0.35

package/index.d.ts

@@ -1,29 +1,25 @@
 declare module 'flicker-alerts' {
-  // Definição das opções para os alertas
-  interface AlertOptions {
-    type: 'success' | 'info' | 'warning' | 'danger'; // Tipos de alerta disponíveis
+  export interface AlertOptions {
+    type: 'success' | 'info' | 'warning' | 'danger';
     title: string;
     message: string;
-    timer?: number; // Duração opcional do alerta (em milissegundos)
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center'; // Posições possíveis do alerta
+    timer?: number;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center' | 'top-center' | 'bottom-center';
   }
 
-  // Definição das opções para os modais
-  interface ModalOptions {
-    type: 'warning' | 'delete' ; // Tipos de modal disponíveis
+  export interface ModalOptions {
+    type: 'warning' | 'delete';
     title: string;
     message: string;
-    onConfirm?: () => void; // Função executada no botão de confirmação
-    onCancel?: () => void; // Função executada no botão de cancelamento
-    timer?: number; // Duração opcional do modal (em milissegundos)
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    timer?: number;
   }
 
-  // Classe principal para a biblioteca FlickerAlerts
-  export default class FlickerAlerts {
-    // Método estático para mostrar um alerta
-    static showAlert(options: AlertOptions): void;
+  const FlickerAlerts: {
+    showAlert(options: AlertOptions): void;
+    showModal(options: ModalOptions): void;
+  };
 
-    // Método estático para mostrar um modal
-    static showModal(options: ModalOptions): void;
-  }
+  export default FlickerAlerts;
 }

package/index.js

@@ -6,8 +6,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,8 +15,7 @@ const FlickerAlerts = {
       }
 
       const alertBox = document.createElement('div');
-      alertBox.className = `notification ${type}`;
-      alertBox.classList.add(position);
+      alertBox.className = `notification ${type} ${position}`;
 
       // Ícone
       const icon = document.createElement('div');
@@ -33,7 +32,6 @@ 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
@@ -41,7 +39,7 @@ const FlickerAlerts = {
       content.innerHTML = `<div class="title">${title}</div><div class="message">${message}</div>`;
       alertBox.appendChild(content);
 
-      // Barra de carregamento
+      // Barra de progresso
       const progressBar = document.createElement('div');
       progressBar.className = 'progress-bar';
       progressBar.style.animationDuration = `${timer}ms`;
@@ -72,35 +70,16 @@ 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.' });
-  });
-}
-
 const FlickerModals = {
-  showModal: function ({ type, title, message, timer = 3000, 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';
@@ -197,27 +176,4 @@ const 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;
+export default { FlickerAlerts, FlickerModals };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flicker-alerts",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "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.33"
+    "flicker-alerts": "^1.0.35"
   }
 }