@pipelinesolucoes/menu 1.0.3-beta.5 → 1.0.3-beta.7
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.
|
@@ -16,6 +16,7 @@ interface ItemMenuProps extends ColorProps, BorderProps, LayoutProps {
|
|
|
16
16
|
layout: 'button' | 'link';
|
|
17
17
|
children: React.ReactNode;
|
|
18
18
|
afterClick?: () => void;
|
|
19
|
+
abrirHTTPNovaAba?: boolean;
|
|
19
20
|
}
|
|
20
21
|
/**
|
|
21
22
|
* Componente de item de menu baseado em `<a>` estilizado via Material UI `styled`.
|
|
@@ -29,6 +30,7 @@ interface ItemMenuProps extends ColorProps, BorderProps, LayoutProps {
|
|
|
29
30
|
* chama primeiro `afterClick()` e aplica um `setTimeout` para evitar reflow pesado antes do scroll.
|
|
30
31
|
*
|
|
31
32
|
* @param {string} url URL de destino. Pode ser externa (`https://...`), interna (`/rota` ou `/#secao`) ou âncora (`#secao`). Obrigatório.
|
|
33
|
+
* @param {boolean} [abrirHTTPNovaAba='True'] Abrir uma url externa (`https://...`) em uma nova aba`.
|
|
32
34
|
* @param {string} aria_label Rótulo de acessibilidade aplicado em `aria-label`. Obrigatório.
|
|
33
35
|
* @param {string} [background='transparent'] Cor de fundo (CSS) do item no estado normal.
|
|
34
36
|
* @param {string} [backgroundHover=background] Cor de fundo (CSS) no hover. Por padrão, herda o valor de `background`.
|
|
@@ -43,6 +45,7 @@ interface ItemMenuProps extends ColorProps, BorderProps, LayoutProps {
|
|
|
43
45
|
* @param {string} [padding='8px 24px'] Padding (CSS) quando `layout="button"`. Quando `layout="link"`, o padding efetivo é `'0px'`.
|
|
44
46
|
* @param {React.ReactNode} children Conteúdo interno do item (texto, Typography, ícones etc.). Obrigatório.
|
|
45
47
|
* @param {() => void} [afterClick] Callback opcional disparado antes do scroll (quando âncora) para permitir fechar o menu/rodar ações adicionais.
|
|
48
|
+
|
|
46
49
|
*
|
|
47
50
|
* IMPORTANTE:
|
|
48
51
|
*
|
|
@@ -45,6 +45,7 @@ const ButtonStyled = styled('a', {
|
|
|
45
45
|
* chama primeiro `afterClick()` e aplica um `setTimeout` para evitar reflow pesado antes do scroll.
|
|
46
46
|
*
|
|
47
47
|
* @param {string} url URL de destino. Pode ser externa (`https://...`), interna (`/rota` ou `/#secao`) ou âncora (`#secao`). Obrigatório.
|
|
48
|
+
* @param {boolean} [abrirHTTPNovaAba='True'] Abrir uma url externa (`https://...`) em uma nova aba`.
|
|
48
49
|
* @param {string} aria_label Rótulo de acessibilidade aplicado em `aria-label`. Obrigatório.
|
|
49
50
|
* @param {string} [background='transparent'] Cor de fundo (CSS) do item no estado normal.
|
|
50
51
|
* @param {string} [backgroundHover=background] Cor de fundo (CSS) no hover. Por padrão, herda o valor de `background`.
|
|
@@ -59,6 +60,7 @@ const ButtonStyled = styled('a', {
|
|
|
59
60
|
* @param {string} [padding='8px 24px'] Padding (CSS) quando `layout="button"`. Quando `layout="link"`, o padding efetivo é `'0px'`.
|
|
60
61
|
* @param {React.ReactNode} children Conteúdo interno do item (texto, Typography, ícones etc.). Obrigatório.
|
|
61
62
|
* @param {() => void} [afterClick] Callback opcional disparado antes do scroll (quando âncora) para permitir fechar o menu/rodar ações adicionais.
|
|
63
|
+
|
|
62
64
|
*
|
|
63
65
|
* IMPORTANTE:
|
|
64
66
|
*
|
|
@@ -97,7 +99,7 @@ const ButtonStyled = styled('a', {
|
|
|
97
99
|
* (ItemMenuCustom as any).typeName = "ItemMenu";
|
|
98
100
|
* export default ItemMeuCustom;
|
|
99
101
|
*/
|
|
100
|
-
const ItemMenu = ({ url, aria_label, background, backgroundHover, colorText, colorTextHover, borderRadius, borderColor, text_decoration = 'none', layout, width, margin, padding = '8px 24px', children, afterClick }) => {
|
|
102
|
+
const ItemMenu = ({ url, aria_label, background, backgroundHover, colorText, colorTextHover, borderRadius, borderColor, text_decoration = 'none', layout, width, margin, padding = '8px 24px', children, afterClick, abrirHTTPNovaAba = true }) => {
|
|
101
103
|
const backgroundColor = background !== null && background !== void 0 ? background : 'transparent';
|
|
102
104
|
const backgroundColorHover = backgroundHover !== null && backgroundHover !== void 0 ? backgroundHover : backgroundColor;
|
|
103
105
|
const colorHover = colorTextHover !== null && colorTextHover !== void 0 ? colorTextHover : colorText;
|
|
@@ -123,10 +125,10 @@ const ItemMenu = ({ url, aria_label, background, backgroundHover, colorText, col
|
|
|
123
125
|
(_a = document.getElementById(id)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
|
|
124
126
|
}
|
|
125
127
|
};
|
|
126
|
-
if (url.indexOf('http') != -1) {
|
|
128
|
+
if (url.indexOf('http') != -1 && abrirHTTPNovaAba) {
|
|
127
129
|
return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: colorText, color_hover: colorHover, border_radius: border_radius, border_color: border_color, border_color_underline: borderColorUnderline, padding: paddingLayout, margin: marginButton, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: children }));
|
|
128
130
|
}
|
|
129
|
-
else if (url.indexOf('/#') != -1 || url.startsWith('/')) {
|
|
131
|
+
else if (url.indexOf('/#') != -1 || url.startsWith('/') || (url.indexOf('http') != -1 && !abrirHTTPNovaAba)) {
|
|
130
132
|
return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: colorText, color_hover: colorHover, border_radius: border_radius, border_color: border_color, border_color_underline: borderColorUnderline, padding: paddingLayout, margin: marginButton, "aria-label": aria_label, children: children }));
|
|
131
133
|
}
|
|
132
134
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ItemMenu.js","sourceRoot":"","sources":["../../src/components/ItemMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,wBAAwB;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,eAAe;QACf,cAAc;QACd,wBAAwB;QACxB,OAAO;QACP,QAAQ;KACT,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAWC,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,aAAa,YAAY,EAAE;IACnC,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,YAAY,EAAE,aAAa,sBAAsB,EAAE;QACnD,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ItemMenu.js","sourceRoot":"","sources":["../../src/components/ItemMenu.tsx"],"names":[],"mappings":"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"}
|