@soul-refiner/design-system 2.14.48 → 2.14.50

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.
Files changed (12) hide show
  1. package/dist/components/actions/dropdown/dropdown.js +22 -9
  2. package/dist/components/editor/simple_editor/simple_editor.js +1 -1
  3. package/dist/components/media/video-player/video.js +1 -1
  4. package/dist/components/surfaces/comment/comment.js +1 -1
  5. package/dist/components/surfaces/drawer/bottom-drawer.js +99 -0
  6. package/dist/components/surfaces/modal/modal.js +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/src/components/actions/dropdown/dropdown.d.ts +6 -2
  9. package/dist/src/components/surfaces/drawer/bottom-drawer.d.ts +25 -0
  10. package/dist/src/components/surfaces/index.d.ts +2 -0
  11. package/dist/src/components/surfaces/modal/modal.d.ts +2 -1
  12. package/package.json +1 -1
package/dist/components/actions/dropdown/dropdown.js CHANGED
@@ -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"),radio=require("../../input/radio/radio.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,radio:o,children:e,closeOnChange:a=!0,closeOnBlur:t=!0,defaultValue:r="",disabled:d=!1,hasArrow:n,maintainState:i=!0,isButtonTrigger:c=!1,multiple:u,offset:s=[0,16],onChange:p,open:f="right",options:x,sx:_,trigger:h,containerSx:g,additionalOptions:$,additionalOnChange:b,defaultAdditionalValue:v,useFullWidth:y=!1,...m})=>{const k=React__default.default.useId(),R=React__default.default.useRef(null);var C=React__default.default.useRef(null);const[w,E]=React__default.default.useState(!1),[S,O]=React__default.default.useState(()=>r||(u?[]:"")),[D,A]=React__default.default.useState(v||"");React__default.default.useEffect(()=>{d&&E(!1)},[d]);v=()=>{d||E(e=>!e)};const W=u?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(S)&&S.includes(t)?O(e=>e.filter(e=>e!==t)):O(e=>[t,...e]),a&&E(!1),p&&p(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";S!==t?O(t):O(""),a&&E(!1),p&&p(e)},B=e=>{e.stopPropagation();e=e.target.getAttribute("data-value")??"";D!==e?A(e):A(""),b&&b(e)},q=e=>i&&(u?S.includes(e):e===S);let j=null;e&&(j=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:W,selected:q(e.value),radio:!!o,...e})}return null})),x&&(j=x.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(Spacer,{key:k+"-spacer-"+t}):React__default.default.createElement(Option,{key:e.value,checkbox:!!l,radio:!!o,onClick:W,selected:q(e.value),...e})));e=React__default.default.cloneElement(h,c||"Button"===h.type?.displayName||"Button"===h.type?.name?{isDropdownOpen:w,onClick:v}:{onClick:v});return React__default.default.createElement(Wrapper,{$sx:_,tabIndex:0,ref:R,onBlurCapture:e=>{t&&R?.current&&!R?.current?.contains(e.relatedTarget)&&E(!1)},...m},e,w&&React__default.default.createElement(Container,{$hasArrow:n,$offset:s,$openDirection:f,ref:C,$sx:g,$useFullWidth:y},React__default.default.createElement("div",{style:{display:"flex"}},React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",width:"100%"}},j),!!$?.length&&React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column"}},$.map(e=>React__default.default.createElement(Option,{key:e.value,onClick:B,selected:D===e.value,label:e.label,value:e.value}))))))},Wrapper=styled.styled.div`
2
+ "use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkbox=require("../../input/checkbox/checkbox.js"),radio=require("../../input/radio/radio.js"),paragraph=require("../../atoms/typography/paragraph.js"),checkmark=(require("../../iconography/icon/icon.js"),require("../../../icons/basic/checkmark.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../icons/basic/subtask.js"),require("../../../common/colors.js");var React__default=_interopDefaultCompat(React);const Dropdown=({checkbox:r,radio:o,children:e,closeOnChange:a=!0,closeOnBlur:t=!0,defaultValue:l="",disabled:i=!1,hasArrow:c,maintainState:n=!0,isButtonTrigger:d=!1,multiple:u,offset:s=[0,16],onChange:p,open:f="right",options:x,sx:h,trigger:b,containerSx:g,additionalOptions:v,additionalOnChange:_,defaultAdditionalValue:$,useFullWidth:m=!1,blueOptionHover:k=!1,useTickInRadio:y=!1,...R})=>{const w=React__default.default.useId(),C=React__default.default.useRef(null);var W=React__default.default.useRef(null);const[E,S]=React__default.default.useState(!1),[O,D]=React__default.default.useState(()=>l||(u?[]:"")),[j,q]=React__default.default.useState($||"");React__default.default.useEffect(()=>{i&&S(!1)},[i]);$=()=>{i||S(e=>!e)};const A=u?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(O)&&O.includes(t)?D(e=>e.filter(e=>e!==t)):D(e=>[t,...e]),a&&S(!1),p&&p(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";O!==t?D(t):D(""),a&&S(!1),p&&p(e)},I=e=>{e.stopPropagation();e=e.target.getAttribute("data-value")??"";j!==e?q(e):q(""),_&&_(e)},B=e=>n&&(u?O.includes(e):e===O);let H=null;e&&(H=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:!!r,onClick:A,selected:B(e.value),radio:!!o,blueHover:k,useTickInRadio:y,...e})}return null})),x&&(H=x.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(Spacer,{key:w+"-spacer-"+t}):React__default.default.createElement(Option,{key:e.value,checkbox:!!r,radio:!!o,onClick:A,selected:B(e.value),blueHover:k,useTickInRadio:y,...e})));e=React__default.default.cloneElement(b,d||"Button"===b.type?.displayName||"Button"===b.type?.name?{isDropdownOpen:E,onClick:$}:{onClick:$});return React__default.default.createElement(Wrapper,{$sx:h,tabIndex:0,ref:C,onBlurCapture:e=>{t&&C?.current&&!C?.current?.contains(e.relatedTarget)&&S(!1)},...R},e,E&&React__default.default.createElement(Container,{$hasArrow:c,$offset:s,$openDirection:f,ref:W,$sx:g,$useFullWidth:m},React__default.default.createElement("div",{style:{display:"flex"}},React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",width:"100%"}},H),!!v?.length&&React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column"}},v.map(e=>React__default.default.createElement(Option,{key:e.value,onClick:I,selected:j===e.value,label:e.label,value:e.value,blueHover:k,useTickInRadio:y}))))))},Wrapper=styled.styled.div`
3
3
  position: relative;
4
4
  display: block;
5
5
  outline: none;
@@ -38,7 +38,7 @@
38
38
  }
39
39
  `:""}
