@secondstaxorg/sscomp 2.0.82 → 2.0.84
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.es.js +45 -21
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +48 -15
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +27 -3
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/VideoCard/VideoCard.d.ts +1 -1
- package/types/components/VideoCard/type.d.ts +8 -0
package/dist/index.js
CHANGED
|
@@ -24426,7 +24426,7 @@ const SmallNewsCard = (props) => {
|
|
|
24426
24426
|
|
|
24427
24427
|
/*display this one if sm-news-card-container is smaller than 335px*/
|
|
24428
24428
|
, React$1.createElement(SourceDate, { className: "thumb-date", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 41}}
|
|
24429
|
-
, React$1.createElement('div', { className: "tag
|
|
24429
|
+
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 42}}
|
|
24430
24430
|
, React$1.createElement('span', { style: {marginRight: 8, width: 21}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 43}}
|
|
24431
24431
|
, React$1.createElement('img', { src: sourceCountryFlagUrl, alt: "Source flag" , onError: (e) => {
|
|
24432
24432
|
e.currentTarget.src = img$5;
|
|
@@ -24436,7 +24436,7 @@ const SmallNewsCard = (props) => {
|
|
|
24436
24436
|
, source
|
|
24437
24437
|
)
|
|
24438
24438
|
)
|
|
24439
|
-
, React$1.createElement('div', { className: "tag
|
|
24439
|
+
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 52}}, React$1.createElement('span', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 52}}, date))
|
|
24440
24440
|
)
|
|
24441
24441
|
)
|
|
24442
24442
|
, React$1.createElement(TitleSource, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 55}}
|
|
@@ -24458,7 +24458,7 @@ const SmallNewsCard = (props) => {
|
|
|
24458
24458
|
)
|
|
24459
24459
|
)
|
|
24460
24460
|
, React$1.createElement(SourceDate, { className: "source-date", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 73}}
|
|
24461
|
-
, React$1.createElement('div', { className: "tag
|
|
24461
|
+
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 74}}
|
|
24462
24462
|
, React$1.createElement('span', { style: {marginRight: 8, width: 21}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 75}}
|
|
24463
24463
|
, React$1.createElement('img', { src: sourceCountryFlagUrl, alt: "Source flag" , onError: (e) => {
|
|
24464
24464
|
e.currentTarget.src = img$5;
|
|
@@ -24468,7 +24468,7 @@ const SmallNewsCard = (props) => {
|
|
|
24468
24468
|
, source
|
|
24469
24469
|
)
|
|
24470
24470
|
)
|
|
24471
|
-
, React$1.createElement('div', { className: "tag
|
|
24471
|
+
, React$1.createElement('div', { className: "tag", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 84}}, React$1.createElement('span', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 84}}, date))
|
|
24472
24472
|
)
|
|
24473
24473
|
)
|
|
24474
24474
|
)
|
|
@@ -38954,7 +38954,31 @@ const Card = styled.div`
|
|
|
38954
38954
|
width: fit-content;
|
|
38955
38955
|
background: ${theme.colors["neutral-50"]};
|
|
38956
38956
|
border-radius: 8px;
|
|
38957
|
-
|
|
38957
|
+
display: flex;
|
|
38958
|
+
align-items: center;
|
|
38959
|
+
|
|
38960
|
+
&>span{
|
|
38961
|
+
padding: 8px;
|
|
38962
|
+
}
|
|
38963
|
+
&>span:first-child{
|
|
38964
|
+
border-right: 2px solid ${theme.colors["neutral-100"]};
|
|
38965
|
+
}
|
|
38966
|
+
}
|
|
38967
|
+
|
|
38968
|
+
.divider{
|
|
38969
|
+
background: ${theme.colors["neutral-300"]};
|
|
38970
|
+
width: 1px;
|
|
38971
|
+
height: 100%;
|
|
38972
|
+
}
|
|
38973
|
+
|
|
38974
|
+
.video-source-info{
|
|
38975
|
+
display: flex;
|
|
38976
|
+
gap: 4px;
|
|
38977
|
+
align-items: center;
|
|
38978
|
+
|
|
38979
|
+
img{
|
|
38980
|
+
height: 14px;
|
|
38981
|
+
}
|
|
38958
38982
|
}
|
|
38959
38983
|
|
|
38960
38984
|
.video-title p {
|
|
@@ -38971,28 +38995,37 @@ const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\componen
|
|
|
38971
38995
|
* Card to display thumbnail image and title of a video with a link to the page that hosts the actual video.<br>
|
|
38972
38996
|
* This is not a video player, hence will not play the video
|
|
38973
38997
|
*/
|
|
38974
|
-
const VideoCard = ({date,onClick,thumbnailUrl,videoTitle}) => {
|
|
38998
|
+
const VideoCard = ({date, onClick, thumbnailUrl, videoTitle, source, sourceLogo}) => {
|
|
38975
38999
|
return (
|
|
38976
39000
|
React$1.createElement(React$1.Fragment, null
|
|
38977
39001
|
, React$1.createElement('style', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 13}}, customCSS)
|
|
38978
39002
|
, React$1.createElement(Card, { onClick: onClick, role: "button", className: "vc-container", 'aria-label': videoTitle, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 14}}
|
|
38979
39003
|
, React$1.createElement('div', { className: "card-body", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 15}}
|
|
38980
|
-
, React$1.createElement('div', { className: "video-thumbnail", style: {backgroundImage
|
|
39004
|
+
, React$1.createElement('div', { className: "video-thumbnail", style: {backgroundImage: `url(${thumbnailUrl})`}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 16}}
|
|
38981
39005
|
, React$1.createElement('div', { className: "label", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 17}}
|
|
38982
|
-
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none",
|
|
39006
|
+
, React$1.createElement('svg', { width: "16", height: "17", viewBox: "0 0 16 17" , fill: "none",
|
|
39007
|
+
xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
|
|
38983
39008
|
, React$1.createElement('path', {
|
|
38984
39009
|
d: "M12.3601 6.50001L5.92014 2.80667C5.57167 2.60545 5.17614 2.50003 4.77374 2.50114C4.37134 2.50224 3.97639 2.60983 3.62903 2.81297C3.28166 3.0161 2.99425 3.30756 2.79597 3.65773C2.5977 4.00789 2.49563 4.4043 2.50014 4.80667V12.22C2.50014 12.8247 2.74036 13.4046 3.16794 13.8322C3.59552 14.2598 4.17545 14.5 4.78014 14.5C5.18043 14.4993 5.57353 14.3936 5.92014 14.1933L12.3601 10.5C12.7062 10.2997 12.9935 10.012 13.1932 9.66563C13.3929 9.31928 13.4981 8.92649 13.4981 8.52667C13.4981 8.12686 13.3929 7.73407 13.1932 7.38772C12.9935 7.04136 12.7062 6.75361 12.3601 6.55334V6.50001ZM11.6935 9.29334L5.25348 13.04C5.10913 13.1218 4.94605 13.1648 4.78014 13.1648C4.61423 13.1648 4.45115 13.1218 4.30681 13.04C4.16287 12.9569 4.04335 12.8374 3.96027 12.6934C3.87718 12.5495 3.83345 12.3862 3.83348 12.22V4.78001C3.83345 4.61381 3.87718 4.45052 3.96027 4.30658C4.04335 4.16264 4.16287 4.04311 4.30681 3.96001C4.45175 3.87944 4.61434 3.83593 4.78014 3.83334C4.94583 3.83674 5.10823 3.8802 5.25348 3.96001L11.6935 7.68001C11.8375 7.76307 11.957 7.88259 12.0402 8.02653C12.1233 8.17048 12.1671 8.33378 12.1671 8.50001C12.1671 8.66624 12.1233 8.82954 12.0402 8.97348C11.957 9.11743 11.8375 9.23694 11.6935 9.32001V9.29334Z" ,
|
|
38985
|
-
fill: "currentColor", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39010
|
+
fill: "currentColor", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 20}})
|
|
38986
39011
|
)
|
|
38987
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
39012
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}, "Video")
|
|
38988
39013
|
)
|
|
38989
39014
|
)
|
|
38990
|
-
, React$1.createElement('div', { className: "video-details", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38991
|
-
, React$1.createElement('div', { className: "date", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38992
|
-
,
|
|
39015
|
+
, React$1.createElement('div', { className: "video-details", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}}
|
|
39016
|
+
, React$1.createElement('div', { className: "date", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 28}}
|
|
39017
|
+
, source &&
|
|
39018
|
+
React$1.createElement(React$1.Fragment, null
|
|
39019
|
+
, React$1.createElement('span', { className: "video-source-info", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 31}}
|
|
39020
|
+
, sourceLogo && React$1.createElement('img', { src: sourceLogo, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}})
|
|
39021
|
+
, React$1.createElement('span', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 33}}, source)
|
|
39022
|
+
)
|
|
39023
|
+
)
|
|
39024
|
+
|
|
39025
|
+
, React$1.createElement('span', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 37}}, dayjs(date).format('MMM D, YYYY'))
|
|
38993
39026
|
)
|
|
38994
|
-
, React$1.createElement('div', { className: "video-title", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
38995
|
-
, React$1.createElement('
|
|
39027
|
+
, React$1.createElement('div', { className: "video-title", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 39}}
|
|
39028
|
+
, React$1.createElement('h6', { className: "heading6Medium", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 40}}, videoTitle)
|
|
38996
39029
|
)
|
|
38997
39030
|
)
|
|
38998
39031
|
)
|