@soul-refiner/design-system 2.14.70 → 2.14.72
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,36 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("next/image"),i=require("styled-components"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("next/image"),i=require("styled-components"),t=require("../../atoms/typography/heading.js"),a=require("../../atoms/typography/paragraph.js"),s=require("../../actions/button/button.js"),o=require("../../iconography/avatar/avatar.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");var l=require("../../feedback/tooltip/tooltip.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../feedback/animated_toast/animated_toast.js"),require("../../feedback/emojiPicker/emoji-picker.js"),require("../../feedback/emojiPicker/emoji-reactions.js"),require("../../feedback/videoLoader/videoLoader.js");var n=d(r);const c=i.styled.div`
|
|
3
3
|
position: relative;
|
|
4
|
-
display:
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
5
6
|
box-shadow: var(--elevation-1);
|
|
6
7
|
border-radius: 16px;
|
|
7
8
|
background-color: var(--color-white);
|
|
8
9
|
overflow: hidden;
|
|
9
10
|
transition: all 0.2s ease;
|
|
10
11
|
min-width: 390px;
|
|
12
|
+
height: 100%;
|
|
11
13
|
|
|
12
14
|
&:hover {
|
|
13
15
|
border: 1px solid var(--color-primary-blue-3);
|
|
14
|
-
transform: translateY(-
|
|
15
|
-
box-shadow: var(--elevation-2);
|
|
16
|
+
transform: translateY(-1px);
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
${({$sx:e})=>e||""};
|
|
19
|
-
`,
|
|
20
|
+
`,p=i.styled.div`
|
|
20
21
|
position: relative;
|
|
21
22
|
width: 100%;
|
|
22
23
|
min-height: 219.375px;
|
|
23
24
|
overflow: hidden;
|
|
25
|
+
flex-shrink: 0;
|
|
24
26
|
|
|
25
27
|
img {
|
|
26
28
|
border-radius: 16px 16px 0 0;
|
|
27
29
|
}
|
|
28
|
-
`,
|
|
30
|
+
`,x=i.styled.div`
|
|
29
31
|
padding: 8px 8px 16px 8px;
|
|
30
32
|
display: flex;
|
|
31
33
|
flex-direction: column;
|
|
32
34
|
gap: 8px;
|
|
33
|
-
|
|
35
|
+
flex: 1;
|
|
36
|
+
`,f=i.styled(t.H)`
|
|
34
37
|
font-size: 18px;
|
|
35
38
|
font-weight: 500;
|
|
36
39
|
color: var(--color-grey-2);
|
|
@@ -43,11 +46,16 @@
|
|
|
43
46
|
color: ${({$isOverAssigned:e})=>e?"var(--color-red-3)":"var(--color-grey-2)"};
|
|
44
47
|
font-weight: ${({$isOverAssigned:e})=>e?"600":"500"};
|
|
45
48
|
margin-left: 16px;
|
|
46
|
-
`,
|
|
49
|
+
`,u=i.styled.div`
|
|
50
|
+
min-height: 32px;
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: flex-start;
|
|
53
|
+
flex: 1;
|
|
54
|
+
`,j=i.styled.div`
|
|
47
55
|
display: flex;
|
|
48
56
|
align-items: center;
|
|
49
57
|
flex-wrap: wrap;
|
|
50
|
-
`,
|
|
58
|
+
`,v=i.styled.div`
|
|
51
59
|
border: 2px solid var(--color-white);
|
|
52
60
|
border-radius: 50%;
|
|
53
61
|
position: relative;
|
|
@@ -65,8 +73,30 @@
|
|
|
65
73
|
font-weight: 600;
|
|
66
74
|
color: var(--color-grey-3);
|
|
67
75
|
z-index: 1;
|
|
68
|
-
`,
|
|
76
|
+
`,m=i.styled.div`
|
|
69
77
|
display: flex;
|
|
70
78
|
gap: 12px;
|
|
71
|
-
margin-top:
|
|
72
|
-
|
|
79
|
+
margin-top: auto;
|
|
80
|
+
`,b=i.styled.a`
|
|
81
|
+
display: block;
|
|
82
|
+
width: 100%;
|
|
83
|
+
height: 100%;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
text-decoration: none;
|
|
86
|
+
|
|
87
|
+
&:hover {
|
|
88
|
+
opacity: 0.9;
|
|
89
|
+
}
|
|
90
|
+
`,k=i.styled.a`
|
|
91
|
+
display: block;
|
|
92
|
+
cursor: pointer;
|
|
93
|
+
text-decoration: none;
|
|
94
|
+
border-radius: 50%;
|
|
95
|
+
|
|
96
|
+
&:hover {
|
|
97
|
+
opacity: 0.8;
|
|
98
|
+
transform: scale(1.05);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
transition: all 0.2s ease;
|
|
102
|
+
`;exports.CourseSeatsCard=({courseId:r,courseName:i,alert:t,courseImage:d,href:q,assignedSeats:w,totalSeats:$,assignedUsers:z,onManageSeats:S,onAddSeats:A,sx:C})=>e.jsxs(c,{$sx:C,children:[t,e.jsx(p,{children:q?e.jsx(b,{href:q,children:e.jsx(n.default,{alt:i,src:d,fill:!0,style:{objectFit:"cover"}})}):e.jsx(n.default,{alt:i,src:d,fill:!0,style:{objectFit:"cover"}})}),e.jsxs(x,{children:[e.jsx(f,{children:i}),e.jsx(g,{children:e.jsxs(a.P,{$fontSize:14,$color:"grey-3",children:["Seat:",e.jsxs(h,{$isOverAssigned:w>$,children:[w,"/",$," Available"]})]})}),e.jsx(u,{children:z.length>0&&e.jsxs(j,{children:[z.slice(0,8).map((r,i)=>e.jsx(l.Tooltip,{content:r.name,place:"top",children:e.jsx(v,{children:r.url?e.jsx(k,{href:`/people/${r.url}/post`,children:e.jsx(o.Avatar,{image:r.imageUrl||"/images/default_avatar.png",size:24})}):e.jsx(o.Avatar,{image:r.imageUrl||"/images/default_avatar.png",size:24})},`${r.id}-${i}`)},`${r.id}-${i}`)),z.length>8&&e.jsxs(y,{children:["+",z.length-8]})]})}),e.jsxs(m,{children:[e.jsx(s.Button,{type:"outlined",size:"small",fluid:!0,onClick:()=>S(r),sx:"font-size: 14px;",children:"Manage Seats"}),e.jsx(s.Button,{type:"primary",fluid:!0,sx:"font-size: 14px;",size:"small",onClick:()=>A(r),children:"Add Seats"})]})]})]});
|
|
@@ -3,16 +3,19 @@ export interface CourseSeatsCardProps {
|
|
|
3
3
|
courseId: string;
|
|
4
4
|
courseName: string;
|
|
5
5
|
courseImage: string;
|
|
6
|
+
href?: string;
|
|
6
7
|
assignedSeats: number;
|
|
7
8
|
totalSeats: number;
|
|
8
9
|
alert: React.ReactNode;
|
|
9
10
|
assignedUsers: {
|
|
10
11
|
id: string;
|
|
11
12
|
imageUrl: string;
|
|
13
|
+
url?: string;
|
|
14
|
+
name: string;
|
|
12
15
|
}[];
|
|
13
16
|
onManageSeats: (courseId: string) => void;
|
|
14
17
|
onAddSeats: (courseId: string) => void;
|
|
15
18
|
sx?: string;
|
|
16
19
|
}
|
|
17
|
-
export declare const CourseSeatsCard: ({ courseId, courseName, alert, courseImage, assignedSeats, totalSeats, assignedUsers, onManageSeats, onAddSeats, sx, }: CourseSeatsCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const CourseSeatsCard: ({ courseId, courseName, alert, courseImage, href, assignedSeats, totalSeats, assignedUsers, onManageSeats, onAddSeats, sx, }: CourseSeatsCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
21
|
//# sourceMappingURL=course-seats.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"course-seats.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/course-seats.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"course-seats.d.ts","sourceRoot":"","sources":["../../../../../src/components/card/course-seats/course-seats.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,EAAE,CAAC;IACJ,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,eAAe,iIAYzB,oBAAoB,4CA8FtB,CAAC"}
|