frst-components 0.20.22 → 0.20.23

package/dist/index.js

@@ -3549,7 +3549,7 @@ const WrapperContent$3 = styled__default["default"].div `
   display: flex;
   flex-direction: row;
   width: 100%;
-  overflow-x: scroll;
+  overflow-x: ${({ hiddenHorizontalScrollBar }) => (hiddenHorizontalScrollBar ? 'hidden' : 'scroll')};
   overflow-y: hidden;
   white-space: nowrap;
 
@@ -3618,7 +3618,7 @@ styled__default["default"].div `
   border-radius: 20px;
 `;
 
-function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick }) {
+function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }) {
     const [actionAreaButtonLeft, setActionAreaButtonLeft] = React.useState(false);
     const [actionAreaButtonRight, setActionAreaButtonRight] = React.useState(false);
     const [iDScroll, setIDScroll] = React.useState(`iDScroll-${randID$1()}`);
@@ -3670,7 +3670,7 @@ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArr
         updateSize();
         return () => window.removeEventListener('resize', updateSize);
     }, []);
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', hiddenHorizontalScrollBar: hiddenHorizontalScrollBar, children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
                             display: 'flex',
                             flexDirection: 'row',
                             marginTop: marginTopArrrowButton ? marginTopArrrowButton : '5px'
@@ -7543,7 +7543,7 @@ const HeaderImage$1 = styled__default["default"].div `
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  
+
   ${(props) => props.tmnDescription < 164 &&
     styled.css `
       section {
@@ -7551,7 +7551,7 @@ const HeaderImage$1 = styled__default["default"].div `
       }
     `}
   @media (max-width: 834px) {
-    height: 450px;
+    height: ${(props) => props.height ?? '450px'};
     ${(props) => props.tmnDescription >= 134 &&
     styled.css `
         section {
@@ -7560,26 +7560,31 @@ const HeaderImage$1 = styled__default["default"].div `
       `}
   }
 
-  ${(props) => props.onDisplay ?
-    styled.css ` width: 100%;`
-    :
-        styled.css ` width: 0px;`}
+  ${(props) => props.onDisplay
+    ? styled.css `
+          width: 100%;
+        `
+    : styled.css `
+          width: 0px;
+        `}
 
   @media (max-width: 414px) {
-    height: 450px;
+    height: ${(props) => props.height ?? '450px'};
   }
   @media (max-width: 320px) {
-    height: 450px;
+    height: ${(props) => props.height ?? '450px'};
   }
 `;
 const Content = styled__default["default"].div `
   width: 100%;
