pipesol-button 1.0.1-beta.4 → 1.0.1-beta.5

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.
Files changed (5) hide show
  1. package/dist/components/CircularIconLink.d.ts +6 -25
  2. package/dist/components/CircularIconLink.js +8 -24
  3. package/dist/components/CircularIconLink.js.map +1 -1
  4. package/dist/tsconfig.tsbuildinfo +1 -1
  5. package/package.json +1 -1
package/dist/components/CircularIconLink.d.ts CHANGED
@@ -14,16 +14,18 @@ export interface CircularIconLinkProps {
14
14
  * ```
15
15
  */
16
16
  children: ReactElement<HTMLImageElement> | ReactElement<SvgIconProps>;
17
- /** URL a ser aberta em nova aba. */
17
+ /** URL a ser aberta */
18
18
  url: string;
19
- /** Cor de fundo do círculo. */
19
+ /** Cor de fundo do círculo */
20
20
  background_color: string;
21
- /** Texto para acessibilidade (`aria-label`). */
21
+ /** Texto para acessibilidade (`aria-label`) */
22
22
  aria_label: string;
23
23
  /** Padding interno do círculo. @default "4px" */
24
24
  padding?: string;
25
25
  /** Estilo da borda. @default "2px solid transparent" */
26
26
  border?: string;
27
+ /** Define se o link será aberto em nova aba. @default true */
28
+ openInNewTab?: boolean;
27
29
  }
28
30
  /**
29
31
  * **CircularIconLink**
@@ -33,28 +35,7 @@ export interface CircularIconLinkProps {
33
35
  *
34
36
  * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
35
37
  * - O círculo possui cor de fundo, padding e borda personalizáveis.
36
- * - Ao clicar, abre o link em uma nova aba com `noopener noreferrer` por segurança.
37
- *
38
- * Exemplo de uso:
39
- * ```tsx
40
- * import { Instagram } from '@mui/icons-material';
41
- *
42
- * <CircularIconLink
43
- * url="https://instagram.com/seuperfil"
44
- * background_color="#E1306C"
45
- * aria_label="Abrir Instagram"
46
- * >
47
- * <Instagram sx={{ color: 'white', fontSize: 24 }} />
48
- * </CircularIconLink>
49
- *
50
- * <CircularIconLink
51
- * url="https://example.com"
52
- * background_color="#25D366"
53
- * aria_label="Logo do site"
54
- * >
55
- * <img src="/logo.png" alt="Logo" width={24} height={24} />
56
- * </CircularIconLink>
57
- * ```
38
+ * - Ao clicar, abre o link em nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
58
39
  */
59
40
  declare const CircularIconLink: React.FC<CircularIconLinkProps>;
60
41
  export default CircularIconLink;
package/dist/components/CircularIconLink.js CHANGED
@@ -19,31 +19,15 @@ const StyledBox = styled(Box, {
19
19
  *
20
20
  * - Aceita ícones do Material UI (`<SvgIcon>`) ou imagens (`<img>`).
21
21
  * - O círculo possui cor de fundo, padding e borda personalizáveis.
22
- * - Ao clicar, abre o link em uma nova aba com `noopener noreferrer` por segurança.
23
- *
24
- * Exemplo de uso:
25
- * ```tsx
26
- * import { Instagram } from '@mui/icons-material';
27
- *
28
- * <CircularIconLink
29
- * url="https://instagram.com/seuperfil"
30
- * background_color="#E1306C"
31
- * aria_label="Abrir Instagram"
32
- * >
33
- * <Instagram sx={{ color: 'white', fontSize: 24 }} />
34
- * </CircularIconLink>
35
- *
36
- * <CircularIconLink
37
- * url="https://example.com"
38
- * background_color="#25D366"
39
- * aria_label="Logo do site"
40
- * >
41
- * <img src="/logo.png" alt="Logo" width={24} height={24} />
42
- * </CircularIconLink>
43
- * ```
22
+ * - Ao clicar, abre o link em nova aba ou na mesma aba, dependendo da prop `openInNewTab`.
44
23
  */
45
- const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, }) => {
46
- return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: () => window.open(url, '_blank', 'noopener noreferrer'), children: children }) }));
24
+ const CircularIconLink = ({ url, background_color = 'transparent', aria_label, padding = '4px', border = 'none', children, openInNewTab = true, }) => {
25
+ const handleClick = () => {
26
+ const target = openInNewTab ? '_blank' : '_self';
27
+ const features = openInNewTab ? 'noopener noreferrer' : '';
28
+ window.open(url, target, features);
29
+ };
30
+ return (_jsx(StyledBox, { background_color: background_color, padding: padding, border: border, children: _jsx(IconButton, { "aria-label": aria_label, onClick: handleClick, children: children }) }));
47
31
  };
48
32
  export default CircularIconLink;
49
33
  //# sourceMappingURL=CircularIconLink.js.map
package/dist/components/CircularIconLink.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtE,CAAC,CAIC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAiCJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAC,aAAa,EAC9B,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YAE/D,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"CircularIconLink.js","sourceRoot":"","sources":["../../src/components/CircularIconLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACtE,CAAC,CAIC,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,OAAO;IAChB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC,CAAC;AAoCJ;;;;;;;;;GASG;AACH,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EACH,gBAAgB,GAAG,aAAa,EAChC,UAAU,EACV,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,QAAQ,EACR,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAC7E,KAAC,UAAU,kBAAa,UAAU,EAAE,OAAO,EAAE,WAAW,YACrD,QAAQ,GACE,GACH,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}