@soul-refiner/design-system 2.14.59 → 2.14.61
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/components/actions/AccountSelector/selector.js +1 -1
- package/dist/components/card/audio/audio.js +1 -1
- package/dist/components/card/video/video.js +1 -1
- package/dist/components/card/written/written.js +1 -1
- package/dist/components/feedback/videoLoader/videoLoader.js +23 -0
- package/dist/components/media/video-player/playlist-item.js +2 -2
- package/dist/components/surfaces/comment/comment.js +2 -2
- package/dist/index.js +1 -1
- package/dist/src/components/feedback/index.d.ts +1 -0
- package/dist/src/components/feedback/videoLoader/index.d.ts +1 -0
- package/dist/src/components/feedback/videoLoader/videoLoader.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";require("../button/button.js"),require("../dropdown/dropdown.js"),require("../rate/rate.js"),require("../switch/switch.js"),require("../toggle/toggle.js"),require("../upload/upload.js"),require("../../atoms/box/box.js");var React=require("react"),avatar=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js"),require("../../atoms/typography/typography.js"),require("../../card/action/action.js"),require("../../card/audio/audio.js"),require("../../card/feature/feature.js"),require("../../card/person/person.js"),require("../../card/price/price.js"),require("../../card/regular/regular.js"),require("../../card/video/video.js"),require("../../card/written/written.js"),require("../../card/meeting/meeting.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js"),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("react-tooltip"),require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../iconography/avatar/avatar.js")),chevron_down=(require("../../iconography/icon/icon.js"),require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js"),require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../media/audio-player/audio-player.js"),require("../../media/audio-playlist/audio-playlist.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../media/audio-playlist/playing_indicator.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/drawer/bottom-drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../../custom/users_selection/users_selection.js"),require("../../custom/courses_selection/courses_selection.js"),require("../../../icons/arrow/chevron_down.js")),chevron_up=require("../../../icons/arrow/chevron_up.js"),styled=(require("../../../icons/basic/subtask.js"),require("../../../common/colors.js"),require("styled-components"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const AccountSelector=({selectedOption:e,options:r,onOptionChange:t,size:a=24,showChevron:i=!1,className:o})=>{const[s,u]=React.useState(!1),n=React.useRef(null);React.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)&&u(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);return React__default.default.createElement(Container,{className:o,ref:n},React__default.default.createElement(TriggerButton,{onClick:()=>{r.length<=1||u(!s)}},React__default.default.createElement(avatar.Avatar,{image:e?.avatar||"/images/default_avatar.png",size:a}),i&&1<r.length&&React__default.default.createElement(FloatingChevron,null,s?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),s&&React__default.default.createElement(DropdownMenu,null,r.map(r=>React__default.default.createElement(OptionItem,{key:r.id,onClick:()=>{return e=r.value,t(e),void u(!1);var e},$isSelected:e?.value===r.value},React__default.default.createElement(avatar.Avatar,{image:r.avatar,size:32}),React__default.default.createElement(OptionText,null,r.name)))))},Container=styled__default.default.div`
|
|
2
|
+
"use strict";require("../button/button.js"),require("../dropdown/dropdown.js"),require("../rate/rate.js"),require("../switch/switch.js"),require("../toggle/toggle.js"),require("../upload/upload.js"),require("../../atoms/box/box.js");var React=require("react"),avatar=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/paragraph.js"),require("../../atoms/typography/typography.js"),require("../../card/action/action.js"),require("../../card/audio/audio.js"),require("../../card/feature/feature.js"),require("../../card/person/person.js"),require("../../card/price/price.js"),require("../../card/regular/regular.js"),require("../../card/video/video.js"),require("../../card/written/written.js"),require("../../card/meeting/meeting.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js"),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("react-tooltip"),require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../feedback/videoLoader/videoLoader.js"),require("../../iconography/avatar/avatar.js")),chevron_down=(require("../../iconography/icon/icon.js"),require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js"),require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../media/audio-player/audio-player.js"),require("../../media/audio-playlist/audio-playlist.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../media/audio-playlist/playing_indicator.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../../surfaces/accordion/accordion.js"),require("../../surfaces/carousel/card/card.js"),require("../../surfaces/comment/comment.js"),require("../../surfaces/discuss_post/discuss_post.js"),require("../../surfaces/drawer/drawer.js"),require("../../surfaces/drawer/bottom-drawer.js"),require("../../surfaces/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../../custom/users_selection/users_selection.js"),require("../../custom/courses_selection/courses_selection.js"),require("../../../icons/arrow/chevron_down.js")),chevron_up=require("../../../icons/arrow/chevron_up.js"),styled=(require("../../../icons/basic/subtask.js"),require("../../../common/colors.js"),require("styled-components"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const AccountSelector=({selectedOption:e,options:r,onOptionChange:t,size:a=24,showChevron:i=!1,className:o})=>{const[s,u]=React.useState(!1),n=React.useRef(null);React.useEffect(()=>{const e=e=>{n.current&&!n.current.contains(e.target)&&u(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);return React__default.default.createElement(Container,{className:o,ref:n},React__default.default.createElement(TriggerButton,{onClick:()=>{r.length<=1||u(!s)}},React__default.default.createElement(avatar.Avatar,{image:e?.avatar||"/images/default_avatar.png",size:a}),i&&1<r.length&&React__default.default.createElement(FloatingChevron,null,s?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),s&&React__default.default.createElement(DropdownMenu,null,r.map(r=>React__default.default.createElement(OptionItem,{key:r.id,onClick:()=>{return e=r.value,t(e),void u(!1);var e},$isSelected:e?.value===r.value},React__default.default.createElement(avatar.Avatar,{image:r.avatar,size:32}),React__default.default.createElement(OptionText,null,r.name)))))},Container=styled__default.default.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: inline-block;
|
|
5
5
|
`,TriggerButton=styled__default.default.div`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"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 AudioEpisodeCard=({actions:e,actionDropdown:
|
|
2
|
+
"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 AudioEpisodeCard=({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:228,quality:100,src:i,width:228}),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:"width: calc(100% - 56px);"},React__default.default.createElement(heading.H,{$color:"grey-2",$semiBold:!0,$fontSize:g?18:16,$textClampLines:1},f),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1,$sx:"display: flex; gap: 8px;"},s,c&&React__default.default.createElement(paragraph.P,{as:"span",className:"not-hover",$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"display: inline-block; flex: 1; text-align: right;"},c)))),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline",dangerouslySetInnerHTML:{__html: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`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: block;
|
|
5
5
|
position: relative;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"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:
|
|
2
|
+
"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:n,purchaseText:d,rating:p,subtitle:s,supportLabel:u,sx:c,title:f})=>{var g=!!o;return React__default.default.createElement(Wrapper,{$sx:c,href:l,$hasPurchaseText:!!d},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!d&&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"},d)),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,dangerouslySetInnerHTML:{__html:f}}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:s}})),u&&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;"},u)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:4,className:"hidden",dangerouslySetInnerHTML:{__html: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;"},"(",n,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: block;
|
|
5
5
|
position: relative;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"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 WrittenEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:
|
|
2
|
+
"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 WrittenEpisodeCard=({actions:e,actionDropdown:t,content:a,cta:r,href:l,image:i,logo:n,numRating:o,purchaseText:d,rating:s,subtitle:p,supportLabel:u,sx:c,title:f})=>{var g=!!n;return React__default.default.createElement(Wrapper,{$sx:c,href:l,$hasPurchaseText:!!d},React__default.default.createElement(Figure,null,t&&React__default.default.createElement(DropdownWrapper,null,t),!!d&&React__default.default.createElement(styles.PurchaseTextWrapper,{className:"not-hover"},React__default.default.createElement(cart_filled.CartFilled,{color:"yellow-5",size:24,sx:"flex-shrink: 0;"}),React__default.default.createElement(paragraph.P,{$bold:!0,$color:"white"},d)),React__default.default.createElement(Image__default.default,{alt:"",className:"thumbnail",height:228,quality:100,src:i,width:176}),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},n,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,dangerouslySetInnerHTML:{__html:f}}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,dangerouslySetInnerHTML:{__html:p}})),u&&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;"},u)),React__default.default.createElement(paragraph.P,{$color:"grey-5",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:6,className:"hidden inline",dangerouslySetInnerHTML:{__html:a}}),React__default.default.createElement(box.Box,{className:"hidden",$align:"center",$dir:"row"},React__default.default.createElement(rate.Rate,{isRateable:!1,percent:s,size:"small"}),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,sx:"margin: 0px auto 0px 4px;"},"(",o,")"),React__default.default.createElement(box.Box,{$align:"center",$dir:"row",$gap:8},React__default.default.Children.toArray(e))))))},Wrapper=styled.styled.a`
|
|
3
3
|
cursor: pointer;
|
|
4
4
|
display: block;
|
|
5
5
|
position: relative;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const spin=styled.keyframes`
|
|
3
|
+
0% { transform: rotate(0deg); }
|
|
4
|
+
100% { transform: rotate(360deg); }
|
|
5
|
+
`,SvgWrapper=styled__default.default.div`
|
|
6
|
+
display: inline-flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
|
|
10
|
+
${({$width:e,$height:t})=>styled.css`
|
|
11
|
+
width: ${e}px;
|
|
12
|
+
height: ${t}px;
|
|
13
|
+
`}
|
|
14
|
+
|
|
15
|
+
svg {
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
${({$spin:e})=>e&&styled.css`
|
|
19
|
+
animation: ${spin} 1.2s linear infinite;
|
|
20
|
+
transform-origin: center;
|
|
21
|
+
`}
|
|
22
|
+
}
|
|
23
|
+
`,VideoLoader=({width:e=64,height:t=60,spin:a=!1,className:l})=>React__default.default.createElement(SvgWrapper,{$spin:a,$width:e,$height:t,className:l},React__default.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 65 61",fill:"none"},React__default.default.createElement("ellipse",{cx:"55.5221",cy:"31.8817",rx:"8.61588",ry:"8.61609",fill:"#1B7BCB"}),React__default.default.createElement("ellipse",{cx:"3.82593",cy:"31.8807",rx:"3.68531",ry:"3.6854",fill:"#B1D9F9"}),React__default.default.createElement("ellipse",{cx:"2.17085",cy:"2.1708",rx:"2.17085",ry:"2.1708",transform:"matrix(0 1 1 4.37125e-08 27.5 55.5547)",fill:"#F6FBFE"}),React__default.default.createElement("circle",{cx:"3.26132",cy:"3.26132",r:"3.26132",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 16.0078 50.1484)",fill:"#DDEFFC"}),React__default.default.createElement("circle",{cx:"4.33225",cy:"4.33225",r:"4.33225",transform:"matrix(-0.707098 -0.707116 0.707098 -0.707115 11.3984 19.7266)",fill:"#80C1F6"}),React__default.default.createElement("ellipse",{cx:"29.6752",cy:"6.02809",rx:"5.41871",ry:"5.41858",transform:"rotate(90 29.6752 6.02809)",fill:"#51A9F2"}),React__default.default.createElement("circle",{cx:"6.45032",cy:"6.45032",r:"6.45032",transform:"matrix(-0.707098 0.707115 -0.707098 -0.707116 57.0625 13.6016)",fill:"#0076D9"})));exports.VideoLoader=VideoLoader;
|
|
@@ -1,10 +1,10 @@
|
|
|
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"},p)=>React__default.default.createElement(Wrapper,{ref:p,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; max-height: 32px;"},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",sx:"max-height: 32px;"},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("../../feedback/videoLoader/videoLoader.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"},p)=>React__default.default.createElement(Wrapper,{ref:p,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; max-height: 32px;"},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",sx:"max-height: 32px;"},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;
|
|
5
5
|
flex-basis: content;
|
|
6
6
|
max-width: 80%;
|
|
7
|
-
`},React__default.default.createElement(paragraph.P,{$color:"grey-10",$semiBold:!0},s),React__default.default.createElement(box.Box,{$gap:4,$align:"flex-end"},l&&React__default.default.createElement(paragraph.P,{$color:"grey-9",$fontSize:14,$lineHeight:20,$textClampLines:2,sx:"max-width: min(500px, 100%);"
|
|
7
|
+
`},React__default.default.createElement(paragraph.P,{$color:"grey-10",$semiBold:!0},s),React__default.default.createElement(box.Box,{$gap:4,$align:"flex-end"},l&&React__default.default.createElement(paragraph.P,{$color:"grey-9",$fontSize:14,$lineHeight:20,$textClampLines:2,sx:"max-width: min(500px, 100%);",dangerouslySetInnerHTML:{__html:l}}),l&&70<l?.length&&React__default.default.createElement(box.Box,{$justify:"flex-start",sx:"div{ text-align: left !important; z-index: 99; } .opaque { opacity: 1 !important;} margin-right: 16px; "},React__default.default.createElement(tooltip.Tooltip,{content:l,place:"left"},React__default.default.createElement(paragraph.P,{$fontSize:14,$color:"white"},"More"))))),t&&!e&&"LINK"!==u&&React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},React__default.default.createElement(seconds_to_duration.SecToDuration,{seconds:t})),"LINK"===u&&React__default.default.createElement(button.Button,{type:"special",sx:"&:hover { background-color: var(--color-grey-2); } svg { color: white; } padding: 6px 12px; max-height: 32px;",icon:React__default.default.createElement(share_external.ShareExternal,{color:"white",size:16})},React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},"Visit")),"FILE"===u&&React__default.default.createElement(button.Button,{type:"special",sx:"&:hover { background-color: var(--color-grey-2); } svg { color: white; } padding: 6px 12px; max-height: 32px;",icon:React__default.default.createElement(download_arrow.DownloadArrow,{color:"white",size:16})},React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},"Download")),e&&React__default.default.createElement(paragraph.P,{$color:"grey-8",$fontSize:14,$lineHeight:20,sx:"flex-shrink: 0;"},"Coming soon"))),Wrapper=styled.styled.div`
|
|
8
8
|
width: 100%;
|
|
9
9
|
flex: 0 1 auto;
|
|
10
10
|
padding: 6px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js"),selector=(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")),emojiPicker=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/typography.js"),require("../../card/action/action.js"),require("../../card/audio/audio.js"),require("../../card/feature/feature.js"),require("../../card/person/person.js"),require("../../card/price/price.js"),require("../../card/regular/regular.js"),require("../../card/video/video.js"),require("../../card/written/written.js"),require("../../card/meeting/meeting.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js"),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("react-tooltip"),require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js")),emojiReactions=require("../../feedback/emojiPicker/emoji-reactions.js"),eye=(require("../../iconography/icon/icon.js"),require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js"),require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../media/audio-player/audio-player.js"),require("../../media/audio-playlist/audio-playlist.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../media/audio-playlist/playing_indicator.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../accordion/accordion.js"),require("../carousel/card/card.js"),require("../discuss_post/discuss_post.js"),require("../drawer/drawer.js"),require("../drawer/bottom-drawer.js"),require("../message/message.js"),require("../modal/modal.js"),require("../post/post.js"),require("../calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../../custom/users_selection/users_selection.js"),require("../../custom/courses_selection/courses_selection.js"),require("../../../icons/basic/eye.js")),trash_slash=(require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),lock=require("../../../icons/security/lock.js"),calendar_dates=(require("../../../common/colors.js"),require("../../../icons/time/calendar_dates.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled),Link__default=_interopDefaultCompat(Link);const MAX_REACTIONS_SHOWN=5,visibilityMapping={PRIVATE:"Private",MEETING_MEMBERS:"Meeting",PUBLIC:"Public",PUBLIC_WITH_MEETING:""},visibilityIcons={PRIVATE:React__default.default.createElement(lock.Lock,null),MEETING_MEMBERS:React__default.default.createElement(calendar_dates.CalendarDates,null),PUBLIC:React__default.default.createElement(eye.Eye,null),PUBLIC_WITH_MEETING:React__default.default.createElement(React__default.default.Fragment,null)},Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:i,onComment:M,onReact:o,latestReaction:W,onShowReplies:n,onEdit:u,isEditing:s,setIsEditing:d,dropdown:z,reactionModal:A,reactions:c,replies:p,userImageUri:f,userName:D,userReactions:N,visibilityIcon:U,customPlaceHolder:O,userProfileUri:_,sx:H,moveButtonsToLeft:m=!1,useNewVersion:g=!1,onDelete:x,visibility:y,shareDropdown:F,belongsToLoggedUser:R=!1,disableRedirectionToUserProfile:h=!1,replyAccountOptions:b,selectedReplyAccount:G,onReplyAccountChange:j,showAccountSelector:V=!1,accountSelectorSize:X=32})=>{const[E,v]=React__default.default.useState(!1),[q,Y]=React__default.default.useState({x:0,y:0}),[J,K]=React__default.default.useState("up"),[Q,Z]=React__default.default.useState(!1),[k,ee]=React__default.default.useState(!1),[$,w]=React__default.default.useState(""),[C,S]=React__default.default.useState(a),P=React__default.default.useRef(null),[I,B]=React__default.default.useState(!1),
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js"),selector=(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")),emojiPicker=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js"),require("../../atoms/typography/typography.js"),require("../../card/action/action.js"),require("../../card/audio/audio.js"),require("../../card/feature/feature.js"),require("../../card/person/person.js"),require("../../card/price/price.js"),require("../../card/regular/regular.js"),require("../../card/video/video.js"),require("../../card/written/written.js"),require("../../card/meeting/meeting.js"),require("../../editor/editor.js"),require("../../editor/simple_editor/simple_editor.js"),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("react-tooltip"),require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js")),emojiReactions=require("../../feedback/emojiPicker/emoji-reactions.js"),eye=(require("../../feedback/videoLoader/videoLoader.js"),require("../../iconography/icon/icon.js"),require("../../input/checkbox/checkbox.js"),require("../../input/date/date.js"),require("../../input/filter/filter.js"),require("../../input/radio/radio.js"),require("../../input/search/search.js"),require("../../input/select/select.js"),require("../../input/text_area/text_area.js"),require("../../input/text_input/text_input.js"),require("../../input/calendar/calendar.js"),require("../../input/time/time.js"),require("@mui/x-date-pickers/LocalizationProvider"),require("@mui/x-date-pickers/AdapterDateFnsV3"),require("@mui/x-date-pickers/TimeField"),require("../../media/audio-player/audio-player.js"),require("../../media/audio-playlist/audio-playlist.js"),require("../../media/audio-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../media/audio-playlist/playing_indicator.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),require("../accordion/accordion.js"),require("../carousel/card/card.js"),require("../discuss_post/discuss_post.js"),require("../drawer/drawer.js"),require("../drawer/bottom-drawer.js"),require("../message/message.js"),require("../modal/modal.js"),require("../post/post.js"),require("../calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../../custom/users_selection/users_selection.js"),require("../../custom/courses_selection/courses_selection.js"),require("../../../icons/basic/eye.js")),trash_slash=(require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),lock=require("../../../icons/security/lock.js"),calendar_dates=(require("../../../common/colors.js"),require("../../../icons/time/calendar_dates.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled),Link__default=_interopDefaultCompat(Link);const MAX_REACTIONS_SHOWN=5,visibilityMapping={PRIVATE:"Private",MEETING_MEMBERS:"Meeting",PUBLIC:"Public",PUBLIC_WITH_MEETING:""},visibilityIcons={PRIVATE:React__default.default.createElement(lock.Lock,null),MEETING_MEMBERS:React__default.default.createElement(calendar_dates.CalendarDates,null),PUBLIC:React__default.default.createElement(eye.Eye,null),PUBLIC_WITH_MEETING:React__default.default.createElement(React__default.default.Fragment,null)},Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:i,onComment:M,onReact:o,latestReaction:W,onShowReplies:n,onEdit:u,isEditing:s,setIsEditing:d,dropdown:z,reactionModal:A,reactions:c,replies:p,userImageUri:f,userName:D,userReactions:N,visibilityIcon:U,customPlaceHolder:O,userProfileUri:_,sx:H,moveButtonsToLeft:m=!1,useNewVersion:g=!1,onDelete:x,visibility:y,shareDropdown:F,belongsToLoggedUser:R=!1,disableRedirectionToUserProfile:h=!1,replyAccountOptions:b,selectedReplyAccount:G,onReplyAccountChange:j,showAccountSelector:V=!1,accountSelectorSize:X=32})=>{const[E,v]=React__default.default.useState(!1),[q,Y]=React__default.default.useState({x:0,y:0}),[J,K]=React__default.default.useState("up"),[Q,Z]=React__default.default.useState(!1),[k,ee]=React__default.default.useState(!1),[$,w]=React__default.default.useState(""),[C,S]=React__default.default.useState(a),P=React__default.default.useRef(null),[I,B]=React__default.default.useState(!1),L=React__default.default.Children.toArray(p);React__default.default.useEffect(()=>{(s||I)&&P.current&&P.current.focus()},[s,I]);var p=e=>{e.stopPropagation(),v(e=>!e),Y({y:e.clientY,x:e.clientX}),K(400<e.clientY?"up":"down")},te=()=>{n&&n(),ee(!0)},r=helpers.abbrTimeBeforeDate(r),c=c&&Object.entries(c).slice(0,MAX_REACTIONS_SHOWN).sort((e,t)=>e[1]<t[1]?1:-1).map(([e,t])=>React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emojiReactions.EmojiReaction,{size:16,key:i+e,emoji:e,isActive:N?.includes(e),onReact:()=>o(e),showSparkle:e===W,count:t,showCount:!0}))),T=!!L?.length&&0<L.length,ae=T&&L.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==L.length-1||l,React__default.default.createElement(ReplyWrapper,{$hasLine:t,key:a},e,React__default.default.createElement(ReplyIndicator,null))):null});return React__default.default.createElement(Wrapper,{$sx:H,id:"comment-"+i,$moveButtonsToLeft:m},React__default.default.createElement(avatar.Avatar,{as:h?void 0:Link__default.default,href:h?void 0:_,image:f,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:T||!!l},s||I?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{S(e.target.value)},value:C,ref:P,onBlur:async()=>{g&&(u&&await u(C,i),B(!1))}}):React__default.default.createElement(CommentBox,{onClick:()=>g&&R?B(!0):void 0},React__default.default.createElement(box.Box,{$dir:"row",$justify:"space-between",$align:"center"},React__default.default.createElement("div",{style:{display:"flex",alignItems:"center",gap:8}},React__default.default.createElement(paragraph.P,{as:h?void 0:_?Link__default.default:"span",href:h?void 0:_,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},D),g&&y&&("PUBLIC_WITH_MEETING"===y?React__default.default.createElement(React__default.default.Fragment,null,visibilityIcons.PUBLIC,React__default.default.createElement(paragraph.P,{$fontSize:14},visibilityMapping.PUBLIC),visibilityIcons.MEETING_MEMBERS,React__default.default.createElement(paragraph.P,{$fontSize:14},visibilityMapping.MEETING_MEMBERS)):React__default.default.createElement(React__default.default.Fragment,null,visibilityIcons[y],React__default.default.createElement(paragraph.P,{$fontSize:14},visibilityMapping[y])))),g&&R?React__default.default.createElement(trash_slash.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),x&&x()}}):z),React__default.default.createElement(paragraph.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:a}))),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},s?React__default.default.createElement(box.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:p,size:24,sx:`cursor: pointer; flex-shrink: 0;
|
|
3
3
|
${!m&&"margin-right: auto;"}
|
|
4
4
|
`}),React__default.default.createElement(button.Button,{onClick:()=>{d&&d(!s),S(a)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);
|
|
5
5
|
${m?"margin-left: 20px;":"margin-left: auto;"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
max-width: 100%;
|
|
14
14
|
}
|
|
15
15
|
${c?.length?"margin-bottom: 12px;":""}
|
|
16
|
-
`},c,A),g&&F)),E&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:J,$top:q.y,$left:q.x},React__default.default.createElement(emojiPicker.CustomEmojiPicker,{open:E,trigger:React__default.default.createElement(React__default.default.Fragment,null),onSelect:({native:e})=>{o(e),v(!1)},onClickOutside:()=>v(!1)}))))),
|
|
16
|
+
`},c,A),g&&F)),E&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:J,$top:q.y,$left:q.x},React__default.default.createElement(emojiPicker.CustomEmojiPicker,{open:E,trigger:React__default.default.createElement(React__default.default.Fragment,null),onSelect:({native:e})=>{o(e),v(!1)},onClickOutside:()=>v(!1)}))))),T&&k&&React__default.default.createElement(RepliesWrapper,null,ae),!k&&!l&&T&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:te,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show replies"),React__default.default.createElement(ReplyIndicator,null))),l&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:te,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),Q&&React__default.default.createElement(CommentWrapper,null,V&&b&&j?React__default.default.createElement(selector.AccountSelector,{selectedOption:G??null,options:b,onOptionChange:j,size:X,showChevron:1<b.length}):React__default.default.createElement(avatar.Avatar,{as:h?void 0:Link__default.default,href:h?void 0:_,image:f,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:$,onChange:e=>{w(e.target.value)},placeholder:O||"Write a reply",maxCharacters:1e3,wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:React__default.default.createElement(box.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8},U,React__default.default.createElement(button.Button,{disabled:!$.length,icon:React__default.default.createElement(send_text.SendText,null),onClick:e=>{e.stopPropagation(),e.preventDefault(),M($),w("")},sx:`
|
|
17
17
|
justify-content: center;
|
|
18
18
|
background-color: var(--color-primary-blue-2);
|
|
19
19
|
align-items: center;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),selector=require("./components/actions/AccountSelector/selector.js"),box=require("./components/atoms/box/box.js"),hide=require("./components/atoms/hide/hide.js"),highlighter=require("./components/atoms/highlighter/highlighter.js"),seconds_to_duration=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),display=require("./components/atoms/typography/display.js"),heading=require("./components/atoms/typography/heading.js"),paragraph=require("./components/atoms/typography/paragraph.js"),typography=require("./components/atoms/typography/typography.js"),time_ago=require("./components/atoms/time_ago/time_ago.js"),card=require("./components/card/card.js"),editor=require("./components/editor/editor.js"),simple_editor=require("./components/editor/simple_editor/simple_editor.js"),badge=require("./components/feedback/badge/badge.js"),banner=require("./components/feedback/banner/banner.js"),loader=require("./components/feedback/loader/loader.js"),notification=require("./components/feedback/notification/notification.js"),progress=require("./components/feedback/progress/progress.js"),toast=require("./components/feedback/toast/toast.js"),tooltip=require("./components/feedback/tooltip/tooltip.js"),animated_toast=require("./components/feedback/animated_toast/animated_toast.js"),emojiPicker=require("./components/feedback/emojiPicker/emoji-picker.js"),emojiReactions=require("./components/feedback/emojiPicker/emoji-reactions.js"),avatar=require("./components/iconography/avatar/avatar.js"),icon=require("./components/iconography/icon/icon.js"),checkbox=require("./components/input/checkbox/checkbox.js"),date=require("./components/input/date/date.js"),filter=require("./components/input/filter/filter.js"),radio=require("./components/input/radio/radio.js"),search=require("./components/input/search/search.js"),select=require("./components/input/select/select.js"),text_area=require("./components/input/text_area/text_area.js"),text_input=require("./components/input/text_input/text_input.js"),calendar=require("./components/input/calendar/calendar.js"),time=require("./components/input/time/time.js"),time_input=require("./components/input/time_input/time_input.js"),audioPlayer=require("./components/media/audio-player/audio-player.js"),audioPlaylist=require("./components/media/audio-playlist/audio-playlist.js"),audioPreview=require("./components/media/audio-preview/audio-preview.js"),video=require("./components/media/video/video.js"),video$1=require("./components/media/video-player/video.js"),playing_indicator=require("./components/media/audio-playlist/playing_indicator.js"),breadcrumb=require("./components/navigation/breadcrumb/breadcrumb.js"),inner=require("./components/navigation/inner/inner.js"),tabs=require("./components/navigation/tabs/tabs.js"),accordion=require("./components/surfaces/accordion/accordion.js"),card$1=require("./components/surfaces/carousel/card/card.js"),comment=require("./components/surfaces/comment/comment.js"),discuss_post=require("./components/surfaces/discuss_post/discuss_post.js"),drawer=require("./components/surfaces/drawer/drawer.js"),bottomDrawer=require("./components/surfaces/drawer/bottom-drawer.js"),message=require("./components/surfaces/message/message.js"),modal=require("./components/surfaces/modal/modal.js"),portal=require("./components/surfaces/portal/portal.js"),post=require("./components/surfaces/post/post.js"),calendar_date=require("./components/surfaces/calendar_date/calendar_date.js"),table=require("./components/table/table/table.js"),users_selection=require("./components/custom/users_selection/users_selection.js"),courses_selection=require("./components/custom/courses_selection/courses_selection.js"),index=require("./icons/index.js"),emojis=require("./emoji/emojis.json.js");exports.Button=button.Button,exports.Dropdown=dropdown.Dropdown,exports.Rate=rate.Rate,exports.Switch=_switch.Switch,exports.Toggle=toggle.Toggle,exports.Upload=upload.Upload,exports.AccountSelector=selector.AccountSelector,exports.Box=box.Box,exports.HideButRender=hide.HideButRender,exports.Highlighter=highlighter.Highlighter,exports.SecToDuration=seconds_to_duration.SecToDuration,exports.Display=display.Display,exports.H=heading.H,exports.P=paragraph.P,exports.Typography=typography.Typography,exports.TimeAgo=time_ago.TimeAgo,exports.Card=card.Card,exports.Editor=editor.Editor,exports.SimpleEditor=simple_editor.SimpleEditor,exports.Badge=badge.Badge,exports.Banner=banner.Banner,exports.Loader=loader.Loader,exports.Notification=notification.Notification,exports.Progress=progress.Progress,exports.Toast=toast.Toast,exports.Tooltip=tooltip.Tooltip,exports.AnimatedToast=animated_toast.AnimatedToast,exports.CustomEmojiPicker=emojiPicker.CustomEmojiPicker,exports.EmojiReaction=emojiReactions.EmojiReaction,exports.Avatar=avatar.Avatar,exports.Icon=icon.Icon,exports.Checkbox=checkbox.Checkbox,exports.DatePicker=date.DatePicker,exports.Filter=filter.Filter,exports.Radio=radio.Radio,exports.Search=search.Search,exports.Select=select.Select,exports.TextArea=text_area.TextArea,exports.TextInput=text_input.TextInput,exports.CalendarInput=calendar.CalendarInput,exports.Time=time.Time,exports.TimeInput=time_input.TimeInput,exports.AudioPlayer=audioPlayer.AudioPlayer,exports.AudioPlaylist=audioPlaylist.AudioPlaylist,exports.AudioPreview=audioPreview.AudioPreview,exports.Video=video.Video,exports.VideoPlayer=video$1.VideoPlayer,exports.NowPlaying=playing_indicator.NowPlaying,exports.Breadcrumb=breadcrumb.Breadcrumb,exports.InnerNav=inner.InnerNav,exports.Tabs=tabs.Tabs,exports.Accordion=accordion.Accordion,exports.CardCarousel=card$1.CardCarousel,exports.Comment=comment.Comment,exports.DiscussPost=discuss_post.DiscussPost,exports.Drawer=drawer.Drawer,exports.BottomDrawer=bottomDrawer.BottomDrawer,exports.Message=message.Message,exports.Modal=modal.Modal,exports.Portal=portal.Portal,exports.Post=post.Post,exports.CalendarDate=calendar_date.CalendarDate,exports.Table=table.Table,exports.UsersSelection=users_selection.UsersSelection,exports.CoursesSelection=courses_selection.CoursesSelection,exports.Icons=index,exports.emoji=emojis;
|
|
1
|
+
"use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),selector=require("./components/actions/AccountSelector/selector.js"),box=require("./components/atoms/box/box.js"),hide=require("./components/atoms/hide/hide.js"),highlighter=require("./components/atoms/highlighter/highlighter.js"),seconds_to_duration=require("./components/atoms/seconds_to_duration/seconds_to_duration.js"),display=require("./components/atoms/typography/display.js"),heading=require("./components/atoms/typography/heading.js"),paragraph=require("./components/atoms/typography/paragraph.js"),typography=require("./components/atoms/typography/typography.js"),time_ago=require("./components/atoms/time_ago/time_ago.js"),card=require("./components/card/card.js"),editor=require("./components/editor/editor.js"),simple_editor=require("./components/editor/simple_editor/simple_editor.js"),badge=require("./components/feedback/badge/badge.js"),banner=require("./components/feedback/banner/banner.js"),loader=require("./components/feedback/loader/loader.js"),notification=require("./components/feedback/notification/notification.js"),progress=require("./components/feedback/progress/progress.js"),toast=require("./components/feedback/toast/toast.js"),tooltip=require("./components/feedback/tooltip/tooltip.js"),animated_toast=require("./components/feedback/animated_toast/animated_toast.js"),emojiPicker=require("./components/feedback/emojiPicker/emoji-picker.js"),emojiReactions=require("./components/feedback/emojiPicker/emoji-reactions.js"),videoLoader=require("./components/feedback/videoLoader/videoLoader.js"),avatar=require("./components/iconography/avatar/avatar.js"),icon=require("./components/iconography/icon/icon.js"),checkbox=require("./components/input/checkbox/checkbox.js"),date=require("./components/input/date/date.js"),filter=require("./components/input/filter/filter.js"),radio=require("./components/input/radio/radio.js"),search=require("./components/input/search/search.js"),select=require("./components/input/select/select.js"),text_area=require("./components/input/text_area/text_area.js"),text_input=require("./components/input/text_input/text_input.js"),calendar=require("./components/input/calendar/calendar.js"),time=require("./components/input/time/time.js"),time_input=require("./components/input/time_input/time_input.js"),audioPlayer=require("./components/media/audio-player/audio-player.js"),audioPlaylist=require("./components/media/audio-playlist/audio-playlist.js"),audioPreview=require("./components/media/audio-preview/audio-preview.js"),video=require("./components/media/video/video.js"),video$1=require("./components/media/video-player/video.js"),playing_indicator=require("./components/media/audio-playlist/playing_indicator.js"),breadcrumb=require("./components/navigation/breadcrumb/breadcrumb.js"),inner=require("./components/navigation/inner/inner.js"),tabs=require("./components/navigation/tabs/tabs.js"),accordion=require("./components/surfaces/accordion/accordion.js"),card$1=require("./components/surfaces/carousel/card/card.js"),comment=require("./components/surfaces/comment/comment.js"),discuss_post=require("./components/surfaces/discuss_post/discuss_post.js"),drawer=require("./components/surfaces/drawer/drawer.js"),bottomDrawer=require("./components/surfaces/drawer/bottom-drawer.js"),message=require("./components/surfaces/message/message.js"),modal=require("./components/surfaces/modal/modal.js"),portal=require("./components/surfaces/portal/portal.js"),post=require("./components/surfaces/post/post.js"),calendar_date=require("./components/surfaces/calendar_date/calendar_date.js"),table=require("./components/table/table/table.js"),users_selection=require("./components/custom/users_selection/users_selection.js"),courses_selection=require("./components/custom/courses_selection/courses_selection.js"),index=require("./icons/index.js"),emojis=require("./emoji/emojis.json.js");exports.Button=button.Button,exports.Dropdown=dropdown.Dropdown,exports.Rate=rate.Rate,exports.Switch=_switch.Switch,exports.Toggle=toggle.Toggle,exports.Upload=upload.Upload,exports.AccountSelector=selector.AccountSelector,exports.Box=box.Box,exports.HideButRender=hide.HideButRender,exports.Highlighter=highlighter.Highlighter,exports.SecToDuration=seconds_to_duration.SecToDuration,exports.Display=display.Display,exports.H=heading.H,exports.P=paragraph.P,exports.Typography=typography.Typography,exports.TimeAgo=time_ago.TimeAgo,exports.Card=card.Card,exports.Editor=editor.Editor,exports.SimpleEditor=simple_editor.SimpleEditor,exports.Badge=badge.Badge,exports.Banner=banner.Banner,exports.Loader=loader.Loader,exports.Notification=notification.Notification,exports.Progress=progress.Progress,exports.Toast=toast.Toast,exports.Tooltip=tooltip.Tooltip,exports.AnimatedToast=animated_toast.AnimatedToast,exports.CustomEmojiPicker=emojiPicker.CustomEmojiPicker,exports.EmojiReaction=emojiReactions.EmojiReaction,exports.VideoLoader=videoLoader.VideoLoader,exports.Avatar=avatar.Avatar,exports.Icon=icon.Icon,exports.Checkbox=checkbox.Checkbox,exports.DatePicker=date.DatePicker,exports.Filter=filter.Filter,exports.Radio=radio.Radio,exports.Search=search.Search,exports.Select=select.Select,exports.TextArea=text_area.TextArea,exports.TextInput=text_input.TextInput,exports.CalendarInput=calendar.CalendarInput,exports.Time=time.Time,exports.TimeInput=time_input.TimeInput,exports.AudioPlayer=audioPlayer.AudioPlayer,exports.AudioPlaylist=audioPlaylist.AudioPlaylist,exports.AudioPreview=audioPreview.AudioPreview,exports.Video=video.Video,exports.VideoPlayer=video$1.VideoPlayer,exports.NowPlaying=playing_indicator.NowPlaying,exports.Breadcrumb=breadcrumb.Breadcrumb,exports.InnerNav=inner.InnerNav,exports.Tabs=tabs.Tabs,exports.Accordion=accordion.Accordion,exports.CardCarousel=card$1.CardCarousel,exports.Comment=comment.Comment,exports.DiscussPost=discuss_post.DiscussPost,exports.Drawer=drawer.Drawer,exports.BottomDrawer=bottomDrawer.BottomDrawer,exports.Message=message.Message,exports.Modal=modal.Modal,exports.Portal=portal.Portal,exports.Post=post.Post,exports.CalendarDate=calendar_date.CalendarDate,exports.Table=table.Table,exports.UsersSelection=users_selection.UsersSelection,exports.CoursesSelection=courses_selection.CoursesSelection,exports.Icons=index,exports.emoji=emojis;
|
|
@@ -17,3 +17,4 @@ export type { AnimatedToastProps } from './animated_toast';
|
|
|
17
17
|
export { CustomEmojiPicker } from './emojiPicker';
|
|
18
18
|
export { EmojiReaction } from './emojiPicker';
|
|
19
19
|
export type { NormalizedEmojiType } from './emojiPicker';
|
|
20
|
+
export { VideoLoader } from './videoLoader';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { VideoLoader } from './videoLoader';
|