@soul-refiner/design-system 2.4.24 → 2.4.26

package/dist/components/card/video/video.js

@@ -1,5 +1,5 @@
 "use client";
-"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),rate=require("../../actions/rate/rate.js"),cart_filled=require("../../../icons/shopping/cart_filled.js"),styles=require("../styles.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const VideoEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:o,numRating:d,purchaseText:n,rating:p,subtitle:s,supportLabel:c,sx:u,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:u,href:l,$hasPurchaseText:!!n},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!n&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},n)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:213,quality:100,src:i,width:379}),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"block",className:"hidden"},r),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16},o,React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{$color:"grey-2",$semiBold:!0,$fontSize:g?18:16},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16},s)),c&&React__default.default.createElement(paragraph.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;"},c)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,className:"hidden"},a),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:p,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",d,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
+"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),rate=require("../../actions/rate/rate.js"),cart_filled=require("../../../icons/shopping/cart_filled.js"),styles=require("../styles.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image);const VideoEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:o,numRating:d,purchaseText:n,rating:p,subtitle:s,supportLabel:c,sx:u,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:u,href:l,$hasPurchaseText:!!n},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!n&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},n)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:213,quality:100,src:i,width:379}),React__default.default.createElement(Figcaption,null,React__default.default.createElement(box.Box,{$display:"block",className:"hidden"},r),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:16},o,React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"max-width: 60%;"},React__default.default.createElement(heading.H,{$color:"grey-2",$textClampLines:1,$semiBold:!0,$fontSize:g?18:16},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16},s)),c&&React__default.default.createElement(paragraph.P,{className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin-left: auto; align-self: flex-end; margin-bottom: 2.5px;"},c)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,className:"hidden"},a),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:p,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",d,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
   cursor: pointer;
   display: block;
   position: relative;
@@ -83,6 +83,8 @@
   flex-flow: column nowrap;
   gap: 8px;
   padding: 8px;
+  position: relative;
+  width: 100%;
 `,DropdownWrapper=styled.styled.div`
   position: absolute;
   top: 8px;

package/dist/components/editor/plugins/blocks/qa.js

@@ -6,7 +6,7 @@
             &:not(:hover) svg {
               fill: var(--color-grey-3);
             }
-            `,type:"text",contentEditable:!1},s?"Hide answers":"Show answers"),s&&React__default.default.createElement(filter.Filter,{label:"All Answers",sx:"padding: 1px 4px; & > * { color: var(--color-grey-5); }",optionOnChange:e=>{e=e.target.getAttribute("data-value");o(e)},options:[{label:"MeetingAnswers  ",value:"MEETING_ANSWERS",sublabel:"Show only answers from member of your meeting"},{label:"My answers",value:"MY_ANSWERS",sublabel:"Show only your answers"},{label:"Most Relevant",value:"MOST_RELEVANT",sublabel:"Show the most engaging answers first"},{label:"All answers",value:"ALL_ANSWERS",sublabel:"Anyone who's ever answered"}],isRadio:!0,optionShowClose:!1,resetGraphic:!0,triggerType:"outlined"})),React__default.default.createElement(hide.HideButRender,{show:s},React__default.default.createElement(i,{questionAnswerId:n,filterType:l})),React__default.default.createElement(u,{questionAnswerId:n,onComment:()=>d(!0)}))))}),Question=styled.styled.div`
+            `,type:"text",contentEditable:!1},s?"Hide answers":"Show answers"),s&&React__default.default.createElement(filter.Filter,{label:"All Answers",sx:"padding: 1px 4px; & > * { color: var(--color-grey-5); }",optionOnChange:e=>{e=e.target.getAttribute("data-value");l===e?o("ALL_ANSWERS"):o(e)},options:[{label:"MeetingAnswers  ",value:"MEETING_ANSWERS",sublabel:"Show only answers from member of your meeting"},{label:"My answers",value:"MY_ANSWERS",sublabel:"Show only your answers"},{label:"Most Relevant",value:"MOST_RELEVANT",sublabel:"Show the most engaging answers first"},{label:"All answers",value:"ALL_ANSWERS",sublabel:"Anyone who's ever answered"}],isRadio:!0,optionShowClose:!1,resetGraphic:!0,triggerType:"outlined"})),React__default.default.createElement(hide.HideButRender,{show:s},React__default.default.createElement(i,{questionAnswerId:n,filterType:l})),React__default.default.createElement(u,{questionAnswerId:n,onComment:()=>d(!0)}))))}),Question=styled.styled.div`
   margin-bottom: 8px;
   padding: 16px;
   border-left: 8px solid var(--color-hue-blue-1);

package/dist/components/media/video/video.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ReactPlayer=require("react-player"),Image=require("next/image");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),ReactPlayer__default=_interopDefaultCompat(ReactPlayer),Image__default=_interopDefaultCompat(Image);const Video=({controls:e=!0,loop:t=!1,muted:a,playsInline:l,src:r,subtitles:i,style:o,thumbnail:u,forwardedRef:n,playing:c=!0})=>{var f=React__default.default.useRef(null),n=n||f;return React__default.default.createElement(ReactPlayer__default.default,{config:{file:{attributes:{crossOrigin:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:i?.map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:e,height:"100%",light:u?React__default.default.createElement(Image__default.default,{alt:"thumbnail for trailer",layout:"fill",priority:!0,quality:100,src:u,style:{objectFit:"contain"}}):void 0,loop:t,muted:a,pip:!1,playsinline:l,playing:c,ref:n,style:{backgroundColor:"var(--color-grey-0)",maxHeight:720,maxWidth:1280,minHeight:480,overflow:"hidden",position:"relative",...o||{}},url:r,width:"100%"})};exports.Video=Video;
+"use strict";var React=require("react"),ReactPlayer=require("react-player"),Image=require("next/image");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),ReactPlayer__default=_interopDefaultCompat(ReactPlayer),Image__default=_interopDefaultCompat(Image);const Video=({controls:e=!0,loop:t=!1,muted:a,playsInline:l,src:r,subtitles:i,style:o,thumbnail:u,thumbnailObjectFit:n="contain",forwardedRef:c,playing:f=!0})=>{var d=React__default.default.useRef(null),c=c||d;return React__default.default.createElement(ReactPlayer__default.default,{config:{file:{attributes:{crossOrigin:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:i?.map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:e,height:"100%",light:u?React__default.default.createElement(Image__default.default,{alt:"thumbnail for trailer",layout:"fill",priority:!0,quality:100,src:u,style:{objectFit:n}}):void 0,loop:t,muted:a,pip:!1,playsinline:l,playing:f,ref:c,style:{backgroundColor:"var(--color-grey-0)",maxHeight:720,maxWidth:1280,minHeight:480,overflow:"hidden",position:"relative",...o||{}},url:r,width:"100%"})};exports.Video=Video;

package/dist/src/components/media/video/video.d.ts

@@ -10,7 +10,8 @@ export interface VideoProps {
     subtitles?: Subtitle[];
     style?: React.CSSProperties;
     thumbnail: string;
+    thumbnailObjectFit?: 'cover' | 'contain' | 'fill' | 'unset';
     forwardedRef?: React.RefObject<ReactPlayer>;
     playing?: boolean;
 }
-export declare const Video: ({ controls, loop, muted, playsInline, src, subtitles, style, thumbnail, forwardedRef, playing, }: VideoProps) => React.JSX.Element;
+export declare const Video: ({ controls, loop, muted, playsInline, src, subtitles, style, thumbnail, thumbnailObjectFit, forwardedRef, playing, }: VideoProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.4.24",
+  "version": "2.4.26",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",