@soul-refiner/design-system 2.11.0-alpha.6 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/feedback/animated_toast/animated_toast.js +1 -1
- package/dist/components/input/filter/filter.js +2 -2
- package/dist/components/input/text_area/text_area.js +2 -2
- package/dist/components/media/video-player/misc.js +1 -6
- package/dist/components/media/video-player/video.js +4 -12
- package/dist/components/surfaces/comment/comment.js +1 -1
- package/dist/src/components/feedback/animated_toast/animated_toast.d.ts +1 -2
- package/dist/src/components/input/filter/filter_option.d.ts +0 -1
- package/dist/src/components/media/video-player/misc.d.ts +1 -2
- package/dist/styles/output.css +33 -33
- package/package.json +113 -113
- 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/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/media/audio-player/progress-bar.d.ts +0 -14
- package/dist/src/utils/debounce.d.ts +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),toast=require("../toast/toast.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const AnimatedToast=({message:t,type:e,onClose:a,animationDuration:o=4
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),toast=require("../toast/toast.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const AnimatedToast=({message:t,type:e,onClose:a,animationDuration:o=4})=>{const[s,n]=React__default.default.useState(!1),i=React__default.default.useRef(null);return React__default.default.useEffect(()=>(i.current=setTimeout(()=>{n(!0),a&&a()},1e3*o),()=>{clearTimeout(i.current)}),[o,a]),React__default.default.createElement(Container,null,React__default.default.createElement(ToastAnimation,{className:s?"toast-closed":""},React__default.default.createElement(toast.Toast,{content:t,type:e,isAnimated:!0,animationDuration:o})))},Container=styled.styled.div`
|
|
3
3
|
position: fixed;
|
|
4
4
|
z-index: 9999;
|
|
5
5
|
bottom: 16px;
|
|
@@ -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:
|
|
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,onReset:h,shouldReset:m=!1})=>{const x=!!f,R=React__default.default.useRef(null);var C=React__default.default.useRef(null);const[E,$]=React__default.default.useState(!1),[k,w]=React__default.default.useState(()=>c||(x?[]:"")),[P,S]=React__default.default.useState("");React__default.default.useEffect(()=>{e&&$(!1)},[e]),React__default.default.useEffect(()=>{m&&(w(x?[]:""),$(!1),S(o),h?.())},[m,x,o,h]),React__default.default.useEffect(()=>{"outlined"===d&&void 0===c&&w(x?[u[0]?.value]:u[0]?.value)},[d,c]),React__default.default.useEffect(()=>{var e;E||(k.length?(e=u.find(e=>"string"!=typeof e&&j(e.value)),"string"==typeof k?S(e.label):S(1<k.length?e.label+" +"+(k.length-1):e.label)):S(o))},[k,u,E]);const A=x?e=>{e.stopPropagation();const t=e.target.getAttribute("data-value")??"";Array.isArray(k)&&k.includes(t)?w(e=>e.filter(e=>e!==t)):w(e=>[t,...e]),i&&!g&&$(!1),s&&s(e)}:e=>{e.stopPropagation();var t=e.target.getAttribute("data-value")??"";k!==t?w(t):w(""),i&&!g&&$(!1),s&&s(e)},j=e=>x?k.includes(e):e===k;var q=[...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:A,selected:j(e.value),checkbox:f,radio:!x&&"pill"===d&&_,showClose:void 0===p?0===t&&"pill"===d:p,onClose:()=>$(!1),...e})),"pill"===d&&React__default.default.createElement(filter_option.Spacer,{key:"spacer-"+u.length})],D=r&&("string"==typeof k?!!k:!!k.length);return React__default.default.createElement(Wrapper,{$sx:n,tabIndex:0,ref:R,onBlurCapture:e=>{t&&R?.current&&!R?.current?.contains(e.relatedTarget)&&$(!1)}},React__default.default.createElement(FilterTrigger,{disabled:e,graphic:a,graphicAlignment:l,label:o,onClick:()=>{e||$(e=>!e)},onReset:r?e=>{e.stopPropagation(),v&&v(e),w(x?[]:""),$(!1)}:void 0,open:E,resetGraphic:D,type:d,value:P}),E&&React__default.default.createElement(Container,{ref:C},React__default.default.createElement(React__default.default.Fragment,null,y?y({children:q}):q,"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),w(x?[]:""),$(!1)},size:"small",type:"text"},"Reset"),React__default.default.createElement(button.Button,{onClick:e=>{g&&g(e),$(!1)},size:"small",type:"primary"},"Apply")))))},Wrapper=styled__default.default.div`
|
|
3
3
|
position: relative;
|
|
4
4
|
display: block;
|
|
5
5
|
outline: none;
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
& > div:last-of-type {
|
|
22
22
|
border-radius: 0px 0px 8px 8px;
|
|
23
23
|
}
|
|
24
|
-
`,textProps={as:"span",$fontSize:14,$lineHeight:20,$sx:"white-space: nowrap; width: 100%;",$textClampLines:1},wrapperProps={$align:"center",$dir:"row",$gap:16},FilterTrigger=({disabled:e,graphic:t,graphicAlignment:
|
|
24
|
+
`,textProps={as:"span",$fontSize:14,$lineHeight:20,$sx:"white-space: nowrap; width: 100%;",$textClampLines:1},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;
|
|
@@ -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"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextArea=({bg:e="var(--color-blue-10)",disabled:r,helperText:t,icon:l,label:a,maxCharacters:o,minHeight:c,minWidth:n,name:i,onChange:d,placeholder:s,resize:u=!1,successful:f,sx:p,value:x,warning:g})=>{const m=React__default.default.useRef(null);return React__default.default.useEffect(()=>{var e;m.current&&(m.current.style.height=c+"px",e=m.current.scrollHeight,m.current.style.height=e+"px")},[m.current,x]),React__default.default.createElement(Label,{$disabled:r,$sx:p},a,React__default.default.createElement(InputWrapper,{$bg:e,$minWidth:n,$successful:f,$warning:g},l,React__default.default.createElement(TextAreaElement,{disabled:r,name:i,onChange:d,placeholder:s,ref:m,value:
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),box=require("../../atoms/box/box.js"),checkmark_circle=require("../../../icons/basic/checkmark_circle.js"),alert_circle=require("../../../icons/notifications/alert_circle.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React);const TextArea=({bg:e="var(--color-blue-10)",disabled:r,helperText:t,icon:l,label:a,maxCharacters:o,minHeight:c,minWidth:n,name:i,onChange:d,placeholder:s,resize:u=!1,successful:f,sx:p,value:x,warning:g})=>{const m=React__default.default.useRef(null);return React__default.default.useEffect(()=>{var e;m.current&&(m.current.style.height=c+"px",e=m.current.scrollHeight,m.current.style.height=e+"px")},[m.current,x]),React__default.default.createElement(Label,{$disabled:r,$sx:p},a,React__default.default.createElement(InputWrapper,{$bg:e,$minWidth:n,$successful:f,$warning:g},l,React__default.default.createElement(TextAreaElement,{disabled:r,name:i,onChange:d,placeholder:s,ref:m,value:o?x.slice(0,o-1):x,$minHeight:c,$resize:u}),f&&React__default.default.createElement(checkmark_circle.CheckmarkCircle,{color:"green-3"}),g&&React__default.default.createElement(alert_circle.AlertCircle,{color:"red-4"})),React__default.default.createElement(box.Box,{$gap:16,$justify:"space-between"},t&&React__default.default.createElement(HelperText,null,t),o&&React__default.default.createElement(MaxCharactersText,null,x.length," / ",o)))},Label=styled.styled.label`
|
|
3
3
|
width: 100%;
|
|
4
4
|
display: flex;
|
|
5
5
|
gap: 4px;
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
${({$successful:e})=>e?"border-color: var(--color-green-3) !important;":""}
|
|
43
43
|
${({$warning:e})=>e?"border-color: var(--color-red-4) !important;":""}
|
|
44
44
|
`,TextAreaElement=styled.styled.textarea`
|
|
45
|
-
min-width: ${({$minHeight:e})=>e?e-24+"px;":""}
|
|
45
|
+
min-width: ${({$minHeight:e})=>e?e-24+"px;":""}
|
|
46
46
|
padding: 0px;
|
|
47
47
|
flex: 1;
|
|
48
48
|
font-family: var(--font-inter);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),styled=require("styled-components"),button=require("../../actions/button/button.js"),playlistItem=require("./playlist-item.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const TrailerListItem=({trailer:t,title:e,handleSetPlayingTrailer:l})=>React__default.default.createElement(playlistItem.PlaylistItem,{onClick:()=>l(!0),playable:!0,thumbnail:t.thumbnail,title:e+" Trailer"}),ButtonViewAll=({showingAll:t,
|
|
2
|
+
"use strict";var React=require("react"),styled=require("styled-components"),button=require("../../actions/button/button.js"),playlistItem=require("./playlist-item.js");function _interopDefaultCompat(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var React__default=_interopDefaultCompat(React);const TrailerListItem=({trailer:t,title:e,handleSetPlayingTrailer:l})=>React__default.default.createElement(playlistItem.PlaylistItem,{onClick:()=>l(!0),playable:!0,thumbnail:t.thumbnail,title:e+" Trailer"}),ButtonViewAll=({showingAll:t,toggleShowingAll:e})=>React__default.default.createElement(ButtonViewAllWrapper,null,React__default.default.createElement(button.Button,{onClick:e,size:"small",type:"text"},t?"Collapse":"View all")),ButtonViewAllWrapper=styled.styled.span`
|
|
3
3
|
margin-left: auto;
|
|
4
4
|
button {
|
|
5
5
|
background-color: var(--color-grey-2);
|
|
@@ -13,9 +13,4 @@
|
|
|
13
13
|
color: var(--color-white);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
${({$showAll:t,$orientation:e})=>t&&"horizontal"===e?`
|
|
17
|
-
position: fixed;
|
|
18
|
-
right: 20px;
|
|
19
|
-
z-index: 1000;
|
|
20
|
-
`:""}
|
|
21
16
|
`;exports.ButtonViewAll=ButtonViewAll,exports.TrailerListItem=TrailerListItem;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:i,onPipChange:r,onProgress:o,onStart:n,orientation:d,setMediaItem:j,forwardedRef:c,subtitle:s,title:u,trailer:p})=>{const g="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var f=g.innerHeight/3,h=RESOLUTION*(g.innerHeight/3),m=React__default.default.useRef(null);const x=c||m,b=React__default.default.useRef({});c=React__default.default.useRef(null);const _=React__default.default.useRef(null),[y,w]=React__default.default.useState(0),[
|
|
2
|
+
"use strict";var React=require("react"),Image=require("next/image"),ReactPlayer=require("react-player"),styled=require("styled-components"),button=require("../../actions/button/button.js"),box=require("../../atoms/box/box.js"),tabs=(require("../../navigation/breadcrumb/breadcrumb.js"),require("../../navigation/inner/inner.js"),require("../../navigation/tabs/tabs.js")),select_item=require("../../../icons/basic/select_item.js"),heading=require("../../atoms/typography/heading.js"),paragraph=require("../../atoms/typography/paragraph.js"),lock_circle=require("../../../icons/security/lock_circle.js"),play_solid=require("../../../icons/audio_video/play_solid.js"),localStorage=require("../../../utils/local-storage.js"),playlistItem=require("./playlist-item.js"),misc=require("./misc.js");function _interopDefaultCompat(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultCompat(React),Image__default=_interopDefaultCompat(Image),ReactPlayer__default=_interopDefaultCompat(ReactPlayer);const RESOLUTION=1280/720,MIN_PIP_HEIGHT=200,MIN_PIP_WIDTH=RESOLUTION*MIN_PIP_HEIGHT,VideoPlayer=({activeIndex:e,pip:t,playable:a,playlist:l,onClickPreview:i,onPipChange:r,onProgress:o,onStart:n,orientation:d,setMediaItem:j,forwardedRef:c,subtitle:s,title:u,trailer:p})=>{const g="undefined"!=typeof window?window:{innerHeight:0,innerWidth:600};var f=g.innerHeight/3,h=RESOLUTION*(g.innerHeight/3),m=React__default.default.useRef(null);const x=c||m,b=React__default.default.useRef({});c=React__default.default.useRef(null);const _=React__default.default.useRef(null),[y,w]=React__default.default.useState(0),[R,L]=React__default.default.useState(!1),[v,E]=React__default.default.useState(!a),[I,S]=React__default.default.useState(l?.[e].id||null),[M,q]=localStorage.useLocalStorage("videoPipHeight",f),[N,A]=localStorage.useLocalStorage("videoPipWidth",h),[O,B]=localStorage.useLocalStorage("video-volume",1),[$,V]=localStorage.useLocalStorage("videoPipRight",16),[P,U]=localStorage.useLocalStorage("videoPipBottom",16),[k,z]=React__default.default.useState([0,0]),[D,C]=React__default.default.useState([0,0]),H=v?p:l?.[e];React__default.default.useEffect(()=>{const e=()=>{const e=b.current[I];e&&setTimeout(()=>{e.scrollIntoView({behavior:"smooth",block:"center"})},0)};return l?.length&&I&&("undefined"!=typeof window&&window.addEventListener("load",e),e()),()=>{"undefined"!=typeof window&&window.removeEventListener("load",e)}},[l,I]);const T=e=>{E(!1),j(e)};m=()=>L(e=>!e);const W=(e,t)=>{var a;!_?.current||(a=_.current.getBoundingClientRect()).x<16||a.y<16||e>=2*g.innerWidth/3||t>=2*g.innerHeight/3||e<MIN_PIP_WIDTH||t<MIN_PIP_HEIGHT||(A(e),q(t))};f=()=>{var e;_?.current&&(e=_.current.getBoundingClientRect(),C([e.width,e.height]))},h=e=>{var t,a,l,i;_?.current&&(t=e.currentTarget.getAttribute("class")?.split(" ")||[],a=window.innerWidth-e.clientX,i=window.innerHeight-e.clientY,e.clientX<0||e.clientY<0||(e.stopPropagation(),e.preventDefault(),t.includes("top")?(e=Math.round(i-k[1]+D[1]),l=Math.round(e*RESOLUTION),W(l,e)):t.includes("bottom")?(l=Math.round(k[1]-i+D[1]),e=Math.round(l*RESOLUTION),W(e,l)):t.includes("left")?(i=Math.round(a-k[0]+D[0]),e=Math.round(i/RESOLUTION),W(i,e)):t.includes("right")&&(l=Math.round(k[0]-a+D[0]),i=Math.round(l/RESOLUTION),W(l,i))))};return H?React__default.default.createElement(Wrapper,{$orientation:d},React__default.default.createElement(InnerWrapper,{$orientation:d,$playable:a||v},"vertical"===d&&React__default.default.createElement(box.Box,{$dir:"column",$gap:4,sx:"margin: 24px;"},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},u),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},s)),t&&React__default.default.createElement(ClosePip,null),React__default.default.createElement(PipWrapper,{$pip:!!t,draggable:t&&0===D[0],onDrag:t?e=>{var t,a,l,i;e.clientX<0||e.clientY<0||(t=window.innerWidth-e.clientX,e=window.innerHeight-e.clientY,a=$+(t-k[0]),l=P+(e-k[1]),_?.current&&(i=_.current.getBoundingClientRect(),a&&16<=a&&a<=g.innerWidth-16-i.width&&V(a),l)&&16<=l&&l<=g.innerHeight-16-i.height&&U(l),z([t,e]))}:void 0,onMouseDown:e=>{z([window.innerWidth-e.clientX,window.innerHeight-e.clientY])},ref:_,style:t?{bottom:P,height:M,right:$,width:N}:void 0},t&&React__default.default.createElement(button.Button,{className:"close-pip",icon:React__default.default.createElement(select_item.SelectItem,{color:"grey-0"}),onClick:e=>{e.stopPropagation(),r&&r(!1)},size:"large",sx:`
|
|
3
3
|
display: none;
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 8px;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
svg {
|
|
9
9
|
fill: var(--color-white);
|
|
10
10
|
}
|
|
11
|
-
`,type:"text"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(H?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+u,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:H.thumbnail}),progressInterval:4e3,onProgress:o,onStart:n,onClickPreview:i,onReady:()=>{
|
|
11
|
+
`,type:"text"}),React__default.default.createElement(ReactPlayer__default.default,{className:"player",config:{file:{attributes:{crossOrigin:"true",disablePictureInPicture:"true"},forceHLS:!0,hlsOptions:{autoStartLoad:!0},tracks:(H?.subtitles||[]).map(e=>({kind:"subtitles",label:e.label,src:e.src,srcLang:e.locale}))}},controls:!0,height:"100%",light:React__default.default.createElement(Image__default.default,{alt:"thumbnail for "+u,layout:"fill",priority:!0,quality:100,style:{objectFit:"contain"},src:H.thumbnail}),progressInterval:4e3,onProgress:o,onStart:n,onClickPreview:i,onReady:()=>{v||0===x?.current?.getCurrentTime()&&0!==H?.progress&&x.current.seekTo(H.progress)},pip:t,playIcon:a||v?React__default.default.createElement(play_solid.PlaySolid,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}):React__default.default.createElement(lock_circle.LockCircle,{color:"white",size:24,sx:"position: absolute; width: 54px; height: 54px;"}),playing:a,ref:x,url:H.src,width:"100%",volume:O,onVolumeChange:e=>{B(e.target.volume)}}),t&&React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(Resizer,{className:"top horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"bottom horizontal",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"right vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}),React__default.default.createElement(Resizer,{className:"left vertical",draggable:"false",onDrag:h,onMouseDown:f,onDragEnd:()=>C([0,0]),tabIndex:0}))),"horizontal"===d&&React__default.default.createElement(Side,null,React__default.default.createElement(ScalableContainerWrapper,{$showingAll:R},React__default.default.createElement(box.Box,{$dir:"column",$gap:4},React__default.default.createElement(heading.H,{as:"h2",$bold:!0,$color:"white",$fontSize:28,$lineHeight:36},u),React__default.default.createElement(paragraph.P,{as:"h3",$bold:!0,$color:"grey-8"},s)),React__default.default.createElement(box.Box,{$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:[{label:"All lessons",color:"dark"},{label:"Trailer",color:"dark"}],size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,toggleShowingAll:m})),[React__default.default.createElement(HorizontalPlaylistWrapper,{ref:c,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,key:t.id,ref:e=>{b.current[t.id]=e},playlistItemId:t.id,duration:t.duration,onClick:()=>{T(e),S(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!p&&React__default.default.createElement(misc.TrailerListItem,{title:u,handleSetPlayingTrailer:E,trailer:p})][y])),"vertical"===d&&React__default.default.createElement(box.Box,{$dir:"column",$gap:24,sx:R?"z-index: 3; position:relative;":"height: auto"},React__default.default.createElement(ScalableContainerWrapperVertical,{$showingAll:R},React__default.default.createElement(box.Box,{sx:"padding: 0 1.5rem;",$align:"center"},React__default.default.createElement(tabs.Tabs,{activeIndex:y,onChange:e=>w(e),items:[{label:"All lessons",color:"dark"},{label:"Trailer",color:"dark"}],size:"medium",sx:"justify-content: flex-start;"}),React__default.default.createElement(misc.ButtonViewAll,{showingAll:R,toggleShowingAll:m})),[React__default.default.createElement(VerticalPlaylistWrapper,{ref:c,$showingAll:R},l.map((t,e)=>React__default.default.createElement(playlistItem.PlaylistItem,{comingSoon:t.comingSoon,nowplaying:I,playlistItemId:t.id,duration:t.duration,key:t.id,ref:e=>{b.current[t.id]=e},onClick:()=>{T(e),S(t.id)},playable:a,progress:t.progress,shortDescription:t.shortDescription,thumbnail:t.thumbnail,title:t.title}))),!!p&&React__default.default.createElement(box.Box,{$dir:"column",$gap:8,sx:"margin: 0px 24px;"},React__default.default.createElement(misc.TrailerListItem,{title:u,handleSetPlayingTrailer:E,trailer:p}))][y])))):null},Wrapper=styled.styled.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
background-color: var(--color-grey-0);
|
|
@@ -119,11 +119,7 @@
|
|
|
119
119
|
width: 100%;
|
|
120
120
|
padding: 1rem;
|
|
121
121
|
${({$showingAll:e})=>e?`
|
|
122
|
-
|
|
123
|
-
flex: 1;
|
|
124
|
-
overflow-y: auto;
|
|
125
|
-
height: 100vh;
|
|
126
|
-
padding-bottom: 20px;`:"height: 100%;"}
|
|
122
|
+
min-height: 100vh; z-index: 10;`:"height: 100%;"}
|
|
127
123
|
background: black;
|
|
128
124
|
box-sizing: border-box;
|
|
129
125
|
display: flex;
|
|
@@ -164,11 +160,7 @@
|
|
|
164
160
|
opacity: 30%;
|
|
165
161
|
}
|
|
166
162
|
${({$showingAll:e})=>e?`
|
|
167
|
-
height: 100vh
|
|
168
|
-
overflow-y: auto;
|
|
169
|
-
flex: 1;
|
|
170
|
-
margin-top: auto;
|
|
171
|
-
margin-bottom: auto;`:"height: 100%;"}
|
|
163
|
+
height: 100vh;`:"height: 100%;"}
|
|
172
164
|
`,VerticalPlaylistWrapper=styled.styled.div`
|
|
173
165
|
display: flex;
|
|
174
166
|
flex-direction: column;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
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"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js");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:n,onReact:i,onShowReplies:d,onEdit:u,isEditing:c,setIsEditing:p,dropdown:s,reactionModal:f,reactions:_,replies:m,userImageUri:x,userName:g,userReactions:R,visibilityIcon:h,customPlaceHolder:y,userProfileUri:b,sx:v})=>{const[$,E]=React__default.default.useState(!1),[k,C]=React__default.default.useState({x:0,y:0}),[I,A]=React__default.default.useState("up"),[D,O]=React__default.default.useState(!1),[w,T]=React__default.default.useState(!1),[j,S]=React__default.default.useState(""),[q,P]=React__default.default.useState(a),W=React__default.default.useRef(null),B=React__default.default.Children.toArray(m);React__default.default.useEffect(()=>{c&&W.current&&W.current.focus()},[c]);var m=e=>{e.stopPropagation(),E(e=>!e),C({y:e.clientY,x:e.clientX}),A(400<e.clientY?"up":"down")},z=()=>{d&&d(),T(!0)},r=helpers.abbrTimeBeforeDate(r),_=_&&Object.entries(_).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:()=>i(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]))),L=!!B?.length&&0<B.length,H=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.length-1||l,React__default.default.createElement(ReplyWrapper,{$hasLine:t,key:a},e,React__default.default.createElement(ReplyIndicator,null))):null});return React__default.default.createElement(Wrapper,{$sx:v,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:b,image:x,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{P(e.target.value)},value:q,ref:W}):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:b?Link__default.default:"span",href:b,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},g),s),React__default.default.createElement(paragraph.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:a}))),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},c?React__default.default.createElement(box.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0; margin-right: auto;"}),React__default.default.createElement(button.Button,{onClick:()=>{p&&p(!c),P(a)},sx:"background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2); margin-left: auto;\
|
|
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"),button=require("../../actions/button/button.js"),portal=require("../portal/portal.js"),regex=require("../../../common/regex.js"),styles=require("../../../common/styles.js"),emoticon_add=require("../../../icons/basic/emoticon_add.js"),comment=require("../../../icons/message/comment.js"),helpers=require("./helpers.js"),responsive_text_area=require("../../input/responsive-text_area/responsive_text_area.js"),send_text=require("../../../icons/email/send_text.js");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:n,onReact:i,onShowReplies:d,onEdit:u,isEditing:c,setIsEditing:p,dropdown:s,reactionModal:f,reactions:_,replies:m,userImageUri:x,userName:g,userReactions:R,visibilityIcon:h,customPlaceHolder:y,userProfileUri:b,sx:v})=>{const[$,E]=React__default.default.useState(!1),[k,C]=React__default.default.useState({x:0,y:0}),[I,A]=React__default.default.useState("up"),[D,O]=React__default.default.useState(!1),[w,T]=React__default.default.useState(!1),[j,S]=React__default.default.useState(""),[q,P]=React__default.default.useState(a),W=React__default.default.useRef(null),B=React__default.default.Children.toArray(m);React__default.default.useEffect(()=>{c&&W.current&&W.current.focus()},[c]);var m=e=>{e.stopPropagation(),E(e=>!e),C({y:e.clientY,x:e.clientX}),A(400<e.clientY?"up":"down")},z=()=>{d&&d(),T(!0)},r=helpers.abbrTimeBeforeDate(r),_=_&&Object.entries(_).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:()=>i(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]))),L=!!B?.length&&0<B.length,H=L&&B.map((e,t)=>{var a;return React__default.default.isValidElement(e)?(a=e.props?.id,t=t!==B.length-1||l,React__default.default.createElement(ReplyWrapper,{$hasLine:t,key:a},e,React__default.default.createElement(ReplyIndicator,null))):null});return React__default.default.createElement(Wrapper,{$sx:v,id:"comment-"+o},React__default.default.createElement(avatar.Avatar,{as:Link__default.default,href:b,image:x,size:32,tooltipContent:e,tooltipSx:t}),React__default.default.createElement(box.Box,{$flex:1,$dir:"column"},React__default.default.createElement(ContentWrapper,{$hasReplies:L||!!l},c?React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{inputStyles:"min-height: 104px;",wrapperStyles:"background:var(--color-grey-9); ",onChange:e=>{P(e.target.value)},value:q,ref:W}):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:b?Link__default.default:"span",href:b,$bold:!0,$color:"grey-2",sx:"text-decoration:none !important; color:var(--color-grey-2) !important;",$fontSize:14,$lineHeight:20},g),s),React__default.default.createElement(paragraph.P,{sx:"white-space: pre-line;letter-spacing: -0.176px; word-break: break-word;"},React__default.default.createElement(highlighter.Highlighter,{highlightRender:e=>React__default.default.createElement(paragraph.P,{as:"span",$color:"primary-blue-2"},React__default.default.createElement(Link__default.default,{href:e,target:"_blank"},e)),seperator:regex.URL_REGEX,text:a}))),React__default.default.createElement(box.Box,{$align:"flex-start",$dir:"row",$display:"flex",$gap:16,sx:"margin: 8px 0px; position: relative;"},c?React__default.default.createElement(box.Box,{$display:"flex",$align:"center",$justify:"space-between",$gap:6,sx:"margin-top: 8px; width: 100%;"},React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0; margin-right: auto;"}),React__default.default.createElement(button.Button,{onClick:()=>{p&&p(!c),P(a)},sx:"background-color: transparent; border: none; box-shadow: none; color: var(--color-primary-blue-2); margin-left: auto;\n &:hover, &:focus {\n border: none;\n outline: none;\n }\n ",size:"small",type:"outlined"},"Cancel"),React__default.default.createElement(button.Button,{onClick:()=>{u&&u(q,o),p&&p(!1)},size:"small",type:"primary"},"Save")):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement(emoticon_add.Emoticon,{color:"primary-blue-2",onClick:m,size:24,sx:" cursor: pointer; flex-shrink: 0;"}),React__default.default.createElement(comment.Comment,{color:"primary-blue-2",onClick:()=>O(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;"},_,f)),$&&React__default.default.createElement(portal.Portal,null,React__default.default.createElement(PickerWrapper,{$pickerOrientation:I,$top:k.y,$left:k.x},React__default.default.createElement(Picker__default.default,{data:emojis.default,onEmojiSelect:({native:e})=>{i(e),E(!1)},onClickOutside:()=>E(!1),maxFrequentRows:1,navPosition:"none",previewPosition:"none",perLine:9,theme:"auto"}))))),L&&w&&React__default.default.createElement(RepliesWrapper,null,H),!w&&!l&&L&&React__default.default.createElement(RepliesWrapper,null,React__default.default.createElement(ReplyWrapper,{$hasLine:!1},React__default.default.createElement(button.Button,{onClick:z,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:z,size:"small",sx:"color: var(--color-grey-3);",type:"text"},"show more replies"),React__default.default.createElement(ReplyIndicator,null))),D&&React__default.default.createElement(CommentWrapper,null,React__default.default.createElement(responsive_text_area.ResponsiveTextArea,{bg:"var(--color-grey-10)",value:j,onChange:e=>{S(e.target.value)},placeholder:y||"Write a reply",maxCharacters:1e3,wrapperStyles:"margin: 16px 0; width: 100%;",actionComponent:React__default.default.createElement(box.Box,{sx:"margin: auto 0 5px 0px;",$align:"center",$justify:"center",$gap:8},h,React__default.default.createElement(button.Button,{disabled:!j.length,icon:React__default.default.createElement(send_text.SendText,null),onClick:e=>{e.stopPropagation(),e.preventDefault(),n(j),S("")},sx:`
|
|
3
3
|
justify-content: center;
|
|
4
4
|
background-color: var(--color-primary-blue-2);
|
|
5
5
|
align-items: center;
|
|
@@ -5,6 +5,5 @@ export interface AnimatedToastProps {
|
|
|
5
5
|
onClose?: () => void;
|
|
6
6
|
type: ToastTypes;
|
|
7
7
|
animationDuration?: number;
|
|
8
|
-
href?: string;
|
|
9
8
|
}
|
|
10
|
-
export declare const AnimatedToast: ({ message, type, onClose, animationDuration,
|
|
9
|
+
export declare const AnimatedToast: ({ message, type, onClose, animationDuration, }: AnimatedToastProps) => React.JSX.Element;
|
|
@@ -11,7 +11,6 @@ export interface FilterOptionProps {
|
|
|
11
11
|
radio?: boolean;
|
|
12
12
|
showClose?: boolean;
|
|
13
13
|
onClose?: () => void;
|
|
14
|
-
children?: (Omit<FilterOptionProps, 'selected' | 'onClick'> | 'break')[];
|
|
15
14
|
}
|
|
16
15
|
declare const Option: {
|
|
17
16
|
({ label, sublabel, onClick, selected, sx, value, checkbox, radio, showClose, onClose, }: FilterOptionProps): React.JSX.Element;
|
|
@@ -7,9 +7,8 @@ type TrailerListItemProps = {
|
|
|
7
7
|
};
|
|
8
8
|
type ButtonViewAllProps = {
|
|
9
9
|
showingAll: boolean;
|
|
10
|
-
orientation?: 'horizontal' | 'vertical';
|
|
11
10
|
toggleShowingAll: React.MouseEventHandler<HTMLButtonElement>;
|
|
12
11
|
};
|
|
13
12
|
export declare const TrailerListItem: ({ trailer, title, handleSetPlayingTrailer, }: TrailerListItemProps) => React.JSX.Element;
|
|
14
|
-
export declare const ButtonViewAll: ({ showingAll,
|
|
13
|
+
export declare const ButtonViewAll: ({ showingAll, toggleShowingAll, }: ButtonViewAllProps) => React.JSX.Element;
|
|
15
14
|
export {};
|
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,113 +1,113 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@soul-refiner/design-system",
|
|
3
|
-
"version": "2.11.0
|
|
4
|
-
"main": "dist/index.js",
|
|
5
|
-
"types": "dist/src/index.d.ts",
|
|
6
|
-
"license": "MIT",
|
|
7
|
-
"publishConfig": {
|
|
8
|
-
"registry": "https://registry.npmjs.org"
|
|
9
|
-
},
|
|
10
|
-
"include": [
|
|
11
|
-
"/dist"
|
|
12
|
-
],
|
|
13
|
-
"files": [
|
|
14
|
-
"dist/**/*"
|
|
15
|
-
],
|
|
16
|
-
"exports": {
|
|
17
|
-
".": {
|
|
18
|
-
"import": {
|
|
19
|
-
"types": "./dist/src/index.d.ts",
|
|
20
|
-
"default": "./dist/index.js"
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
"devDependencies": {
|
|
25
|
-
"@rollup/plugin-commonjs": "^25.0.7",
|
|
26
|
-
"@rollup/plugin-json": "^6.1.0",
|
|
27
|
-
"@storybook/addon-essentials": "^7.6.7",
|
|
28
|
-
"@storybook/addon-interactions": "^7.6.7",
|
|
29
|
-
"@storybook/addon-links": "^7.6.7",
|
|
30
|
-
"@storybook/addon-themes": "^7.2.3",
|
|
31
|
-
"@storybook/addons": "^7.6.7",
|
|
32
|
-
"@storybook/blocks": "^7.6.7",
|
|
33
|
-
"@storybook/nextjs": "~7.5.3",
|
|
34
|
-
"@storybook/preview-api": "^7.6.13",
|
|
35
|
-
"@storybook/react": "~7.2.1",
|
|
36
|
-
"@storybook/testing-library": "~0.2.0",
|
|
37
|
-
"@types/react": "^18.2.48",
|
|
38
|
-
"@types/react-dom": "18.2.0",
|
|
39
|
-
"@types/react-show-more-text": "^1.4.5",
|
|
40
|
-
"@types/styled-components": "~5.1.26",
|
|
41
|
-
"chromatic": "~6.17.4",
|
|
42
|
-
"husky": "~8.0.0",
|
|
43
|
-
"prettier": "~2.8.8",
|
|
44
|
-
"pretty-quick": "~3.1.3",
|
|
45
|
-
"prop-types": "~15.8.1",
|
|
46
|
-
"rollup": "^4.12.0",
|
|
47
|
-
"rollup-plugin-node-externals": "^7.0.1",
|
|
48
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
49
|
-
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
50
|
-
"rollup-plugin-typescript2": "^0.36.0",
|
|
51
|
-
"rollup-plugin-uglify": "^6.0.4",
|
|
52
|
-
"storybook": "~7.5.3",
|
|
53
|
-
"tailwindcss": "^3.4.1",
|
|
54
|
-
"tsc-alias": "^1.8.8",
|
|
55
|
-
"tsconfig-paths-webpack-plugin": "~4.0.1",
|
|
56
|
-
"tslib": "^2.6.2",
|
|
57
|
-
"typescript": "~5.0.4",
|
|
58
|
-
"webpack": "~5.89.0"
|
|
59
|
-
},
|
|
60
|
-
"scripts": {
|
|
61
|
-
"build": "yarn rollup --config",
|
|
62
|
-
"build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
|
|
63
|
-
"format": "prettier --write .",
|
|
64
|
-
"storybook": "yarn build:tailwind && storybook dev -p 6006",
|
|
65
|
-
"build-storybook": "storybook build",
|
|
66
|
-
"prepare": "husky install"
|
|
67
|
-
},
|
|
68
|
-
"dependencies": {
|
|
69
|
-
"@emoji-mart/react": "~1.1.1",
|
|
70
|
-
"@emotion/react": "^11.11.4",
|
|
71
|
-
"@emotion/styled": "^11.11.0",
|
|
72
|
-
"@mui/material": "^5.15.13",
|
|
73
|
-
"@mui/x-date-pickers": "^6.19.6",
|
|
74
|
-
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
75
|
-
"@radix-ui/react-popover": "^1.0.7",
|
|
76
|
-
"@radix-ui/react-separator": "^1.0.3",
|
|
77
|
-
"@radix-ui/react-slot": "^1.0.2",
|
|
78
|
-
"@radix-ui/react-tooltip": "^1.0.7",
|
|
79
|
-
"@udecode/cn": "~29.0.1",
|
|
80
|
-
"@udecode/plate": "^30.6.1",
|
|
81
|
-
"@udecode/react-utils": "^29.0.1",
|
|
82
|
-
"class-variance-authority": "~0.7.0",
|
|
83
|
-
"date-fns": "^3.4.0",
|
|
84
|
-
"emoji-mart": "~5.5.2",
|
|
85
|
-
"lucide-react": "~0.307.0",
|
|
86
|
-
"next": "~13.5",
|
|
87
|
-
"react": "18.2.0",
|
|
88
|
-
"react-dnd": "~16.0.1",
|
|
89
|
-
"react-dnd-html5-backend": "~16.0.1",
|
|
90
|
-
"react-dom": "~18.2.0",
|
|
91
|
-
"react-h5-audio-player": "~3.9.1",
|
|
92
|
-
"react-is": "~18.2.0",
|
|
93
|
-
"react-player": "~2.13.0",
|
|
94
|
-
"react-show-more-text": "^1.7.1",
|
|
95
|
-
"react-tooltip": "~5.18.0",
|
|
96
|
-
"scheduler": "~0.23.0",
|
|
97
|
-
"slate": "~0.101.5",
|
|
98
|
-
"slate-history": "~0.100.0",
|
|
99
|
-
"slate-hyperscript": "~0.100.0",
|
|
100
|
-
"slate-react": "~0.101.5",
|
|
101
|
-
"styled-components": "~6.1.13",
|
|
102
|
-
"tailwind-merge": "~2.2.0",
|
|
103
|
-
"tailwindcss-animate": "~1.0.7"
|
|
104
|
-
},
|
|
105
|
-
"peerDependencies": {
|
|
106
|
-
"next": "~13.5",
|
|
107
|
-
"react": "~18.2.0",
|
|
108
|
-
"react-dom": "~18.2.0",
|
|
109
|
-
"react-h5-audio-player": "~3.9.1",
|
|
110
|
-
"react-player": "~2.13.0",
|
|
111
|
-
"styled-components": "6.1.8"
|
|
112
|
-
}
|
|
113
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@soul-refiner/design-system",
|
|
3
|
+
"version": "2.11.0",
|
|
4
|
+
"main": "dist/index.js",
|
|
5
|
+
"types": "dist/src/index.d.ts",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"registry": "https://registry.npmjs.org"
|
|
9
|
+
},
|
|
10
|
+
"include": [
|
|
11
|
+
"/dist"
|
|
12
|
+
],
|
|
13
|
+
"files": [
|
|
14
|
+
"dist/**/*"
|
|
15
|
+
],
|
|
16
|
+
"exports": {
|
|
17
|
+
".": {
|
|
18
|
+
"import": {
|
|
19
|
+
"types": "./dist/src/index.d.ts",
|
|
20
|
+
"default": "./dist/index.js"
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"@rollup/plugin-commonjs": "^25.0.7",
|
|
26
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
27
|
+
"@storybook/addon-essentials": "^7.6.7",
|
|
28
|
+
"@storybook/addon-interactions": "^7.6.7",
|
|
29
|
+
"@storybook/addon-links": "^7.6.7",
|
|
30
|
+
"@storybook/addon-themes": "^7.2.3",
|
|
31
|
+
"@storybook/addons": "^7.6.7",
|
|
32
|
+
"@storybook/blocks": "^7.6.7",
|
|
33
|
+
"@storybook/nextjs": "~7.5.3",
|
|
34
|
+
"@storybook/preview-api": "^7.6.13",
|
|
35
|
+
"@storybook/react": "~7.2.1",
|
|
36
|
+
"@storybook/testing-library": "~0.2.0",
|
|
37
|
+
"@types/react": "^18.2.48",
|
|
38
|
+
"@types/react-dom": "18.2.0",
|
|
39
|
+
"@types/react-show-more-text": "^1.4.5",
|
|
40
|
+
"@types/styled-components": "~5.1.26",
|
|
41
|
+
"chromatic": "~6.17.4",
|
|
42
|
+
"husky": "~8.0.0",
|
|
43
|
+
"prettier": "~2.8.8",
|
|
44
|
+
"pretty-quick": "~3.1.3",
|
|
45
|
+
"prop-types": "~15.8.1",
|
|
46
|
+
"rollup": "^4.12.0",
|
|
47
|
+
"rollup-plugin-node-externals": "^7.0.1",
|
|
48
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
49
|
+
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
50
|
+
"rollup-plugin-typescript2": "^0.36.0",
|
|
51
|
+
"rollup-plugin-uglify": "^6.0.4",
|
|
52
|
+
"storybook": "~7.5.3",
|
|
53
|
+
"tailwindcss": "^3.4.1",
|
|
54
|
+
"tsc-alias": "^1.8.8",
|
|
55
|
+
"tsconfig-paths-webpack-plugin": "~4.0.1",
|
|
56
|
+
"tslib": "^2.6.2",
|
|
57
|
+
"typescript": "~5.0.4",
|
|
58
|
+
"webpack": "~5.89.0"
|
|
59
|
+
},
|
|
60
|
+
"scripts": {
|
|
61
|
+
"build": "yarn rollup --config",
|
|
62
|
+
"build:tailwind": "npx tailwindcss -i ./src/styles/globals.css -o ./dist/styles/output.css",
|
|
63
|
+
"format": "prettier --write .",
|
|
64
|
+
"storybook": "yarn build:tailwind && storybook dev -p 6006",
|
|
65
|
+
"build-storybook": "storybook build",
|
|
66
|
+
"prepare": "husky install"
|
|
67
|
+
},
|
|
68
|
+
"dependencies": {
|
|
69
|
+
"@emoji-mart/react": "~1.1.1",
|
|
70
|
+
"@emotion/react": "^11.11.4",
|
|
71
|
+
"@emotion/styled": "^11.11.0",
|
|
72
|
+
"@mui/material": "^5.15.13",
|
|
73
|
+
"@mui/x-date-pickers": "^6.19.6",
|
|
74
|
+
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
|
75
|
+
"@radix-ui/react-popover": "^1.0.7",
|
|
76
|
+
"@radix-ui/react-separator": "^1.0.3",
|
|
77
|
+
"@radix-ui/react-slot": "^1.0.2",
|
|
78
|
+
"@radix-ui/react-tooltip": "^1.0.7",
|
|
79
|
+
"@udecode/cn": "~29.0.1",
|
|
80
|
+
"@udecode/plate": "^30.6.1",
|
|
81
|
+
"@udecode/react-utils": "^29.0.1",
|
|
82
|
+
"class-variance-authority": "~0.7.0",
|
|
83
|
+
"date-fns": "^3.4.0",
|
|
84
|
+
"emoji-mart": "~5.5.2",
|
|
85
|
+
"lucide-react": "~0.307.0",
|
|
86
|
+
"next": "~13.5",
|
|
87
|
+
"react": "18.2.0",
|
|
88
|
+
"react-dnd": "~16.0.1",
|
|
89
|
+
"react-dnd-html5-backend": "~16.0.1",
|
|
90
|
+
"react-dom": "~18.2.0",
|
|
91
|
+
"react-h5-audio-player": "~3.9.1",
|
|
92
|
+
"react-is": "~18.2.0",
|
|
93
|
+
"react-player": "~2.13.0",
|
|
94
|
+
"react-show-more-text": "^1.7.1",
|
|
95
|
+
"react-tooltip": "~5.18.0",
|
|
96
|
+
"scheduler": "~0.23.0",
|
|
97
|
+
"slate": "~0.101.5",
|
|
98
|
+
"slate-history": "~0.100.0",
|
|
99
|
+
"slate-hyperscript": "~0.100.0",
|
|
100
|
+
"slate-react": "~0.101.5",
|
|
101
|
+
"styled-components": "~6.1.13",
|
|
102
|
+
"tailwind-merge": "~2.2.0",
|
|
103
|
+
"tailwindcss-animate": "~1.0.7"
|
|
104
|
+
},
|
|
105
|
+
"peerDependencies": {
|
|
106
|
+
"next": "~13.5",
|
|
107
|
+
"react": "~18.2.0",
|
|
108
|
+
"react-dom": "~18.2.0",
|
|
109
|
+
"react-h5-audio-player": "~3.9.1",
|
|
110
|
+
"react-player": "~2.13.0",
|
|
111
|
+
"styled-components": "6.1.8"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
@@ -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;
|