@soul-refiner/design-system 2.14.139 → 2.14.141
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.
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
outline: none;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
+
*:not(a):not(a *):not(button):not(button *) {
|
|
9
|
+
color: var(--color-grey-3);
|
|
10
|
+
}
|
|
11
|
+
|
|
8
12
|
.slate-bold {
|
|
9
13
|
font-weight: 700;
|
|
10
14
|
}
|
|
@@ -71,4 +75,4 @@
|
|
|
71
75
|
max-width: 864px;
|
|
72
76
|
width: 100%;
|
|
73
77
|
margin: 0 auto;
|
|
74
|
-
`;exports.Editor=({audioLoader:o,commentInputLoader:l,commentLoader:a,editable:s,handleAudioClick:d,handleVideoClick:u,imageSrcLoader:m,onChange:
|
|
78
|
+
`;exports.Editor=({audioLoader:o,commentInputLoader:l,commentLoader:a,editable:s,handleAudioClick:d,handleVideoClick:u,imageSrcLoader:m,onChange:g,previousContent:h,defaultFilter:f,videoTitleLoader:x,filterComponent:v,hideShowAnswersButton:y,showAnswersBelowInput:b})=>e.jsx(r.EditorContext.Provider,{value:{audioLoader:o,commentInputLoader:l,commentLoader:a,handleAudioClick:d,handleVideoClick:u,imageSrcLoader:m,videoTitleLoader:x,defaultFilter:f,filterComponent:v,hideShowAnswersButton:y,showAnswersBelowInput:b},children:e.jsx(t.Plate,{id:"main",initialValue:h,onChange:g,plugins:c,children:e.jsxs(p,{children:[s&&e.jsx(n.EditorBar,{}),e.jsx(t.PlateContent,{id:"main",autoFocus:!0,placeholder:i.PLACEHOLDER,readOnly:!s,spellCheck:!0,onContextMenu:e=>e.preventDefault(),onCopy:()=>{if("clipboard"in navigator)return navigator.clipboard.writeText("")}})]})})});
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@udecode/plate-common"),n=require("styled-components"),o=require("../../constants.js"),s=require("../../context.js"),i=require("../../../actions/button/button.js"),u=require("../../../atoms/box/box.js"),d=require("../../../atoms/hide/hide.js"),l=require("../../../atoms/typography/heading.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(t);const x=a.default.forwardRef(({children:n,element:o,...c},x)=>{const{questionAnswerId:p}=o,{defaultFilter:m="",commentInputLoader:h,commentLoader:w,filterComponent:g,hideShowAnswersButton:j,showAnswersBelowInput:b}=a.default.useContext(s.EditorContext),[v,q]=a.default.useState(!1),[y,E]=a.default.useState(m),[A,I]=a.default.useState(!1),C=a.default.useRef(null),B=a.default.useRef(null),$=a.default.useRef(!1);a.default.useEffect(()=>{if(!b)return void($.current||(I(!0),$.current=!0));if("undefined"==typeof IntersectionObserver)return void($.current||(I(!0),$.current=!0));if(!C.current||$.current)return;B.current&&B.current.disconnect();const e=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting&&!$.current&&($.current=!0,I(!0),e.disconnect(),B.current=null)})},{rootMargin:"200px",threshold:.01});return B.current=e,e.observe(C.current),()=>{B.current&&(B.current.disconnect(),B.current=null)}},[b]);const T=a.default.useCallback(e=>{const t=e.currentTarget.getAttribute("data-value");E(e=>e===t?m:t)},[]),F=a.default.useCallback(()=>E(m),[]);return e.jsx(r.PlateElement,{asChild:!0,element:o,ref:x,...c,children:e.jsxs(t.Fragment,{children:[e.jsx(f,{children:e.jsx(l.H,{as:"p",$color:"green-3",$fontSize:18,$lineHeight:26,$mediumBold:!0,children:n})}),e.jsx("div",{ref:C,children:e.jsxs(u.Box,{$dir:"column",$gap:"small",sx:"padding: 8px 24px; @media (max-width: 500px) { padding: 8px 0; }",contentEditable:!1,children:[(!j||g)&&e.jsxs(u.Box,{sx:"width: 100%",$justify:"space-between",children:[!j&&e.jsx(i.Button,{as:"div",onClick:()=>q(e=>!e),size:"small",sx:"\n width: fit-content;\n flex-direction: row-reverse;\n color: var(--color-grey-5);\n padding 7px 15px;\n &:not(:hover) svg {\n fill: var(--color-grey-3);\n }\n ",type:"text",contentEditable:!1,children:v?"Hide answers":"Show answers"}),g&&e.jsx(d.HideButRender,{show:v,children:e.jsx(g,{filter:y,onFilterChange:T,questionAnswerId:p})})]}),!b&&A&&e.jsx(d.HideButRender,{show:v,children:e.jsx(w,{questionAnswerId:p,filterType:y,resetFilter:F,waitToLoad:!v})}),A&&e.jsx(h,{questionAnswerId:p,onComment:()=>q(!0)}),b&&A&&e.jsx(w,{questionAnswerId:p,filterType:y,resetFilter:F,waitToLoad:!1},`comments-${p}`)]})})]})})}),f=n.styled.div`
|
|
2
2
|
margin-bottom: 8px;
|
|
3
3
|
padding: 16px;
|
|
4
4
|
border-left: 8px solid var(--color-hue-blue-1);
|
|
5
5
|
border-radius: 8px;
|
|
6
6
|
background-color: var(--color-hue-blue-3);
|
|
7
|
-
|
|
7
|
+
margin: 80px 0 0px 0 !important;
|
|
8
|
+
`,p=r.createPluginFactory({key:o.ELEMENT_QA,type:o.ELEMENT_QA,isElement:!0,component:x});exports.QuestionAnswerElement=x,exports.createQAPlugin=p;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("next/link"),o=require("../../iconography/avatar/avatar.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/highlighter/highlighter.js"),a=require("../../atoms/typography/paragraph.js"),l=require("../../actions/button/button.js"),c=require("../portal/portal.js"),d=require("../../../common/regex.js"),p=require("../../../common/styles.js"),x=require("../../../icons/basic/emoticon_add.js"),u=require("../../../icons/message/comment.js"),h=require("./helpers.js"),g=require("../../input/responsive-text_area/responsive_text_area.js"),f=require("../../../icons/email/send_text.js"),m=require("../../actions/AccountSelector/selector.js"),j=require("../../feedback/emojiPicker/emoji-picker.js"),y=require("../../feedback/emojiPicker/emoji-reactions.js"),$=require("../../../icons/basic/trash_slash.js"),b=require("../../../icons/security/lock.js"),v=require("../../../icons/basic/eye.js"),w=require("../../../icons/time/calendar_dates.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=k(t),S=k(n),C=k(r);const P=/@(\S+)/g,R=(t,n={})=>{if(!t)return e.jsx(e.Fragment,{children:t});const r=new RegExp(P.source,"g");if(!r.test(t))return e.jsx(s.Highlighter,{highlightRender:t=>e.jsx(a.P,{as:"span",$color:"primary-blue-2",children:e.jsx(C.default,{href:t,target:"_blank",children:t})}),seperator:d.URL_REGEX,text:t});const o=[];let i=0;const l=[];let c;for(r.lastIndex=0;null!==(c=r.exec(t));)l.push({index:c.index,type:"mention",match:c});const p=new RegExp(d.URL_REGEX.source,"g");for(;null!==(c=p.exec(t));)l.push({index:c.index,type:"url",match:c});l.sort((e,t)=>e.index-t.index);for(const{index:e,type:n,match:r}of l)e>i&&o.push({type:"text",content:t.substring(i,e),start:i,end:e}),"mention"===n?(o.push({type:"mention",content:r[0],start:e,end:e+r[0].length}),i=e+r[0].length):(o.push({type:"url",content:r[0],start:e,end:e+r[0].length}),i=e+r[0].length);return i<t.length&&o.push({type:"text",content:t.substring(i),start:i,end:t.length}),e.jsx(e.Fragment,{children:o.map((t,r)=>{if("mention"===t.type){const o=t.content.substring(1),i=n[o];return i?e.jsx(A,{children:e.jsx(C.default,{href:i,children:t.content})},`${t.start}-${t.end}-${r}`):e.jsx(A,{children:t.content},`${t.start}-${t.end}-${r}`)}return"url"===t.type?e.jsx(a.P,{as:"span",$color:"primary-blue-2",children:e.jsx(C.default,{href:t.content,target:"_blank",children:t.content})},`${t.start}-${t.end}-${r}`):e.jsx(a.P,{as:"span",children:t.content},`${t.start}-${t.end}-${r}`)})})},B={PRIVATE:"Private",MEETING_MEMBERS:"
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("next/link"),o=require("../../iconography/avatar/avatar.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/highlighter/highlighter.js"),a=require("../../atoms/typography/paragraph.js"),l=require("../../actions/button/button.js"),c=require("../portal/portal.js"),d=require("../../../common/regex.js"),p=require("../../../common/styles.js"),x=require("../../../icons/basic/emoticon_add.js"),u=require("../../../icons/message/comment.js"),h=require("./helpers.js"),g=require("../../input/responsive-text_area/responsive_text_area.js"),f=require("../../../icons/email/send_text.js"),m=require("../../actions/AccountSelector/selector.js"),j=require("../../feedback/emojiPicker/emoji-picker.js"),y=require("../../feedback/emojiPicker/emoji-reactions.js"),$=require("../../../icons/basic/trash_slash.js"),b=require("../../../icons/security/lock.js"),v=require("../../../icons/basic/eye.js"),w=require("../../../icons/time/calendar_dates.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=k(t),S=k(n),C=k(r);const P=/@(\S+)/g,R=(t,n={})=>{if(!t)return e.jsx(e.Fragment,{children:t});const r=new RegExp(P.source,"g");if(!r.test(t))return e.jsx(s.Highlighter,{highlightRender:t=>e.jsx(a.P,{as:"span",$color:"primary-blue-2",children:e.jsx(C.default,{href:t,target:"_blank",children:t})}),seperator:d.URL_REGEX,text:t});const o=[];let i=0;const l=[];let c;for(r.lastIndex=0;null!==(c=r.exec(t));)l.push({index:c.index,type:"mention",match:c});const p=new RegExp(d.URL_REGEX.source,"g");for(;null!==(c=p.exec(t));)l.push({index:c.index,type:"url",match:c});l.sort((e,t)=>e.index-t.index);for(const{index:e,type:n,match:r}of l)e>i&&o.push({type:"text",content:t.substring(i,e),start:i,end:e}),"mention"===n?(o.push({type:"mention",content:r[0],start:e,end:e+r[0].length}),i=e+r[0].length):(o.push({type:"url",content:r[0],start:e,end:e+r[0].length}),i=e+r[0].length);return i<t.length&&o.push({type:"text",content:t.substring(i),start:i,end:t.length}),e.jsx(e.Fragment,{children:o.map((t,r)=>{if("mention"===t.type){const o=t.content.substring(1),i=n[o];return i?e.jsx(A,{children:e.jsx(C.default,{href:i,children:t.content})},`${t.start}-${t.end}-${r}`):e.jsx(A,{children:t.content},`${t.start}-${t.end}-${r}`)}return"url"===t.type?e.jsx(a.P,{as:"span",$color:"primary-blue-2",children:e.jsx(C.default,{href:t.content,target:"_blank",children:t.content})},`${t.start}-${t.end}-${r}`):e.jsx(a.P,{as:"span",children:t.content},`${t.start}-${t.end}-${r}`)})})},B={PRIVATE:"Private",MEETING_MEMBERS:"Group",PUBLIC:"Public",PUBLIC_WITH_MEETING:""},I={PRIVATE:e.jsx(b.Lock,{}),MEETING_MEMBERS:e.jsx(w.CalendarDates,{}),PUBLIC:e.jsx(v.Eye,{}),PUBLIC_WITH_MEETING:e.jsx(e.Fragment,{})},z=S.default.div`
|
|
3
3
|
max-width: 700px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
@@ -64,10 +64,10 @@
|
|
|
64
64
|
border: 2px solid var(--color-grey-9);
|
|
65
65
|
border-top: none;
|
|
66
66
|
border-right: none;
|
|
67
|
-
`,
|
|
67
|
+
`,G=S.default.form`
|
|
68
68
|
display: flex;
|
|
69
69
|
align-items: center;
|
|
70
70
|
gap: 12px;
|
|
71
71
|
width: 90%;
|
|
72
72
|
padding: 8px 0;
|
|
73
|
-
`;exports.Comment=({avatarTooltipContent:t,avatarTooltipSx:n,content:r,createdDate:s,hasMoreReplies:d,id:p,onComment:b,onReact:v,latestReaction:w,onShowReplies:k,onEdit:S,isEditing:P,setIsEditing:A,dropdown:
|
|
73
|
+
`;exports.Comment=({avatarTooltipContent:t,avatarTooltipSx:n,content:r,createdDate:s,hasMoreReplies:d,id:p,onComment:b,onReact:v,latestReaction:w,onShowReplies:k,onEdit:S,isEditing:P,setIsEditing:A,dropdown:F,reactionModal:N,reactions:D,replies:H,userImageUri:O,userName:W,userReactions:V,visibilityIcon:X,customPlaceHolder:Y,userProfileUri:J,sx:K,moveButtonsToLeft:Q=!1,useNewVersion:Z=!1,onDelete:ee,visibility:te,shareDropdown:ne,belongsToLoggedUser:re=!1,disableRedirectionToUserProfile:oe=!1,replyAccountOptions:ie,selectedReplyAccount:se,onReplyAccountChange:ae,showAccountSelector:le=!1,accountSelectorSize:ce=32,activeReplyId:de,onReplyClick:pe,flatReplies:xe=!1,mentionMap:ue={}})=>{const[he,ge]=E.default.useState(!1),[fe,me]=E.default.useState({x:0,y:0}),[je,ye]=E.default.useState("up"),[$e,be]=E.default.useState(!1),[ve,we]=E.default.useState(!1),[ke,Ee]=E.default.useState(""),[Se,Ce]=E.default.useState(r),Pe=E.default.useRef(null),[Re,Be]=E.default.useState(!1),Ie=de===p,ze=E.default.Children.toArray(H);E.default.useEffect(()=>{(P||Re)&&Pe.current&&Pe.current.focus()},[P,Re]);const qe=e=>{e.stopPropagation(),ge(e=>!e),me({y:e.clientY,x:e.clientX}),ye(e.clientY>400?"up":"down")},Te=()=>{k&&k(),we(!0)},_e=h.abbrTimeBeforeDate(s),Le=D&&Object.entries(D).slice(0,5).sort((e,t)=>e[1]<t[1]?1:-1).map(([t,n])=>e.jsx(e.Fragment,{children:e.jsx(y.EmojiReaction,{size:16,emoji:t,isActive:V?.includes(t),onReact:()=>v(t),showSparkle:t===w,count:n,showCount:!0},p+t)})),Me=!!ze?.length&&ze.length>0,Ae=Me&&ze.map((t,n)=>{if(!E.default.isValidElement(t))return null;const r=t.props?.id,o=n!==ze.length-1||d;return xe?e.jsx(E.default.Fragment,{children:t},r):e.jsxs(M,{$hasLine:o,children:[t,e.jsx(U,{})]},r)});return e.jsxs(z,{$sx:K,id:"comment-"+p,$moveButtonsToLeft:Q,children:[O&&"/images/default_avatar.png"!==O?e.jsx(o.Avatar,{as:oe?void 0:C.default,href:oe?void 0:J,image:O,size:32,tooltipContent:t,tooltipSx:n}):e.jsx(o.Avatar.Initials,{name:W||"U",size:32,sx:"font-size: 12px;"}),e.jsxs(i.Box,{$flex:1,$dir:"column",children:[e.jsxs(q,{$hasReplies:!xe&&(Me||!!d),children:[P||Re?e.jsx(g.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{Ce(e.target.value)},value:Se,ref:Pe,onBlur:async()=>{Z&&(S&&await S(Se,p),Be(!1))}}):e.jsxs(T,{onClick:()=>Z&&re?Be(!0):void 0,children:[e.jsxs(i.Box,{$dir:"row",$justify:"space-between",$align:"center",children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(a.P,{as:oe?void 0:J?C.default:"span",href:oe?void 0:J,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20,children:W}),Z&&te&&("PUBLIC_WITH_MEETING"===te?e.jsxs(e.Fragment,{children:[I.PUBLIC,e.jsx(a.P,{$fontSize:14,children:B.PUBLIC}),I.MEETING_MEMBERS,e.jsx(a.P,{$fontSize:14,children:B.MEETING_MEMBERS})]}):e.jsxs(e.Fragment,{children:[I[te],e.jsx(a.P,{$fontSize:14,children:B[te]})]}))]}),Z&&re?e.jsx($.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),ee&&ee()}}):F]}),e.jsx(a.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;",children:R(r,ue)})]}),e.jsxs(i.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;",children:[P?e.jsxs(i.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;",children:[e.jsx(x.Emoticon,{color:"primary-blue-2",onClick:qe,size:24,sx:`cursor: pointer; flex-shrink: 0;\n ${!Q&&"margin-right: auto;"}\n `}),e.jsx(l.Button,{onClick:()=>{A&&A(!P),Ce(r)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);\n ${Q?"margin-left: 20px;":"margin-left: auto;"}\n &:hover, &:focus {\n border: none;\n outline: none;\n }\n `,size:"small",type:"outlined",children:"Cancel"}),e.jsx(l.Button,{onClick:()=>{S&&S(Se,p),A&&A(!1)},size:"small",type:"primary",children:"Save"})]}):e.jsxs(e.Fragment,{children:[e.jsx(x.Emoticon,{color:"primary-blue-2",onClick:qe,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),e.jsx(u.Comment,{color:"primary-blue-2",onClick:()=>{pe&&p?pe(de===p?"":p):be(e=>!e)},size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),e.jsx(a.P,{$color:"grey-7",children:"•"}),e.jsx(a.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;",children:_e}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",marginLeft:"auto",width:"100%"},children:[e.jsxs(i.Box,{$display:"flex",$flow:"row wrap",$justify:"flex-end",$align:"flex-end",$gap:6,sx:` \n margin-left: auto;\n @media (max-width: 500px) {\n max-width: 100%;\n }\n ${Le?.length?"margin-bottom: 12px;":""}\n `,children:[Le,N]}),Z&&ne]})]}),he&&e.jsx(c.Portal,{children:e.jsx(_,{$pickerOrientation:je,$top:fe.y,$left:fe.x,children:e.jsx(j.CustomEmojiPicker,{open:he,trigger:e.jsx(e.Fragment,{}),onSelect:({native:e})=>{v(e),ge(!1)},onClickOutside:()=>ge(!1)})})})]})]}),Me&&ve&&e.jsx(L,{children:Ae}),!ve&&!d&&Me&&e.jsx(L,{children:e.jsxs(M,{$hasLine:!1,children:[e.jsx(l.Button,{onClick:Te,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show replies"}),e.jsx(U,{})]})}),d&&e.jsx(L,{children:e.jsxs(M,{$hasLine:!1,children:[e.jsx(l.Button,{onClick:Te,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show more replies"}),e.jsx(U,{})]})}),(Ie||$e)&&e.jsxs(G,{children:[le&&ie&&ae?e.jsx(m.AccountSelector,{selectedOption:se??null,options:ie,onOptionChange:ae,size:ce,showChevron:ie.length>1}):O&&"/images/default_avatar.png"!==O?e.jsx(o.Avatar,{as:oe?void 0:C.default,href:oe?void 0:J,image:O,size:32,tooltipContent:t,tooltipSx:n}):e.jsx(o.Avatar.Initials,{name:W||"U",size:32,sx:"font-size: 12px;"}),e.jsx(g.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:ke,onChange:e=>{Ee(e.target.value)},placeholder:Y||"Write a reply",maxCharacters:1e3,minWidth:"100%",wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:e.jsxs(i.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8,children:[X,e.jsx(l.Button,{disabled:!ke.length,icon:e.jsx(f.SendText,{}),onClick:e=>{e.stopPropagation(),e.preventDefault(),b(ke,p),Ee("")},sx:"\n justify-content: center; \n background-color: var(--color-primary-blue-2);\n align-items: center; \n height: 40px;\n width: 40px;\n cursor: pointer;\n border: none;\n box-shadow: none;\n svg {\n fill: white;\n }\n &:disabled {\n svg {\n fill: var(--color-grey-7);\n }\n border: none !important;\n background-color: var(--color-grey-1);\n }\n ",type:"secondary"})]}),inputStyles:"font-size: 14px;"})]})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"qa.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/blocks/qa.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAElB,MAAM,uBAAuB,CAAC;AAW/B,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"qa.d.ts","sourceRoot":"","sources":["../../../../../../src/components/editor/plugins/blocks/qa.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAGL,iBAAiB,EAElB,MAAM,uBAAuB,CAAC;AAW/B,eAAO,MAAM,qBAAqB,4FAyKhC,CAAC;AAWH,eAAO,MAAM,cAAc,sgBAKzB,CAAC"}
|