@soul-refiner/design-system 2.8.21-alpha.2 → 2.8.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/regex.js +1 -0
- package/dist/components/actions/upload/upload.js +1 -1
- package/dist/components/atoms/highlighter/highlighter.js +4 -0
- package/dist/components/editor/simple_editor/simple_editor.js +1 -1
- package/dist/components/input/filter/filter.js +4 -3
- package/dist/components/surfaces/comment/comment.js +9 -9
- package/dist/components/surfaces/discuss_post/discuss_post.js +3 -3
- package/dist/components/surfaces/post/post.js +2 -2
- package/dist/index.js +1 -1
- package/dist/src/common/index.d.ts +1 -0
- package/dist/src/common/regex.d.ts +1 -0
- package/dist/src/components/atoms/highlighter/highlighter.d.ts +12 -0
- package/dist/src/components/atoms/highlighter/index.d.ts +1 -0
- package/dist/src/components/atoms/index.d.ts +1 -0
- package/dist/src/components/input/filter/filter.d.ts +1 -3
- package/dist/styles/output.css +33 -33
- package/package.json +1 -1
- package/dist/components/custom/help_center/help_center-auth.js +0 -1
- package/dist/components/custom/help_center/help_center-customModal.js +0 -7
- package/dist/components/custom/help_center/help_center-defaultArticle.js +0 -60
- package/dist/components/custom/help_center/help_center-editable-content.js +0 -31
- package/dist/components/custom/help_center/help_center-mainPage.js +0 -32
- package/dist/components/custom/help_center/help_center-sidebar.js +0 -1
- package/dist/components/custom/help_center/help_center.js +0 -1
- package/dist/components/custom/help_center/help_center_articlle-list.js +0 -30
- package/dist/components/custom/help_center/help_center_categoryList.js +0 -55
- package/dist/components/custom/help_center/help_center_dataStore.js +0 -1
- package/dist/components/custom/help_center/help_center_layout.js +0 -64
- package/dist/components/custom/help_center/help_center_sub-category.js +0 -27
- package/dist/components/custom/help_center/types.js +0 -1
- package/dist/components/input/responsive-text_area/responsive_text_area.js +0 -73
- package/dist/components/media/audio-player/progress-bar.js +0 -4
- package/dist/src/components/custom/help_center/help_center-auth.d.ts +0 -7
- package/dist/src/components/custom/help_center/help_center-customModal.d.ts +0 -4
- package/dist/src/components/custom/help_center/help_center-defaultArticle.d.ts +0 -15
- package/dist/src/components/custom/help_center/help_center-editable-content.d.ts +0 -7
- package/dist/src/components/custom/help_center/help_center-mainPage.d.ts +0 -3
- package/dist/src/components/custom/help_center/help_center-sidebar.d.ts +0 -3
- package/dist/src/components/custom/help_center/help_center.d.ts +0 -13
- package/dist/src/components/custom/help_center/help_center_articlle-list.d.ts +0 -7
- package/dist/src/components/custom/help_center/help_center_categoryList.d.ts +0 -6
- package/dist/src/components/custom/help_center/help_center_dataStore.d.ts +0 -4
- package/dist/src/components/custom/help_center/help_center_layout.d.ts +0 -3
- package/dist/src/components/custom/help_center/help_center_seedData.d.ts +0 -2
- package/dist/src/components/custom/help_center/help_center_sub-category.d.ts +0 -7
- package/dist/src/components/custom/help_center/index.d.ts +0 -1
- package/dist/src/components/custom/help_center/types.d.ts +0 -124
- package/dist/src/components/input/responsive-text_area/index.d.ts +0 -2
- package/dist/src/components/input/responsive-text_area/responsive_text_area.d.ts +0 -16
- package/dist/src/components/media/audio-player/progress-bar.d.ts +0 -14
- package/dist/src/utils/debounce.d.ts +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const URL_REGEX=/https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/g;exports.URL_REGEX=URL_REGEX;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js"),box=require("../../atoms/box/box.js"),button=require("../button/button.js"),upload_audio=require("../../../icons/special/upload_audio.js"),upload_file=require("../../../icons/special/upload_file.js"),upload_image=require("../../../icons/special/upload_image.js"),upload_video=require("../../../icons/special/upload_video.js"),paperclip=require("../../../icons/basic/paperclip.js"),modal=require("../../surfaces/modal/modal.js"),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),validations=(require("../../atoms/typography/typography.js"),require("./validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Upload=({background:e="hue-blue-3",borderColor:t="hue-blue-2",children:a,iconColor:l="primary-blue-2",multiple:r,onDrop:i,size:o="large",subtext:d,text:u,type:n,showOnlyUploadButton:c=!1,height:s,width:p,validation:f,validationMessage:_})=>{const m=React__default.default.useRef(null),[g,h]=React__default.default.useState(!1),[x,$]=React__default.default.useState([]);l={color:l,size:validations.heightLookup[n].icon[o]},l={audio:React__default.default.createElement(upload_audio.UploadAudio,{...l}),file:React__default.default.createElement(upload_file.UploadFile,{...l}),image:React__default.default.createElement(upload_image.UploadImage,{...l}),video:React__default.default.createElement(upload_video.UploadVideo,{...l})};const y=(e,t)=>{0===e.length&&i?i(t):$(e)},R=()=>{m.current&&(m.current.value="")};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<x.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:()=>$([])},"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},_)))),React__default.default.createElement(Wrapper,{$background:e,$borderColor:t,$draggingOver:g,$height:s||validations.heightLookup[n].height[o],$width:p??0,$size:o,onDragOver:e=>{e.preventDefault(),h(!0)},onDragLeave:e=>{e.preventDefault(),h(!1)},onDrop:async e=>{$([]),e.preventDefault(),h(!1);var t,e=e.dataTransfer.files,a=new DataTransfer,l=[];for(const r of Array.from(e))!f||0===(t=await validations.validateFile(r,f)).length?a.items.add(r):l.push(...t);e=m.current;null!==e&&(e.files=a.files,0<l.length?y(l,e.files):y([],e.files))}},React__default.default.createElement(box.Box,{$align:"center",$borderRadius:"medium",$dir:"column",$display:"flex",$gap:16,$justify:"center",sx:"height: 100%; width: 100%; svg { flex-shrink: 0; };"},c?React__default.default.createElement(button.Button,{icon:React__default.default.createElement(paperclip.Paperclip,null),onClick:()=>m.current?.click(),size:"small",type:"secondary"},u):React__default.default.createElement(React__default.default.Fragment,null,l[n],"small"!==o&&React__default.default.createElement(box.Box,{$align:"center",$dir:"column",$display:"flex",$gap:8,$justify:"center",sx:"width: 100%;"},React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},u,React__default.default.createElement(button.Button,{onClick:()=>m.current?.click(),size:"small",sx:"display: inline;",type:"text"},"Browse")),React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},d))),React__default.default.createElement(Input,{"data-testid":"dropzone-upload-input",ref:m,type:"file",multiple:r,accept:validations.fileTypeLookup[n],name:"Files",onChange:async()=>{$([]);var e=m.current;if(e?.files?.length){var t=[];for(const l of e.files)if(f){var a=await validations.validateFile(l,f);if(0<a.length){t.push(...a);break}}y(t,e.files)}}}))),React__default.default.Children.map(a,e=>React__default.default.isValidElement(e)?React__default.default.cloneElement(e,{handleUpload:()=>m.current?.click(),removeFileFromState:R}):e))},Wrapper=styled.styled.div`
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),colors=require("../../../common/colors.js"),box=require("../../atoms/box/box.js"),button=require("../button/button.js"),upload_audio=require("../../../icons/special/upload_audio.js"),upload_file=require("../../../icons/special/upload_file.js"),upload_image=require("../../../icons/special/upload_image.js"),upload_video=require("../../../icons/special/upload_video.js"),paperclip=require("../../../icons/basic/paperclip.js"),modal=require("../../surfaces/modal/modal.js"),heading=(require("../../atoms/highlighter/highlighter.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),validations=(require("../../atoms/typography/typography.js"),require("./validations.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const Upload=({background:e="hue-blue-3",borderColor:t="hue-blue-2",children:a,iconColor:l="primary-blue-2",multiple:r,onDrop:i,size:o="large",subtext:d,text:u,type:n,showOnlyUploadButton:c=!1,height:s,width:p,validation:f,validationMessage:_})=>{const m=React__default.default.useRef(null),[g,h]=React__default.default.useState(!1),[x,$]=React__default.default.useState([]);l={color:l,size:validations.heightLookup[n].icon[o]},l={audio:React__default.default.createElement(upload_audio.UploadAudio,{...l}),file:React__default.default.createElement(upload_file.UploadFile,{...l}),image:React__default.default.createElement(upload_image.UploadImage,{...l}),video:React__default.default.createElement(upload_video.UploadVideo,{...l})};const y=(e,t)=>{0===e.length&&i?i(t):$(e)},R=()=>{m.current&&(m.current.value="")};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(modal.Modal,{controlledOpen:0<x.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:()=>$([])},"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},_)))),React__default.default.createElement(Wrapper,{$background:e,$borderColor:t,$draggingOver:g,$height:s||validations.heightLookup[n].height[o],$width:p??0,$size:o,onDragOver:e=>{e.preventDefault(),h(!0)},onDragLeave:e=>{e.preventDefault(),h(!1)},onDrop:async e=>{$([]),e.preventDefault(),h(!1);var t,e=e.dataTransfer.files,a=new DataTransfer,l=[];for(const r of Array.from(e))!f||0===(t=await validations.validateFile(r,f)).length?a.items.add(r):l.push(...t);e=m.current;null!==e&&(e.files=a.files,0<l.length?y(l,e.files):y([],e.files))}},React__default.default.createElement(box.Box,{$align:"center",$borderRadius:"medium",$dir:"column",$display:"flex",$gap:16,$justify:"center",sx:"height: 100%; width: 100%; svg { flex-shrink: 0; };"},c?React__default.default.createElement(button.Button,{icon:React__default.default.createElement(paperclip.Paperclip,null),onClick:()=>m.current?.click(),size:"small",type:"secondary"},u):React__default.default.createElement(React__default.default.Fragment,null,l[n],"small"!==o&&React__default.default.createElement(box.Box,{$align:"center",$dir:"column",$display:"flex",$gap:8,$justify:"center",sx:"width: 100%;"},React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},u,React__default.default.createElement(button.Button,{onClick:()=>m.current?.click(),size:"small",sx:"display: inline;",type:"text"},"Browse")),React__default.default.createElement(paragraph.P,{$textAlign:"center",sx:"width: 100%;"},d))),React__default.default.createElement(Input,{"data-testid":"dropzone-upload-input",ref:m,type:"file",multiple:r,accept:validations.fileTypeLookup[n],name:"Files",onChange:async()=>{$([]);var e=m.current;if(e?.files?.length){var t=[];for(const l of e.files)if(f){var a=await validations.validateFile(l,f);if(0<a.length){t.push(...a);break}}y(t,e.files)}}}))),React__default.default.Children.map(a,e=>React__default.default.isValidElement(e)?React__default.default.cloneElement(e,{handleUpload:()=>m.current?.click(),removeFileFromState:R}):e))},Wrapper=styled.styled.div`
|
|
3
3
|
box-sizing: border-box;
|
|
4
4
|
width: ${({$size:e,$width:t})=>t?t+"px":"large"===e?"100%":"fit-content"===e?"fit-content":"134px"};
|
|
5
5
|
height: ${({$height:e})=>e}px;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const TOKEN="||&&||",NEW_LINE_TOKEN="<<%%>>",Highlighter=({highlightRender:a,highlightSx:l,seperator:e,text:t})=>{const r=React__default.default.useId(),n=new RegExp(e,"gi");if(!n.test(t))return React__default.default.createElement(React__default.default.Fragment,null,t);let u=t;e=(u=(u=(u=u.replaceAll(/\n/g,NEW_LINE_TOKEN)).split(/ /).map(l=>{if(n.test(l)){let e="",[t,...a]=l.split(NEW_LINE_TOKEN);var r;return a=a.map(e=>e||NEW_LINE_TOKEN),(t.startsWith(",")||t.startsWith(".")||t.startsWith("?"))&&(e=t[0],t=t.slice(1,t.length)),(t.endsWith(",")||t.endsWith("."))&&(r=t[t.length-1],t=t.slice(0,t.length-1),a.unshift(r)),""+e+TOKEN+t+TOKEN+a.join("")}return l}).join(" ")).replaceAll(NEW_LINE_TOKEN,"\n")).split(TOKEN);return React__default.default.createElement(React__default.default.Fragment,null,e.filter(String).map((e,t)=>n.test(e)?a?React__default.default.createElement(React__default.default.Fragment,{key:r+t},a(e)):React__default.default.createElement(Span,{key:r+t,$sx:l},e):React__default.default.createElement("span",{key:r+t},e)))},Span=styled__default.default.span`
|
|
3
|
+
${({$sx:e})=>e||""};
|
|
4
|
+
`;exports.Highlighter=Highlighter;
|
|
@@ -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/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[d
|
|
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`
|
|
3
3
|
& > div {
|
|
4
4
|
padding: 24px;
|
|
5
5
|
min-height: 224px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b,customerOptionWrapper:y
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),button=require("../../actions/button/button.js"),paragraph=require("../../atoms/typography/paragraph.js"),chevron_down=require("../../../icons/arrow/chevron_down.js"),chevron_up=require("../../../icons/arrow/chevron_up.js"),close=require("../../../icons/basic/close.js"),styles=require("../../../common/styles.js"),filter_option=require("./filter_option.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const Filter=({closeOnBlur:t=!0,disabled:e,graphic:a,graphicAlignment:l="left",resetGraphic:r,label:o="",sx:n,triggerType:d,options:u,defaultValue:c="",closeOnChange:i=!0,optionOnChange:s,optionShowClose:p,checkbox:f,isRadio:_,applyOnClick:g,resetOnClick:v,applyResetActions:b,customerOptionWrapper:y})=>{const h=!!f,m=React__default.default.useRef(null);var x=React__default.default.useRef(null);const[R,C]=React__default.default.useState(!1),[E,k]=React__default.default.useState(()=>c||(h?[]:"")),[$,w]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&C(!1)},[e]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&k(h?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;R||(E.length?(e=u.find(e=>"string"!=typeof e&&S(e.value)),"string"==typeof E?w(e.label):w(1<E.length?e.label+" +"+(E.length-1):e.label)):w(o))},[E,u,R]);const P=h?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(E)&&E.includes(t)?k(e=>e.filter(e=>e!==t)):k(e=>[t,...e]),i&&!g&&C(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";E!==t?k(t):k(""),i&&!g&&C(!1),s&&s(e)},S=e=>h?E.includes(e):e===E;var A=[...u.map((e,t)=>"string"==typeof e&&"break"===e?React__default.default.createElement(filter_option.Spacer,{key:React__default.default.useId()+"-spacer-"+t}):React__default.default.createElement(filter_option.Option,{key:e.value,onClick:P,selected:S(e.value),checkbox:f,radio:!h&&"pill"===d||!h&&_,showClose:void 0===p?0===t&&"pill"===d:p,onClose:()=>C(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],j=r&&("string"==typeof E?!!E:!!E.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:m,onBlurCapture:e=>{t&&m?.current&&!m?.current?.contains(e.relatedTarget)&&C(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||C(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),k(h?[]:""),C(!1)}:void 0,open:R,resetGraphic:j,type:d,value:$}),R&&React__default.default.createElement(Container,{ref:x},React__default.default.createElement(React__default.default.Fragment,null,y?y({children:A}):A,"pill"===d&&b&&React__default.default.createElement(box.Box,{$display:"flex",$dir:"row",$align:"center",$justify:"flex-end",$gap:8,sx:"margin-top: 8px; padding-right: 8px; padding-bottom: 8px"},React__default.default.createElement(button.Button,{onClick:e=>{v&&v(e),k(h?[]:""),C(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),C(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|
|
@@ -21,14 +21,13 @@
|
|
|
21
21
|
& > div:last-of-type {
|
|
22
22
|
border-radius: 0px 0px 8px 8px;
|
|
23
23
|
}
|
|
24
|
-
`,textProps={as:"span",$fontSize:14,$lineHeight:20
|
|
24
|
+
`,textProps={as:"span",$fontSize:14,$lineHeight:20},wrapperProps={$align:"center",$dir:"row",$gap:16},FilterTrigger=({disabled:e,graphic:t,graphicAlignment:a,label:l,onClick:r,resetGraphic:o,open:n,onReset:d,type:u,value:c})=>"pill"===u?React__default.default.createElement(Pill,{disabled:e,onClick:r,$labelIsDefault:c===l,...wrapperProps},"left"===a?t:null,React__default.default.createElement(paragraph.P,{...textProps},c),o?React__default.default.createElement(close.Close,{color:"blue-3",onClick:d}):null,"right"===a?t:null,!t&&!o&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))):"labeled"===u?React__default.default.createElement(Labeled,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{...textProps},l),React__default.default.createElement(LabelSeparator,null),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$mediumBold:!0,...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"avatar"===u?React__default.default.createElement(Avatar,{$align:"center",$dir:"row",$gap:8,disabled:e,onClick:r},t,n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):"text"===u?React__default.default.createElement(Text,{disabled:e,onClick:r,...wrapperProps},React__default.default.createElement(paragraph.P,{$color:"grey-4",$semiBold:!0,...textProps},l,":"),React__default.default.createElement(paragraph.P,{$color:"primary-blue-2",$semiBold:!0,className:"filter-trigger-value",...textProps},c),n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null)):React__default.default.createElement(Outlined,{disabled:e,onClick:r,...wrapperProps},"left"===a?t:null,t,React__default.default.createElement(paragraph.P,{...textProps},c),"right"===a?t:null,!t&&(n?React__default.default.createElement(chevron_up.ChevronUp,null):React__default.default.createElement(chevron_down.ChevronDown,null))),sharedStyles=((Filter.Trigger=FilterTrigger).displayName="Filter.Trigger",styled.css`
|
|
25
25
|
display: flex;
|
|
26
26
|
padding: 10px 16px;
|
|
27
27
|
border: none;
|
|
28
28
|
outline: none;
|
|
29
29
|
cursor: pointer;
|
|
30
30
|
user-select: none;
|
|
31
|
-
width: 100%;
|
|
32
31
|
|
|
33
32
|
&:disabled {
|
|
34
33
|
background-color: var(--color-grey-9);
|
|
@@ -58,6 +57,7 @@
|
|
|
58
57
|
border-radius: 24px;
|
|
59
58
|
background-color: var(--color-white);
|
|
60
59
|
font-family: var(--font-inter);
|
|
60
|
+
|
|
61
61
|
${({$labelIsDefault:e})=>e?"":`
|
|
62
62
|
& > * {
|
|
63
63
|
color: var(--color-primary-blue-2);
|
|
@@ -115,6 +115,7 @@
|
|
|
115
115
|
background-color: transparent;
|
|
116
116
|
border-radius: 32px;
|
|
117
117
|
font-family: var(--font-inter);
|
|
118
|
+
|
|
118
119
|
&:hover {
|
|
119
120
|
background-color: var(--color-grey-10);
|
|
120
121
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),Picker=require("@emoji-mart/react"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),paragraph=require("../../atoms/typography/paragraph.js"),text_input=(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")),button=(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("../../actions/button/button.js")),portal=require("../portal/portal.js"),
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),Link=require("next/link"),Picker=require("@emoji-mart/react"),emojis=require("../../../emoji/emojis.json.js"),avatar=require("../../iconography/avatar/avatar.js"),box=require("../../atoms/box/box.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),paragraph=require("../../atoms/typography/paragraph.js"),text_input=(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")),button=(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("../../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");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),Picker__default=_interopDefaultCompat(Picker);const MAX_REACTIONS_SHOWN=5,Comment=({avatarTooltipContent:e,avatarTooltipSx:t,content:a,createdDate:r,hasMoreReplies:l,id:o,onComment:i,onReact:n,onShowReplies:u,dropdown:d,reactionModal:p,reactions:c,replies:s,userImageUri:f,userName:_,userReactions:m,visibilityIcon:x,customPlaceHolder:g,userProfileUri:h,sx:R})=>{const[y,b]=React__default.default.useState(!1),[$,v]=React__default.default.useState({x:0,y:0}),[E,k]=React__default.default.useState("up"),[j,q]=React__default.default.useState(!1),[C,w]=React__default.default.useState(!1),[S,P]=React__default.default.useState(""),W=React__default.default.Children.toArray(s);var s=()=>{u&&u(),w(!0)},r=helpers.abbrTimeBeforeDate(r),c=c&&Object.entries(c).slice(0,MAX_REACTIONS_SHOWN).sort((e,t)=>e[1]<t[1]?1:-1).map(e=>React__default.default.createElement(Reaction,{key:o+e[0],onClick:()=>n(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:m?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1]))),L=!!W?.length&&0<W.length,z=L&&W.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==W.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:R,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:h,image:f,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},React__default.default.createElement(CommentBox,null,React__default.default.createElement(box.Box,{$dir:"row",$justify:"space-between",$align:"center"},React__default.default.createElement(paragraph.P,{as:h?Link__default.default:"span",href:h,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},_),d),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;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:e=>{e.stopPropagation(),b(e=>!e),v({y:e.clientY,x:e.clientX}),k(400<e.clientY?"up":"down")},size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>q(e=>!e),size:24,sx:"border-radius: 50%; cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(paragraph.P,{$color:"grey-7"},"•"),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:12,$lineHeight:24,sx:"flex-shrink: 0;"},r),React__default.default.createElement(box.Box,{$display:"flex",$flow:"row wrap",$gap:6,sx:"max-width: calc(100% - 190px); margin-left: auto;"},c,p),y&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:E,$top:$.y,$left:$.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{n(e),b(!1)},onClickOutside:()=>b(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),L&&C&&React__default.default.createElement(RepliesWrapper,null,z),!C&&!l&&L&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show replies"),React__default.default.createElement(ReplyIndicator,null))),l&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:s,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),j&&React__default.default.createElement(CommentWrapper,{onSubmit:e=>{e.stopPropagation(),e.preventDefault(),i(S),P("")}},React__default.default.createElement(text_input.TextInput,{bg:"var(--color-grey-10)",placeholder:g||"Write a reply",onChange:e=>{P(e.target.value)},value:S,placeIconAtTheEnd:!0,icon:x}))))},Wrapper=styled__default.default.div`
|
|
3
3
|
max-width: 700px;
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: row;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
justify-content: space-between;
|
|
9
9
|
position: relative;
|
|
10
10
|
${({$sx:e})=>e||""}
|
|
11
|
-
`,ContentWrapper=
|
|
11
|
+
`,ContentWrapper=styled__default.default.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
word-break: break-word;
|
|
14
14
|
flex-direction: column;
|
|
@@ -23,21 +23,21 @@
|
|
|
23
23
|
height: calc(100% - 12px);
|
|
24
24
|
border-left: 2px solid var(--color-grey-9);
|
|
25
25
|
}`:""}
|
|
26
|
-
`,CommentBox=
|
|
26
|
+
`,CommentBox=styled__default.default.div`
|
|
27
27
|
padding: 16px;
|
|
28
28
|
display: flex;
|
|
29
29
|
flex-direction: column;
|
|
30
30
|
gap: 8px;
|
|
31
31
|
background-color: var(--color-grey-10);
|
|
32
32
|
border-radius: 16px;
|
|
33
|
-
`,PickerWrapper=
|
|
33
|
+
`,PickerWrapper=styled__default.default.div`
|
|
34
34
|
position: absolute;
|
|
35
35
|
z-index: 1000;
|
|
36
36
|
|
|
37
37
|
${({$pickerOrientation:e})=>"up"===e?"transform: translateY(-345px);":""}
|
|
38
38
|
top: ${({$top:e})=>e}px;
|
|
39
39
|
left: ${({$left:e})=>e}px;
|
|
40
|
-
`,Reaction=
|
|
40
|
+
`,Reaction=styled__default.default.div`
|
|
41
41
|
${styles.Styles.flex}
|
|
42
42
|
display: flex;
|
|
43
43
|
padding: 2px 6px;
|
|
@@ -47,9 +47,9 @@
|
|
|
47
47
|
background-color: var(--color-primary-blue-4);
|
|
48
48
|
border: 1px solid var(--color-primary-blue-3);
|
|
49
49
|
`:""}
|
|
50
|
-
`,RepliesWrapper=
|
|
50
|
+
`,RepliesWrapper=styled__default.default.div`
|
|
51
51
|
padding-top: 12px;
|
|
52
|
-
`,ReplyWrapper=
|
|
52
|
+
`,ReplyWrapper=styled__default.default.div`
|
|
53
53
|
position: relative;
|
|
54
54
|
${({$hasLine:e})=>e?`
|
|
55
55
|
&::before {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
height: 100%;
|
|
60
60
|
border-left: 2px solid var(--color-grey-9);
|
|
61
61
|
}`:""}
|
|
62
|
-
`,ReplyIndicator=
|
|
62
|
+
`,ReplyIndicator=styled__default.default.div`
|
|
63
63
|
position: absolute;
|
|
64
64
|
top: -12px;
|
|
65
65
|
left: -28px;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
border: 2px solid var(--color-grey-9);
|
|
70
70
|
border-top: none;
|
|
71
71
|
border-right: none;
|
|
72
|
-
`,CommentWrapper=
|
|
72
|
+
`,CommentWrapper=styled__default.default.form`
|
|
73
73
|
label {
|
|
74
74
|
margin-bottom: 16px;
|
|
75
75
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Link=require("next/link"),styled=require("styled-components"),styles=require("../../../common/styles.js"),box=require("../../atoms/box/box.js"),hide=require("../../atoms/hide/hide.js"),time_ago=require("../../atoms/time_ago/time_ago.js"),paragraph=require("../../atoms/typography/paragraph.js"),avatar=require("../../iconography/avatar/avatar.js"),helpers=require("./helpers.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Link__default=_interopDefaultCompat(Link),styled__default=_interopDefaultCompat(styled);const MAX_REACTIONS_SHOWN=5,DiscussPost=({avatarSx:e,content:t,createdDate:a,editActions:r,editing:l,firstNewPost:o,handleContentChange:i,id:n,onReact:d,popupActions:u,popupSx:c,reactions:
|
|
2
|
+
"use strict";var React=require("react"),Link=require("next/link"),styled=require("styled-components"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),box=require("../../atoms/box/box.js"),hide=require("../../atoms/hide/hide.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),time_ago=require("../../atoms/time_ago/time_ago.js"),paragraph=require("../../atoms/typography/paragraph.js"),avatar=require("../../iconography/avatar/avatar.js"),helpers=require("./helpers.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Link__default=_interopDefaultCompat(Link),styled__default=_interopDefaultCompat(styled);const MAX_REACTIONS_SHOWN=5,DiscussPost=({avatarSx:e,content:t,createdDate:a,editActions:r,editing:l,firstNewPost:o,handleContentChange:i,id:n,onReact:d,popupActions:u,popupSx:c,reactions:s,reactionModal:p,replyContent:f,replyUserHref:x,replyUserImageUri:_,replyUserName:g,sx:h,userHref:m,userImageUri:y,userName:$,isAdmin:b,userReactions:R})=>{const v=React__default.default.useRef(null),[E,w]=React__default.default.useState(!1);React__default.default.useEffect(()=>{v.current&&(v.current.value=t)},[t]),React__default.default.useEffect(()=>{v?.current&&v.current.value!==t&&i&&i(v.current.value)},[E]);var k=React__default.default.useMemo(()=>helpers.isSameDay(new Date,new Date(a))?React__default.default.createElement(time_ago.TimeAgo,{date:a}):new Intl.DateTimeFormat("en-US",{minute:"numeric",hour:"numeric",day:"numeric",month:"long",year:"numeric"}).format(a),[a]),S=React__default.default.useMemo(()=>{if(s){let e=Object.entries(s);return(e=p?e.slice(0,MAX_REACTIONS_SHOWN):e).sort((e,t)=>e[1]<t[1]?1:-1).map(e=>React__default.default.createElement(Reaction,{key:n+e[0],onClick:()=>d(e[0]),$align:"center",$dir:"row",$gap:5,$userSelected:R?.includes(e[0])},e[0],React__default.default.createElement(paragraph.P,{$bold:!0,$fontSize:10,$lineHeight:14},e[1])))}},[s,R]);return React__default.default.createElement(Wrapper,{$editing:l,$firstNewPost:o,$sx:h,id:n},React__default.default.createElement(hide.HideButRender,{show:!l&&!!f},React__default.default.createElement(box.Box,{$align:"center",$gap:4,sx:"margin-left: 56px;"},React__default.default.createElement(ReplyMarker,null),React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:x,image:_,size:16,sx:"img { cursor: pointer;}"}),React__default.default.createElement(paragraph.P,{as:Link__default.default,href:x,$color:"primary-blue-2",$fontSize:12,$lineHeight:16,sx:"flex-shrink: 0; text-decoration: none;"},"@",g),React__default.default.createElement(paragraph.P,{sx:"word-break: break-word; white-space: pre-line;",$fontSize:12,$lineHeight:16,$textClampLines:1},f))),React__default.default.createElement(hide.HideButRender,{show:l},React__default.default.createElement(box.Box,{$gap:16,$align:"flex-start",className:"editing"},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:m,image:y,size:40,sx:e}),React__default.default.createElement(box.Box,{$gap:10,sx:`
|
|
3
3
|
flex: 1;
|
|
4
4
|
background-color: var(--color-grey-10);
|
|
5
5
|
border-radius: 8px;
|
|
@@ -7,13 +7,13 @@
|
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
min-height: calc(${v?.current?.style?.height||"360px"} + 24px);
|
|
9
9
|
}
|
|
10
|
-
`},React__default.default.createElement(TextAreaElement,{onChange:()=>
|
|
10
|
+
`},React__default.default.createElement(TextAreaElement,{onChange:()=>w(e=>!e),onInput:e=>{e=e.target;e.style.height="48px",e.style.height=Math.max(e.scrollHeight,e.offsetHeight)+"px"},ref:v}),React__default.default.createElement(EditActionsWrapper,null,r)))),React__default.default.createElement(hide.HideButRender,{show:!l},React__default.default.createElement(box.Box,{$gap:16,$align:"flex-start"},React__default.default.createElement(PopupActionsWrapper,{$sx:c,className:"popup-actions"},u),React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:m,image:y,size:40,sx:"img { cursor: pointer; }; "+e}),React__default.default.createElement(box.Box,{$gap:4,$dir:"column",sx:"flex: 1;"},React__default.default.createElement(box.Box,{$align:"center",$gap:8,sx:`height: 20px;
|
|
11
11
|
@media screen and (max-width: 400px) {
|
|
12
12
|
flex-direction: column;
|
|
13
13
|
align-items: flex-start;
|
|
14
14
|
height: 40px;
|
|
15
15
|
gap: 0px;
|
|
16
|
-
}`},React__default.default.createElement(paragraph.P,{$bold:!0,$color:b?"special-orange-1":"primary-blue-2",$fontSize:14,$lineHeight:20,as:
|
|
16
|
+
}`},React__default.default.createElement(paragraph.P,{$bold:!0,$color:b?"special-orange-1":"primary-blue-2",$fontSize:14,$lineHeight:20,as:m?Link__default.default:"span",href:m},$),React__default.default.createElement(paragraph.P,{$color:"grey-4",$fontSize:10,$lineHeight:14},k)),React__default.default.createElement(paragraph.P,{$fontSize:14,$lineHeight:20,sx:"white-space: pre-line; 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:t})),React__default.default.createElement(box.Box,{$display:"flex",$flow:"row wrap",$gap:6,sx:"margin-left: auto;"},S,p)))))},Wrapper=styled__default.default.div`
|
|
17
17
|
position: relative;
|
|
18
18
|
padding: 12px 16px;
|
|
19
19
|
display: flex;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),time_ago=(require("../../atoms/box/box.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),button=require("../../actions/button/button.js"),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),Link=require("next/link"),styled=require("styled-components"),regex=require("../../../common/regex.js"),highlighter=require("../../atoms/highlighter/highlighter.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),modal=require("../modal/modal.js"),time_ago=(require("../../atoms/box/box.js"),require("../../atoms/typography/display.js"),require("../../atoms/typography/typography.js"),require("../../atoms/time_ago/time_ago.js")),button=require("../../actions/button/button.js"),avatar=require("../../iconography/avatar/avatar.js"),lock=require("../../../icons/security/lock.js"),chevron_left=require("../../../icons/arrow/chevron_left.js"),chevron_right=require("../../../icons/arrow/chevron_right.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),Link__default=_interopDefaultCompat(Link);const Post=({actions:e,author:t,authorActive:a,authorHref:l,authorImage:r,avatarTooltipContent:i,avatarTooltipSx:o,children:n,content:d,createdDate:s,dropdown:u,hasComments:c,id:p,images:f,isPaidUser:h,isPaywalled:g=!1,onJoin:m})=>{const _=React__default.default.useId(),[x,y]=React__default.default.useState(-1),[v,w]=React__default.default.useState({x:"30vw",y:"30vh"});React__default.default.useEffect(()=>{const e=e=>{"ArrowLeft"===e.key?R():"ArrowRight"===e.key?b():"Escape"!==e.key&&"Enter"!==e.key||y(-1)};return"undefined"!=typeof document&&f?.length&&document.addEventListener("keydown",e),()=>{f?.length&&document.removeEventListener("keydown",e)}},[]);e=React__default.default.Children.toArray(e),n=React__default.default.Children.toArray(n);const b=()=>{y(e=>f?.length&&e!==f.length-1?e+1:e)},R=()=>{y(e=>f?.length&&0!==e?e-1:e)};return React__default.default.createElement(Wrapper,{id:p},-1<x&&!!f?.[x]&&React__default.default.createElement(modal.Modal,{alwaysRender:!1,controlledOpen:!0,onChange:e=>!e&&y(-1)},React__default.default.createElement(modal.Modal.Content,{sx:`
|
|
3
3
|
position: relative;
|
|
4
4
|
height: ${v.y};
|
|
5
5
|
width: ${v.x};
|
|
6
6
|
margin: 0 auto;
|
|
7
|
-
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==x,onClick:R},React__default.default.createElement(chevron_left.ChevronLeft,{color:"white",size:48})),React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,onLoad:e=>{var{naturalHeight:e,naturalWidth:t}=e.target;let a=t+"px",l=e+"px";window?.innerHeight<e&&window?.innerWidth<t?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l=Math.round(.95*window.innerWidth*e/t)+"px"):window?.innerHeight<e?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l="95vh"):window?.innerWidth<t&&(a="95vw",l=Math.round(.95*window.innerWidth*e/t)+"px"),w({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:f[x],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:x!==f.length-1,onClick:b},React__default.default.createElement(chevron_right.ChevronRight,{color:"white",size:48})))),React__default.default.createElement(Header,null,React__default.default.createElement(avatar.Avatar,{isPaidUser:h,as:l?Link__default.default:"button",href:l,image:
|
|
7
|
+
`},React__default.default.createElement(NavArrow,{$side:"left",$visible:0!==x,onClick:R},React__default.default.createElement(chevron_left.ChevronLeft,{color:"white",size:48})),React__default.default.createElement(Image__default.default,{alt:"",fill:!0,quality:100,onLoad:e=>{var{naturalHeight:e,naturalWidth:t}=e.target;let a=t+"px",l=e+"px";window?.innerHeight<e&&window?.innerWidth<t?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l=Math.round(.95*window.innerWidth*e/t)+"px"):window?.innerHeight<e?(a=Math.floor(.95*window.innerHeight*t/e)+"px",l="95vh"):window?.innerWidth<t&&(a="95vw",l=Math.round(.95*window.innerWidth*e/t)+"px"),w({x:a,y:l})},draggable:!1,priority:!0,sizes:"100vw",src:f[x],style:{objectFit:"cover"}}),React__default.default.createElement(NavArrow,{$side:"right",$visible:x!==f.length-1,onClick:b},React__default.default.createElement(chevron_right.ChevronRight,{color:"white",size:48})))),React__default.default.createElement(Header,null,React__default.default.createElement(avatar.Avatar,{isPaidUser:h,as:l?Link__default.default:"button",href:l,image:r,size:64,status:a?"online":void 0,subtitle:React__default.default.createElement(paragraph.P,{as:"span",sx:"vertical-align: top;",$fontSize:14,$lineHeight:20},React__default.default.createElement(time_ago.TimeAgo,{date:new Date(s)})),title:React__default.default.createElement(heading.H,{as:l?Link__default.default:"span",href:l,sx:"text-decoration:none;",$bold:!0,$fontSize:18,$lineHeight:26},t),textPosition:"right",tooltipContent:i,tooltipSx:o,sx:l?"img { cursor: pointer; }":void 0}),u),!!d?.length&&React__default.default.createElement("div",{style:{padding:"16px 24px"}},React__default.default.createElement(paragraph.P,{$textClampLines:g?2:void 0,$sx:"white-space: pre-line; 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:d}))),!!f?.length&&React__default.default.createElement(ImagesWrapper,{$numImages:f.length,$isPaywalled:g},f.slice(0,4).map((e,t)=>React__default.default.createElement(ImageWrapper,{key:""+_+e.slice(0,15)+t},React__default.default.createElement(Image__default.default,{alt:"",fill:!0,onClick:()=>y(t),quality:100,src:e,draggable:!1,style:{cursor:"pointer",objectFit:"cover"}}))),4<f.length&&React__default.default.createElement(heading.H,{as:"p",className:"more-than",sx:"pointer-events: none;",$color:"grey-10",$fontSize:28,$lineHeight:36,$semiBold:!0},"+",f.length-4)),!!f?.length&&g&&React__default.default.createElement(PaywallWrapper,null,React__default.default.createElement(lock.Lock,{size:40,color:"grey-7"}),React__default.default.createElement(paragraph.P,{$fontSize:14,$bold:!0,$lineHeight:20,$color:"white"},"Become a member",React__default.default.createElement("br",null),"to unlock this post"),React__default.default.createElement(button.Button,{onClick:m,size:"small",sx:"width: 213px;",type:"outlined"},"Join now")),!!e.length&&React__default.default.createElement(ActionsWrapper,null,!g&&e),c&&!!n.length&&React__default.default.createElement(CommentWrapper,null,n))},Wrapper=styled.styled.div`
|
|
8
8
|
position: relative;
|
|
9
9
|
max-width: 700px;
|
|
10
10
|
width: 100%;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var button=require("./components/actions/button/button.js"),dropdown=require("./components/actions/dropdown/dropdown.js"),rate=require("./components/actions/rate/rate.js"),_switch=require("./components/actions/switch/switch.js"),toggle=require("./components/actions/toggle/toggle.js"),upload=require("./components/actions/upload/upload.js"),box=require("./components/atoms/box/box.js"),hide=require("./components/atoms/hide/hide.js"),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"),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"),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.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.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.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"),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"),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.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.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;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const URL_REGEX: RegExp;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HighlighterProps {
|
|
3
|
+
/**@param highlightRender function that customizes how the highlighted sections will render */
|
|
4
|
+
highlightRender?: (text: string) => React.ReactElement;
|
|
5
|
+
/** @param highlightSx when @see highlightRender is undefined, specifies css to pass to the highlight */
|
|
6
|
+
highlightSx?: string;
|
|
7
|
+
/** @param seperator the sequence(s) upon which the text will be split */
|
|
8
|
+
seperator: string | RegExp;
|
|
9
|
+
/** @param text the text content */
|
|
10
|
+
text: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Highlighter: ({ highlightRender, highlightSx, seperator, text, }: HighlighterProps) => React.JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Highlighter } from './highlighter';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { Box } from './box';
|
|
2
2
|
export type { BoxProps } from './box';
|
|
3
3
|
export { HideButRender } from './hide';
|
|
4
|
+
export { Highlighter } from './highlighter';
|
|
4
5
|
export { SecToDuration } from './seconds_to_duration';
|
|
5
6
|
export type { SecondsToDurationProps } from './seconds_to_duration';
|
|
6
7
|
export { Display, H, P, Typography } from './typography';
|
|
@@ -24,11 +24,9 @@ export interface FilterProps {
|
|
|
24
24
|
resetOnClick?: (event: React.MouseEvent) => void;
|
|
25
25
|
applyResetActions?: boolean;
|
|
26
26
|
customerOptionWrapper?: (props: React.PropsWithChildren) => React.ReactElement;
|
|
27
|
-
shouldReset?: boolean;
|
|
28
|
-
onReset?: () => void;
|
|
29
27
|
}
|
|
30
28
|
declare const Filter: {
|
|
31
|
-
({ closeOnBlur, disabled, graphic, graphicAlignment, resetGraphic, label, sx, triggerType, options, defaultValue, closeOnChange, optionOnChange, optionShowClose, checkbox, isRadio, applyOnClick, resetOnClick, applyResetActions, customerOptionWrapper,
|
|
29
|
+
({ closeOnBlur, disabled, graphic, graphicAlignment, resetGraphic, label, sx, triggerType, options, defaultValue, closeOnChange, optionOnChange, optionShowClose, checkbox, isRadio, applyOnClick, resetOnClick, applyResetActions, customerOptionWrapper, }: FilterProps): React.JSX.Element;
|
|
32
30
|
Trigger: {
|
|
33
31
|
({ disabled, graphic, graphicAlignment, label, onClick, resetGraphic, open, onReset, type, value, }: FilterTriggerProps): React.JSX.Element;
|
|
34
32
|
displayName: string;
|
package/dist/styles/output.css
CHANGED
|
@@ -633,40 +633,40 @@ video {
|
|
|
633
633
|
--color-gradient-purple-1: #ae33e8;
|
|
634
634
|
--color-gradient-purple-2: #5e44ff;
|
|
635
635
|
/* ================ GRADIENTS ================= */
|
|
636
|
-
--gradient-background-1: radial-gradient(
|
|
637
|
-
50.49% 55.14% at 5.76% 3.88%,
|
|
638
|
-
#d9062c 11.51%,
|
|
639
|
-
rgba(186, 24, 175, 0) 100%,
|
|
640
|
-
rgba(255, 0, 0, 0) 100%
|
|
641
|
-
),
|
|
642
|
-
radial-gradient(
|
|
643
|
-
50.75% 55.24% at 93.3% -5.24%,
|
|
644
|
-
#ff7a00 6.42%,
|
|
645
|
-
rgba(186, 24, 175, 0) 100%,
|
|
646
|
-
rgba(255, 122, 0, 0) 100%
|
|
647
|
-
),
|
|
636
|
+
--gradient-background-1: radial-gradient(
|
|
637
|
+
50.49% 55.14% at 5.76% 3.88%,
|
|
638
|
+
#d9062c 11.51%,
|
|
639
|
+
rgba(186, 24, 175, 0) 100%,
|
|
640
|
+
rgba(255, 0, 0, 0) 100%
|
|
641
|
+
),
|
|
642
|
+
radial-gradient(
|
|
643
|
+
50.75% 55.24% at 93.3% -5.24%,
|
|
644
|
+
#ff7a00 6.42%,
|
|
645
|
+
rgba(186, 24, 175, 0) 100%,
|
|
646
|
+
rgba(255, 122, 0, 0) 100%
|
|
647
|
+
),
|
|
648
648
|
linear-gradient(180deg, #b80cbf 0%, #2d21b6 100%);
|
|
649
|
-
--gradient-background-2: radial-gradient(
|
|
650
|
-
47.55% 121.02% at 24.15% 120.55%,
|
|
651
|
-
#ff7a00 0%,
|
|
652
|
-
rgba(186, 24, 175, 0) 100%
|
|
653
|
-
),
|
|
654
|
-
radial-gradient(
|
|
655
|
-
107.04% 116.84% at 120.44% 68.19%,
|
|
656
|
-
#ba004b 27.09%,
|
|
657
|
-
#ba06c8 47.64%,
|
|
658
|
-
#0026b7 86.58%
|
|
649
|
+
--gradient-background-2: radial-gradient(
|
|
650
|
+
47.55% 121.02% at 24.15% 120.55%,
|
|
651
|
+
#ff7a00 0%,
|
|
652
|
+
rgba(186, 24, 175, 0) 100%
|
|
653
|
+
),
|
|
654
|
+
radial-gradient(
|
|
655
|
+
107.04% 116.84% at 120.44% 68.19%,
|
|
656
|
+
#ba004b 27.09%,
|
|
657
|
+
#ba06c8 47.64%,
|
|
658
|
+
#0026b7 86.58%
|
|
659
659
|
);
|
|
660
|
-
--gradient-light: radial-gradient(
|
|
661
|
-
39.84% 64.62% at 3.52% 96.87%,
|
|
662
|
-
#e7f1fd 0%,
|
|
663
|
-
rgba(232, 241, 254, 0) 100%
|
|
664
|
-
),
|
|
665
|
-
radial-gradient(
|
|
666
|
-
35.14% 65.68% at 98.89% 0%,
|
|
667
|
-
#ece1ef 0%,
|
|
668
|
-
rgba(236, 226, 240, 0) 100%
|
|
669
|
-
),
|
|
660
|
+
--gradient-light: radial-gradient(
|
|
661
|
+
39.84% 64.62% at 3.52% 96.87%,
|
|
662
|
+
#e7f1fd 0%,
|
|
663
|
+
rgba(232, 241, 254, 0) 100%
|
|
664
|
+
),
|
|
665
|
+
radial-gradient(
|
|
666
|
+
35.14% 65.68% at 98.89% 0%,
|
|
667
|
+
#ece1ef 0%,
|
|
668
|
+
rgba(236, 226, 240, 0) 100%
|
|
669
|
+
),
|
|
670
670
|
linear-gradient(109.97deg, #eef9f9 4.72%, #ecf1fd 100.82%);
|
|
671
671
|
--gradient-dark-grey: linear-gradient(360deg, #2b2b2b 0%, #4a4a4a 100%);
|
|
672
672
|
--gradient-grey: linear-gradient(360deg, #898c90 0%, #dbddde 100%);
|
|
@@ -1787,4 +1787,4 @@ body {
|
|
|
1787
1787
|
|
|
1788
1788
|
.\[\&_\>_\*\]\:m-0 > * {
|
|
1789
1789
|
margin: 0px;
|
|
1790
|
-
}
|
|
1790
|
+
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var types=require("./types.js");const auth={isAuthenticated:()=>!0,getUser:()=>({id:"1",email:"user@example.com",role:types.USER_ROLES.ADMIN}),hasPermission:(e,t)=>{return{[types.USER_ROLES.ADMIN]:["create","read","update","delete"],[types.USER_ROLES.EDITOR]:["create","read","update"],[types.USER_ROLES.VIEWER]:["read"]}[e]?.includes(t)}};exports.default=auth;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),button=require("../../actions/button/button.js"),box=(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/box/box.js")),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),text_input=(require("../../atoms/typography/paragraph.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("../../iconography/avatar/avatar.js"),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")),modal=(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-preview/audio-preview.js"),require("react-player"),require("next/image"),require("../../media/video-player/video.js"),require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js"),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")),pencil=(require("react-dom"),require("../../surfaces/post/post.js"),require("../../surfaces/calendar_date/calendar_date.js"),require("../../table/table/table.js"),require("../users_selection/users_selection.js"),require("../courses_selection/courses_selection.js"),require("./help_center_dataStore.js"),require("./help_center_layout.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),plus=require("../../../icons/basic/plus.js"),trash_slash=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/subtask.js"),require("../../../icons/basic/trash_slash.js")),styled=(require("../../../common/colors.js"),require("styled-components"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const CustomModal=({title:e,isOpen:r,setIsOpen:t,mainContent:a,initialValue:i,modalType:u,submitButtonText:s="Submit",cancelButtonText:o="Cancel",headerContent:l,footerContent:c,onSubmit:n,trigger:d})=>{const[p,f]=React.useState(i||""),_=(React__default.default.useEffect(()=>{f(i)},[i]),()=>{n(p),f(""),t(!1)});const{headerColor:m,buttonColor:q}="delete"!==u?{headerColor:"hue-blue-1",buttonColor:"primary"}:{headerColor:"red-1",buttonColor:"danger"};return React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("div",{onClick:()=>t(!0)},d),React__default.default.createElement(modal.Modal,{controlledOpen:r,onChange:e=>t(e??!1)},React__default.default.createElement(modal.Modal.Content,{setClosed:()=>t(!1),header:l?React__default.default.createElement(React__default.default.Fragment,null,l):React__default.default.createElement(box.Box,{$gap:10,$align:"center"},React__default.default.createElement(IconWrapper,{$color:m},(()=>{switch(u){case"edit":return React__default.default.createElement(IconWrapper,{$color:"var(--color-hue-blue-2)"},React__default.default.createElement(pencil.Pencil,null));case"delete":return React__default.default.createElement(trash_slash.TrashSlash,{color:"red-1"});default:return React__default.default.createElement(IconWrapper,{$color:"var(--color-hue-blue-2)"},React__default.default.createElement(plus.Plus,{color:"hue-blue-1",size:24}))}})()),React__default.default.createElement(heading.H,{as:"span",$bold:!0,$fontSize:20,$lineHeight:28,$color:m},e)),footer:c?React__default.default.createElement(React__default.default.Fragment,null,c):React__default.default.createElement(box.Box,{$display:"flex",$justify:"center",$gap:16,sx:"position: relative; width: 100%;"},React__default.default.createElement(modal.Modal.Dismiss,null,React__default.default.createElement(button.Button,{fluid:!0,size:"small",type:"outlined"},o)),React__default.default.createElement(button.Button,{type:q,onClick:_,fluid:!0,size:"small"},s))},React__default.default.createElement(box.Box,{$align:"flex-start",$display:"flex",$dir:"column",$gap:32,sx:"min-width: 500px;"},u.startsWith("delete")?null:React__default.default.createElement(text_input.TextInput,{type:"text",value:p,onChange:e=>f(e.target.value)}),a))))},IconWrapper=styled__default.default.div`
|
|
2
|
-
padding: 12px;
|
|
3
|
-
border-radius: 8px;
|
|
4
|
-
background-color: ${({$color:e})=>e};
|
|
5
|
-
width: fit-content;
|
|
6
|
-
flex: unset !important;
|
|
7
|
-
`;exports.default=CustomModal;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";var React=require("react"),help_center_dataStore=require("./help_center_dataStore.js"),styled=require("styled-components"),pencil=(require("../../iconography/icon/icon.js"),require("../../../icons/arrow/arrow_circle_left_double_alert.js"),require("../../../icons/basic/checkmark_circle.js"),require("../../../icons/basic/circle_slash.js"),require("../../../icons/basic/droplet.js"),require("../../../icons/basic/pencil.js")),plus=require("../../../icons/basic/plus.js"),search=(require("../../../icons/basic/resize.js"),require("../../../icons/basic/search.js")),help_centerCustomModal=(require("../../../icons/basic/subtask.js"),require("../../../common/colors.js"),require("./help_center-customModal.js")),box=require("../../atoms/box/box.js"),heading=(require("../../atoms/typography/display.js"),require("../../atoms/typography/heading.js")),paragraph=require("../../atoms/typography/paragraph.js"),help_centerAuth=(require("../../atoms/typography/typography.js"),require("./help_center-auth.js"));function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),styled__default=_interopDefaultCompat(styled);const HowCanWeHelpPage=()=>{const[e,t]=React__default.default.useState("");return React__default.default.createElement(box.Box,{sx:"flex-direction: column; gap:64px",$margin:"medium"},React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$fontSize:32,$bold:!0},"How can we help you?"),React__default.default.createElement(TextWrapper,null,React__default.default.createElement(search.Search,null),React__default.default.createElement(TextInput,{value:e,onChange:e=>t(e.target.value),placeholder:"Search help articles..."}))),React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$fontSize:24,$bold:!0,sx:"margin-bottom: 16px;"},"Popular Topics"),React__default.default.createElement(SimpleIllustration,{length:6})))},DefaultArticlePage=({handleCreateCategory:e})=>{const{userRole:t,selectedArticle:o,updateArticle:n}=React.useContext(help_center_dataStore.HelpCenterContext);var a=help_centerAuth.default.hasPermission(t,"create");const[l,r]=React__default.default.useState(!1),[u,i]=React__default.default.useState({type:null,data:null}),[c,d]=React__default.default.useState(!1),s=e=>{var t,a,l,r;o&&({categoryId:t,subcategoryId:a,id:l,content:r}=o,n(t,a,l,e,r),d(!1))};return React__default.default.createElement(ContentContainer,null,React__default.default.createElement(ContentWrapper,null,React__default.default.createElement(box.Box,{sx:"display:flex; align-items:center; justify-content:space-between; width:100%;"},React__default.default.createElement(heading.H,{$bold:!0,sx:"margin-right: auto;",$fontSize:32},o?.title),a?React__default.default.createElement(pencil.Pencil,{onClick:()=>{d(!0),i({type:"edit-article",data:{articleId:o?.id,name:o?.title,categoryId:o?.categoryId,subcategoryId:o?.subcategoryId}})},sx:"\n border-radius:500px;\n padding: .1rem;\n &:hover {\n border: 1px solid var(--color-primary-blue-3);\n background: white;\n }"}):null),a?React__default.default.createElement("div",{style:{marginTop:"1rem"}},React__default.default.createElement(help_centerCustomModal.default,{isOpen:l,setIsOpen:r,title:"Add an Article Category",modalType:"create-article-category",submitButtonText:"Add",cancelButtonText:"Cancel",onSubmit:e,trigger:React__default.default.createElement(CategorycreateBtn,{onClick:()=>r(!1)},React__default.default.createElement(plus.Plus,null),React__default.default.createElement("div",null,"Create Categories"))})):null,(a=u.data?.name,"edit-article"!==u.type?null:React__default.default.createElement(help_centerCustomModal.default,{isOpen:c,setIsOpen:d,title:"Edit Article",initialValue:a||"",mainContent:React__default.default.createElement(React__default.default.Fragment,null),modalType:"edit-article",submitButtonText:"Save",cancelButtonText:"Cancel",onSubmit:s,trigger:React__default.default.createElement(React__default.default.Fragment,null)}))))},DefaultSubcategoryPage=({})=>React__default.default.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"}},React__default.default.createElement(heading.H,{$fontSize:28,$bold:!0},"Subcategory"),React__default.default.createElement(paragraph.P,null,React__default.default.createElement(paragraph.P,null,"Category description"),"Lorem ipsum dolor sit amet consectetur. Massa montes scelerisque odio faucibus eget tortor sit. At mattis felis enim imperdiet risus diam vitae duis sapien. Dui egestas ornare proin at sem pellentesque tempus egestas faucibus. Nisl in donec integer mattis mauris et."),React__default.default.createElement(heading.H,{$bold:!0,$fontSize:16},"Popular Articles"),React__default.default.createElement("div",null,React__default.default.createElement(paragraph.P,{$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles"),React__default.default.createElement(paragraph.P,{sx:"margin: 2px 0",$color:"blue-4"},"Popular article link to the articles")),React__default.default.createElement(heading.H,{$bold:!0},"Related Topic"),React__default.default.createElement(SimpleIllustration,{length:3})),SimpleIllustration=({length:e})=>React__default.default.createElement(box.Box,{sx:"display:grid; \n grid-template-columns: repeat(auto-fit, minmax(min(100%, 15em), 1fr));\n gap:16px"},Array.from({length:e}).map((e,t)=>React__default.default.createElement(box.Box,{sx:"flex-direction:column",key:t,$gap:"small",$backgroundColor:"white",$padding:"medium-large",$borderRadius:"medium"},React__default.default.createElement(box.Box,{sx:"width: 100%; height: 120px; display:flex;",$backgroundColor:"grey-8"},React__default.default.createElement(paragraph.P,{$fontSize:16,$bold:!0,sx:"margin: auto",$color:"grey-0"},"Image/Illustration")),React__default.default.createElement("div",null,React__default.default.createElement(heading.H,{$semiBold:!0,$fontSize:16,sx:"margin: 2px 0"},"Popular Topics"),React__default.default.createElement(paragraph.P,null,"Topic description. Make it 2 lines long, long, long"))))),CategorycreateBtn=styled__default.default.div`
|
|
2
|
-
display: flex;
|
|
3
|
-
width: 100%;
|
|
4
|
-
align-items: center;
|
|
5
|
-
gap: 16px;
|
|
6
|
-
border-radius: 5px;
|
|
7
|
-
padding: 0.2rem 0 0.2rem 0.8rem;
|
|
8
|
-
cursor: pointer;
|
|
9
|
-
transition: background 0.2s ease-in-out;
|
|
10
|
-
div {
|
|
11
|
-
color: var(--color-grey-6);
|
|
12
|
-
}
|
|
13
|
-
svg {
|
|
14
|
-
fill: var(--color-grey-6);
|
|
15
|
-
}
|
|
16
|
-
&:hover {
|
|
17
|
-
background: white;
|
|
18
|
-
div {
|
|
19
|
-
color: var(--color-grey-5);
|
|
20
|
-
}
|
|
21
|
-
svg {
|
|
22
|
-
fill: var(--color-grey-5);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
`,ContentContainer=styled__default.default.div`
|
|
26
|
-
width: 100%;
|
|
27
|
-
`,ContentWrapper=styled__default.default.div``,TextWrapper=(styled__default.default.div`
|
|
28
|
-
padding: 0.5rem;
|
|
29
|
-
margin-top: 48px;
|
|
30
|
-
width: 100%;
|
|
31
|
-
border-radius: 4px;
|
|
32
|
-
border: 1px dashed var(--color-grey-8);
|
|
33
|
-
`,styled__default.default.div`
|
|
34
|
-
padding: 10px 13px;
|
|
35
|
-
border-radius: 160px;
|
|
36
|
-
display: flex;
|
|
37
|
-
align-items: center;
|
|
38
|
-
gap: 0.3rem;
|
|
39
|
-
background: white;
|
|
40
|
-
box-shadow: var(--elevation-4);
|
|
41
|
-
|
|
42
|
-
&:hover {
|
|
43
|
-
border-color: var(--color-grey-7);
|
|
44
|
-
box-shadow: var(--elevation-3);
|
|
45
|
-
}
|
|
46
|
-
`),TextInput=styled__default.default.input`
|
|
47
|
-
resize: none;
|
|
48
|
-
width: 100%;
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
box-sizing: border-box;
|
|
51
|
-
border: none;
|
|
52
|
-
&::placeholder {
|
|
53
|
-
color: var(--color-grey-6);
|
|
54
|
-
}
|
|
55
|
-
outline: none;
|
|
56
|
-
font-family: var(--font-inter);
|
|
57
|
-
font-size: 16px;
|
|
58
|
-
line-height: 24px;
|
|
59
|
-
color: var(--color-grey-3);
|
|
60
|
-
`;exports.DefaultArticlePage=DefaultArticlePage,exports.DefaultSubcategoryPage=DefaultSubcategoryPage,exports.HowCanWeHelpPage=HowCanWeHelpPage;
|