@soul-refiner/design-system 2.14.47 → 2.14.49
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/editor/simple_editor/simple_editor.js +1 -1
- package/dist/components/media/video-player/video.js +1 -1
- package/dist/components/surfaces/comment/comment.js +1 -1
- package/dist/components/surfaces/drawer/bottom-drawer.js +99 -0
- package/dist/components/surfaces/post/post.js +4 -4
- package/dist/index.js +1 -1
- package/dist/src/components/surfaces/drawer/bottom-drawer.d.ts +25 -0
- package/dist/src/components/surfaces/index.d.ts +2 -0
- package/dist/src/components/surfaces/post/post.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(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/message/message.js"),require("../../surfaces/modal/modal.js")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(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/upload/validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SimpleEditor=({editable:e,handleUploadImage:
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),plugins=require("./plugins.js"),navbar=require("./navbar.js"),modal=(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")),box=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../atoms/box/box.js")),heading=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),button=(require("../../atoms/typography/typography.js"),require("../../actions/button/button.js")),validations=(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/upload/validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const SimpleEditor=({editable:e,handleUploadImage:o,onChange:t,validation:l,sx:a,validationMessage:r,placeholder:i="",previousContent:n=[{type:"p",children:[{text:""}]}]})=>{const[s,d]=React__default.default.useState([]);return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<s.length},React__default.default.createElement(modal.Modal.Content,{footer:React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"primary",onClick:()=>d([])},"Close")),header:React__default.default.createElement(heading.H,{$bold:!0,$color:"grey-2",$fontSize:20},"Can't read files")},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"width: 500px"},React__default.default.createElement(paragraph.P,{$textClampLines:10},r)))),React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:t,plugins:plugins.plugins},React__default.default.createElement(Wrapper,null,e&&React__default.default.createElement(navbar.EditorBar,{handleUploadImage:async t=>{d([]);var a=[];if(l)for(let e=0;e<t.length;e++){var r=t[e],r=await validations.validateFile(r,l);if(0<r.length){a.push(...r);break}}return 0<a?.length?(d(a),""):o(t)}}),React__default.default.createElement(InnerWrapper,{$sx:a},React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:i,readOnly:!e,spellCheck:!0})))))},InnerWrapper=styled.styled.div`
|
|
3
3
|
& > div {
|
|
4
4
|
padding: 24px;
|
|
5
5
|
min-height: 224px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),accordion=require("../../surfaces/accordion/accordion.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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/message/message.js"),require("../../surfaces/modal/modal.js"),require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:T,onPipChange:r,onProgress:H,onStart:W,orientation:i,setMediaItem:L,onShowAllPlaylist:o,forwardedRef:n,subtitle:B,title:d,trailer:c,additionalMedia:s})=>{const u="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var p=u.innerHeight/3,f=RESOLUTION*(u.innerHeight/3),g=React__default.default.useRef(null);const m=n||g,h=React__default.default.useRef({});n=React__default.default.useRef(null);const _=React__default.default.useRef(null),[x,b]=React__default.default.useState(0),[y,M]=React__default.default.useState(!1),[w,R]=React__default.default.useState(!a),[v,E]=React__default.default.useState(l?.[e].id||null),[O,N]=localStorage.useLocalStorage("videoPipHeight",p),[V,U]=localStorage.useLocalStorage("videoPipWidth",f),[F,X]=localStorage.useLocalStorage("video-volume",1),[Y,G]=localStorage.useLocalStorage("videoPipRight",16),[J,K]=localStorage.useLocalStorage("videoPipBottom",16),[I,Q]=React__default.default.useState([0,0]),[$,S]=React__default.default.useState([0,0]),[P,Z]=React__default.default.useState(!1),[k,ee]=React__default.default.useState(0),[D,te]=React__default.default.useState([]),[z,ae]=React__default.default.useState([]),j=w?c:P?D?.[k]:l?.[e];React__default.default.useEffect(()=>{s&&(te(s.filter(e=>"VIDEO"===e.type)),ae(s.filter(e=>"FILE"===e.type)))},[s]),React__default.default.useEffect(()=>{const e=()=>{const e=h.current[v];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&v&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,v]);const C=(e,t=!1)=>{R(!1),Z(t),(t?ee:L)(e)};g=()=>{M(e=>!e),o&&o(!y)};const q=(e,t)=>{var a;!_?.current||(a=_.current.getBoundingClientRect()).x<16||a.y<16||e>=2*u.innerWidth/3||t>=2*u.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(U(e),N(t))};p=()=>{var e;_?.current&&(e=_.current.getBoundingClientRect(),S([e.width,e.height]))},f=e=>{var t,a,l,r;_?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,r=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(r-I[1]+$[1]),l=Math.round(e*RESOLUTION),q(l,e)):t.includes("bottom")?(l=Math.round(I[1]-r+$[1]),e=Math.round(l*RESOLUTION),q(e,l)):t.includes("left")?(r=Math.round(a-I[0]+$[0]),e=Math.round(r/RESOLUTION),q(r,e)):t.includes("right")&&(l=Math.round(I[0]-a+$[0]),r=Math.round(l/RESOLUTION),q(l,r))))};const A=React.useMemo(()=>{var e=[{label:"All lessons",color:"dark"}];return s?.length&&e.push({label:"Resources",color:"dark"}),e.push({label:"Trailer",color:"dark"}),e},[s]);var e=x===A.length-1,le=s&&0<x&&x<A.length-1;return React__default.default.useEffect(()=>{x>=A.length&&b(0)},[A,x]),j?React__default.default.createElement(Wrapper,{$orientation:i},React__default.default.createElement(InnerWrapper,{$orientation:i,$playable:a||w||P},"vertical"===i&&React__default.default.createElement(box.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},d),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},B)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===$[0],onDrag:t?e=>{var t,a,l,r;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=Y+(t-I[0]),l=J+(e-I[1]),_?.current&&(r=_.current.getBoundingClientRect(),a&&16<=a&&a<=u.innerWidth-16-r.width&&G(a),l)&&16<=l&&l<=u.innerHeight-16-r.height&&K(l),Q([t,e]))}:void 0,onMouseDown:e=>{Q([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:_,style:t?{bottom:J,height:O,right:Y,width:V}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),r&&r(!1)},size:"large",sx:`
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),accordion=require("../../surfaces/accordion/accordion.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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");var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:T,onPipChange:r,onProgress:H,onStart:W,orientation:i,setMediaItem:L,onShowAllPlaylist:o,forwardedRef:n,subtitle:B,title:d,trailer:c,additionalMedia:s})=>{const u="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var p=u.innerHeight/3,f=RESOLUTION*(u.innerHeight/3),g=React__default.default.useRef(null);const m=n||g,h=React__default.default.useRef({});n=React__default.default.useRef(null);const _=React__default.default.useRef(null),[x,b]=React__default.default.useState(0),[y,M]=React__default.default.useState(!1),[w,R]=React__default.default.useState(!a),[v,E]=React__default.default.useState(l?.[e].id||null),[O,N]=localStorage.useLocalStorage("videoPipHeight",p),[V,U]=localStorage.useLocalStorage("videoPipWidth",f),[F,X]=localStorage.useLocalStorage("video-volume",1),[Y,G]=localStorage.useLocalStorage("videoPipRight",16),[J,K]=localStorage.useLocalStorage("videoPipBottom",16),[I,Q]=React__default.default.useState([0,0]),[$,S]=React__default.default.useState([0,0]),[P,Z]=React__default.default.useState(!1),[k,ee]=React__default.default.useState(0),[D,te]=React__default.default.useState([]),[z,ae]=React__default.default.useState([]),j=w?c:P?D?.[k]:l?.[e];React__default.default.useEffect(()=>{s&&(te(s.filter(e=>"VIDEO"===e.type)),ae(s.filter(e=>"FILE"===e.type)))},[s]),React__default.default.useEffect(()=>{const e=()=>{const e=h.current[v];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&v&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,v]);const C=(e,t=!1)=>{R(!1),Z(t),(t?ee:L)(e)};g=()=>{M(e=>!e),o&&o(!y)};const q=(e,t)=>{var a;!_?.current||(a=_.current.getBoundingClientRect()).x<16||a.y<16||e>=2*u.innerWidth/3||t>=2*u.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(U(e),N(t))};p=()=>{var e;_?.current&&(e=_.current.getBoundingClientRect(),S([e.width,e.height]))},f=e=>{var t,a,l,r;_?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,r=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(r-I[1]+$[1]),l=Math.round(e*RESOLUTION),q(l,e)):t.includes("bottom")?(l=Math.round(I[1]-r+$[1]),e=Math.round(l*RESOLUTION),q(e,l)):t.includes("left")?(r=Math.round(a-I[0]+$[0]),e=Math.round(r/RESOLUTION),q(r,e)):t.includes("right")&&(l=Math.round(I[0]-a+$[0]),r=Math.round(l/RESOLUTION),q(l,r))))};const A=React.useMemo(()=>{var e=[{label:"All lessons",color:"dark"}];return s?.length&&e.push({label:"Resources",color:"dark"}),e.push({label:"Trailer",color:"dark"}),e},[s]);var e=x===A.length-1,le=s&&0<x&&x<A.length-1;return React__default.default.useEffect(()=>{x>=A.length&&b(0)},[A,x]),j?React__default.default.createElement(Wrapper,{$orientation:i},React__default.default.createElement(InnerWrapper,{$orientation:i,$playable:a||w||P},"vertical"===i&&React__default.default.createElement(box.Box,{className:"pip-trigger-vertical pip-trigger",$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},d),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},B)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===$[0],onDrag:t?e=>{var t,a,l,r;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=Y+(t-I[0]),l=J+(e-I[1]),_?.current&&(r=_.current.getBoundingClientRect(),a&&16<=a&&a<=u.innerWidth-16-r.width&&G(a),l)&&16<=l&&l<=u.innerHeight-16-r.height&&K(l),Q([t,e]))}:void 0,onMouseDown:e=>{Q([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:_,style:t?{bottom:J,height:O,right:Y,width:V}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),r&&r(!1)},size:"large",sx:`
|
|
3
3
|
display: none;
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 8px;
|
|
@@ -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"),emojiPicker=(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("../../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("../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:o,onReact:n,latestReaction:u,onShowReplies:s,onEdit:d,isEditing:c,setIsEditing:p,dropdown:M,reactionModal:W,reactions:f,replies:_,userImageUri:z,userName:D,userReactions:N,visibilityIcon:A,customPlaceHolder:U,userProfileUri:m,sx:H,moveButtonsToLeft:g=!1,useNewVersion:x=!1,onDelete:y,visibility:b,shareDropdown:F,belongsToLoggedUser:R=!1,disableRedirectionToUserProfile:h=!1})=>{const[j,E]=React__default.default.useState(!1),[v,G]=React__default.default.useState({x:0,y:0}),[O,V]=React__default.default.useState("up"),[X,Y]=React__default.default.useState(!1),[q,J]=React__default.default.useState(!1),[k,$]=React__default.default.useState(""),[w,C]=React__default.default.useState(a),S=React__default.default.useRef(null),[P,I]=React__default.default.useState(!1),B=React__default.default.Children.toArray(_);React__default.default.useEffect(()=>{(c||P)&&S.current&&S.current.focus()},[c,P]);var _=e=>{e.stopPropagation(),E(e=>!e),G({y:e.clientY,x:e.clientX}),V(400<e.clientY?"up":"down")},T=()=>{s&&s(),J(!0)},r=helpers.abbrTimeBeforeDate(r),f=f&&Object.entries(f).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:()=>n(e),showSparkle:e===u,count:t,showCount:!0}))),L=!!B?.length&&0<B.length,K=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.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:g},React__default.default.createElement(avatar.Avatar,{as:h?void 0:Link__default.default,href:h?void 0:m,image:z,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c||P?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{C(e.target.value)},value:w,ref:S,onBlur:async()=>{x&&(d&&await d(w,i),I(!1))}}):React__default.default.createElement(CommentBox,{onClick:()=>x&&R?I(!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:m?Link__default.default:"span",href:h?void 0:m,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},D),x&&b&&("PUBLIC_WITH_MEETING"===b?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[b],React__default.default.createElement(paragraph.P,{$fontSize:14},visibilityMapping[b])))),x&&R?React__default.default.createElement(trash_slash.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),y&&y()}}):M),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;"},c?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:_,size:24,sx:`cursor: pointer; flex-shrink: 0;
|
|
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"),emojiPicker=(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("../../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:o,onReact:n,latestReaction:u,onShowReplies:s,onEdit:d,isEditing:c,setIsEditing:p,dropdown:M,reactionModal:W,reactions:f,replies:_,userImageUri:z,userName:D,userReactions:N,visibilityIcon:A,customPlaceHolder:U,userProfileUri:m,sx:H,moveButtonsToLeft:g=!1,useNewVersion:x=!1,onDelete:y,visibility:b,shareDropdown:F,belongsToLoggedUser:R=!1,disableRedirectionToUserProfile:h=!1})=>{const[j,E]=React__default.default.useState(!1),[v,G]=React__default.default.useState({x:0,y:0}),[O,V]=React__default.default.useState("up"),[X,Y]=React__default.default.useState(!1),[q,J]=React__default.default.useState(!1),[k,$]=React__default.default.useState(""),[w,C]=React__default.default.useState(a),S=React__default.default.useRef(null),[P,I]=React__default.default.useState(!1),B=React__default.default.Children.toArray(_);React__default.default.useEffect(()=>{(c||P)&&S.current&&S.current.focus()},[c,P]);var _=e=>{e.stopPropagation(),E(e=>!e),G({y:e.clientY,x:e.clientX}),V(400<e.clientY?"up":"down")},T=()=>{s&&s(),J(!0)},r=helpers.abbrTimeBeforeDate(r),f=f&&Object.entries(f).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:()=>n(e),showSparkle:e===u,count:t,showCount:!0}))),L=!!B?.length&&0<B.length,K=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.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:g},React__default.default.createElement(avatar.Avatar,{as:h?void 0:Link__default.default,href:h?void 0:m,image:z,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c||P?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{C(e.target.value)},value:w,ref:S,onBlur:async()=>{x&&(d&&await d(w,i),I(!1))}}):React__default.default.createElement(CommentBox,{onClick:()=>x&&R?I(!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:m?Link__default.default:"span",href:h?void 0:m,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},D),x&&b&&("PUBLIC_WITH_MEETING"===b?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[b],React__default.default.createElement(paragraph.P,{$fontSize:14},visibilityMapping[b])))),x&&R?React__default.default.createElement(trash_slash.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),y&&y()}}):M),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;"},c?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:_,size:24,sx:`cursor: pointer; flex-shrink: 0;
|
|
3
3
|
${!g&&"margin-right: auto;"}
|
|
4
4
|
`}),React__default.default.createElement(button.Button,{onClick:()=>{p&&p(!c),C(a)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);
|
|
5
5
|
${g?"margin-left: 20px;":"margin-left: auto;"}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),_function=require("../../../utils/function.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const DrawerContext=React__default.default.createContext([!1,()=>{}]),BottomDrawer=({children:e,open:t,onOpenChange:r,height:a="auto",maxHeight:o="80vh",showCloseButton:l=!0})=>{const[d,n]=React__default.default.useState(t||!1);React__default.default.useEffect(()=>{void 0!==t&&n(t)},[t]);var i,u=React__default.default.useCallback(()=>{n(!1),r?.(!1)},[r]),c=[],f=[];let s=null,p=null;for(const g of React__default.default.Children.toArray(e))React__default.default.isValidElement(g)&&("BottomDrawer.Trigger"===(i=g.type?.displayName)?c.push(g):"BottomDrawer.Header"===i?s=g:"BottomDrawer.Footer"===i?p=g:f.push(g));return React__default.default.createElement(DrawerContext.Provider,{value:[d,n]},c,d&&React__default.default.createElement(Backdrop,{onClick:u}),React__default.default.createElement(DrawerContainer,{$open:d,$height:a,$maxHeight:o},l&&React__default.default.createElement(CloseButton,{onClick:u,"aria-label":"Close drawer"},"×"),s&&React__default.default.createElement(HeaderWrapper,null,s),React__default.default.createElement(ContentWrapper,null,f),p&&React__default.default.createElement(FooterWrapper,null,p)))},Backdrop=styled.styled.div`
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
background: rgba(0, 0, 0, 0.5);
|
|
6
|
+
z-index: 999;
|
|
7
|
+
animation: fadeIn 0.3s ease-in-out;
|
|
8
|
+
cursor: pointer;
|
|
9
|
+
|
|
10
|
+
@keyframes fadeIn {
|
|
11
|
+
from {
|
|
12
|
+
opacity: 0;
|
|
13
|
+
}
|
|
14
|
+
to {
|
|
15
|
+
opacity: 1;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
`,DrawerContainer=styled.styled.div`
|
|
19
|
+
position: fixed;
|
|
20
|
+
bottom: 0;
|
|
21
|
+
left: 0;
|
|
22
|
+
right: 0;
|
|
23
|
+
z-index: 1000;
|
|
24
|
+
background: var(--color-white, #ffffff);
|
|
25
|
+
border-radius: 24px 24px 0 0;
|
|
26
|
+
box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15);
|
|
27
|
+
transform: translateY(${({$open:e})=>e?"0":"100%"});
|
|
28
|
+
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
29
|
+
height: ${({$height:e})=>e};
|
|
30
|
+
max-height: ${({$maxHeight:e})=>e};
|
|
31
|
+
display: flex;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
overflow: hidden;
|
|
34
|
+
width: 98vw;
|
|
35
|
+
margin: 0 auto;
|
|
36
|
+
`,HeaderWrapper=styled.styled.div`
|
|
37
|
+
padding: 20px 24px;
|
|
38
|
+
border-bottom: 1px solid var(--color-grey-3, #e5e5e5);
|
|
39
|
+
background: var(--color-white, #ffffff);
|
|
40
|
+
flex-shrink: 0;
|
|
41
|
+
border-radius: 24px 24px 0 0;
|
|
42
|
+
`,CloseButton=styled.styled.button`
|
|
43
|
+
position: absolute;
|
|
44
|
+
top: 20px;
|
|
45
|
+
right: 24px;
|
|
46
|
+
background: none;
|
|
47
|
+
border: none;
|
|
48
|
+
font-size: 24px;
|
|
49
|
+
color: var(--color-grey-5, #757575);
|
|
50
|
+
cursor: pointer;
|
|
51
|
+
padding: 8px;
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
justify-content: center;
|
|
55
|
+
width: 32px;
|
|
56
|
+
height: 32px;
|
|
57
|
+
border-radius: 50%;
|
|
58
|
+
z-index: 1001;
|
|
59
|
+
|
|
60
|
+
&:hover {
|
|
61
|
+
background: var(--color-grey-9);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&:active {
|
|
65
|
+
background: var(--color-grey-8, #e5e5e5);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&:focus {
|
|
69
|
+
outline: none;
|
|
70
|
+
outline-offset: 0;
|
|
71
|
+
}
|
|
72
|
+
`,ContentWrapper=styled.styled.div`
|
|
73
|
+
flex: 1;
|
|
74
|
+
overflow-y: auto;
|
|
75
|
+
padding: 24px;
|
|
76
|
+
|
|
77
|
+
&::-webkit-scrollbar {
|
|
78
|
+
width: 8px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
&::-webkit-scrollbar-track {
|
|
82
|
+
background: var(--color-grey-2, #f5f5f5);
|
|
83
|
+
border-radius: 4px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&::-webkit-scrollbar-thumb {
|
|
87
|
+
background: var(--color-grey-5, #bdbdbd);
|
|
88
|
+
border-radius: 4px;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
92
|
+
background: var(--color-grey-6, #9e9e9e);
|
|
93
|
+
}
|
|
94
|
+
`,FooterWrapper=styled.styled.div`
|
|
95
|
+
padding: 20px 24px;
|
|
96
|
+
border-top: 1px solid var(--color-grey-3, #e5e5e5);
|
|
97
|
+
background: var(--color-white, #ffffff);
|
|
98
|
+
flex-shrink: 0;
|
|
99
|
+
`,DrawerTrigger=({children:e})=>{const[,t]=React__default.default.useContext(DrawerContext);return e&&React__default.default.cloneElement(e,{onClick:_function.callAll(()=>t(!0),e.props.onClick)})},DrawerHeader=(DrawerTrigger.displayName="BottomDrawer.Trigger",BottomDrawer.Trigger=DrawerTrigger,({children:e})=>React__default.default.createElement(React__default.default.Fragment,null,e)),DrawerFooter=(DrawerHeader.displayName="BottomDrawer.Header",BottomDrawer.Header=DrawerHeader,({children:e})=>React__default.default.createElement(React__default.default.Fragment,null,e));DrawerFooter.displayName="BottomDrawer.Footer",BottomDrawer.Footer=DrawerFooter,exports.BottomDrawer=BottomDrawer;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),ShowMoreText=require("react-show-more-text"),regex=require("../../../common/regex.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../modal/modal.js"),time_ago=(require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),video=require("../../media/video/video.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link),ShowMoreText__default=_interopDefaultCompat(ShowMoreText);const Post=({actions:e,author:t,authorActive:a,authorHref:l,authorImage:r,avatarTooltipContent:i,avatarTooltipSx:o,children:n,content:d,createdDate:u,dropdown:c,hasComments:s,id:f,images:p,isPaidUser:h,isPaywalled:m=!1,link:_,video:g,onJoin:x,monthlyMembershipPrice:y})=>{const
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),ShowMoreText=require("react-show-more-text"),regex=require("../../../common/regex.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../modal/modal.js"),time_ago=(require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),video=require("../../media/video/video.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link),ShowMoreText__default=_interopDefaultCompat(ShowMoreText);const Post=({actions:e,author:t,authorActive:a,authorHref:l,authorImage:r,avatarTooltipContent:i,avatarTooltipSx:o,children:n,content:d,createdDate:u,dropdown:c,hasComments:s,id:f,images:p,isPaidUser:h,isPaywalled:m=!1,link:_,video:g,onJoin:x,monthlyMembershipPrice:y,onImageClick:v})=>{const w=React__default.default.useId(),R=React__default.default.useRef(null),[b,E]=React__default.default.useState(!1),[$,k]=React__default.default.useState(-1),[C,j]=React__default.default.useState(!1),[q,L]=React__default.default.useState(-1),[S,P]=React__default.default.useState({x:"30vw",y:"30vh"});var W=!!g?.url&&!!g?.thumbnail,e=(React__default.default.useEffect(()=>{if(R.current&&0<d?.length){var t=Math.ceil(R.current.offsetHeight/24);if(k(t),!b)try{var e=R.current.style.webkitLineClamp,a=(R.current.style.webkitLineClamp="none",R.current.offsetHeight),l=Math.ceil(a/24);R.current.style.webkitLineClamp=e,j(3<l)}catch(e){j(3<=t)}}else k(-1),j(!1)},[d,b]),React__default.default.useEffect(()=>{const e=e=>{"ArrowLeft"===e.key?I():"ArrowRight"===e.key?H():"Escape"!==e.key&&"Enter"!==e.key||L(-1)};return"undefined"!=typeof document&&p?.length&&-1<q&&document.addEventListener("keydown",e),()=>{p?.length&&document.removeEventListener("keydown",e)}},[]),React__default.default.Children.toArray(e)),n=React__default.default.Children.toArray(n);const H=()=>{L(e=>p?.length&&e!==p.length-1?e+1:e)},I=()=>{L(e=>p?.length&&0!==e?e-1:e)};return React__default.default.createElement(Wrapper,{id:f},-1<q&&!!p?.[q]&&React__default.default.createElement(modal.Modal,{alwaysRender:!1,controlledOpen:!0,onChange:e=>!e&&L(-1)},React__default.default.createElement(modal.Modal.Content,{sx:`
|
|
3
3
|
position: relative;
|
|
4
|
-
height: ${
|
|
5
|
-
width: ${
|
|
4
|
+
height: ${S.y};
|
|
5
|
+
width: ${S.x};
|
|
6
6
|
margin: 0 auto;
|
|
7
|
-
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==
|
|
7
|
+
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==q,onClick:I},React__default.default.createElement(chevron_left.ChevronLeft,{color:"white",size:48})),React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,onLoad:e=>{var{naturalHeight:e,naturalWidth:t}=e.target;let a=t+"px",l=e+"px";window?.innerHeight<e&&window?.innerWidth<t?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l=Math.round(.95*window.innerWidth*e/t)+"px"):window?.innerHeight<e?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l="95vh"):window?.innerWidth<t&&(a="95vw",l=Math.round(.95*window.innerWidth*e/t)+"px"),P({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:p[q],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:q!==p.length-1,onClick:H},React__default.default.createElement(chevron_right.ChevronRight,{color:"white",size:48})))),React__default.default.createElement(Header,null,React__default.default.createElement(avatar.Avatar,{isPaidUser:h,as:l?Link__default.default:"button",href:l,image:r,size:64,status:a?"online":void 0,subtitle:React__default.default.createElement(paragraph.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20},React__default.default.createElement(time_ago.TimeAgo,{date:new Date(u)})),title:React__default.default.createElement(heading.H,{as:l?Link__default.default:"span",href:l,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26},t),textPosition:"right",tooltipContent:i,tooltipSx:o,sx:l?"img { cursor: pointer; }":void 0}),c),!!d?.length&&React__default.default.createElement("div",{style:{padding:"16px 24px"}},m&&1<$?React__default.default.createElement(ShowMoreText__default.default,{lines:2,more:"Continue Reading",onClick:x,anchorClass:"see-more",expanded:!1,truncatedEndingComponent:"... "},React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",$textClampLines:2},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:d}))):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(paragraph.P,{$sx:"white-space: pre-line; word-break: break-word;",innerRef:R,$textClampLines:b?void 0:5},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:m&&1===$?"This is a premium post. Join to the membership to unlock the full access.":d})),C&&!m?React__default.default.createElement(paragraph.P,{$color:"grey-5",sx:"cursor:pointer;",$mediumBold:!0,$fontSize:14,onClick:()=>E(e=>!e)},b?"See less":"See more"):null),m&&!p?.length&&React__default.default.createElement(JoinNow,{onClick:x},React__default.default.createElement(paragraph.P,{$fontSize:14,$mediumBold:!0},"Join now for $",y," per month"))),m&&!!p?.length&&!W&&React__default.default.createElement(BlurredContentWrapper,null,React__default.default.createElement(Image__default.default,{alt:"",width:650,height:427,priority:!0,quality:100,src:p[0],style:{objectFit:"fill",height:"100%",width:"100%",filter:"blur(60px)",position:"absolute",top:0,left:"50%",transform:"translateX(-50%)"}}),React__default.default.createElement(lock.Lock,{size:40,color:"white",sx:"z-index: 1"}),React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",zIndex:1}},React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20},"Become a member"),React__default.default.createElement(paragraph.P,{$color:"white",$fontSize:14,$bold:!0,$lineHeight:20},"to unlock this post")),React__default.default.createElement(JoinNow,{onClick:x,style:{zIndex:1,marginTop:0}},React__default.default.createElement(paragraph.P,{$fontSize:14,$mediumBold:!0},"Join now for $",y," per month"))),!!p?.length&&!W&&!m&&React__default.default.createElement(ImagesWrapper,{$numImages:p.length},p.slice(0,4).map((e,t)=>React__default.default.createElement(ImageWrapper,{key:""+w+e.slice(0,15)+t},React__default.default.createElement(Image__default.default,{alt:"",fill:!0,onClick:()=>{v?.(t),L(t)},quality:100,src:e,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}}))),4<p.length&&React__default.default.createElement(heading.H,{as:"p",className:"more-than",sx:"pointer-events: none;",$color:"grey-10",$fontSize:28,$lineHeight:36,$semiBold:!0},"+",p.length-4)),!p?.length&&!W&&_&&!m&&React__default.default.createElement(Link__default.default,{href:_.url,target:"_blank"},React__default.default.createElement(ImageWrapper,null,React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,src:_.imageUrl,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}})),React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"padding: 8px 16px;"},React__default.default.createElement(paragraph.P,{$color:"grey-2",$semiBold:!0},_.title),React__default.default.createElement(paragraph.P,{$color:"grey-5"},_.description))),W&&React__default.default.createElement(VideoWrapper,null,React__default.default.createElement(video.Video,{src:g.url,thumbnail:g.thumbnail,subtitles:[],title:g?.title})),!!e.length&&React__default.default.createElement(ActionsWrapper,null,!m&&e),s&&!!n.length&&React__default.default.createElement(CommentWrapper,null,n))},Wrapper=styled.styled.div`
|
|
8
8
|
position: relative;
|
|
9
9
|
max-width: 700px;
|
|
10
10
|
width: 100%;
|
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"),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"),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.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.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"),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.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;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface BottomDrawerProps extends React.PropsWithChildren {
|
|
3
|
+
open?: boolean;
|
|
4
|
+
onOpenChange?: (open: boolean) => void;
|
|
5
|
+
height?: string;
|
|
6
|
+
maxHeight?: string;
|
|
7
|
+
showCloseButton?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const BottomDrawer: {
|
|
10
|
+
({ children, open: controlledOpen, onOpenChange, height, maxHeight, showCloseButton, }: BottomDrawerProps): React.JSX.Element;
|
|
11
|
+
Trigger: {
|
|
12
|
+
({ children: child, }: {
|
|
13
|
+
children: React.ReactElement;
|
|
14
|
+
}): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
Header: {
|
|
18
|
+
({ children }: React.PropsWithChildren): React.JSX.Element;
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
Footer: {
|
|
22
|
+
({ children }: React.PropsWithChildren): React.JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -8,6 +8,8 @@ export { DiscussPost } from './discuss_post';
|
|
|
8
8
|
export type { DiscussPostProps } from './discuss_post';
|
|
9
9
|
export { Drawer } from './drawer';
|
|
10
10
|
export type { DrawerProps } from './drawer';
|
|
11
|
+
export { BottomDrawer } from './drawer/bottom-drawer';
|
|
12
|
+
export type { BottomDrawerProps } from './drawer/bottom-drawer';
|
|
11
13
|
export { Message } from './message';
|
|
12
14
|
export type { MessageProps } from './message';
|
|
13
15
|
export { Modal } from './modal';
|
|
@@ -28,5 +28,6 @@ export interface PostProps extends React.PropsWithChildren {
|
|
|
28
28
|
};
|
|
29
29
|
onJoin?: () => void;
|
|
30
30
|
monthlyMembershipPrice?: number;
|
|
31
|
+
onImageClick?: (index: number) => void;
|
|
31
32
|
}
|
|
32
|
-
export declare const Post: ({ actions, author, authorActive, authorHref, authorImage, avatarTooltipContent, avatarTooltipSx, children, content, createdDate, dropdown, hasComments, id, images, isPaidUser, isPaywalled, link, video, onJoin, monthlyMembershipPrice, }: PostProps) => React.JSX.Element;
|
|
33
|
+
export declare const Post: ({ actions, author, authorActive, authorHref, authorImage, avatarTooltipContent, avatarTooltipSx, children, content, createdDate, dropdown, hasComments, id, images, isPaidUser, isPaywalled, link, video, onJoin, monthlyMembershipPrice, onImageClick, }: PostProps) => React.JSX.Element;
|