frst-components 0.21.90 → 0.21.91
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/dist/index.js +11 -4
- package/dist/src/components/IJ/thumbListContent/index.d.ts +1 -0
- package/dist/src/components/IJ/thumbListContent/index.d.ts.map +1 -1
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts +1 -1
- package/dist/src/components/IJ/thumbListContent/thumbListContentStyles.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -16014,6 +16014,8 @@ font-weight: 400;
|
|
|
16014
16014
|
line-height: normal;
|
|
16015
16015
|
position: relative;
|
|
16016
16016
|
right: 10px;
|
|
16017
|
+
pointer-events: none;
|
|
16018
|
+
|
|
16017
16019
|
`;
|
|
16018
16020
|
const ImgCanal = styled__default["default"].img `
|
|
16019
16021
|
|
|
@@ -16022,20 +16024,25 @@ height: 24px;
|
|
|
16022
16024
|
flex-shrink: 0;
|
|
16023
16025
|
border-radius: 40px;
|
|
16024
16026
|
background-size:cover !important;
|
|
16027
|
+
pointer-events: none;
|
|
16028
|
+
|
|
16025
16029
|
|
|
16026
16030
|
|
|
16027
16031
|
`;
|
|
16028
|
-
const InfCanal = styled__default["default"].
|
|
16032
|
+
const InfCanal = styled__default["default"].a `
|
|
16029
16033
|
|
|
16030
16034
|
width: 130px;
|
|
16031
16035
|
height: 30px;
|
|
16032
|
-
position:
|
|
16036
|
+
position:absolute;
|
|
16033
16037
|
display: inline-flex;
|
|
16034
16038
|
align-items: center;
|
|
16035
16039
|
gap: 16px;
|
|
16036
16040
|
right: 10px;
|
|
16037
|
-
|
|
16041
|
+
top:82px;
|
|
16038
16042
|
border-top: 0.5px solid #E2E8F0;
|
|
16043
|
+
text-decoration: none;
|
|
16044
|
+
display: none;
|
|
16045
|
+
|
|
16039
16046
|
|
|
16040
16047
|
`;
|
|
16041
16048
|
const shadedThumb = styled__default["default"].div `
|
|
@@ -16092,7 +16099,7 @@ function ThumbListContent(props) {
|
|
|
16092
16099
|
setIsSelected(props?.isSelected);
|
|
16093
16100
|
}, [props.isSelected]);
|
|
16094
16101
|
const MAX_CHARACTERS = 150;
|
|
16095
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style },
|
|
16102
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: props.isLoading ? (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [jsxRuntime.jsx(loadingImageThumb, {}), jsxRuntime.jsxs(loadingThumbContent, { children: [props.title && jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" }), jsxRuntime.jsx(loadingContent, { children: "a" })] })] })) : (jsxRuntime.jsxs(containerThumbContent, { style: { ...props.style }, children: [props.imageSrc ? (tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { children: jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsx(ProgressAndImg, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) }) }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(imageThumbContent, { style: { backgroundImage: `url(${props.imageSrc})` }, onClick: props.onClickThumb, children: jsxRuntime.jsxs(IconPlayVideo, { children: [' ', jsxRuntime.jsx(IconPlay, {}), ' '] }) }), jsxRuntime.jsxs(InfCanal, { id: 'DadosCanal', href: props.urlCanal, children: [jsxRuntime.jsx(ImgCanal, { src: props.imageSrcCanal }), jsxRuntime.jsx(NameCanal, { children: props.nameCanal })] })] }))) : tagVisualized > 0 ? (jsxRuntime.jsx(shadedThumb, { onClick: props.onClickThumb, children: jsxRuntime.jsxs(iconsThumbAndProgress, { children: [props.typeThumbContent === 'video' ? jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx(IconAndProgress, { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, props.typeThumbContent === 'textual' ? jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) : null, jsxRuntime.jsx(ProgressIcon, { children: jsxRuntime.jsx(ProgressBar$1, { label: "", value: props.valueProgress }) })] }) })) : (jsxRuntime.jsxs(iconsThumb, { onClick: props.onClickThumb, children: [props.typeThumbContent === 'video' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbVideo, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'podcast' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbPodcast, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'question' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null, props.typeThumbContent === 'textual' ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ThumbTexto, { width: "74", height: "74" }) })) : null] })), jsxRuntime.jsxs(infoThumbContent, { onClick: props.onClickThumb, tagVisualized: props.tagValue, isSelected: props?.isSelected, children: [props.tagValue !== 'notVisualized' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.tagValue === 'vizualized' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressVisualized }) })) : null, props.tagValue === 'inProgress' ? (jsxRuntime.jsx(tagThumbContentContainer, { children: jsxRuntime.jsx(tagThumbContent, { tagVisualized: props.tagValue, children: props.textProgressInProgress }) })) : null] })) : null, props.title ? jsxRuntime.jsx("span", { children: props.title }) : null, jsxRuntime.jsx(descriptionThumbContent, { showText: showMore, isSelected: props?.isSelected, children: props.description.length > MAX_CHARACTERS ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: showMore ? props.description : `${props.description.slice(0, MAX_CHARACTERS)}...` })) : (props.description) })] }), jsxRuntime.jsx(viewMoreContent$1, { children: jsxRuntime.jsx(Button$4, { variant: "link", label: showMore ? props.textViewLessButton : props.textViewMoreButton, handleClick: () => setShowMore(!showMore), style: { fontSize: 12, color: props?.isSelected ? '#E5E7EB' : '#444444' } }) })] })) }));
|
|
16096
16103
|
function IconPlay() {
|
|
16097
16104
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "33", height: "33", viewBox: "0 0 33 33", fill: "none", children: [jsxRuntime.jsx("g", { filter: "url(#filter0_d_1_13248)", children: jsxRuntime.jsx("path", { d: "M22.7851 17.6767C23.3898 17.273 23.3898 16.3841 22.7851 15.9803L14.8446 10.6786C14.1668 10.2261 13.2583 10.7119 13.2583 11.5269V22.1302C13.2583 22.9451 14.1668 23.4309 14.8446 22.9784L22.7851 17.6767Z", fill: "white" }) }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", { id: "filter0_d_1_13248", x: "0", y: "0", width: "32.6364", height: "32.6364", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB", children: [jsxRuntime.jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), jsxRuntime.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), jsxRuntime.jsx("feMorphology", { radius: "20.3983", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feOffset", { dy: "3.05975" }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: "2.54979" }), jsxRuntime.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 0.301961 0 0 0 0 0.0509804 0 0 0 0.4 0" }), jsxRuntime.jsx("feBlend", { mode: "multiply", in2: "BackgroundImageFix", result: "effect1_dropShadow_1_13248" }), jsxRuntime.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_1_13248", result: "shape" })] }) })] }) }));
|
|
16098
16105
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/index.tsx"],"names":[],"mappings":";AAQA,KAAK,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAE7D,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,YAAY,GAAG,YAAY,GAAG,eAAe,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/index.tsx"],"names":[],"mappings":";AAQA,KAAK,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAE7D,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,YAAY,GAAG,YAAY,GAAG,eAAe,CAAA;IACvD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,iBAAiB,eA6LhE"}
|
|
@@ -18,7 +18,7 @@ export declare const descriptionThumbContent: import("styled-components").Styled
|
|
|
18
18
|
export declare const viewMoreContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
19
19
|
export declare const NameCanal: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
20
20
|
export declare const ImgCanal: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
21
|
-
export declare const InfCanal: import("styled-components").StyledComponent<"
|
|
21
|
+
export declare const InfCanal: import("styled-components").StyledComponent<"a", any, {}, never>;
|
|
22
22
|
export declare const shadedThumb: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
23
23
|
export declare const ProgressAndImg: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
24
24
|
export declare const ProgressIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thumbListContentStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/thumbListContentStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,oEAUjC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAOjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAa7B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAGD,eAAO,MAAM,aAAa,oEAczB,CAAA;AAGD,eAAO,MAAM,gBAAgB,yEAoB5B,CAAA;AAED,eAAO,MAAM,wBAAwB,oEAKpC,CAAA;AACD,eAAO,MAAM,eAAe,yEAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,yEAgBnC,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA;AACD,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"thumbListContentStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/thumbListContent/thumbListContentStyles.ts"],"names":[],"mappings":"AAEA,UAAU,OAAO;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,oEAUjC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAOjC,CAAA;AAED,eAAO,MAAM,UAAU,oEAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAa7B,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AAED,eAAO,MAAM,cAAc,oEAqB1B,CAAA;AAGD,eAAO,MAAM,aAAa,oEAczB,CAAA;AAGD,eAAO,MAAM,gBAAgB,yEAoB5B,CAAA;AAED,eAAO,MAAM,wBAAwB,oEAKpC,CAAA;AACD,eAAO,MAAM,eAAe,yEAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,yEAgBnC,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA;AACD,eAAO,MAAM,SAAS,kEAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAWpB,CAAA;AAED,eAAO,MAAM,QAAQ,kEAepB,CAAA;AAGD,eAAO,MAAM,WAAW,oEAgBvB,CAAA;AAED,eAAO,MAAM,cAAc,oEAK1B,CAAA;AAED,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,eAAe,oEAM3B,CAAA"}
|