40
40
  ${({$offset:e})=>e?`transform: translate(${e[0]}px, ${e[1]}px);`:""}
41
- `,Option=({checkbox:e,radio:t,disabled:a,icon:l,label:o,onClick:r,selected:d,sublabel:n,sx:i,value:c,color:u})=>React__default.default.createElement(OptionWrapper,{"data-value":c,onClick:a?void 0:r,$disabled:a,$hasCheckbox:!!e,$hasRadio:!!t,$hasSublabel:!!n,$selected:d,$sx:i},e?React__default.default.createElement(checkbox.Checkbox,{selected:d}):t?React__default.default.createElement(radio.Radio,{checked:d,value:""}):l,React__default.default.createElement(box.Box,{$dir:"column",$display:"flex"},o&&React__default.default.createElement(paragraph.P,{$color:u||"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},o),n&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1},n))),OptionWrapper=(Option.displayName="Dropdown.Option",Dropdown.Option=Option,styled.styled.div`
41
+ `,Option=({checkbox:e,radio:t,disabled:a,icon:r,label:o,onClick:l,selected:i,sublabel:c,sx:n,value:d,color:u,blueHover:s=!1,useTickInRadio:p=!1})=>React__default.default.createElement(OptionWrapper,{"data-value":d,onClick:a?void 0:l,$disabled:a,$hasCheckbox:!!e,$hasRadio:!!t,$hasSublabel:!!c,$selected:i,$sx:n,$blueHover:s},e?React__default.default.createElement(checkbox.Checkbox,{selected:i}):t?p&&i?React__default.default.createElement(RadioButton,{$isSelected:!0},React__default.default.createElement(checkmark.Checkmark,{size:16,color:"white"})):React__default.default.createElement(radio.Radio,{checked:i,value:""}):r,React__default.default.createElement(box.Box,{$dir:"column",$display:"flex"},o&&React__default.default.createElement(paragraph.P,{$color:u||"grey-4",$fontSize:14,$lineHeight:20,$mediumBold:!0,$textClampLines:1},o),c&&React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:16,$textClampLines:1},c))),OptionWrapper=(Option.displayName="Dropdown.Option",Dropdown.Option=Option,styled.styled.div`
42
42
  position: relative;
