pipesol-notificationbar 1.0.3 → 1.0.6
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 +41 -31
- package/dist/components/NotificationStyled.d.ts +8 -0
- package/dist/components/NotificationStyled.js +45 -0
- package/dist/components/NotificationStyled.js.map +1 -0
- package/dist/components/TermsAndPrivacyCard.d.ts +55 -0
- package/dist/components/TermsAndPrivacyCard.js +114 -0
- package/dist/components/TermsAndPrivacyCard.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/TermsAndPrivacyProps.d.ts +20 -0
- package/dist/types/TermsAndPrivacyProps.js +2 -0
- package/dist/types/TermsAndPrivacyProps.js.map +1 -0
- package/dist/types/style/BorderProps.d.ts +5 -0
- package/dist/types/style/BorderProps.js +2 -0
- package/dist/types/style/BorderProps.js.map +1 -0
- package/dist/types/style/ColorProps.d.ts +7 -0
- package/dist/types/style/ColorProps.js +7 -0
- package/dist/types/style/ColorProps.js.map +1 -0
- package/dist/types/style/LayoutProps.d.ts +6 -0
- package/dist/types/style/LayoutProps.js +2 -0
- package/dist/types/style/LayoutProps.js.map +1 -0
- package/package.json +56 -47
- package/dist/components/ImageResponsive.d.ts +0 -13
- package/dist/components/ImageResponsive.js +0 -32
- package/dist/components/ImageResponsive.js.map +0 -1
- package/dist/components/Location.d.ts +0 -15
- package/dist/components/Location.js +0 -37
- package/dist/components/Location.js.map +0 -1
- package/dist/components/MensagemDeploy.d.ts +0 -7
- package/dist/components/MensagemDeploy.js +0 -54
- package/dist/components/MensagemDeploy.js.map +0 -1
- package/dist/components/NotificationBar.d.ts +0 -16
- package/dist/components/NotificationBar.js +0 -131
- package/dist/components/NotificationBar.js.map +0 -1
- package/dist/components/VideoPlayer.d.ts +0 -11
- package/dist/components/VideoPlayer.js +0 -12
- package/dist/components/VideoPlayer.js.map +0 -1
- package/dist/components/banner/BannerVideo.d.ts +0 -7
- package/dist/components/banner/BannerVideo.js +0 -20
- package/dist/components/banner/BannerVideo.js.map +0 -1
- package/dist/components/banner/ContentBannerStyled.d.ts +0 -6
- package/dist/components/banner/ContentBannerStyled.js +0 -44
- package/dist/components/banner/ContentBannerStyled.js.map +0 -1
- package/dist/components/banner/ResponsiveBanner.d.ts +0 -15
- package/dist/components/banner/ResponsiveBanner.js +0 -68
- package/dist/components/banner/ResponsiveBanner.js.map +0 -1
- package/dist/components/banner/ResponsiveBannerGradiente.d.ts +0 -12
- package/dist/components/banner/ResponsiveBannerGradiente.js +0 -38
- package/dist/components/banner/ResponsiveBannerGradiente.js.map +0 -1
- package/dist/components/banner/TitleBanner.d.ts +0 -10
- package/dist/components/banner/TitleBanner.js +0 -8
- package/dist/components/banner/TitleBanner.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentas.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentas.js +0 -39
- package/dist/components/barra_ferramentas/BarraFerramentas.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js +0 -31
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.d.ts +0 -7
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js +0 -40
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js.map +0 -1
- package/dist/components/button/ButtonStyled.d.ts +0 -18
- package/dist/components/button/ButtonStyled.js +0 -56
- package/dist/components/button/ButtonStyled.js.map +0 -1
- package/dist/components/button/NavigationButton.d.ts +0 -18
- package/dist/components/button/NavigationButton.js +0 -53
- package/dist/components/button/NavigationButton.js.map +0 -1
- package/dist/components/button/NavigationButtonMotion.d.ts +0 -19
- package/dist/components/button/NavigationButtonMotion.js +0 -64
- package/dist/components/button/NavigationButtonMotion.js.map +0 -1
- package/dist/components/button/NavigationHamburguerButton.d.ts +0 -17
- package/dist/components/button/NavigationHamburguerButton.js +0 -33
- package/dist/components/button/NavigationHamburguerButton.js.map +0 -1
- package/dist/components/button/ScrollToTopButton.d.ts +0 -10
- package/dist/components/button/ScrollToTopButton.js +0 -44
- package/dist/components/button/ScrollToTopButton.js.map +0 -1
- package/dist/components/button/WhatsAppButton.d.ts +0 -6
- package/dist/components/button/WhatsAppButton.js +0 -24
- package/dist/components/button/WhatsAppButton.js.map +0 -1
- package/dist/components/button/WhatsAppIcon.d.ts +0 -6
- package/dist/components/button/WhatsAppIcon.js +0 -18
- package/dist/components/button/WhatsAppIcon.js.map +0 -1
- package/dist/components/cards/AnimatedCardGroup.d.ts +0 -20
- package/dist/components/cards/AnimatedCardGroup.js +0 -63
- package/dist/components/cards/AnimatedCardGroup.js.map +0 -1
- package/dist/components/cards/BorderTopLeftRadiusCard.d.ts +0 -15
- package/dist/components/cards/BorderTopLeftRadiusCard.js +0 -67
- package/dist/components/cards/BorderTopLeftRadiusCard.js.map +0 -1
- package/dist/components/cards/CardLerMais.d.ts +0 -13
- package/dist/components/cards/CardLerMais.js +0 -121
- package/dist/components/cards/CardLerMais.js.map +0 -1
- package/dist/components/cards/ContentCardDescription.d.ts +0 -10
- package/dist/components/cards/ContentCardDescription.js +0 -52
- package/dist/components/cards/ContentCardDescription.js.map +0 -1
- package/dist/components/cards/GradientCard.d.ts +0 -17
- package/dist/components/cards/GradientCard.js +0 -66
- package/dist/components/cards/GradientCard.js.map +0 -1
- package/dist/components/cards/ImageCard.d.ts +0 -15
- package/dist/components/cards/ImageCard.js +0 -31
- package/dist/components/cards/ImageCard.js.map +0 -1
- package/dist/components/cards/MapCard.d.ts +0 -15
- package/dist/components/cards/MapCard.js +0 -59
- package/dist/components/cards/MapCard.js.map +0 -1
- package/dist/components/cards/ShadowCard.d.ts +0 -16
- package/dist/components/cards/ShadowCard.js +0 -25
- package/dist/components/cards/ShadowCard.js.map +0 -1
- package/dist/components/cards/TestimonialCard.d.ts +0 -22
- package/dist/components/cards/TestimonialCard.js +0 -66
- package/dist/components/cards/TestimonialCard.js.map +0 -1
- package/dist/components/cards/YoutubeCard.d.ts +0 -14
- package/dist/components/cards/YoutubeCard.js +0 -85
- package/dist/components/cards/YoutubeCard.js.map +0 -1
- package/dist/components/carousel/CarouselStyled.d.ts +0 -62
- package/dist/components/carousel/CarouselStyled.js +0 -31
- package/dist/components/carousel/CarouselStyled.js.map +0 -1
- package/dist/components/carousel/Carrossel.d.ts +0 -15
- package/dist/components/carousel/Carrossel.js +0 -113
- package/dist/components/carousel/Carrossel.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedIndex.d.ts +0 -6
- package/dist/components/containers/ContainerAnimatedIndex.js +0 -11
- package/dist/components/containers/ContainerAnimatedIndex.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedScroll.d.ts +0 -9
- package/dist/components/containers/ContainerAnimatedScroll.js +0 -10
- package/dist/components/containers/ContainerAnimatedScroll.js.map +0 -1
- package/dist/components/containers/ContainerSafe.d.ts +0 -6
- package/dist/components/containers/ContainerSafe.js +0 -78
- package/dist/components/containers/ContainerSafe.js.map +0 -1
- package/dist/components/containers/containerStyled.d.ts +0 -1
- package/dist/components/containers/containerStyled.js +0 -10
- package/dist/components/containers/containerStyled.js.map +0 -1
- package/dist/components/footer/Copywrite.d.ts +0 -10
- package/dist/components/footer/Copywrite.js +0 -23
- package/dist/components/footer/Copywrite.js.map +0 -1
- package/dist/components/footer/CopywriteCenter.d.ts +0 -9
- package/dist/components/footer/CopywriteCenter.js +0 -34
- package/dist/components/footer/CopywriteCenter.js.map +0 -1
- package/dist/components/footer/Footer.d.ts +0 -10
- package/dist/components/footer/Footer.js +0 -41
- package/dist/components/footer/Footer.js.map +0 -1
- package/dist/components/footer/NotificationBar.d.ts +0 -13
- package/dist/components/footer/NotificationBar.js +0 -57
- package/dist/components/footer/NotificationBar.js.map +0 -1
- package/dist/components/footer/SiteMap.d.ts +0 -9
- package/dist/components/footer/SiteMap.js +0 -24
- package/dist/components/footer/SiteMap.js.map +0 -1
- package/dist/components/footer/footerStyled.d.ts +0 -8
- package/dist/components/footer/footerStyled.js +0 -62
- package/dist/components/footer/footerStyled.js.map +0 -1
- package/dist/components/form/Form.d.ts +0 -17
- package/dist/components/form/Form.js +0 -96
- package/dist/components/form/Form.js.map +0 -1
- package/dist/components/form/FormStyled.d.ts +0 -27
- package/dist/components/form/FormStyled.js +0 -95
- package/dist/components/form/FormStyled.js.map +0 -1
- package/dist/components/header/HeaderBarIn.d.ts +0 -15
- package/dist/components/header/HeaderBarIn.js +0 -40
- package/dist/components/header/HeaderBarIn.js.map +0 -1
- package/dist/components/header/HeaderBarTop.d.ts +0 -12
- package/dist/components/header/HeaderBarTop.js +0 -30
- package/dist/components/header/HeaderBarTop.js.map +0 -1
- package/dist/components/section/Section.d.ts +0 -9
- package/dist/components/section/Section.js +0 -19
- package/dist/components/section/Section.js.map +0 -1
- package/dist/components/section/SectionGradiente.d.ts +0 -9
- package/dist/components/section/SectionGradiente.js +0 -19
- package/dist/components/section/SectionGradiente.js.map +0 -1
- package/dist/components/section/SectionImage.d.ts +0 -7
- package/dist/components/section/SectionImage.js +0 -21
- package/dist/components/section/SectionImage.js.map +0 -1
- package/dist/components/section/SectionStyled.d.ts +0 -9
- package/dist/components/section/SectionStyled.js +0 -46
- package/dist/components/section/SectionStyled.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLink.d.ts +0 -8
- package/dist/components/social_media/SocialMediaIconLink.js +0 -13
- package/dist/components/social_media/SocialMediaIconLink.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts +0 -12
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js +0 -18
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map +0 -1
- package/dist/components/substask/SubstackPage.d.ts +0 -5
- package/dist/components/substask/SubstackPage.js +0 -22
- package/dist/components/substask/SubstackPage.js.map +0 -1
- package/dist/components/substask/SubstackPosts.d.ts +0 -9
- package/dist/components/substask/SubstackPosts.js +0 -6
- package/dist/components/substask/SubstackPosts.js.map +0 -1
- package/dist/components/text/IconText.d.ts +0 -11
- package/dist/components/text/IconText.js +0 -26
- package/dist/components/text/IconText.js.map +0 -1
- package/dist/components/text/InfiniteTicker.d.ts +0 -15
- package/dist/components/text/InfiniteTicker.js +0 -49
- package/dist/components/text/InfiniteTicker.js.map +0 -1
- package/dist/components/text/SpanStyled.d.ts +0 -6
- package/dist/components/text/SpanStyled.js +0 -34
- package/dist/components/text/SpanStyled.js.map +0 -1
- package/dist/components/text/TextWithSeparador.d.ts +0 -7
- package/dist/components/text/TextWithSeparador.js +0 -9
- package/dist/components/text/TextWithSeparador.js.map +0 -1
- package/dist/hooks/useResponsive.d.ts +0 -9
- package/dist/hooks/useResponsive.js +0 -14
- package/dist/hooks/useResponsive.js.map +0 -1
- package/dist/hooks/useResponsiveCarousel.d.ts +0 -15
- package/dist/hooks/useResponsiveCarousel.js +0 -36
- package/dist/hooks/useResponsiveCarousel.js.map +0 -1
- package/dist/types/AnimatedCardData.d.ts +0 -6
- package/dist/types/AnimatedCardData.js +0 -2
- package/dist/types/AnimatedCardData.js.map +0 -1
- package/dist/types/BannerResponsiveConfig.d.ts +0 -4
- package/dist/types/BannerResponsiveConfig.js +0 -2
- package/dist/types/BannerResponsiveConfig.js.map +0 -1
- package/dist/types/ItemMenuConfig.d.ts +0 -4
- package/dist/types/ItemMenuConfig.js +0 -2
- package/dist/types/ItemMenuConfig.js.map +0 -1
- package/dist/types/ShadowConfig.d.ts +0 -6
- package/dist/types/ShadowConfig.js +0 -2
- package/dist/types/ShadowConfig.js.map +0 -1
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
import { motion } from 'framer-motion';
|
|
5
|
-
const MotionButtonStyled = motion.create(styled('a', {
|
|
6
|
-
shouldForwardProp: (prop) => ![
|
|
7
|
-
'background_color',
|
|
8
|
-
'background_color_hover',
|
|
9
|
-
'color',
|
|
10
|
-
'color_hover',
|
|
11
|
-
'padding',
|
|
12
|
-
'border_radius',
|
|
13
|
-
'border_color',
|
|
14
|
-
'border_color_underline',
|
|
15
|
-
'width',
|
|
16
|
-
'height',
|
|
17
|
-
'margin',
|
|
18
|
-
].includes(prop),
|
|
19
|
-
})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, height, margin, }) => ({
|
|
20
|
-
width: width,
|
|
21
|
-
height: height,
|
|
22
|
-
cursor: 'pointer',
|
|
23
|
-
textDecoration: 'none',
|
|
24
|
-
textTransform: 'none',
|
|
25
|
-
textAlign: 'center',
|
|
26
|
-
boxShadow: 'none',
|
|
27
|
-
backgroundColor: background_color,
|
|
28
|
-
color: color,
|
|
29
|
-
border: `1px solid ${border_color}`,
|
|
30
|
-
borderRadius: border_radius,
|
|
31
|
-
padding: padding,
|
|
32
|
-
margin: margin,
|
|
33
|
-
display: 'flex',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
justifyContent: 'center',
|
|
36
|
-
transition: 'all 0.2s ease-in-out',
|
|
37
|
-
'&:hover': {
|
|
38
|
-
backgroundColor: background_color_hover,
|
|
39
|
-
borderBottom: `1px solid ${border_color_underline}`,
|
|
40
|
-
color: color_hover,
|
|
41
|
-
},
|
|
42
|
-
})));
|
|
43
|
-
const NavigationButtonMotion = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', layout, width, height = 'auto', margin, children, }) => {
|
|
44
|
-
const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
|
|
45
|
-
const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
|
|
46
|
-
const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
|
|
47
|
-
const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
|
|
48
|
-
const padding = layout === 'button' ? '8px 24px' : '0px';
|
|
49
|
-
const borderColor = text_decoration === 'underline' ? 'transparent' : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
|
|
50
|
-
const borderColorUnderline = text_decoration === 'underline' ? color : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
|
|
51
|
-
const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
|
|
52
|
-
const motionProps = {
|
|
53
|
-
whileFocus: {
|
|
54
|
-
scale: 1.1,
|
|
55
|
-
transition: { type: 'spring', stiffness: 300 },
|
|
56
|
-
},
|
|
57
|
-
whileHover: {
|
|
58
|
-
scale: 1.05,
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
return (_jsx(MotionButtonStyled, Object.assign({ href: url, width: width, height: height, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: url.startsWith('http') ? '_blank' : undefined, rel: url.startsWith('http') ? 'noopener noreferrer' : undefined }, motionProps, { children: children })));
|
|
62
|
-
};
|
|
63
|
-
export default NavigationButtonMotion;
|
|
64
|
-
//# sourceMappingURL=NavigationButtonMotion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationButtonMotion.js","sourceRoot":"","sources":["../../../src/components/button/NavigationButtonMotion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface NavigationHamburguerButtonProps {
|
|
3
|
-
url: string;
|
|
4
|
-
aria_label: string;
|
|
5
|
-
background_color?: string;
|
|
6
|
-
color: string;
|
|
7
|
-
color_hover?: string;
|
|
8
|
-
border_color?: string;
|
|
9
|
-
border_radius?: string;
|
|
10
|
-
text_decoration: 'none' | 'underline';
|
|
11
|
-
layout: 'button' | 'link';
|
|
12
|
-
width: string;
|
|
13
|
-
children: React.ReactNode;
|
|
14
|
-
afterNavigation: () => void;
|
|
15
|
-
}
|
|
16
|
-
declare const NavigationHamburguerButton: React.FC<NavigationHamburguerButtonProps>;
|
|
17
|
-
export default NavigationHamburguerButton;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { ButtonHoverBorderBottomStyled, ButtonHoverColorStyled } from './ButtonStyled';
|
|
4
|
-
const NavigationHamburguerButton = ({ url, aria_label, background_color, color, color_hover, border_radius, border_color, text_decoration, layout, width, children, afterNavigation }) => {
|
|
5
|
-
const handleClick = (e) => {
|
|
6
|
-
e.preventDefault();
|
|
7
|
-
if (url.indexOf('#') !== -1) {
|
|
8
|
-
if (window.location.pathname === '/' || window.location.pathname === '/index.html') {
|
|
9
|
-
const targetElement = document.querySelector(url);
|
|
10
|
-
if (targetElement) {
|
|
11
|
-
targetElement.scrollIntoView({ behavior: 'smooth' });
|
|
12
|
-
window.history.pushState(null, '', url);
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
else {
|
|
16
|
-
window.location.href = url;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
else if (url.indexOf('http') == -1)
|
|
20
|
-
window.open(url, '_blank', 'noopener noreferrer');
|
|
21
|
-
else
|
|
22
|
-
window.location.href = url;
|
|
23
|
-
afterNavigation(); // Chama a função após a navegação
|
|
24
|
-
};
|
|
25
|
-
if (text_decoration === 'underline') {
|
|
26
|
-
return (_jsx(ButtonHoverBorderBottomStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
|
|
27
|
-
}
|
|
28
|
-
else if (text_decoration === 'none') {
|
|
29
|
-
return (_jsx(ButtonHoverColorStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
export default NavigationHamburguerButton;
|
|
33
|
-
//# sourceMappingURL=NavigationHamburguerButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationHamburguerButton.js","sourceRoot":"","sources":["../../../src/components/button/NavigationHamburguerButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,6BAA6B,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAiBvF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,GAAG,EAAE,UAAU,EAAE,gBAAgB,EACjC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE;IAE9C,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAE3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;gBACnF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAClD,IAAI,aAAa,EAAE,CAAC;oBAClB,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACrD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;YAC7B,CAAC;QACH,CAAC;aACI,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;;YAElD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAG7B,eAAe,EAAE,CAAC,CAAC,wCAAwC;IAC/D,CAAC,CAAC;IAEF,IAAI,eAAe,KAAK,WAAW,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,EACzC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACmB,CACjC,CAAC;IACJ,CAAC;SACI,IAAI,eAAe,KAAK,MAAM,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACY,CAC1B,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface ScrollToTopButtonProps {
|
|
3
|
-
show: boolean;
|
|
4
|
-
border_radius: string;
|
|
5
|
-
background_color: string;
|
|
6
|
-
background_color_hover: string;
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
declare const ScrollToTopButton: React.FC<ScrollToTopButtonProps>;
|
|
10
|
-
export default ScrollToTopButton;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
4
|
-
import IconButton from '@mui/material/IconButton';
|
|
5
|
-
import { styled } from '@mui/material/styles';
|
|
6
|
-
const ButtonStyled = styled(IconButton, {
|
|
7
|
-
shouldForwardProp: (prop) => !['$show', '$background_color', '$border_radius', '$background_color_hover'].includes(prop),
|
|
8
|
-
})(({ $show, $background_color, $border_radius, $background_color_hover }) => ({
|
|
9
|
-
display: $show === 'true' ? 'flex' : 'none',
|
|
10
|
-
position: 'fixed',
|
|
11
|
-
bottom: '165px',
|
|
12
|
-
right: '20px',
|
|
13
|
-
cursor: 'pointer',
|
|
14
|
-
zIndex: 1000,
|
|
15
|
-
width: 'auto',
|
|
16
|
-
height: 'auto',
|
|
17
|
-
border: `1px solid ${$background_color || '#00000000'}`,
|
|
18
|
-
backgroundColor: $background_color || '#00000000',
|
|
19
|
-
borderRadius: $border_radius,
|
|
20
|
-
'&:hover': {
|
|
21
|
-
backgroundColor: $background_color_hover || $background_color,
|
|
22
|
-
},
|
|
23
|
-
}));
|
|
24
|
-
const ScrollToTopButton = ({ show, border_radius, background_color, background_color_hover, children }) => {
|
|
25
|
-
const [showButton, setshowButton] = useState(show);
|
|
26
|
-
const handleScroll = () => {
|
|
27
|
-
setshowButton(window.scrollY > 0);
|
|
28
|
-
};
|
|
29
|
-
useEffect(() => {
|
|
30
|
-
window.addEventListener('scroll', handleScroll);
|
|
31
|
-
return () => {
|
|
32
|
-
window.removeEventListener('scroll', handleScroll);
|
|
33
|
-
};
|
|
34
|
-
}, []);
|
|
35
|
-
const scrollToTop = () => {
|
|
36
|
-
window.scrollTo({
|
|
37
|
-
top: 0,
|
|
38
|
-
behavior: 'smooth',
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
return (_jsx(ButtonStyled, { "$background_color": background_color, "$border_radius": border_radius, "$background_color_hover": background_color_hover, onClick: scrollToTop, "aria-label": "ir para o topo", "$show": showButton.toString(), children: children }));
|
|
42
|
-
};
|
|
43
|
-
export default ScrollToTopButton;
|
|
44
|
-
//# sourceMappingURL=ScrollToTopButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../../src/components/button/ScrollToTopButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAKC,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAC3C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,aAAa,iBAAiB,IAAI,WAAW,EAAE;IACvD,eAAe,EAAE,iBAAiB,IAAI,WAAW;IACjD,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE;QACT,eAAe,EAAE,uBAAuB,IAAI,iBAAiB;KAC9D;CACF,CAAC,CAAC,CAAC;AAWJ,MAAM,iBAAiB,GAAqC,CAAC,EAAC,IAAI,EAAE,aAAa,EAC7E,gBAAgB,EAAE,sBAAsB,EAAE,QAAQ,EAAC,EAAE,EAAE;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QAExB,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,yBACQ,gBAAgB,oBACnB,aAAa,6BACJ,sBAAsB,EAC/C,OAAO,EAAE,WAAW,gBAAa,gBAAgB,WAC1C,UAAU,CAAC,QAAQ,EAAE,YAC3B,QAAQ,GACI,CAChB,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { WhatsApp } from '@mui/icons-material';
|
|
4
|
-
import { styled } from '@mui/material/styles';
|
|
5
|
-
import Fab from '@mui/material/Fab';
|
|
6
|
-
const StyledFab = styled(Fab)({
|
|
7
|
-
position: 'fixed',
|
|
8
|
-
bottom: '20px',
|
|
9
|
-
right: '20px',
|
|
10
|
-
zIndex: 1000,
|
|
11
|
-
backgroundColor: '#25D366',
|
|
12
|
-
color: 'white',
|
|
13
|
-
'&:hover': {
|
|
14
|
-
backgroundColor: '#1EBE5D',
|
|
15
|
-
},
|
|
16
|
-
});
|
|
17
|
-
const WhatsAppButton = ({ whatsapp }) => {
|
|
18
|
-
const handleClick = () => {
|
|
19
|
-
window.open(`https://wa.me/${whatsapp}`, '_blank');
|
|
20
|
-
};
|
|
21
|
-
return (_jsx(StyledFab, { "aria-label": "button whatsapp", onClick: handleClick, children: _jsx(WhatsApp, {}) }));
|
|
22
|
-
};
|
|
23
|
-
export default WhatsAppButton;
|
|
24
|
-
//# sourceMappingURL=WhatsAppButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WhatsAppButton.js","sourceRoot":"","sources":["../../../src/components/button/WhatsAppButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,OAAO;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAMH,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAErE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBAAY,iBAAiB,EAAC,OAAO,EAAE,WAAW,YAC1D,KAAC,QAAQ,KAAG,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,18 +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
|
-
display: 'inline-block',
|
|
12
|
-
border: '2px solid transparent',
|
|
13
|
-
}));
|
|
14
|
-
const WhatsAppIcon = ({ whatsapp }) => {
|
|
15
|
-
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 } }) }) }));
|
|
16
|
-
};
|
|
17
|
-
export default WhatsAppIcon;
|
|
18
|
-
//# sourceMappingURL=WhatsAppIcon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../../src/components/button/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,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC,CAAC;AAOJ,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBAAY,gBAAgB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YACxF,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAc,GACjD,GACH,CACb,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { AnimatedCardData } from '@/types/AnimatedCardData';
|
|
2
|
-
import { ShadowConfig } from '@/types/ShadowConfig';
|
|
3
|
-
import { SvgIconComponent } from '@mui/icons-material';
|
|
4
|
-
interface AnimatedCardProps {
|
|
5
|
-
cards: AnimatedCardData[];
|
|
6
|
-
icon: SvgIconComponent;
|
|
7
|
-
icon_expanded: SvgIconComponent;
|
|
8
|
-
background_color: string;
|
|
9
|
-
background_color_expanded: string;
|
|
10
|
-
color: string;
|
|
11
|
-
color_expanded: string;
|
|
12
|
-
width_card: string;
|
|
13
|
-
min_height_card: string;
|
|
14
|
-
max_height_card: string;
|
|
15
|
-
border_radius?: string;
|
|
16
|
-
sombraClara?: ShadowConfig;
|
|
17
|
-
sombraEscura?: ShadowConfig;
|
|
18
|
-
}
|
|
19
|
-
declare const AnimatedCardGroup: React.FC<AnimatedCardProps>;
|
|
20
|
-
export default AnimatedCardGroup;
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import { motion, AnimatePresence } from 'framer-motion';
|
|
5
|
-
import { Card, CardContent, Typography, Box, styled } from '@mui/material';
|
|
6
|
-
const StyledCard = styled(Card, {
|
|
7
|
-
shouldForwardProp: (prop) => !['border_radius', 'background_color', 'color',
|
|
8
|
-
'width_card', 'min_height_card',
|
|
9
|
-
'border_width', 'sombraClara', 'sombraEscura'].includes(prop),
|
|
10
|
-
})(({ border_radius, color, background_color, width_card, min_height_card, border_width, sombraClara, sombraEscura }) => ({
|
|
11
|
-
backgroundColor: background_color,
|
|
12
|
-
color: color,
|
|
13
|
-
borderRadius: border_radius,
|
|
14
|
-
minHeight: min_height_card,
|
|
15
|
-
transition: 'background-color 0.3s ease',
|
|
16
|
-
width: width_card,
|
|
17
|
-
height: 'auto',
|
|
18
|
-
boxShadow: `
|
|
19
|
-
${sombraClara.offsetX} ${sombraClara.offsetY} ${sombraClara.blur} ${sombraClara.color},
|
|
20
|
-
${sombraEscura.offsetX} ${sombraEscura.offsetY} ${sombraEscura.blur} ${sombraEscura.color}
|
|
21
|
-
`,
|
|
22
|
-
borderTop: `${border_width} solid ${sombraClara.color}`,
|
|
23
|
-
borderLeft: `${border_width} solid ${sombraClara.color}`,
|
|
24
|
-
padding: '0 0 16px 0'
|
|
25
|
-
}));
|
|
26
|
-
const DivTitle = styled('div')(() => ({
|
|
27
|
-
display: 'flex',
|
|
28
|
-
flexDirection: 'row',
|
|
29
|
-
justifyContent: 'center',
|
|
30
|
-
alignItems: 'center',
|
|
31
|
-
gap: '16px',
|
|
32
|
-
width: '100%',
|
|
33
|
-
}));
|
|
34
|
-
const CustomCardContent = styled(CardContent)({
|
|
35
|
-
display: 'flex',
|
|
36
|
-
flexDirection: 'column',
|
|
37
|
-
alignItems: 'center',
|
|
38
|
-
padding: '0px',
|
|
39
|
-
'&:last-child': {
|
|
40
|
-
padding: '8px 32px',
|
|
41
|
-
},
|
|
42
|
-
});
|
|
43
|
-
const ContainerList = styled('div')(() => ({
|
|
44
|
-
display: 'flex',
|
|
45
|
-
flexDirection: 'column',
|
|
46
|
-
justifyContent: 'center',
|
|
47
|
-
alignItems: 'flex-start',
|
|
48
|
-
width: '100%',
|
|
49
|
-
marginTop: '16px',
|
|
50
|
-
gap: '8px'
|
|
51
|
-
}));
|
|
52
|
-
//Componente que cria uma lista de cards com efeito collapse/expanded do Frame Motion
|
|
53
|
-
const AnimatedCardGroup = ({ cards, icon, icon_expanded, background_color, background_color_expanded, color, color_expanded, width_card, min_height_card, max_height_card, border_radius = "0px", sombraClara = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, sombraEscura = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, }) => {
|
|
54
|
-
const [activeCard, setActiveCard] = useState(null);
|
|
55
|
-
const border_width = (sombraClara.blur == '0px') ? '0px' : '3px';
|
|
56
|
-
return (_jsx(Box, { display: "flex", gap: 2, justifyContent: "center", flexWrap: "wrap", children: cards.map(({ id, title, description, list_description }) => {
|
|
57
|
-
const isActive = activeCard === id;
|
|
58
|
-
const IconToRender = isActive ? icon_expanded : icon;
|
|
59
|
-
return (_jsx(motion.div, { layout: true, transition: { type: 'spring', stiffness: 500, damping: 30 }, onClick: () => setActiveCard(activeCard === id ? null : id), style: { cursor: 'pointer', width: width_card }, children: _jsx(StyledCard, { background_color: isActive ? background_color_expanded : background_color, color: isActive ? color_expanded : color, width_card: '100%', min_height_card: isActive ? max_height_card : min_height_card, border_radius: border_radius, border_width: border_width, sombraClara: sombraClara, sombraEscura: sombraEscura, children: _jsxs(CustomCardContent, { children: [_jsxs(DivTitle, { children: [_jsx(Typography, { variant: "h6", component: "div", align: "left", flex: 1, children: title }), _jsx(Box, { fontSize: 32, children: _jsx(IconToRender, {}) })] }), _jsx(AnimatePresence, { children: isActive && (_jsxs(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, children: [_jsx(Typography, { variant: "body1", align: "left", mt: 2, children: description }), (list_description === null || list_description === void 0 ? void 0 : list_description.length) && (_jsx(ContainerList, { children: list_description === null || list_description === void 0 ? void 0 : list_description.map((item, index) => (_jsx(Typography, { variant: "body1", align: "left", children: item }, index))) }))] })) })] }) }) }, id));
|
|
60
|
-
}) }));
|
|
61
|
-
};
|
|
62
|
-
export default AnimatedCardGroup;
|
|
63
|
-
//# sourceMappingURL=AnimatedCardGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedCardGroup.js","sourceRoot":"","sources":["../../../src/components/cards/AnimatedCardGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import 'react-responsive-carousel/lib/styles/carousel.min.css';
|
|
3
|
-
interface BorderTopLeftRadiusCardProps {
|
|
4
|
-
width: string;
|
|
5
|
-
height: string;
|
|
6
|
-
border_color?: string;
|
|
7
|
-
background_color?: string;
|
|
8
|
-
background_image?: string;
|
|
9
|
-
margin?: string;
|
|
10
|
-
title: string;
|
|
11
|
-
description: string;
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
declare const BorderTopLeftRadiusCard: React.FC<BorderTopLeftRadiusCardProps>;
|
|
15
|
-
export default BorderTopLeftRadiusCard;
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import 'react-responsive-carousel/lib/styles/carousel.min.css';
|
|
3
|
-
import { styled } from '@mui/material';
|
|
4
|
-
const Container = styled('div', {
|
|
5
|
-
shouldForwardProp: (prop) => ![
|
|
6
|
-
'border_color',
|
|
7
|
-
'background_color',
|
|
8
|
-
'margin_card',
|
|
9
|
-
'width_card',
|
|
10
|
-
'height_card',
|
|
11
|
-
'background_image',
|
|
12
|
-
].includes(prop),
|
|
13
|
-
})(({ border_color, background_color, margin_card, width_card, height_card, background_image }) => ({
|
|
14
|
-
display: 'flex',
|
|
15
|
-
flexDirection: 'column',
|
|
16
|
-
gap: '16px',
|
|
17
|
-
padding: '20px',
|
|
18
|
-
borderTopLeftRadius: '80px',
|
|
19
|
-
width: width_card,
|
|
20
|
-
height: height_card,
|
|
21
|
-
backgroundColor: background_color,
|
|
22
|
-
margin: margin_card,
|
|
23
|
-
backgroundImage: background_image ? `url(${background_image})` : undefined,
|
|
24
|
-
backgroundSize: 'cover',
|
|
25
|
-
backgroundPosition: 'center',
|
|
26
|
-
borderBottom: `5px solid ${border_color}`,
|
|
27
|
-
borderRight: `5px solid ${border_color}`,
|
|
28
|
-
}));
|
|
29
|
-
const ContentTitle = styled('div')(({ theme }) => {
|
|
30
|
-
var _a, _b, _c, _d, _e;
|
|
31
|
-
return ({
|
|
32
|
-
height: 'auto',
|
|
33
|
-
textAlign: 'center',
|
|
34
|
-
// Tipografia
|
|
35
|
-
fontFamily: theme.typography.fontFamily,
|
|
36
|
-
fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
37
|
-
fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
38
|
-
lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
39
|
-
letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
40
|
-
fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
const ContentDescription = styled('div')(({ theme }) => {
|
|
44
|
-
var _a, _b, _c, _d, _e;
|
|
45
|
-
return ({
|
|
46
|
-
height: 'auto',
|
|
47
|
-
flex: 1,
|
|
48
|
-
// Tipografia
|
|
49
|
-
fontFamily: theme.typography.fontFamily,
|
|
50
|
-
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
51
|
-
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
52
|
-
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
53
|
-
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
54
|
-
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
const ContentButton = styled('div')({
|
|
58
|
-
display: 'flex',
|
|
59
|
-
alignItems: 'center',
|
|
60
|
-
justifyContent: 'center',
|
|
61
|
-
height: 'auto'
|
|
62
|
-
});
|
|
63
|
-
const BorderTopLeftRadiusCard = ({ width, height, border_color = 'transparent', background_color = 'transparent', background_image, margin = '0px', title, description, children, }) => {
|
|
64
|
-
return (_jsxs(Container, { border_color: border_color, background_color: background_color, background_image: background_image, margin_card: margin, width_card: width, height_card: height, children: [_jsx(ContentTitle, { children: title }), _jsx(ContentDescription, { children: description }), _jsx(ContentButton, { children: children })] }));
|
|
65
|
-
};
|
|
66
|
-
export default BorderTopLeftRadiusCard;
|
|
67
|
-
//# sourceMappingURL=BorderTopLeftRadiusCard.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BorderTopLeftRadiusCard.js","sourceRoot":"","sources":["../../../src/components/cards/BorderTopLeftRadiusCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
interface CardLerMaisProps {
|
|
2
|
-
text_footer?: string;
|
|
3
|
-
description: string[];
|
|
4
|
-
principal?: boolean;
|
|
5
|
-
icon: string;
|
|
6
|
-
background_color?: string;
|
|
7
|
-
color_text_description: string;
|
|
8
|
-
color_text_footer: string;
|
|
9
|
-
color_text_lermais: string;
|
|
10
|
-
border_radius?: string;
|
|
11
|
-
}
|
|
12
|
-
declare const CardLerMais: React.FC<CardLerMaisProps>;
|
|
13
|
-
export default CardLerMais;
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
const ContentCard = styled('div', {
|
|
5
|
-
shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'color', 'border_radius'].includes(prop),
|
|
6
|
-
})(({ width = '340px', height = '460px', border_radius = '0', background_color = 'transparent' }) => ({
|
|
7
|
-
width: width,
|
|
8
|
-
minWidth: width,
|
|
9
|
-
minHeight: height,
|
|
10
|
-
display: 'flex',
|
|
11
|
-
justifyContent: 'flex-start',
|
|
12
|
-
alignItems: 'flex-end',
|
|
13
|
-
position: 'relative',
|
|
14
|
-
marginBottom: '16px',
|
|
15
|
-
borderRadius: border_radius,
|
|
16
|
-
backgroundColor: background_color,
|
|
17
|
-
flexDirection: 'column',
|
|
18
|
-
boxSizing: 'border-box',
|
|
19
|
-
padding: '20px',
|
|
20
|
-
gap: '16px',
|
|
21
|
-
}));
|
|
22
|
-
const AreaTexto = styled('div')({
|
|
23
|
-
width: '100%',
|
|
24
|
-
height: 'auto',
|
|
25
|
-
display: 'grid',
|
|
26
|
-
gridTemplateRows: 'auto 1fr auto',
|
|
27
|
-
gap: '16px',
|
|
28
|
-
boxSizing: 'border-box',
|
|
29
|
-
});
|
|
30
|
-
const TextDestaque = styled('div', {
|
|
31
|
-
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
32
|
-
})(({ color, theme }) => {
|
|
33
|
-
var _a, _b, _c, _d, _e, _f;
|
|
34
|
-
return ({
|
|
35
|
-
color: color,
|
|
36
|
-
fontFamily: theme.typography.fontFamily,
|
|
37
|
-
fontWeight: (_a = theme.typography.body2) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
38
|
-
fontStyle: (_b = theme.typography.body2) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
39
|
-
lineHeight: (_c = theme.typography.body2) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
40
|
-
letterSpacing: (_d = theme.typography.body2) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
41
|
-
fontSize: (_e = theme.typography.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
42
|
-
margin: (_f = theme.typography.body2) === null || _f === void 0 ? void 0 : _f.margin,
|
|
43
|
-
padding: 0,
|
|
44
|
-
});
|
|
45
|
-
});
|
|
46
|
-
const DescricaoContainer = styled('div', {
|
|
47
|
-
shouldForwardProp: (prop) => prop !== 'expanded',
|
|
48
|
-
})(({ expanded }) => ({
|
|
49
|
-
overflow: 'hidden',
|
|
50
|
-
display: '-webkit-box',
|
|
51
|
-
WebkitLineClamp: expanded ? 'unset' : 6,
|
|
52
|
-
WebkitBoxOrient: 'vertical',
|
|
53
|
-
textOverflow: 'ellipsis',
|
|
54
|
-
}));
|
|
55
|
-
const Description = styled('div', {
|
|
56
|
-
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
57
|
-
})(({ color, theme }) => {
|
|
58
|
-
var _a, _b, _c, _d, _e;
|
|
59
|
-
return ({
|
|
60
|
-
margin: '0 0 8px',
|
|
61
|
-
color: color,
|
|
62
|
-
fontFamily: theme.typography.fontFamily,
|
|
63
|
-
fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
64
|
-
fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
65
|
-
lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
66
|
-
letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
67
|
-
fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
68
|
-
});
|
|
69
|
-
});
|
|
70
|
-
const LerMais = styled('button', {
|
|
71
|
-
shouldForwardProp: (prop) => !['color'].includes(prop),
|
|
72
|
-
})(({ color, theme }) => {
|
|
73
|
-
var _a, _b, _c, _d, _e, _f;
|
|
74
|
-
return ({
|
|
75
|
-
background: 'none',
|
|
76
|
-
border: 'none',
|
|
77
|
-
color: color,
|
|
78
|
-
cursor: 'pointer',
|
|
79
|
-
padding: 0,
|
|
80
|
-
textAlign: 'left',
|
|
81
|
-
fontFamily: theme.typography.fontFamily,
|
|
82
|
-
fontWeight: (_a = theme.typography.caption) === null || _a === void 0 ? void 0 : _a.fontWeight,
|
|
83
|
-
fontStyle: (_b = theme.typography.caption) === null || _b === void 0 ? void 0 : _b.fontStyle,
|
|
84
|
-
lineHeight: (_c = theme.typography.caption) === null || _c === void 0 ? void 0 : _c.lineHeight,
|
|
85
|
-
letterSpacing: (_d = theme.typography.caption) === null || _d === void 0 ? void 0 : _d.letterSpacing,
|
|
86
|
-
fontSize: (_e = theme.typography.caption) === null || _e === void 0 ? void 0 : _e.fontSize,
|
|
87
|
-
margin: (_f = theme.typography.caption) === null || _f === void 0 ? void 0 : _f.margin,
|
|
88
|
-
'&:hover': {
|
|
89
|
-
textDecoration: 'underline',
|
|
90
|
-
},
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
const ImageTag = styled('img')(({ theme }) => ({
|
|
94
|
-
padding: '8px',
|
|
95
|
-
height: '40px',
|
|
96
|
-
width: '40px',
|
|
97
|
-
[theme.breakpoints.down('sm')]: {
|
|
98
|
-
height: '32px',
|
|
99
|
-
width: '32px',
|
|
100
|
-
},
|
|
101
|
-
}));
|
|
102
|
-
const CardLerMais = ({ text_footer, description, icon, background_color = 'transparent', color_text_footer, color_text_description, color_text_lermais, border_radius = '0', principal = false }) => {
|
|
103
|
-
const [expanded, setExpanded] = useState(false);
|
|
104
|
-
const [exibeBotao, setExibeBotao] = useState(false);
|
|
105
|
-
const descricaoRef = useRef(null);
|
|
106
|
-
useEffect(() => {
|
|
107
|
-
if (descricaoRef.current) {
|
|
108
|
-
const lineHeight = parseFloat(getComputedStyle(descricaoRef.current).lineHeight);
|
|
109
|
-
const height = descricaoRef.current.scrollHeight;
|
|
110
|
-
const maxLines = 6;
|
|
111
|
-
const maxHeight = lineHeight * maxLines;
|
|
112
|
-
setExibeBotao(height > maxHeight);
|
|
113
|
-
setExpanded(principal);
|
|
114
|
-
}
|
|
115
|
-
}, [description, principal]);
|
|
116
|
-
const width = principal ? '100%' : '340px';
|
|
117
|
-
const height = principal ? '100%' : '340px';
|
|
118
|
-
return (_jsxs(ContentCard, { width: width, height: height, background_color: background_color, border_radius: border_radius, children: [icon && _jsx(ImageTag, { src: icon, alt: "icone card" }), _jsxs(AreaTexto, { children: [_jsx(DescricaoContainer, { ref: descricaoRef, expanded: expanded, children: description.map((item, index) => (_jsx(Description, { color: color_text_description, children: item }, index))) }), exibeBotao && (_jsx(LerMais, { color: color_text_lermais, onClick: () => setExpanded(!expanded), children: expanded ? 'Ler menos' : 'Ler mais' })), text_footer && _jsx(TextDestaque, { color: color_text_footer, children: text_footer })] })] }));
|
|
119
|
-
};
|
|
120
|
-
export default CardLerMais;
|
|
121
|
-
//# sourceMappingURL=CardLerMais.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardLerMais.js","sourceRoot":"","sources":["../../../src/components/cards/CardLerMais.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface GradientCardProps {
|
|
3
|
-
title: string;
|
|
4
|
-
description: string;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
color_title: string;
|
|
7
|
-
color_description: string;
|
|
8
|
-
}
|
|
9
|
-
declare const ContentCardDescription: React.FC<GradientCardProps>;
|
|
10
|
-
export default ContentCardDescription;
|