-  height: 450px;
+  height: ${(props) => props.height ?? '450px'};
   padding: 64px;
   background: linear-gradient(52deg, #111111 0%, rgba(17, 17, 17, 0) 100%);
-  
+
   ${(props) => !props.onDisplay &&
-    styled.css ` display: none;`}
+    styled.css `
+      display: none;
+    `}
 
   @media (max-width: 414px) {
     padding: 2rem;
@@ -7595,7 +7600,6 @@ const ListCounters = styled__default["default"].div `
   margin-bottom: 36px;
   bottom: 0;
   right: 50%;
-
 `;
 const Counters = styled__default["default"].button `
   width: 16px;
@@ -7603,7 +7607,7 @@ const Counters = styled__default["default"].button `
   box-sizing: border-box;
   border-radius: 100%;
   border: none;
-  background-color: ${({ selected, theme }) => selected ? theme.colors.primary1 : theme.colors.neutralsGrey5};
+  background-color: ${({ selected, theme }) => (selected ? theme.colors.primary1 : theme.colors.neutralsGrey5)};
 `;
 const Title$1 = styled__default["default"].div `
   font-size: 40px;
@@ -7721,7 +7725,7 @@ function HeaderContent(props) {
     const [textView, setTextView] = React.useState(props.textViewMore);
     React.useEffect(() => {
         const timer = setTimeout(() => {
-            setSelectedContent(selectedContent < (props.listaRecomendacao.length - 1) ? selectedContent + 1 : 0);
+            setSelectedContent(selectedContent < props.listaRecomendacao.length - 1 ? selectedContent + 1 : 0);
             setzeroHeigthDescription(false);
             setTextView(props.textViewMore);
         }, props.autoplayTime ? props.autoplayTime : 10000);
@@ -7744,8 +7748,8 @@ function HeaderContent(props) {
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Title$1, { children: item.title }), jsxRuntime.jsx(Description$1, { zeroHeigthDescription: zeroHeigthDescription, children: item.description }), jsxRuntime.jsxs(SpaceButtonTopViewMore, { zeroHeigthDescription: zeroHeigthDescription, onClick: addHeigthDescription, children: [jsxRuntime.jsx(Button$5, { label: textView, variant: "link", style: { color: '#649AF3', fontWeight: '900' } }), jsxRuntime.jsx(ArrowScrollRight, { fill: "#649AF3", width: "13px", height: "13px", strokeWidth: '4' })] }), jsxRuntime.jsxs(SpaceProgressAndButton, { children: [jsxRuntime.jsx(ProgressBar$1, { value: item.progresso, label: item.channel, style: { width: 200 } }), jsxRuntime.jsx(Button$5, { label: item.labelButton, variant: "primary", handleClick: item.onClick })] })] }));
     }
     return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Container$9, { style: { ...props.style }, children: [props.listaRecomendacao.map((item, index) => {
-                    return (jsxRuntime.jsx(HeaderImage$1, { img: item.bgImg, tmnDescription: item.description.length, onDisplay: index === selectedContent, style: { ...props.style }, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: item.typeOfHeader === 'inProgress' ? (jsxRuntime.jsx(Content, { onDisplay: index === selectedContent, children: InProgressHeader(item) })) : (jsxRuntime.jsx(Content, { onDisplay: index === selectedContent, children: RecomendationHeader(item) })) }) }, index));
-                }), jsxRuntime.jsx(ListCounters, { children: Array.from({ length: props.listaRecomendacao.length }).map((_, index) => jsxRuntime.jsx(Counters, { selected: index === selectedContent, onClick: () => setSelectedContent(index) }, index)) })] }) }));
+                    return (jsxRuntime.jsx(HeaderImage$1, { img: item.bgImg, tmnDescription: item.description.length, onDisplay: index === selectedContent, style: { ...props.style }, children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: item.typeOfHeader === 'inProgress' ? (jsxRuntime.jsx(Content, { height: props?.height, onDisplay: index === selectedContent, children: InProgressHeader(item) })) : (jsxRuntime.jsx(Content, { height: props?.height, onDisplay: index === selectedContent, children: RecomendationHeader(item) })) }) }, index));
+                }), jsxRuntime.jsx(ListCounters, { children: Array.from({ length: props.listaRecomendacao.length }).map((_, index) => (jsxRuntime.jsx(Counters, { selected: index === selectedContent, onClick: () => setSelectedContent(index) }, index))) })] }) }));
 }
 
 const RectangleUpLeft = styled__default["default"].div `
@@ -8184,7 +8188,7 @@ const WrapperIconNotificationMobile = styled__default["default"].div `
 `;
 const SubMenuContainer = styled__default["default"].div `
   width: 100%;
