@soul-refiner/design-system 2.5.2 → 2.6.1
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/dropdown/dropdown.js +1 -1
- package/dist/components/editor/context.js +1 -1
- package/dist/components/editor/editor.js +1 -1
- package/dist/components/editor/plugins/blocks/qa.js +2 -2
- package/dist/components/input/calendar/calendar.js +1 -1
- package/dist/components/media/audio-playlist/audio-playlist.js +1 -1
- package/dist/components/media/video-player/video.js +1 -1
- package/dist/src/components/actions/dropdown/dropdown.d.ts +2 -1
- package/dist/src/components/atoms/box/box.d.ts +2 -2
- package/dist/src/components/atoms/typography/typography.d.ts +1 -1
- package/dist/src/components/card/styles.d.ts +1 -1
- package/dist/src/components/editor/context.d.ts +9 -4
- package/dist/src/components/editor/editor.d.ts +5 -10
- package/dist/src/components/editor/navbar/navbar.d.ts +2 -2
- package/dist/src/components/editor/styles/menu_button.d.ts +2 -2
- package/package.json +2 -2
- package/dist/styles/globals.css +0 -1790
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkbox=require("../../input/checkbox/checkbox.js"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Dropdown=({checkbox:l,children:e,closeOnChange:a=!0,closeOnBlur:t=!0,defaultValue:o="",disabled:r=!1,hasArrow:n,maintainState:c=!0,
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkbox=require("../../input/checkbox/checkbox.js"),paragraph=require("../../atoms/typography/paragraph.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Dropdown=({checkbox:l,children:e,closeOnChange:a=!0,closeOnBlur:t=!0,defaultValue:o="",disabled:r=!1,hasArrow:n,maintainState:c=!0,isButtonTrigger:d=!1,multiple:i,offset:u=[0,16],onChange:s,open:p="right",options:f,sx:x,trigger:_,containerSx:g,additionalOptions:b,additionalOnChange:h,defaultAdditionalValue:$,useFullWidth:v=!1,...y})=>{const m=React__default.default.useId(),k=React__default.default.useRef(null);var R=React__default.default.useRef(null);const[C,w]=React__default.default.useState(!1),[E,S]=React__default.default.useState(()=>o||(i?[]:"")),[O,D]=React__default.default.useState($||"");React__default.default.useEffect(()=>{r&&w(!1)},[r]);$=()=>{r||w(e=>!e)};const A=i?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(E)&&E.includes(t)?S(e=>e.filter(e=>e!==t)):S(e=>[t,...e]),a&&w(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";E!==t?S(t):S(""),a&&w(!1),s&&s(e)},W=e=>{e.stopPropagation();e=e.target.getAttribute("data-value")??"";O!==e?D(e):D(""),h&&h(e)},B=e=>c&&(i?E.includes(e):e===E);let q=null;e&&(q=React__default.default.Children.map(e,e=>{if(React__default.default.isValidElement(e)){const{onClick:t,...a}=e.props;return e=a,React__default.default.createElement(Option,{key:e.value,checkbox:!!l,onClick:A,selected:B(e.value),...e})}return null})),f&&(q=f.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(Spacer,{key:m+"-spacer-"+t}):React__default.default.createElement(Option,{key:e.value,checkbox:!!l,onClick:A,selected:B(e.value),...e})));e=React__default.default.cloneElement(_,d||"Button"===_.type?.displayName||"Button"===_.type?.name?{isDropdownOpen:C,onClick:$}:{onClick:$});return React__default.default.createElement(Wrapper,{$sx:x,tabIndex:0,ref:k,onBlurCapture:e=>{t&&k?.current&&!k?.current?.contains(e.relatedTarget)&&w(!1)},...y},e,C&&React__default.default.createElement(Container,{$hasArrow:n,$offset:u,$openDirection:p,ref:R,$sx:g,$useFullWidth:v},React__default.default.createElement("div",{style:{display:"flex"}},React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",width:"100%"}},q),!!b?.length&&React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column"}},b.map(e=>React__default.default.createElement(Option,{key:e.value,onClick:W,selected:O===e.value,label:e.label,value:e.value}))))))},Wrapper=styled.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null)});exports.EditorContext=EditorContext;
|
|
1
|
+
"use strict";var React=require("react");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const EditorContext=React__default.default.createContext({commentInputLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),commentLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),handleVideoClick:()=>{},imageSrcLoader:async()=>"",videoTitleLoader:()=>React__default.default.createElement(React__default.default.Fragment,null),filterComponent:void 0});exports.EditorContext=EditorContext;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),plate=require("@udecode/plate"),constants=require("./constants.js"),context=require("./context.js"),navbar=require("./navbar/navbar.js"),plate$1=require("./plugins/plate.js"),blocks=require("./plugins/blocks/blocks.js"),leafs=require("./plugins/leafs/leafs.js"),marks=require("./plugins/marks/marks.js"),utils=require("./plugins/utils/utils.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const plugins=plate.createPlugins([...blocks.blocks,...leafs.leafs,...marks.marks,...utils.utils],{components:plate$1.plateUI}),Editor=({commentInputLoader:e,commentLoader:t,editable:a,handleVideoClick:l,imageSrcLoader:o,onChange:r,previousContent:n,videoTitleLoader:i,filterComponent:s})=>React__default.default.createElement(context.EditorContext.Provider,{value:{commentInputLoader:e,commentLoader:t,handleVideoClick:l,imageSrcLoader:o,videoTitleLoader:i,filterComponent:s}},React__default.default.createElement(plate.Plate,{id:"main",initialValue:n,onChange:r,plugins:plugins},React__default.default.createElement(Wrapper,null,a&&React__default.default.createElement(navbar.EditorBar,null),React__default.default.createElement(plate.PlateContent,{id:"main",autoFocus:!0,placeholder:constants.PLACEHOLDER,readOnly:!a,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})))),Wrapper=styled.styled.div`
|
|
3
3
|
* {
|
|
4
4
|
font-family: var(--font-inter);
|
|
5
5
|
outline: none;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js")
|
|
1
|
+
"use strict";var React=require("react"),plate=require("@udecode/plate"),styled=require("styled-components"),constants=require("../../constants.js"),context=require("../../context.js"),button=require("../../../actions/button/button.js"),box=require("../../../atoms/box/box.js"),hide=require("../../../atoms/hide/hide.js"),heading=require("../../../atoms/typography/heading.js"),chevron_down=require("../../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../../icons/arrow/chevron_up.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const QuestionAnswerElement=React__default.default.forwardRef(({children:e,element:t,...a},n)=>{var r=t["questionAnswerId"];const[o,l]=React__default.default.useState("ALL_ANSWERS");var{commentInputLoader:u,commentLoader:d,filterComponent:c}=React__default.default.useContext(context.EditorContext);const[i,s]=React__default.default.useState(!1);return React__default.default.createElement(plate.PlateElement,{asChild:!0,element:t,ref:n,...a},React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Question,null,React__default.default.createElement(heading.H,{as:"p",$fontSize:18,$lineHeight:26,$mediumBold:!0},e)),React__default.default.createElement(box.Box,{$dir:"column",$gap:"medium",sx:"padding: 8px 24px;",contentEditable:!1},React__default.default.createElement(box.Box,{sx:"width: 100%",$justify:"space-between"},React__default.default.createElement(button.Button,{as:"div",icon:i?React__default.default.createElement(chevron_up.ChevronUp,{color:"grey-3"}):React__default.default.createElement(chevron_down.ChevronDown,{color:"grey-3"}),onClick:()=>s(e=>!e),size:"small",sx:`
|
|
2
2
|
width: fit-content;
|
|
3
3
|
flex-direction: row-reverse;
|
|
4
4
|
color: var(--color-grey-5);
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
&:not(:hover) svg {
|
|
7
7
|
fill: var(--color-grey-3);
|
|
8
8
|
}
|
|
9
|
-
`,type:"text",contentEditable:!1},
|
|
9
|
+
`,type:"text",contentEditable:!1},i?"Hide answers":"Show answers"),i&&c&&React__default.default.createElement(c,{filter:o,onFilterChange:e=>{e=e.target.getAttribute("data-value");o===e?l("ALL_ANSWERS"):l(e)},questionAnswerId:r})),React__default.default.createElement(hide.HideButRender,{show:i},React__default.default.createElement(d,{questionAnswerId:r,filterType:o})),React__default.default.createElement(u,{questionAnswerId:r,onComment:()=>s(!0)}))))}),Question=styled.styled.div`
|
|
10
10
|
margin-bottom: 8px;
|
|
11
11
|
padding: 16px;
|
|
12
12
|
border-left: 8px solid var(--color-hue-blue-1);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),calendar=require("../../../icons/time/calendar.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const CalendarInput=({selectedDate:e,onSelect:t,disablePastDates:l})=>{const o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0),new Date(o).setDate(1);const a=React__default.default.useRef(null),[r,n]=React__default.default.useState(!1),[d,i]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString()),[u,c]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString());React__default.default.useEffect(()=>{c(e?.toDateString()||(new Date).toDateString())},[e]);const s=e=>{var e=e.target,t=e.getAttribute("data-day"),a=e.getAttribute("data-month"),e=e.getAttribute("data-year");a=new Date(a
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),date$1=require("../../../common/date.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js"),calendar=require("../../../icons/time/calendar.js"),date=require("../../../utils/date.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const CalendarInput=({selectedDate:e,onSelect:t,disablePastDates:l})=>{const o=new Date;o.setHours(0),o.setMinutes(0),o.setSeconds(0),o.setMilliseconds(0),new Date(o).setDate(1);const a=React__default.default.useRef(null),[r,n]=React__default.default.useState(!1),[d,i]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString()),[u,c]=React__default.default.useState(()=>e?.toDateString()||(new Date).toDateString());React__default.default.useEffect(()=>{c(e?.toDateString()||(new Date).toDateString())},[e]);const s=e=>{var e=e.target,t=e.getAttribute("data-day"),a=e.getAttribute("data-month"),e=e.getAttribute("data-year");a=new Date(a+`/${t}/`+e),c(a.toDateString())};var f=date.buildCalendar(new Date(d).getMonth()+1,new Date(d).getFullYear()),[p,g,y]=(e||new Date).toLocaleString("default",{year:"2-digit",month:"2-digit",day:"2-digit"}).split("/");return React__default.default.createElement(Wrapper,{onBlurCapture:e=>{a?.current&&!a?.current?.contains(e.relatedTarget)&&n(!1)},ref:a,tabIndex:0},React__default.default.createElement(InputWrapper,null,React__default.default.createElement(Input,{value:e?p+` / ${g} / `+y:"",onFocus:()=>n(e=>!e),style:{letterSpacing:"1px",fontSize:"16px",lineHeight:"24px"},readOnly:!0}),React__default.default.createElement(calendar.Calendar,null)),r&&React__default.default.createElement(DateSelector,null,React__default.default.createElement(InnerWrapper,null,React__default.default.createElement("div",null,React__default.default.createElement(MonthBar,null,React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()-1),e.toDateString()})}},React__default.default.createElement(chevron_left.ChevronLeft,{size:24})),React__default.default.createElement(paragraph.P,null,Object.values(date$1.MONTHS)[Math.max(0,Math.min(new Date(d).getMonth(),11))]+" "+new Date(d).getFullYear()),React__default.default.createElement(Arrow,{onClick:()=>{i(e=>{e=new Date(e);return e.setMonth(e.getMonth()+1),e.toDateString()})}},React__default.default.createElement(chevron_right.ChevronRight,{size:24}))),React__default.default.createElement(WeekdayWrapper,null,Object.values(date$1.WEEKDAYS).map(e=>React__default.default.createElement(paragraph.P,{key:e},e))),React__default.default.createElement(Calendar,null,f.map((e,t)=>React__default.default.createElement(Week,{key:"week-"+t.toString(36)},e.map((e,t)=>{var a=new Date(`${e[1]}/${e[2]}/`+e[0]),r=0<o.getTime()-a.getTime(),n=e[1]!==date.zeroPad(new Date(d).getMonth()+1,2),r=l?r:n,n=Math.abs(a.getTime()-o.getTime())<.5,a=new Date(u).getTime()===a.getTime();return React__default.default.createElement(Day,{className:((n?"today":"")+(r?" not-current":"")+(a?" selected":"")).trim(),"data-day":e[2],"data-month":e[1],"data-year":e[0],key:"day-"+t.toString(36),onClick:s},(""+e[2]).startsWith("0")?(""+e[2])[1]:e[2])})))),React__default.default.createElement(BottomWrapper,null,React__default.default.createElement(button.Button,{onClick:()=>{c(e?.toDateString()||(new Date).toDateString()),n(!1)},size:"small",sx:"width: 80px;",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{t(new Date(u)),n(!1)},size:"small",sx:"width: 80px;"},"Apply"))))))},Wrapper=styled.styled.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
width: fit-content;
|
|
5
5
|
font-family: var(--font-inter);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var React=require("react"),Image=require("next/image"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),arrow_up=require("../../../icons/arrow/arrow_up.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),audioPlayer=require("../audio-player/audio-player.js"),playlistItem=require("./playlist-item.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled);const AudioPlaylist=({activeIndex:e,onProgress:t,isPaidUser:a,playlist:l,previewImage:i,setMediaItem:r,subtitle:d,title:o})=>{var n="undefined"!=typeof window?window:null;const u=l?.[e],[p,s]=React__default.default.useState(!1),[f,c]=React__default.default.useState(!1),[_,m]=React__default.default.useState(0);return React__default.default.createElement(Wrapper,{$fullscreen:p},React__default.default.createElement(ThumbnailWrapper,null,React__default.default.createElement(Image__default.default,{alt:"thumbnail",height:400,width:n?.innerWidth||500,src:i}),React__default.default.createElement(box.Box,{$dir:"column",sx:"padding: 100px 0px 160px; position: relative; z-index: 2; margin: 0px 160px;"},React__default.default.createElement(heading.H,{$bold:!0,$color:"white",$fontSize:64,$lineHeight:96},o),React__default.default.createElement(heading.H,{$color:"grey-8",$fontSize:28,$lineHeight:36,$semiBold:!0},d))),React__default.default.createElement(PlaylistWrapper,null,l.map((e,t)=>React__default.default.createElement(playlistItem.PlaylistItem,{duration:e.duration,isPaidUser:a,key:e.id,playing:e.id===u?.id&&f,progress:_,onPause:()=>c(!1),onPlay:()=>{r(t),c(!0)},title:e.title,thumbnail:e.thumbnail}))),
|
|
1
|
+
"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"),arrow_up=require("../../../icons/arrow/arrow_up.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),audioPlayer=require("../audio-player/audio-player.js"),playlistItem=require("./playlist-item.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),styled__default=_interopDefaultCompat(styled);const AudioPlaylist=({activeIndex:e,onProgress:t,isPaidUser:a,playlist:l,previewImage:i,setMediaItem:r,subtitle:d,title:o})=>{var n="undefined"!=typeof window?window:null;const u=l?.[e],[p,s]=React__default.default.useState(!1),[f,c]=React__default.default.useState(!1),[_,m]=React__default.default.useState(0);return React__default.default.createElement(Wrapper,{$fullscreen:p},React__default.default.createElement(ThumbnailWrapper,null,React__default.default.createElement(Image__default.default,{alt:"thumbnail",height:400,width:n?.innerWidth||500,src:i}),React__default.default.createElement(box.Box,{$dir:"column",sx:"padding: 100px 0px 160px; position: relative; z-index: 2; margin: 0px 160px;"},React__default.default.createElement(heading.H,{$bold:!0,$color:"white",$fontSize:64,$lineHeight:96},o),React__default.default.createElement(heading.H,{$color:"grey-8",$fontSize:28,$lineHeight:36,$semiBold:!0},d))),React__default.default.createElement(PlaylistWrapper,null,l.map((e,t)=>React__default.default.createElement(playlistItem.PlaylistItem,{duration:e.duration,isPaidUser:a,key:e.id,playing:e.id===u?.id&&f,progress:_,onPause:()=>c(!1),onPlay:()=>{r(t),c(!0)},title:e.title,thumbnail:e.thumbnail}))),React__default.default.createElement(Shade,{$isFullscreen:p},a&&React__default.default.createElement(Button,{onClick:()=>s(e=>!e)},p?React__default.default.createElement(arrow_up.ArrowUp,{color:"grey-0",size:24}):React__default.default.createElement(chevron_down.ChevronDown,{color:"white",size:24}))),!!u&&React__default.default.createElement(BottomBarWrapper,null,React__default.default.createElement(audioPlayer.AudioPlayer,{onListen:e=>{m(e),t&&t(e)},onPause:()=>c(!1),onPlay:()=>c(!0),playing:f,progress:_,src:u.src,thumbnail:u.thumbnail,title:u.title})))},Wrapper=styled__default.default.div`
|
|
2
2
|
${({$fullscreen:e})=>e?"height: 100vh;":"height: 744px;"}
|
|
3
3
|
width: 100vw;
|
|
4
4
|
position: relative;
|
|
@@ -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"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),playlistItem=require("./playlist-item.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const TrailerListItem=({trailer:e,title:t,handleSetPlayingTrailer:a})=>React__default.default.createElement(playlistItem.PlaylistItem,{onClick:()=>a(!0),playable:!0,thumbnail:e.thumbnail,title:t+" Trailer"}),ButtonViewAll=({showingAll:e,toggleShowingAll:t})=>React__default.default.createElement(ButtonViewAllWrapper,null,React__default.default.createElement(button.Button,{onClick:t,size:"small",type:"text"},e?"Collapse":"View all")),VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onPipChange:r,onProgress:i,orientation:o,setMediaItem:n,forwardedRef:d,subtitle:c,title:s,trailer:u})=>{const[p,f]=React__default.default.useState(0),[g,b]=React__default.default.useState(!1),[x,h]=React__default.default.useState(!a),[m,y]=React__default.default.useState(l?.[e].id||null);var _=React__default.default.useRef(null);const w=d||_,
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),button=require("../../actions/button/button.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),playlistItem=require("./playlist-item.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const TrailerListItem=({trailer:e,title:t,handleSetPlayingTrailer:a})=>React__default.default.createElement(playlistItem.PlaylistItem,{onClick:()=>a(!0),playable:!0,thumbnail:e.thumbnail,title:t+" Trailer"}),ButtonViewAll=({showingAll:e,toggleShowingAll:t})=>React__default.default.createElement(ButtonViewAllWrapper,null,React__default.default.createElement(button.Button,{onClick:t,size:"small",type:"text"},e?"Collapse":"View all")),VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onPipChange:r,onProgress:i,orientation:o,setMediaItem:n,forwardedRef:d,subtitle:c,title:s,trailer:u})=>{const[p,f]=React__default.default.useState(0),[g,b]=React__default.default.useState(!1),[x,h]=React__default.default.useState(!a),[m,y]=React__default.default.useState(l?.[e].id||null);var _=React__default.default.useRef(null);const w=d||_,v=React__default.default.useRef({});d=React__default.default.useRef(null);const R=x?u:l?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=v.current[m];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l&&0<l.length&&m&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,m]);const $=e=>{h(!1),n(e)};_=()=>b(e=>!e);return R?React__default.default.createElement(Wrapper,{$orientation:o},React__default.default.createElement(InnerWrapper,{$orientation:o,$playable:a||x},"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(R?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+s,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:R.thumbnail}),progressInterval:4e3,onDisablePIP:()=>r&&r(!1),onEnablePIP:()=>r&&r(!0),onProgress:i,onReady:()=>{x||0===w?.current?.getCurrentTime()&&0!==R?.progress&&w.current.seekTo(R.progress)},pip:t,playIcon:a||x?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:w,style:{backgroundColor:"var(--color-grey-0)",maxHeight:720,maxWidth:"100%",minHeight:480,overflow:"hidden",position:"relative"},url:R.src,width:"100%"}),"horizontal"===o&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:g},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},s),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},c)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:p,onChange:e=>f(e),items:[{label:"All lessons",color:"dark"},{label:"Trailer",color:"dark"}],size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(ButtonViewAll,{showingAll:g,toggleShowingAll:_})),[React__default.default.createElement(HorizontalPlaylistWrapper,{ref:d,$showingAll:g},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{nowplaying:m,key:t.id,ref:e=>{v.current[t.id]=e},playlistItemId:t.id,duration:t.duration,onClick:()=>{$(e),y(t.id)},playable:!0,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!u&&React__default.default.createElement(TrailerListItem,{title:s,handleSetPlayingTrailer:h,trailer:u})][p])),"vertical"===o&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:g?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:g},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:p,onChange:e=>f(e),items:[{label:"All lessons",color:"dark"},{label:"Trailer",color:"dark"}],size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(ButtonViewAll,{showingAll:g,toggleShowingAll:_})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:d,$showingAll:g},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{duration:t.duration,key:t.id,ref:e=>{v.current[t.id]=e},onClick:()=>{$(e),y(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!u&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(TrailerListItem,{title:s,handleSetPlayingTrailer:h,trailer:u}))][p])))):null},Wrapper=styled.styled.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
background-color: var(--color-grey-0);
|
|
@@ -20,9 +20,10 @@ export interface DropdownProps extends NativeProps, React.PropsWithChildren {
|
|
|
20
20
|
additionalOnChange?: (value: string) => void;
|
|
21
21
|
defaultAdditionalValue?: string;
|
|
22
22
|
useFullWidth?: boolean;
|
|
23
|
+
isButtonTrigger?: boolean;
|
|
23
24
|
}
|
|
24
25
|
declare const Dropdown: {
|
|
25
|
-
({ checkbox, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, ...rest }: DropdownProps): React.JSX.Element;
|
|
26
|
+
({ checkbox, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, isButtonTrigger, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, ...rest }: DropdownProps): React.JSX.Element;
|
|
26
27
|
Option: {
|
|
27
28
|
({ checkbox, disabled, icon, label, onClick, selected, sublabel, sx, value, color, }: DropdownOptionProps): React.JSX.Element;
|
|
28
29
|
displayName: string;
|
|
@@ -16,7 +16,7 @@ export interface BoxProps extends BackgroundColor, BorderRadius, Elevation, Flex
|
|
|
16
16
|
sx?: string;
|
|
17
17
|
}
|
|
18
18
|
export declare const Box: ({ $display, sx, ...args }: BoxProps) => React.JSX.Element;
|
|
19
|
-
export declare const Component: import("styled-components").
|
|
19
|
+
export declare const Component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps & {
|
|
20
20
|
$sx?: string | undefined;
|
|
21
|
-
}
|
|
21
|
+
}>> & string;
|
|
22
22
|
export {};
|
|
@@ -8,4 +8,4 @@ export type TypographyProps = Pick<React.HTMLAttributes<HTMLParagraphElement>, '
|
|
|
8
8
|
value?: string;
|
|
9
9
|
href?: string;
|
|
10
10
|
} & Color & Styleable & TextClamp & TypographyStyle & TypographyWeight;
|
|
11
|
-
export declare const Typography: import("styled-components").
|
|
11
|
+
export declare const Typography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const PurchaseTextWrapper: import("styled-components").
|
|
2
|
+
export declare const PurchaseTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../../components/atoms/box/box").BoxProps, never>> & string & Omit<({ $display, sx, ...args }: import("../../components/atoms/box/box").BoxProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export type TCustomFilter = 'MEETING_ANSWERS' | 'MY_ANSWERS' | '
|
|
3
|
-
interface CommentLoaderProps {
|
|
2
|
+
export type TCustomFilter = 'MEETING_ANSWERS' | 'MY_ANSWERS' | 'ALL_ANSWERS';
|
|
3
|
+
export interface CommentLoaderProps {
|
|
4
4
|
questionAnswerId: string;
|
|
5
5
|
filterType: TCustomFilter;
|
|
6
6
|
}
|
|
7
|
-
interface CommentInputProps {
|
|
7
|
+
export interface CommentInputProps {
|
|
8
8
|
onComment: () => void;
|
|
9
9
|
questionAnswerId: string;
|
|
10
10
|
}
|
|
11
|
+
export interface FilterComponentProps {
|
|
12
|
+
filter: TCustomFilter;
|
|
13
|
+
onFilterChange: (event: React.MouseEvent) => void;
|
|
14
|
+
questionAnswerId: string;
|
|
15
|
+
}
|
|
11
16
|
export declare const EditorContext: React.Context<{
|
|
12
17
|
commentInputLoader: (props: CommentInputProps) => React.ReactElement;
|
|
13
18
|
commentLoader: (props: CommentLoaderProps) => React.ReactElement;
|
|
@@ -16,5 +21,5 @@ export declare const EditorContext: React.Context<{
|
|
|
16
21
|
videoTitleLoader: (props: {
|
|
17
22
|
courseMediaId: number;
|
|
18
23
|
}) => React.ReactElement;
|
|
24
|
+
filterComponent?: React.ComponentType<FilterComponentProps> | undefined;
|
|
19
25
|
}>;
|
|
20
|
-
export {};
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TElement } from '@udecode/plate';
|
|
3
|
-
import {
|
|
3
|
+
import { CommentInputProps, CommentLoaderProps, FilterComponentProps } from './context';
|
|
4
4
|
export interface EditorProps {
|
|
5
|
-
commentInputLoader: (props:
|
|
6
|
-
|
|
7
|
-
questionAnswerId: string;
|
|
8
|
-
}) => React.ReactElement;
|
|
9
|
-
commentLoader: (props: {
|
|
10
|
-
questionAnswerId: string;
|
|
11
|
-
filterType: TCustomFilter;
|
|
12
|
-
}) => React.ReactElement;
|
|
5
|
+
commentInputLoader: (props: CommentInputProps) => React.ReactElement;
|
|
6
|
+
commentLoader: (props: CommentLoaderProps) => React.ReactElement;
|
|
13
7
|
editable: boolean;
|
|
14
8
|
handleVideoClick: (id: number) => void;
|
|
15
9
|
imageSrcLoader: (id: number) => Promise<string>;
|
|
@@ -18,6 +12,7 @@ export interface EditorProps {
|
|
|
18
12
|
videoTitleLoader: (props: {
|
|
19
13
|
courseMediaId: number;
|
|
20
14
|
}) => React.ReactElement;
|
|
15
|
+
filterComponent?: React.ComponentType<FilterComponentProps>;
|
|
21
16
|
}
|
|
22
17
|
export type EditorContent = TElement;
|
|
23
|
-
export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, videoTitleLoader, }: EditorProps) => React.JSX.Element;
|
|
18
|
+
export declare const Editor: ({ commentInputLoader, commentLoader, editable, handleVideoClick, imageSrcLoader, onChange, previousContent, videoTitleLoader, filterComponent, }: EditorProps) => React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const EditorBar: () => React.JSX.Element;
|
|
3
|
-
export declare const MenuButton: import("styled-components").
|
|
3
|
+
export declare const MenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
4
4
|
$active?: boolean | undefined;
|
|
5
|
-
}
|
|
5
|
+
}>> & string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const MenuButton: import("styled-components").
|
|
2
|
+
export declare const MenuButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
3
3
|
$active?: boolean | undefined;
|
|
4
|
-
}
|
|
4
|
+
}>> & string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@soul-refiner/design-system",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/src/index.d.ts",
|
|
6
6
|
"license": "MIT",
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"slate-history": "~0.100.0",
|
|
97
97
|
"slate-hyperscript": "~0.100.0",
|
|
98
98
|
"slate-react": "~0.101.5",
|
|
99
|
-
"styled-components": "6.1.
|
|
99
|
+
"styled-components": "~6.1.13",
|
|
100
100
|
"tailwind-merge": "~2.2.0",
|
|
101
101
|
"tailwindcss-animate": "~1.0.7"
|
|
102
102
|
},
|