@soul-refiner/design-system 2.14.54 → 2.14.55
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),seconds_to_duration=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock=require("../../../icons/security/lock.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),download_arrow=require("../../../icons/basic/download_arrow.js"),share_external=require("../../../icons/basic/share_external.js"),tooltip=(require("../../feedback/badge/badge.js"),require("../../feedback/banner/banner.js"),require("../../feedback/loader/loader.js"),require("../../feedback/notification/notification.js"),require("../../feedback/progress/progress.js"),require("../../feedback/toast/toast.js"),require("../../feedback/tooltip/tooltip.js")),button=(require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../actions/button/button.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/AccountSelector/selector.js");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PlaylistItem=React__default.default.forwardRef(({comingSoon:e,duration:t,onClick:a,playable:o,progress:r=0,shortDescription:l,thumbnail:i,nowplaying:n,playlistItemId:c,title:s,isFile:d=!1,type:u="VIDEO"},f)=>React__default.default.createElement(Wrapper,{ref:f,onClick:o&&!e?a:void 0,$playable:o||"LINK"===u,$playlistItemId:c,$nowplaying:n,$isExternalLink:"LINK"===u},o?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):"LINK"===u?React__default.default.createElement(share_external.ShareExternal,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):React__default.default.createElement(lock.Lock,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}),React__default.default.createElement("div",{style:{position:"relative",overflow:"hidden",height:75,width:133,display:"contents",backgroundColor:"white"},className:"imageContainer"},React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+s,height:75,quality:100,src:i,style:{objectFit:"contain",background:"white"},width:133}),d&&React__default.default.createElement(FileImageHover,{className:"overlay"},React__default.default.createElement(FileImageHoverContainer,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(download_arrow.DownloadArrow,{color:"grey-4",size:16}),type:"special",sx:"padding-left: 12px;padding-right: 12px;"},React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20},"Download")))),"LINK"===u&&React__default.default.createElement(LinkImageHover,{className:"overlay"},React__default.default.createElement(LinkImageHoverContainer,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(share_external.ShareExternal,{color:"grey-4",size:16}),type:"special"},React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20},"Visit"))))),r&&t&&!e&&"LINK"!==u?React__default.default.createElement(ProgressBar,{progressPercent:r/t}):null,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:`
|
|
1
|
+
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),seconds_to_duration=require("../../atoms/seconds_to_duration/seconds_to_duration.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock=require("../../../icons/security/lock.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),download_arrow=require("../../../icons/basic/download_arrow.js"),share_external=require("../../../icons/basic/share_external.js"),tooltip=(require("../../feedback/badge/badge.js"),require("../../feedback/banner/banner.js"),require("../../feedback/loader/loader.js"),require("../../feedback/notification/notification.js"),require("../../feedback/progress/progress.js"),require("../../feedback/toast/toast.js"),require("../../feedback/tooltip/tooltip.js")),button=(require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../actions/button/button.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../actions/dropdown/dropdown.js"),require("../../actions/rate/rate.js"),require("../../actions/switch/switch.js"),require("../../actions/toggle/toggle.js"),require("../../actions/upload/upload.js"),require("../../actions/AccountSelector/selector.js");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const PlaylistItem=React__default.default.forwardRef(({comingSoon:e,duration:t,onClick:a,playable:o,progress:r=0,shortDescription:l,thumbnail:i,nowplaying:n,playlistItemId:c,title:s,isFile:d=!1,type:u="VIDEO"},f)=>React__default.default.createElement(Wrapper,{ref:f,onClick:o&&!e?a:void 0,$playable:o||"LINK"===u,$playlistItemId:c,$nowplaying:n,$isExternalLink:"LINK"===u},o?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):"LINK"===u?React__default.default.createElement(share_external.ShareExternal,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}):React__default.default.createElement(lock.Lock,{color:"white",size:16,sx:"position: absolute; left: 10px; bottom: 10px;"}),React__default.default.createElement("div",{style:{position:"relative",overflow:"hidden",height:75,width:133,display:"contents",backgroundColor:"white"},className:"imageContainer"},React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+s,height:75,quality:100,src:i,style:{objectFit:"LINK"===u?"contain":"cover",background:"LINK"===u?"white":"transparent"},width:133}),d&&React__default.default.createElement(FileImageHover,{className:"overlay"},React__default.default.createElement(FileImageHoverContainer,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(download_arrow.DownloadArrow,{color:"grey-4",size:16}),type:"special",sx:"padding-left: 12px;padding-right: 12px;"},React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20},"Download")))),"LINK"===u&&React__default.default.createElement(LinkImageHover,{className:"overlay"},React__default.default.createElement(LinkImageHoverContainer,null,React__default.default.createElement(button.Button,{icon:React__default.default.createElement(share_external.ShareExternal,{color:"grey-4",size:16}),type:"special"},React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:14,$lineHeight:20},"Visit"))))),r&&t&&!e&&"LINK"!==u?React__default.default.createElement(ProgressBar,{progressPercent:r/t}):null,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:`
|
|
2
2
|
margin-left: 16px;
|
|
3
3
|
margin-right: auto;
|
|
4
4
|
flex: 0 1 auto;
|