-  height: 32px;
+  height: 50px;
   ${(props) => props.marginTop &&
     styled.css `
       margin-top: 4rem;

package/dist/src/components/LXP/headerContent/headerContent.d.ts

@@ -3,6 +3,7 @@ interface HeaderContentProps {
     zeroHeigthDescription?: boolean;
     tmnDescription?: number;
     onDisplay?: boolean;
+    height?: number | string;
 }
 export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HeaderImage: import("styled-components").StyledComponent<"div", any, HeaderContentProps, never>;

package/dist/src/components/LXP/headerContent/headerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/headerContent/headerContent.ts"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA;AAED,eAAO,MAAM,WAAW,oFA8CvB,CAAA;AACD,eAAO,MAAM,OAAO,oFAcnB,CAAA;AAED,eAAO,MAAM,YAAY,oEAWxB,CAAA;AAED,eAAO,MAAM,QAAQ;cAA6B,OAAO;SAOxD,CAAA;AAED,eAAO,MAAM,KAAK,oEAQjB,CAAA;AAED,eAAO,MAAM,WAAW,oFAwCvB,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAelC,CAAA;AACD,eAAO,MAAM,eAAe,oEAa3B,CAAA;AACD,eAAO,MAAM,cAAc,oEAQ1B,CAAA;AAED,eAAO,MAAM,sBAAsB,wFAwBlC,CAAA"}
+{"version":3,"file":"headerContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/headerContent/headerContent.ts"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,oEAGrB,CAAA;AAED,eAAO,MAAM,WAAW,oFAgDvB,CAAA;AACD,eAAO,MAAM,OAAO,oFAenB,CAAA;AAED,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,QAAQ;cAA6B,OAAO;SAOxD,CAAA;AAED,eAAO,MAAM,KAAK,oEAQjB,CAAA;AAED,eAAO,MAAM,WAAW,oFAwCvB,CAAA;AAED,eAAO,MAAM,sBAAsB,oEAelC,CAAA;AACD,eAAO,MAAM,eAAe,oEAa3B,CAAA;AACD,eAAO,MAAM,cAAc,oEAQ1B,CAAA;AAED,eAAO,MAAM,sBAAsB,wFAwBlC,CAAA"}

package/dist/src/components/LXP/headerContent/index.d.ts

@@ -8,6 +8,7 @@ interface objPropiedades {
     channel?: string;
     onClick?: () => void;
     labelButton?: string;
+    height?: number | string;
 }
 interface HeaderContentParams {
     textViewMore?: string;
@@ -15,6 +16,7 @@ interface HeaderContentParams {
     autoplayTime?: number;
     listaRecomendacao: Array<objPropiedades>;
     style?: React.CSSProperties;
+    height?: number | string;
 }
 export default function HeaderContent(props: HeaderContentParams): JSX.Element;
 export {};

package/dist/src/components/LXP/headerContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/headerContent/index.tsx"],"names":[],"mappings":";AAQA,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AACD,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,eA8F/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/headerContent/index.tsx"],"names":[],"mappings":";AAQA,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AACD,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,mBAAmB,eA4G/D"}

package/dist/src/components/scroll-container/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import '../../shared/global.css';
 import { IScrollContainer } from './scrollContainer';
-export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick }: IScrollContainer): JSX.Element;
+export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }: IScrollContainer): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/scroll-container/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EAClB,EAAE,gBAAgB,eAwIlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAC1B,EAAE,gBAAgB,eAyIlB"}

package/dist/src/components/scroll-container/scrollContainerStyles.d.ts

@@ -8,6 +8,7 @@ interface IButtonContoll {
 export declare const WrapperHorizontal: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperContent: import("styled-components").StyledComponent<"div", any, {
     paddingIntern?: string;
+    hiddenHorizontalScrollBar: boolean;
 }, never>;
 export declare const ButtonControll: import("styled-components").StyledComponent<"div", any, IButtonContoll, never>;
 export declare const CardTest: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/src/components/scroll-container/scrollContainerStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollContainerStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/scrollContainerStyles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,cAAc;oBAAgC,MAAM;SAchE,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}
+{"version":3,"file":"scrollContainerStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/scrollContainerStyles.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA;AAED,eAAO,MAAM,cAAc;oBAAgC,MAAM;+BAA6B,OAAO;SAcpG,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frst-components",
   "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-  "version": "0.20.22",
+  "version": "0.20.23",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",