43
43
  z-index: 1;
44
44
  padding: ${({$hasSublabel:e})=>e?10:12}px 16px;
@@ -51,14 +51,16 @@
51
51
  pointer-events: none;
52
52
  }
53
53
 
54
- ${({$disabled:e,$selected:t,$hasCheckbox:a,$hasRadio:l})=>e?`cursor: initial;
54
+ ${({$disabled:e,$selected:t,$hasCheckbox:a,$hasRadio:r,$blueHover:o})=>e?`cursor: initial;
55
55
  color: var(--color-grey-7);
56
- background-color: var(--color-grey-10);`:a||l?`&:hover {
57
- background-color: var(--color-grey-10);
58
- }`:t?`
59
- background-color: var(--color-grey-9);
56
+ background-color: var(--color-grey-10);`:t?`
57
+ background-color: var(--color-primary-blue-3);
60
58
  &:active {
61
- background-color: var(--color-grey-8);
59
+ background-color: var(--color-grey-2);
60
+ }`:o?`&:hover {
61
+ background-color: var(--color-primary-blue-4);
62
+ }`:a||r?`&:hover {
63
+ background-color: var(--color-grey-10);
62
64
  }`:`
63
65
  &:hover {
64
66
  background-color: var(--color-grey-10);
@@ -78,4 +80,15 @@
78
80
  appearance: none;
79
81
  }
80
82
  ${({$sx:e})=>e||""}
81
- `);exports.Dropdown=Dropdown;
83
+ `),RadioButton=styled.styled.div`
84
+ margin-right: 8px;
85
+ width: 20px;
86
+ height: 20px;
87
+ border-radius: 50%;
88
+ background: ${e=>e.$isSelected?"var(--color-green-4)":"white"};
89
+ display: flex;
90
+ align-items: center;
91
+ justify-content: center;
92
+ flex-shrink: 0;
93
+ transition: all 0.2s ease;
94
+ `;exports.Dropdown=Dropdown;
package/dist/components/editor/simple_editor/simple_editor.js CHANGED
@@ -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:l,onChange:t,validation:o,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(o)for(let e=0;e<t.length;e++){var r=t[e],r=await validations.validateFile(r,o);if(0<r.length){a.push(...r);break}}return 0<a?.length?(d(a),""):l(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`
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;
package/dist/components/media/video-player/video.js CHANGED
@@ -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;
package/dist/components/surfaces/comment/comment.js CHANGED
@@ -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;"}
package/dist/components/surfaces/drawer/bottom-drawer.js ADDED
@@ -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;
package/dist/components/surfaces/modal/modal.js CHANGED
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- "use strict";var React=require("react"),styled=require("styled-components"),button=require("../../actions/button/button.js"),close=require("../../../icons/basic/close.js"),_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 ModalContext=React__default.default.createContext([!1,()=>{}]),Modal=({alwaysRender:e=!0,controlledOpen:t,onChange:a,children:l,...o})=>{const[n,d]=React__default.default.useState(t||!1);React__default.default.useEffect(()=>{void 0!==t&&d(t)},[t]),React__default.default.useEffect(()=>{a&&a(n)},[n]);let r;const i=[];return React__default.default.Children.forEach(l,e=>{var t=React__default.default.isValidElement(e)&&e.type?.displayName;t&&t.toLowerCase().includes("trigger")?r=e:i.push(e)}),React__default.default.createElement(ModalContext.Provider,{value:[n,d],...o},r,(n||e)&&i)},ModalTrigger=({children:e})=>{const[,t]=React__default.default.useContext(ModalContext);return e&&React__default.default.cloneElement(e,{onClick:_function.callAll(()=>t(!0),e.props.onClick,e=>{e?.stopPropagation(),e?.preventDefault()})})},ModalDismiss=(ModalTrigger.displayName="Modal.Trigger",Modal.Trigger=ModalTrigger,({children:e,setClosed:t})=>{const[,a]=React__default.default.useContext(ModalContext);return e&&React__default.default.cloneElement(e,{onClick:_function.callAll(()=>a(!1),e.props.onClick,e=>{t&&t(),e?.stopPropagation(),e?.preventDefault()})})}),ModalContent=(ModalDismiss.displayName="Modal.Dismiss",Modal.Dismiss=ModalDismiss,({backgroundDark:e=!0,children:t,footer:a,header:l,setClosed:o,sx:n,...d})=>{const[r,i]=React__default.default.useContext(ModalContext);return React__default.default.createElement(Wrapper,{$backgroundDark:e,$open:r,onClick:e=>{e.currentTarget==e.target&&(e.preventDefault(),e.stopPropagation(),e.preventDefault(),o?o():i(!1))}},React__default.default.createElement(Content,{...d,$sx:n},l&&React__default.default.createElement("div",{className:"header"},React__default.default.createElement("div",null,l),React__default.default.createElement(Modal.Dismiss,{setClosed:o},React__default.default.createElement(button.Button,{icon:React__default.default.createElement(close.Close,null),type:"special"}))),t,a&&React__default.default.createElement("div",{className:"footer"},a)))}),Wrapper=(ModalContent.displayName="Modal.Content",Modal.Content=ModalContent,styled.styled.div`
2
+ "use strict";var React=require("react"),styled=require("styled-components"),button=require("../../actions/button/button.js"),close=require("../../../icons/basic/close.js"),_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 ModalContext=React__default.default.createContext([!1,()=>{}]),Modal=({alwaysRender:e=!0,controlledOpen:t,onChange:a,children:l,...o})=>{const[n,d]=React__default.default.useState(t||!1);React__default.default.useEffect(()=>{void 0!==t&&d(t)},[t]),React__default.default.useEffect(()=>{a&&a(n)},[n]);let r;const i=[];return React__default.default.Children.forEach(l,e=>{var t=React__default.default.isValidElement(e)&&e.type?.displayName;t&&t.toLowerCase().includes("trigger")?r=e:i.push(e)}),React__default.default.createElement(ModalContext.Provider,{value:[n,d],...o},r,(n||e)&&i)},ModalTrigger=({children:e})=>{const[,t]=React__default.default.useContext(ModalContext);return e&&React__default.default.cloneElement(e,{onClick:_function.callAll(()=>t(!0),e.props.onClick,e=>{e?.stopPropagation(),e?.preventDefault()})})},ModalDismiss=(ModalTrigger.displayName="Modal.Trigger",Modal.Trigger=ModalTrigger,({children:e,setClosed:t})=>{const[,a]=React__default.default.useContext(ModalContext);return e&&React__default.default.cloneElement(e,{onClick:_function.callAll(()=>a(!1),e.props.onClick,e=>{t&&t(),e?.stopPropagation(),e?.preventDefault()})})}),ModalContent=(ModalDismiss.displayName="Modal.Dismiss",Modal.Dismiss=ModalDismiss,({backgroundDark:e=!0,children:t,footer:a,header:l,setClosed:o,sx:n,preventOutsideClick:d=!1,...r})=>{const[i,s]=React__default.default.useContext(ModalContext);return React__default.default.createElement(Wrapper,{$backgroundDark:e,$open:i,onClick:e=>{d||e.currentTarget==e.target&&(e.preventDefault(),e.stopPropagation(),e.preventDefault(),o?o():s(!1))}},React__default.default.createElement(Content,{...r,$sx:n},l&&React__default.default.createElement("div",{className:"header"},React__default.default.createElement("div",null,l),React__default.default.createElement(Modal.Dismiss,{setClosed:o},React__default.default.createElement(button.Button,{icon:React__default.default.createElement(close.Close,null),type:"special"}))),t,a&&React__default.default.createElement("div",{className:"footer"},a)))}),Wrapper=(ModalContent.displayName="Modal.Content",Modal.Content=ModalContent,styled.styled.div`
3
3
  ${({$open:e})=>e?`display: flex;
4
4
  flex-direction: column;
5
5
  align-items: center;
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),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;
package/dist/src/components/actions/dropdown/dropdown.d.ts CHANGED
@@ -22,11 +22,13 @@ export interface DropdownProps extends NativeProps, React.PropsWithChildren {
22
22
  defaultAdditionalValue?: string;
23
23
  useFullWidth?: boolean;
24
24
  isButtonTrigger?: boolean;
25
+ blueOptionHover?: boolean;
26
+ useTickInRadio?: boolean;
25
27
  }
26
28
  declare const Dropdown: {
27
- ({ checkbox, radio, 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;
29
+ ({ checkbox, radio, children, closeOnChange, closeOnBlur, defaultValue, disabled, hasArrow, maintainState, isButtonTrigger, multiple, offset, onChange, open: openDirection, options, sx, trigger, containerSx, additionalOptions, additionalOnChange, defaultAdditionalValue, useFullWidth, blueOptionHover, useTickInRadio, ...rest }: DropdownProps): React.JSX.Element;
28
30
  Option: {
29
- ({ checkbox, radio, disabled, icon, label, onClick, selected, sublabel, sx, value, color, }: DropdownOptionProps): React.JSX.Element;
31
+ ({ checkbox, radio, disabled, icon, label, onClick, selected, sublabel, sx, value, color, blueHover, useTickInRadio, }: DropdownOptionProps): React.JSX.Element;
30
32
  displayName: string;
31
33
  };
32
34
  Spacer: {
@@ -46,6 +48,8 @@ export interface DropdownOptionProps {
46
48
  sublabel?: string;
47
49
  sx?: string;
48
50
  value: string;
51
+ blueHover?: boolean;
52
+ useTickInRadio?: boolean;
49
53
  }
50
54
  export interface DropdownSpacerProps {
51
55
  sx?: string;
package/dist/src/components/surfaces/drawer/bottom-drawer.d.ts ADDED
@@ -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
+ };
package/dist/src/components/surfaces/index.d.ts CHANGED
@@ -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';
package/dist/src/components/surfaces/modal/modal.d.ts CHANGED
@@ -28,7 +28,7 @@ declare const Modal: {
28
28
  displayName: string;
29
29
  };
30
30
  Content: {
31
- ({ backgroundDark, children, footer, header, setClosed, sx, ...props }: ModalContentProps): React.JSX.Element;
31
+ ({ backgroundDark, children, footer, header, setClosed, sx, preventOutsideClick, ...props }: ModalContentProps): React.JSX.Element;
32
32
  displayName: string;
33
33
  };
34
34
  };
@@ -39,5 +39,6 @@ export interface ModalContentProps extends React.PropsWithChildren {
39
39
  setClosed?: () => void;
40
40
  sx?: string;
41
41
  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
42
+ preventOutsideClick?: boolean;
42
43
  }
43
44
  export { Modal };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.48",
3
+ "version": "2.14.50",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",