@pipelinesolucoes/button 1.2.0-beta.10 → 1.2.0-beta.11

package/README.md

@@ -22,8 +22,12 @@ A biblioteca inclui os seguintes componentes:
 - **SubmitButton**  
   Botão de submit estilizado, baseado no tema e com tipografia configurável via `variant`.
 
-- **NavigationButton**  
-  Botão de navegação reutilizável baseado em link (`<a>`), estilizado com Material UI.
+- **WhatsAppFlutuante**  
+  Componente flutuante de ação rápida para contato via WhatsApp.
+  Renderiza um botão circular fixo na tela utilizando o `Fab` do Material UI,
+  contendo o ícone oficial do WhatsApp. Ao ser clicado, abre uma nova aba
+  direcionando para a URL `https://wa.me/{whatsapp}`, iniciando a conversa
+  com o número informado.
 
 - **NavigationLink**  
   Link de navegação reutilizável, estilizado com Material UI.

package/dist/components/WhatsAppFlutuante.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+/**
+ * Propriedades do componente `WhatsAppIcon`.
+ */
+export interface WhatsAppFlutuanteProps {
+    whatsapp: string;
+    right?: string;
+}
+/**
+ * Componente flutuante de ação rápida para contato via WhatsApp.
+ *
+ * Renderiza um botão circular fixo na tela utilizando o `Fab` do Material UI,
+ * contendo o ícone oficial do WhatsApp. Ao ser clicado, abre uma nova aba
+ * direcionando para a URL `https://wa.me/{whatsapp}`, iniciando a conversa
+ * com o número informado.
+ *
+ * Principais funcionalidades:
+ * - Exibição de botão flutuante fixado no viewport.
+ * - Abertura segura de nova aba (`noopener,noreferrer`) para o WhatsApp.
+ * - Posicionamento horizontal configurável.
+ * - Aplicação de cor oficial do WhatsApp.
+ * - Controle de sobreposição via `z-index` elevado.
+ *
+ * @param {string} whatsapp
+ * Número de telefone que será utilizado para iniciar a conversa no WhatsApp.
+ *
+ * Regras obrigatórias:
+ * - Informar apenas dígitos.
+ * - Incluir código do país (DDI).
+ * - Não utilizar espaços, parênteses ou caracteres especiais.
+ *
+ * Exemplo válido (Brasil):
+ * `"5511999999999"`
+ *
+ * @param {string} [right='24px']
+ * Define a distância horizontal entre o botão e a borda direita da viewport.
+ *
+ * Aceita qualquer valor CSS válido:
+ * - `"24px"`
+ * - `"2rem"`
+ * - `"5%"`
+ *
+ * Ordem de prioridade:
+ * `right` → `'24px'`
+ *
+ * ─────────────────────────────────────────────
+ * @example Ajustando posição horizontal
+ *
+ * ```tsx
+ * <WhatsAppFlutuante
+ *   whatsapp="5511999999999"
+ *   right="40px"
+ * />
+ * ```
+ */
+declare const WhatsAppFlutuante: React.FC<WhatsAppFlutuanteProps>;
+export default WhatsAppFlutuante;

package/dist/components/WhatsAppFlutuante.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fab } from '@mui/material';
+import WhatsAppIcon from '@mui/icons-material/WhatsApp';
+/**
+ * Componente flutuante de ação rápida para contato via WhatsApp.
+ *
+ * Renderiza um botão circular fixo na tela utilizando o `Fab` do Material UI,
+ * contendo o ícone oficial do WhatsApp. Ao ser clicado, abre uma nova aba
+ * direcionando para a URL `https://wa.me/{whatsapp}`, iniciando a conversa
+ * com o número informado.
+ *
+ * Principais funcionalidades:
+ * - Exibição de botão flutuante fixado no viewport.
+ * - Abertura segura de nova aba (`noopener,noreferrer`) para o WhatsApp.
+ * - Posicionamento horizontal configurável.
+ * - Aplicação de cor oficial do WhatsApp.
+ * - Controle de sobreposição via `z-index` elevado.
+ *
+ * @param {string} whatsapp
+ * Número de telefone que será utilizado para iniciar a conversa no WhatsApp.
+ *
+ * Regras obrigatórias:
+ * - Informar apenas dígitos.
+ * - Incluir código do país (DDI).
+ * - Não utilizar espaços, parênteses ou caracteres especiais.
+ *
+ * Exemplo válido (Brasil):
+ * `"5511999999999"`
+ *
+ * @param {string} [right='24px']
+ * Define a distância horizontal entre o botão e a borda direita da viewport.
+ *
+ * Aceita qualquer valor CSS válido:
+ * - `"24px"`
+ * - `"2rem"`
+ * - `"5%"`
+ *
+ * Ordem de prioridade:
+ * `right` → `'24px'`
+ *
+ * ─────────────────────────────────────────────
+ * @example Ajustando posição horizontal
+ *
+ * ```tsx
+ * <WhatsAppFlutuante
+ *   whatsapp="5511999999999"
+ *   right="40px"
+ * />
+ * ```
+ */
+const WhatsAppFlutuante = ({ whatsapp, right = '24px' }) => {
+    return (_jsx(Fab, { "aria-label": "button whatsapp", onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener,noreferrer'), sx: {
+            position: 'fixed',
+            right: right,
+            bottom: 24,
+            zIndex: 1300,
+            bgcolor: '#25D366',
+            '&:hover': { bgcolor: '#1ebe5d' },
+        }, children: _jsx(WhatsAppIcon, { sx: { color: 'white' } }) }));
+};
+export default WhatsAppFlutuante;
+//# sourceMappingURL=WhatsAppFlutuante.js.map

package/dist/components/WhatsAppFlutuante.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WhatsAppFlutuante.js","sourceRoot":"","sources":["../../src/components/WhatsAppFlutuante.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAWxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,KAAC,GAAG,kBACS,iBAAiB,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,EACxF,EAAE,EAAE;YACF,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;SAClC,YAED,KAAC,YAAY,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,GACpC,CACP,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export { default as DownloadButton } from './components/DownloadButton';
 export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
-export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as WhatsAppFlutuante } from './components/WhatsAppFlutuante';
 export { default as ActionButton } from "./components/ActionButton";
 export { default as SubmitButton } from "./components/SubmitButton";
 export type { CommonStyleProps } from "./types/style/CommonStyleProps";

package/dist/index.js

@@ -5,7 +5,7 @@ export { default as DownloadButton } from './components/DownloadButton';
 export { default as NavigationLink } from './components/NavigationLink';
 export { default as ScrollToTopButton } from './components/ScrollToTopButton';
 export { default as WhatsAppButton } from './components/WhatsAppButton';
-export { default as WhatsAppIcon } from './components/WhatsAppIcon';
+export { default as WhatsAppFlutuante } from './components/WhatsAppFlutuante';
 export { default as ActionButton } from "./components/ActionButton";
 export { default as SubmitButton } from "./components/SubmitButton";
 export { COMMON_STYLE_FORWARD_PROPS } from './types/CommonForwardProps';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAC,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAIpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,cAAc,2BAA2B,CAAC"}