frst-components 0.20.37 → 0.20.38

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 (6) hide show
  1. package/dist/index.js +17 -10
  2. package/dist/src/components/LXP/participantThumbnails/index.d.ts.map +1 -1
  3. package/dist/src/components/LXP/participantThumbnails/participantThumbnails.d.ts.map +1 -1
  4. package/dist/src/components/LXP/participantThumbnailsList/index.d.ts.map +1 -1
  5. package/dist/src/components/scroll-container/scrollContainerStyles.d.ts.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3608,7 +3608,6 @@ const WrapperContent$3 = styled__default["default"].div `
3608
3608
  overflow-x: ${({ hiddenHorizontalScrollBar }) => (hiddenHorizontalScrollBar ? 'hidden' : 'scroll')};
3609
3609
  overflow-y: hidden;
3610
3610
  white-space: nowrap;
3611
- gap: 8px;
3612
3611
 
3613
3612
  scroll-behavior: smooth;
3614
3613
  &::-webkit-scrollbar {
@@ -11699,6 +11698,9 @@ const CardThumbnails = styled__default["default"].div `
11699
11698
  > img {
11700
11699
  border: 2px solid ${({ theme }) => theme.colors.primary1};
11701
11700
  }
11701
+ .descriptionThumb {
11702
+ color: ${({ theme }) => theme.colors.shadeBlack};
11703
+ }
11702
11704
  }
11703
11705
 
11704
11706
  .title {
@@ -11747,8 +11749,9 @@ const DescriptionThumbnails = styled__default["default"].div `
11747
11749
  line-height: 18px;
11748
11750
  font-family: 'PT Sans';
11749
11751
  font-family: ${({ theme }) => theme.fonts.textMessageComponentsBodySmall.fontFamily};
11752
+ color: ${({ theme }) => theme.colors.neutralsGrey2};
11750
11753
  width: 100%;
11751
- transition: all 0.5s;
11754
+ transition: all 0.3s;
11752
11755
  white-space: normal;
11753
11756
 
11754
11757
  &.short {
@@ -11763,7 +11766,7 @@ const DescriptionThumbnails = styled__default["default"].div `
11763
11766
  > small {
11764
11767
  cursor: pointer;
11765
11768
  transition: all 0.3s;
11766
- margin-right: 10px;
11769
+
11767
11770
  :hover {
11768
11771
  transform: scale(1.05);
11769
11772
  }
@@ -11772,29 +11775,33 @@ const DescriptionThumbnails = styled__default["default"].div `
11772
11775
 
11773
11776
  function ParticipantThumbnails({ imgThumbnails, titleThumbnail, descpThumbnail, handleFunctionThumbnail, author }) {
11774
11777
  const [seeMore, setSeeMore] = React.useState(true);
11775
- const defaultImg = 'https://lxp-cdn.frstfalconi.cloud/thumbParticipant.png';
11778
+ const defaultImg = 'https://i.gyazo.com/35d9c18bbdc6a48d843b0aa24ab2499e.png';
11776
11779
  const textLarge = descpThumbnail.length >= 100;
11777
11780
  return (jsxRuntime.jsxs(CardThumbnails, { theme: FRSTTheme, onClick: () => {
11778
11781
  !textLarge && handleFunctionThumbnail();
11779
11782
  }, style: !textLarge ? { cursor: 'pointer' } : { cursor: 'auto' }, children: [jsxRuntime.jsx("img", { src: imgThumbnails ? imgThumbnails : defaultImg, alt: titleThumbnail, onClick: () => {
11780
11783
  textLarge && handleFunctionThumbnail();
11781
- } }), jsxRuntime.jsx("p", { className: "title", children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'short' : '', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
11784
+ } }), jsxRuntime.jsx("p", { className: "title", children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'descriptionThumb short' : 'descriptionThumb', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
11782
11785
  }
11783
11786
 
11784
11787
  function handleThumbnails(listThumbnails, isVisibleControlsButtons) {
11785
- return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
11788
+ const [refesh, setRefesh] = React.useState(0);
11789
+ React.useEffect(() => {
11790
+ setRefesh((prev) => prev + 1);
11791
+ }, [listThumbnails]);
11792
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { refreshResize: refesh, stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
11786
11793
  return (jsxRuntime.jsx(ParticipantThumbnails, { imgThumbnails: item.imgThumbnails, titleThumbnail: item.titleThumbnail, descpThumbnail: item.descpThumbnail, handleFunctionThumbnail: item.handleFunctionThumbnail }));
11787
11794
  }) }) }));
11788
11795
  }
11789
11796
  function ParticipantThumbnailsList({ listThumbnails }) {
11790
- const [width, setWidth] = React.useState(typeof window !== "undefined" && window.innerWidth);
11797
+ const [width, setWidth] = React.useState(typeof window !== 'undefined' && window.innerWidth);
11791
11798
  function handleWindowSizeChange() {
11792
- setWidth(typeof window !== "undefined" && window.innerWidth);
11799
+ setWidth(typeof window !== 'undefined' && window.innerWidth);
11793
11800
  }
11794
11801
  React.useEffect(() => {
11795
- typeof window !== "undefined" && window.addEventListener('resize', handleWindowSizeChange);
11802
+ typeof window !== 'undefined' && window.addEventListener('resize', handleWindowSizeChange);
11796
11803
  return () => {
11797
- typeof window !== "undefined" && window.removeEventListener('resize', handleWindowSizeChange);
11804
+ typeof window !== 'undefined' && window.removeEventListener('resize', handleWindowSizeChange);
11798
11805
  };
11799
11806
  }, []);
11800
11807
  if (width <= 834) {
package/dist/src/components/LXP/participantThumbnails/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eAmCvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eAkCvB"}
package/dist/src/components/LXP/participantThumbnails/participantThumbnails.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAkD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAmCjC,CAAA"}
1
+ {"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAqD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAoCjC,CAAA"}
package/dist/src/components/LXP/participantThumbnailsList/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;CACrC;AA+BD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,qBAAqB,eAkB1F"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;CACrC;AAmCD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,qBAAqB,eAkB1F"}
package/dist/src/components/scroll-container/scrollContainerStyles.d.ts.map CHANGED
@@ -1 +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;+BAA6B,OAAO;SAepG,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}
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;+BAA6B,OAAO;SAcpG,CAAA;AAED,eAAO,MAAM,cAAc,gFA2C1B,CAAA;AAKD,eAAO,MAAM,QAAQ,oEASpB,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.20.37",
4
+ "version": "0.20.38",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",