@soul-refiner/design-system 2.14.111 → 2.14.112
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("react"),i=require("next/image"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),i=require("next/image"),t=require("styled-components"),r=require("../../atoms/box/box.js"),l=require("../../atoms/typography/heading.js"),n=require("../../atoms/typography/paragraph.js"),s=require("../../surfaces/modal/modal.js"),a=require("../../actions/button/button.js"),c=require("../../actions/dropdown/dropdown.js"),d=require("../../feedback/tooltip/tooltip.js"),p=require("../../../icons/time/calendar.js"),x=require("../../../icons/basic/graduation_cap.js"),h=require("../../../icons/time/clock.js"),u=require("../../../icons/maps/pin.js"),j=require("../../../icons/arrow/forward_bold.js"),g=require("../../../icons/basic/star_filled.js"),m=require("../../../icons/basic/star.js"),y=require("../../../icons/basic/ellipsis_horizontal.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var $,v=b(o),T=b(i);!function(e){e.INTERESTED="INTERESTED",e.NOT_INTERESTED="NOT_INTERESTED"}($||($={}));const f=t.styled.div`
|
|
3
3
|
min-width: 312px;
|
|
4
4
|
position: relative;
|
|
5
5
|
display: block;
|
|
@@ -30,16 +30,16 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
${({$sx:e})=>e||""};
|
|
33
|
-
`,E=
|
|
33
|
+
`,E=t.styled.div`
|
|
34
34
|
display: flex;
|
|
35
35
|
flex-direction: column;
|
|
36
36
|
gap: 16px;
|
|
37
37
|
margin-top: 16px;
|
|
38
38
|
height: 128px;
|
|
39
|
-
`,C=
|
|
39
|
+
`,C=t.styled.figure`
|
|
40
40
|
position: relative;
|
|
41
41
|
margin: 0;
|
|
42
|
-
`,
|
|
42
|
+
`,S=t.styled.div`
|
|
43
43
|
position: absolute;
|
|
44
44
|
right: 0;
|
|
45
45
|
bottom: 0;
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
opacity: 0;
|
|
48
48
|
display: flex;
|
|
49
49
|
gap: 8px;
|
|
50
|
-
`,w=
|
|
50
|
+
`,w=t.styled.div`
|
|
51
51
|
position: absolute;
|
|
52
52
|
right: 0;
|
|
53
53
|
top: 0;
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
opacity: 0;
|
|
56
56
|
display: flex;
|
|
57
57
|
gap: 8px;
|
|
58
|
-
`;exports.MeetingCard=({href:o,image:i,sx:
|
|
58
|
+
`;exports.MeetingCard=({href:o,image:i,sx:t,title:b,actions:k,course:q,startDate:N,endDate:D,startTime:I,endTime:B,location:z,shareModal:R,onShareClick:_,handleInterestedOnClick:O,handleNotInterestedOnClick:F,handleVisibleToConnectionsOnClick:H,rsvp:M,dotsActions:P})=>{const A=[];return O&&A.push({value:"interested",label:"Interested",onClick:O,icon:e.jsx(d.Tooltip,{content:"Interested",place:"top",children:e.jsx(g.StarFilled,{color:"yellow-5"})}),color:M===$.INTERESTED?"primary-blue-2":void 0}),F&&A.push({value:"notInterested",label:"Not Interested",onClick:F,icon:e.jsx(d.Tooltip,{content:"Not Interested",place:"top",children:e.jsx(g.StarFilled,{color:"red-4"})}),color:M===$.NOT_INTERESTED?"primary-blue-2":void 0}),H&&A.push("break",{value:"visibleToConnections",label:"Visible to connections",onClick:H}),e.jsxs(f,{$isLink:!!o,$sx:t,as:o?"a":"div",href:o,children:[e.jsxs(C,{children:[e.jsx(T.default,{alt:"",height:160,quality:100,src:i,width:312}),e.jsx(w,{id:"overlayTop",children:P&&!!P.length&&e.jsx(c.Dropdown,{hasArrow:!0,maintainState:!1,options:P,trigger:e.jsx(a.Button,{icon:e.jsx(y.EllipsisHorizontal,{}),showChevron:!1,type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()})}),e.jsxs(S,{id:"overlayBottom",children:[_?e.jsx(a.Button,{icon:e.jsx(d.Tooltip,{content:"Share",place:"bottom",children:e.jsx(j.ForwardBold,{})}),type:"outlined",size:"small",onClick:e=>{e.preventDefault(),_(e)},className:"icon"}):R?e.jsxs(s.Modal,{children:[e.jsx(s.Modal.Trigger,{children:e.jsx(a.Button,{icon:e.jsx(d.Tooltip,{content:"Share",place:"bottom",children:e.jsx(j.ForwardBold,{})}),type:"outlined",size:"small",onClick:e=>e.preventDefault(),className:"icon"})}),e.jsx(s.Modal.Content,{onClick:e=>e.preventDefault(),children:R})]}):null,!!A.length&&e.jsx(c.Dropdown,{open:"left",offset:[40,10],maintainState:!1,options:A,trigger:e.jsx(a.Button,{icon:e.jsx(d.Tooltip,{content:"Interested",place:"bottom",children:M===$.INTERESTED&&e.jsx(g.StarFilled,{sx:"color: var(--color-yellow-5);"})||M===$.NOT_INTERESTED&&e.jsx(g.StarFilled,{sx:"color: var(--color-red-4);"})||e.jsx(m.Star,{})}),type:"outlined",size:"small",className:"icon"}),onClick:e=>e.preventDefault()})]})]}),e.jsxs(r.Box,{$dir:"column",$padding:24,children:[e.jsx(d.Tooltip,{content:b,place:"bottom",children:e.jsx(l.H.Eight,{$textAlign:"center",$color:"grey-2",$mediumBold:!0,$textClampLines:1,children:b})}),e.jsxs(E,{children:[q&&e.jsxs(r.Box,{$align:"center",$gap:20,children:[e.jsx(x.GraduationCap,{color:"grey-6"}),e.jsx(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:q})]}),e.jsxs(r.Box,{$align:"center",$gap:20,children:[e.jsx(p.Calendar,{color:"grey-6"}),e.jsxs(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:[N," - ",D]})]}),e.jsxs(r.Box,{$align:"center",$gap:20,children:[e.jsx(h.Clock,{color:"grey-6"}),e.jsxs(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,children:[I," - ",B]})]}),e.jsxs(r.Box,{$align:"center",$gap:20,sx:"max-width: 264px;",children:[e.jsx(u.Pin,{color:"grey-6"}),e.jsx(d.Tooltip,{content:z,place:"bottom",children:e.jsx(n.P,{as:"span",$color:"grey-3",$lineHeight:20,$fontSize:14,$textClampLines:1,children:z})})]})]}),e.jsx(r.Box,{$display:"flex",$dir:"row",$gap:8,sx:"margin-top: 32px; width: 100%;",children:v.default.Children.toArray(k)})]})]})};
|
|
@@ -17,12 +17,13 @@ export interface MeetingCardProps {
|
|
|
17
17
|
endTime: string;
|
|
18
18
|
location: string;
|
|
19
19
|
shareModal?: React.ReactElement;
|
|
20
|
+
onShareClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
20
21
|
handleInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
|
|
21
22
|
handleNotInterestedOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
|
|
22
23
|
handleVisibleToConnectionsOnClick?: (event: React.MouseEvent<HTMLDivElement>) => void | undefined;
|
|
23
24
|
rsvp?: `${RSVP}`;
|
|
24
25
|
dotsActions?: (Omit<DropdownOptionProps, 'selected'> | 'break')[];
|
|
25
26
|
}
|
|
26
|
-
export declare const MeetingCard: ({ href, image, sx, title, actions, course, startDate, endDate, startTime, endTime, location, shareModal, handleInterestedOnClick, handleNotInterestedOnClick, handleVisibleToConnectionsOnClick, rsvp, dotsActions, }: MeetingCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export declare const MeetingCard: ({ href, image, sx, title, actions, course, startDate, endDate, startTime, endTime, location, shareModal, onShareClick, handleInterestedOnClick, handleNotInterestedOnClick, handleVisibleToConnectionsOnClick, rsvp, dotsActions, }: MeetingCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
28
|
export {};
|
|
28
29
|
//# sourceMappingURL=meeting.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meeting.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/meeting/meeting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAWpF,aAAK,IAAI;IACP,UAAU,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,uBAAuB,CAAC,EAAE,CACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,0BAA0B,CAAC,EAAE,CAC3B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,iCAAiC,CAAC,EAAE,CAClC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;CACnE;AAED,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"meeting.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/meeting/meeting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAWpF,aAAK,IAAI;IACP,UAAU,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAChC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,uBAAuB,CAAC,EAAE,CACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,0BAA0B,CAAC,EAAE,CAC3B,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,iCAAiC,CAAC,EAAE,CAClC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KACpC,IAAI,GAAG,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,OAAO,CAAC,EAAE,CAAC;CACnE;AAED,eAAO,MAAM,WAAW,wOAmBrB,gBAAgB,4CAqLlB,CAAC"}
|