@soul-refiner/design-system 2.14.68 → 2.14.69
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("next/link"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),o=require("next/link"),n=require("../../iconography/avatar/avatar.js"),i=require("../../atoms/box/box.js"),s=require("../../atoms/highlighter/highlighter.js"),l=require("../../atoms/typography/paragraph.js"),a=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"),b=require("../../../icons/basic/trash_slash.js"),v=require("../../../icons/security/lock.js"),$=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 S=k(r),C=k(t),E=k(o);const P={PRIVATE:"Private",MEETING_MEMBERS:"Meeting",PUBLIC:"Public",PUBLIC_WITH_MEETING:""},B={PRIVATE:e.jsx(v.Lock,{}),MEETING_MEMBERS:e.jsx(w.CalendarDates,{}),PUBLIC:e.jsx($.Eye,{}),PUBLIC_WITH_MEETING:e.jsx(e.Fragment,{})},q=C.default.div`
|
|
3
3
|
max-width: 700px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
@@ -56,4 +56,4 @@
|
|
|
56
56
|
gap: 12px;
|
|
57
57
|
width: 100%;
|
|
58
58
|
padding: 8px 0;
|
|
59
|
-
`;exports.Comment=({avatarTooltipContent:r,avatarTooltipSx:t,content:o,createdDate:p,hasMoreReplies:v,id:$,onComment:w,onReact:k,latestReaction:C,onShowReplies:A,onEdit:U,isEditing:N,setIsEditing:D,dropdown:G,reactionModal:H,reactions:O,replies:F,userImageUri:V,userName:W,userReactions:Y,visibilityIcon:X,customPlaceHolder:J,userProfileUri:K,sx:Q,moveButtonsToLeft:Z=!1,useNewVersion:ee=!1,onDelete:re,visibility:te,shareDropdown:oe,belongsToLoggedUser:
|
|
59
|
+
`;exports.Comment=({avatarTooltipContent:r,avatarTooltipSx:t,content:o,createdDate:p,hasMoreReplies:v,id:$,onComment:w,onReact:k,latestReaction:C,onShowReplies:A,onEdit:U,isEditing:N,setIsEditing:D,dropdown:G,reactionModal:H,reactions:O,replies:F,userImageUri:V,userName:W,userReactions:Y,visibilityIcon:X,customPlaceHolder:J,userProfileUri:K,sx:Q,moveButtonsToLeft:Z=!1,useNewVersion:ee=!1,onDelete:re,visibility:te,shareDropdown:oe,belongsToLoggedUser:ne=!1,disableRedirectionToUserProfile:ie=!1,replyAccountOptions:se,selectedReplyAccount:le,onReplyAccountChange:ae,showAccountSelector:ce=!1,accountSelectorSize:de=32})=>{const[pe,xe]=S.default.useState(!1),[ue,he]=S.default.useState({x:0,y:0}),[ge,fe]=S.default.useState("up"),[me,je]=S.default.useState(!1),[ye,be]=S.default.useState(!1),[ve,$e]=S.default.useState(""),[we,ke]=S.default.useState(o),Se=S.default.useRef(null),[Ce,Ee]=S.default.useState(!1),Pe=S.default.Children.toArray(F);S.default.useEffect(()=>{(N||Ce)&&Se.current&&Se.current.focus()},[N,Ce]);const Be=e=>{e.stopPropagation(),xe(e=>!e),he({y:e.clientY,x:e.clientX}),fe(e.clientY>400?"up":"down")},qe=()=>{A&&A(),be(!0)},Re=h.abbrTimeBeforeDate(p),Te=O&&Object.entries(O).slice(0,5).sort((e,r)=>e[1]<r[1]?1:-1).map(([r,t])=>e.jsx(e.Fragment,{children:e.jsx(y.EmojiReaction,{size:16,emoji:r,isActive:Y?.includes(r),onReact:()=>k(r),showSparkle:r===C,count:t,showCount:!0},$+r)})),Ie=!!Pe?.length&&Pe.length>0,ze=Ie&&Pe.map((r,t)=>{if(!S.default.isValidElement(r))return null;const o=r.props?.id,n=t!==Pe.length-1||v;return e.jsxs(_,{$hasLine:n,children:[r,e.jsx(L,{})]},o)});return e.jsxs(q,{$sx:Q,id:"comment-"+$,$moveButtonsToLeft:Z,children:[e.jsx(n.Avatar,{as:ie?void 0:E.default,href:ie?void 0:K,image:V,size:32,tooltipContent:r,tooltipSx:t}),e.jsxs(i.Box,{$flex:1,$dir:"column",children:[e.jsxs(R,{$hasReplies:Ie||!!v,children:[N||Ce?e.jsx(g.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{ke(e.target.value)},value:we,ref:Se,onBlur:async()=>{ee&&(U&&await U(we,$),Ee(!1))}}):e.jsxs(T,{onClick:()=>ee&&ne?Ee(!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(l.P,{as:ie?void 0:K?E.default:"span",href:ie?void 0:K,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20,children:W}),ee&&te&&("PUBLIC_WITH_MEETING"===te?e.jsxs(e.Fragment,{children:[B.PUBLIC,e.jsx(l.P,{$fontSize:14,children:P.PUBLIC}),B.MEETING_MEMBERS,e.jsx(l.P,{$fontSize:14,children:P.MEETING_MEMBERS})]}):e.jsxs(e.Fragment,{children:[B[te],e.jsx(l.P,{$fontSize:14,children:P[te]})]}))]}),ee&&ne?e.jsx(b.TrashSlash,{sx:"cursor: pointer;",onClick:e=>{e.stopPropagation(),e.preventDefault(),re&&re()}}):G]}),e.jsx(l.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;",children:e.jsx(s.Highlighter,{highlightRender:r=>e.jsx(l.P,{as:"span",$color:"primary-blue-2",children:e.jsx(E.default,{href:r,target:"_blank",children:r})}),seperator:d.URL_REGEX,text:o})})]}),e.jsxs(i.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;",children:[N?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:Be,size:24,sx:`cursor: pointer; flex-shrink: 0;\n ${!Z&&"margin-right: auto;"}\n `}),e.jsx(a.Button,{onClick:()=>{D&&D(!N),ke(o)},sx:`background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2);\n ${Z?"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(a.Button,{onClick:()=>{U&&U(we,$),D&&D(!1)},size:"small",type:"primary",children:"Save"})]}):e.jsxs(e.Fragment,{children:[e.jsx(x.Emoticon,{color:"primary-blue-2",onClick:Be,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),e.jsx(u.Comment,{color:"primary-blue-2",onClick:()=>je(e=>!e),size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),e.jsx(l.P,{$color:"grey-7",children:"•"}),e.jsx(l.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;",children:Re}),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 ${Te?.length?"margin-bottom: 12px;":""}\n `,children:[Te,H]}),ee&&oe]})]}),pe&&e.jsx(c.Portal,{children:e.jsx(I,{$pickerOrientation:ge,$top:ue.y,$left:ue.x,children:e.jsx(j.CustomEmojiPicker,{open:pe,trigger:e.jsx(e.Fragment,{}),onSelect:({native:e})=>{k(e),xe(!1)},onClickOutside:()=>xe(!1)})})})]})]}),Ie&&ye&&e.jsx(z,{children:ze}),!ye&&!v&&Ie&&e.jsx(z,{children:e.jsxs(_,{$hasLine:!1,children:[e.jsx(a.Button,{onClick:qe,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show replies"}),e.jsx(L,{})]})}),v&&e.jsx(z,{children:e.jsxs(_,{$hasLine:!1,children:[e.jsx(a.Button,{onClick:qe,size:"small",sx:"color: var(--color-grey-3);",type:"text",children:"show more replies"}),e.jsx(L,{})]})}),me&&e.jsxs(M,{children:[ce&&se&&ae?e.jsx(m.AccountSelector,{selectedOption:le??null,options:se,onOptionChange:ae,size:de,showChevron:se.length>1}):e.jsx(n.Avatar,{as:ie?void 0:E.default,href:ie?void 0:K,image:V,size:32,tooltipContent:r,tooltipSx:t}),e.jsx(g.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:ve,onChange:e=>{$e(e.target.value)},placeholder:J||"Write a reply",maxCharacters:1e3,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(a.Button,{disabled:!ve.length,icon:e.jsx(f.SendText,{}),onClick:e=>{e.stopPropagation(),e.preventDefault(),w(ve),$e("")},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":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/comment/comment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,KAAK,UAAU,GACX,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACvE;AAgBD,eAAO,MAAM,OAAO,giBAqCjB,YAAY,
|
|
1
|
+
{"version":3,"file":"comment.d.ts","sourceRoot":"","sources":["../../../../../src/components/surfaces/comment/comment.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,KAAK,UAAU,GACX,QAAQ,GACR,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,oBAAoB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,IAAI,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IACtC,oBAAoB,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACvE;AAgBD,eAAO,MAAM,OAAO,giBAqCjB,YAAY,4CA8bd,CAAC"}
|