@pipelinesolucoes/button 1.2.0-beta.10 → 1.2.0-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -2
- package/dist/components/NavigationButton.d.ts +2 -0
- package/dist/components/NavigationButton.js +3 -2
- package/dist/components/NavigationButton.js.map +1 -1
- package/dist/components/WhatsAppFlutuante.d.ts +57 -0
- package/dist/components/WhatsAppFlutuante.js +63 -0
- package/dist/components/WhatsAppFlutuante.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/components/WhatsAppIcon.d.ts +0 -28
- package/dist/components/WhatsAppIcon.js +0 -34
- package/dist/components/WhatsAppIcon.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Propriedades do componente `WhatsAppIcon`.
|
|
4
|
-
*/
|
|
5
|
-
export interface WhatsAppIconProps {
|
|
6
|
-
/**
|
|
7
|
-
* Número de telefone para iniciar a conversa no WhatsApp.
|
|
8
|
-
*
|
|
9
|
-
* - Use **apenas dígitos**, incluindo o código do país.
|
|
10
|
-
* - Exemplo (Brasil): `"5511999999999"` (55 = DDI, 11 = DDD).
|
|
11
|
-
*/
|
|
12
|
-
whatsapp: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Ícone clicável do WhatsApp envolto em um container circular personalizável,
|
|
16
|
-
* que pode ser posicionado livremente em qualquer lugar da tela.
|
|
17
|
-
*
|
|
18
|
-
* - Ao clicar, abre uma nova aba com o link `https://wa.me/{whatsapp}`.
|
|
19
|
-
* - A cor de fundo do círculo é a cor oficial do WhatsApp (`#25D366`).
|
|
20
|
-
* - Ideal para ser usado dentro de layouts onde você controla o `position` via CSS/Box pai.
|
|
21
|
-
*
|
|
22
|
-
* Exemplo de uso:
|
|
23
|
-
* ```tsx
|
|
24
|
-
* <WhatsAppIcon whatsapp="5511999999999" />
|
|
25
|
-
* ```
|
|
26
|
-
*/
|
|
27
|
-
declare const WhatsAppIcon: React.FC<WhatsAppIconProps>;
|
|
28
|
-
export default WhatsAppIcon;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Box, IconButton, styled } from '@mui/material';
|
|
4
|
-
import { WhatsApp } from '@mui/icons-material';
|
|
5
|
-
const StyledBox = styled(Box, {
|
|
6
|
-
shouldForwardProp: (prop) => !['background_color'].includes(prop),
|
|
7
|
-
})(({ background_color }) => ({
|
|
8
|
-
backgroundColor: background_color,
|
|
9
|
-
padding: '4px',
|
|
10
|
-
borderRadius: '50%',
|
|
11
|
-
border: '2px solid transparent',
|
|
12
|
-
position: 'fixed',
|
|
13
|
-
right: '40px',
|
|
14
|
-
bottom: '24px',
|
|
15
|
-
zIndex: 1300, // acima de conteúdo comum (MUI AppBar/Drawer etc)
|
|
16
|
-
}));
|
|
17
|
-
/**
|
|
18
|
-
* Ícone clicável do WhatsApp envolto em um container circular personalizável,
|
|
19
|
-
* que pode ser posicionado livremente em qualquer lugar da tela.
|
|
20
|
-
*
|
|
21
|
-
* - Ao clicar, abre uma nova aba com o link `https://wa.me/{whatsapp}`.
|
|
22
|
-
* - A cor de fundo do círculo é a cor oficial do WhatsApp (`#25D366`).
|
|
23
|
-
* - Ideal para ser usado dentro de layouts onde você controla o `position` via CSS/Box pai.
|
|
24
|
-
*
|
|
25
|
-
* Exemplo de uso:
|
|
26
|
-
* ```tsx
|
|
27
|
-
* <WhatsAppIcon whatsapp="5511999999999" />
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
const WhatsAppIcon = ({ whatsapp }) => {
|
|
31
|
-
return (_jsx(StyledBox, { background_color: "#25D366", children: _jsx(IconButton, { "aria-label": "icone whatsapp", onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener noreferrer'), children: _jsx(WhatsApp, { sx: { color: 'white', fontSize: 24 } }) }) }));
|
|
32
|
-
};
|
|
33
|
-
export default WhatsAppIcon;
|
|
34
|
-
//# sourceMappingURL=WhatsAppIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../src/components/WhatsAppIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAA+B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,uBAAuB;IAE/B,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,IAAI,EAAE,kDAAkD;CACjE,CAAC,CAAC,CAAC;AAeJ;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBACE,gBAAgB,EAC3B,OAAO,EAAE,GAAG,EAAE,CACZ,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAG3E,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACvC,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|